:root {
	--color-1:#800000;
	--color-2:#800000;
	--color-1rgba:rgba(246,148,29,0.8);
	
	--disable-transition: none !important;
  --bglvl1-submenu-color: rgba(246,148,29,0.8);
  --bglvl2-submenu-color: rgba(246,148,29,0.8);
  --fontlvl1-submenu-color: #000000;
  --fontlvl2-submenu-color: #000000;
  --fontlvl1-submenu-color-hover: #800000;
  --fontlvl2-submenu-color-hover: #800000;
  --fontlvl1-submenu-size: 18px;
  --fontlvl2-submenu-size: 18px;
  
  --radius-std:7px;
}

@font-face {    font-family: 'fontr';    src: url('fontr.eot');    src: url('fontr.eot?#iefix') format('embedded-opentype'),        url('fontr.woff2') format('woff2'),        url('fontr.woff') format('woff'),        url('fontr.ttf') format('truetype'),        url('fontr.svg#fontr') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'fontt';    src: url('fontt.eot');    src: url('fontt.eot?#iefix') format('embedded-opentype'),        url('fontt.woff2') format('woff2'),        url('fontt.woff') format('woff'),        url('fontt.ttf') format('truetype'),        url('fontt.svg#fontt') format('svg');    font-weight: bold;    font-style: normal;    font-display: swap;}
@font-face {  font-family: "icons";  src: url("./icons.eot");  src: url("./icons.eot?#iefix") format("embedded-opentype"),       url("./icons.woff2") format("woff2"),       url("./icons.woff") format("woff"),       url("./icons.ttf") format("truetype"),       url("./icons.svg#icons") format("svg");  font-weight: normal;  font-style: normal;}
html{height:100%;min-width:100%;width:100%; background-color:#f9f9f9; font-size:0;overflow-x:hidden;}
body {margin:0;  min-width: 100%; width:100%; height:100%;}
#global_container{position:relative;height:100%;}
b, strong{font-weight:bold;}
img { max-width: 100%; max-height: 100%;width:100%;height:auto; }
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide{display:none;} 
.connected .athide{display:block;}
 
a{transition: all 0.5s ease 0s;}
a:visited{color:inherit;}
a:hover{color:var(--color-1);}

a.mbut:visited, a.mbut:hover{color:white;}
a.mbut:hover:after, .bntmore:hover:after{width:100%;border-bottom:2px solid var(--color-1);}
a.linkClickedCurrentPage:link{color:white;}
a.linkClickedCurrentPage:visited{color:white;}
.gpmenu a.linkClickedCurrentPage:visited{color:white;}
a.linkClickedCurrentPage.mbut:after{width:100%;}
.formLogin table{width:40%;}
input[type="text"], input[type="password"], select, textarea {font-family:"fontr",Times,serif;color:var(--color-1);width:calc(100% - 20px);display:inline-block; padding:10px; background: rgba(255, 255, 255, 0.30);     border: 1px solid var(--color-1);border-radius:10px;	}


.text_generic, .t_g, h1, h2, h3, .mbut, ::placeholder{font-family:"fontr",Times,serif;	color:black;font-size:20px;font-weight:normal;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-family:"fontt",Times,serif;font-size:40px;font-weight:normal;margin:10px 0;text-align:center;font-weight:bold;position:relative;line-height:40px;}
h1 b, h2 b, h3 b, h1 strong, h2 strong, h3 strong{color:var(--color-1);}
h1:after{position:absolute;content:'';width:20%;border-top:3px solid var(--color-1);transition: all 0.5s ease 0s;bottom:-5px;left:40%;}

h2 div, h3 div{display:inline-block;vertical-align:middle;width:initial;}

.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter, .bcenter{	text-align:center;	margin:auto;}
.fullWidth{width:100%;}
.wysiwyg{background-color:#b3b3b3;}

.bcont{display:block;width:75%;margin:auto;}

[class^="icons-"]:before, [class*=" icons-"]:before,[class^="icons-"]:after, [class*=" icons-"]:after, .gg_sendIcon:before{  text-align:center;    display: inline-block;  font-family: icons !important; vertical-align:middle;   font-style: normal;    font-weight: normal !important;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
[class^="icons-"] > div, [class*=" icons-"]>div, .container_imsgpacc15	.carousel-control-prev>div,  .container_imsgpacc15	.carousel-control-next>div{display:inline-block;vertical-align:middle;}
[class^="icons-"] > div, [class*=" icons-"]>div {max-width:initial}
[class^="icons-"]:before, [class*=" icons-"]:before, [class^="icons-"]:after, [class*=" icons-"]:after {width:initial}

.icons-facebook:before {    content: "\f104"; width:initial}
.icons-linkedin:before {    content: "\f105";width:initial}
.icons-quoteleft:before {    content: "\f10c";width:initial; transform:rotate(180deg)}
.icons-quoteright:after {    content: "\f10c";width:initial;}
.icons-tel:before {    content: "\f103";width:initial}
.icons-mail:before {    content: "\f102";width:initial}
.icons-map:before {    content: "\f101";width:initial}
.icons-row-avo:after, .gg_sendIcon:before {    content: "\f109";width:initial;transform:rotate(-125deg)}
.icons-youtube:before{ content: "\f10f";width:initial;}
.icons-rowfaq:before{ content: "\f110";width:initial;}

.carousel {margin:0}
.carousel-caption{padding:0.2% 0 0.2% 1%;font-family:"fontt",Times,serif;text-align:center;display:block;position:absolute;bottom:30%;left:50%;width:40%;background:none;}
.carousel-caption h4, .carousel-caption p { text-align: center;color:black;color:white;}
.carousel-indicators {display:none;}
.carousel-indicators li {	border-radius:0px;height: 13px;width: 13px;background-color: white	;}
.carousel-indicators .active { background-color: var(--color-1);}
.carousel .item img { max-height: 200%;width:100%;height:auto;}
.thumb-carousel-control{display:none;}
.description_gen_carrousel{}
.title_gen_carrousel{font-family:"fontt",Times,serif;} 
.div_thumbnailsCarousel, .thumbnailsCarousel {height: 100%;}

#div_container_1_h, #div_container_5_fr,#div_container_6_fr, #div_container_9_fo, #container_submenu, .gpheader{display: block;margin:auto;width: 100%;z-index:2;}
#div_container_1_h, #div_container_9_fo{width: 100%;}
#div_container_9_fo{margin-top:50px;}

.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept, 
.btnstd{padding:12px 40px;border-radius:50px;color:white;text-align:center;font-size:20px;transition: all 0.5s ease 0s;cursor:pointer;font-weight:bold;width:initial}
a.btnstd:visited, a.button_edit:visited{color:white}
.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept, .btnstd {background-color: var(--color-1);/*background-image: linear-gradient( to right, rgba(51,51,51,1), rgba(255,255,255,0));*/
	box-shadow: 0px 81px 32px rgba(0, 0, 0, 0.01), 0px 45px 27px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.09), 0px 5px 11px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);border:none;}
.btnstd:hover{background-color: var(--color-1);    box-shadow: 0px 81px 32px rgba(0, 0, 0, 0.05), 0px 45px 27px rgba(0, 0, 0, 0.09), 0px 20px 20px rgba(0, 0, 0, 0.15), 0px 5px 11px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.2);}




/**** HEADER / MENU ***/
#div_container_1_h{position:absolute;z-index:300}
.connected #div_container_1_h { position: relative;background:black;}
.gphead{width:100%;display:block;margin:auto;text-align:left;}
.gpheader{width:75%;display:block; margin:auto;padding: 0 0 1% 0}
.gphcoord{width:32.5%;margin-left:55%;padding:1% 0;text-align:right;}
.gphcoord a{transition: all 0.5s ease 0s;color:white;}
.gphcoord .thmail:before, .gphcoord .thtels:before{color:white;}
.gphcoord a:hover{color:var(--color-1);}
.thmail {margin-left:25px;}
.gplogo{width:20%;vertical-align:middle;text-align:center;vertical-align:middle;}
.logo{width:100%;min-height:30px;transition: all 0.5s ease 0s;}
.gpmenumo{display:none;}
.gpmenu{transition: all 0.5s ease 0s;vertical-align:middle;width:70%;margin-left:10%;text-align:right;padding:0.5% 0;}
.mbut, .bntmore{text-align:left;vertical-align:top;transition: all 0.5s ease 0s;border:none;margin-left:50px;color:white;position:relative;padding-bottom:3px}
.mbut:after, .bntmore:after{content:'';position:absolute;bottom:0;right:0;width:10px;transition: all 0.5s ease 0s;border-bottom:2px solid white;}



/***** CUSTOM ****/
.carousel-control{display:none;}


.cmenu{display: flex; flex-direction : row; justify-content: flex-end;}
.cmenu .gg_smi{display:none;}
.gg_hc{position: relative;}
.gg_hc:hover{cursor:default}
.gg_sm  li{padding:4% 0; }

.gg_sm a, .gg_sm>li>div{width:auto;height:auto;    white-space: nowrap;}
.t_g.gg_smn{padding:0}
.cmenu>li{padding:20px 0}
.gg_sm.lvl1, .gg_sm.lvl2{display: none;flex-flow: column wrap;position: absolute;background:rgba(255,255,255,0.8);	padding:0;border-bottom:2px solid var(--color-1)}
.gg_sm.lvl1{left:50px;top:50px;padding:0 4%; }
.gg_sm a, .gg_sm>li>div {text-align: left;}
.gg_sm .gg_sm{    top: 0; left: 100% ;}
.gg_smn{display:inline-block;vertical-align:middle;transition: all 0.5s ease 0s}
.ggsm_next {display:inline-block;}
.gg_sm.lvl2 .gg_smn:before{display:none;}
.ggsm_next:before { font-size:18px;color:var(--color-1); vertical-align:middle;margin-left:0.5vw;opacity:0;transition: all 0.5s ease 0s}
.gg_smn:hover {var(--color-1)}
.lvl1 .gg_hc:hover .ggsm_next:before{opacity:1;}
.lvl2 .gg_smn{ border-left:3px solid transparent; padding-left:0.5vw;text-align:left;transition: all 0.5s ease 0s}





/**** ACCUEIL ****/
.gpgims{position:relative;aspect-ratio: 2.1;}
.container_imsacc {width:100%;}
.imsacc{width:100%;height:initial;background-color:transparent;color:black;overflow:hidden;position:relative;aspect-ratio: 2.1;}
.connected .imsacc {height:100vh;}
.imsacc img{max-height:200%; max-width:130%;min-width: 100%;filter: brightness(0.4);}
.imsacc .item_image.carousel .item img{height: auto;}
.imsacc .title_gen_carrousel, .imsacc .description_gen_carrousel {background: none; color: white;animation-duration: 1s; animation-fill-mode: both;animation-name: zoomIn; padding: 0%;vertical-align: middle; margin: auto;}
.imsacc .item{height: 100%;}
/*.imsacc .carousel-caption:before{content:'';position:absolute;left:-1%;height:100%;display:inline-block;border-right: 0.2vw solid white;    transform: scale(1.003) skew(-20deg);-webkit-transform: scale(1.003) skew(-20deg);}*/
.imsacc .title_gen_carrousel{position:relative;padding: 3% 0; display:block;font-size: 50px; animation-delay: 500ms;     background:none;}
/*.imsacc .title_gen_carrousel:before{content:'/';font-size: 70px; font-weight:bold; animation-delay: 500ms;     background:none; color:var(--color-1);vertical-align:middle}*/
.imsacc .title_gen_carrousel>div{display:inline-block;vertical-align:middle}
.imsacc .description_gen_carrousel {position:relative;transition: 0.3s;display:block;font-weight:normal;animation-delay: 1500ms;font-size: 20px;margin: auto;padding: 1% 0 0 0;}
.imsacc .bCar {width:200px;position:absolute;bottom:15%;left:calc( 70% - 100px );background:var(--color-1);padding:20px 10px;border-radius:var(--radius-std);color:white;animation-duration: 1s; animation-fill-mode: both;animation-name: zoomIn;}
.imsacc .bCar:hover{color:var(--color-1);background:white;}



.pipebackred{border-left:3px solid white;margin-left:20px;padding-left:20px;}
.btredacc1{width:100%;padding:20px 0;background-color:var(--color-1);margin-top:-3px;text-align:center}
.btredacc1 .t_g {font-family:"fontt",Times,serif;color:white;font-size:25px;line-height:25px;text-align:center}
.btredacc1 a.linkClickedCurrentPage:visited {color:white;}
.btredacc1 a:hover{color:gray!important}
.bsimacc1, .bsimacc3{width:50%;vertical-align:middle;position:relative;}
.bsimacc3{margin-left:-5%;}
.connected .bsimacc3{margin-left:5%;}
.bimacc1{width:calc( 50% - 0.5vw );vertical-align:top;}
.bimacc1b{width:calc( 50% - 0.5vw );vertical-align:top;margin-left:1vw}
.imacc1, .imacc1b{width:100%;aspect-ratio:0.482}
.imacc1b{aspect-ratio:1}
.imacc1 img, .imacc1b img, .imacc3 img, .imacc3b img{border-radius:var(--radius-std);box-shadow: 0px 81px 32px rgba(0, 0, 0, 0.01), 0px 45px 27px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.09), 0px 5px 11px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);}
.btimacc1{width:30%;background:rgba(0,0,0,0.8);position:absolute;bottom:5%;left:35%;border-radius:var(--radius-std)}
.btxtacc1, .btxtacc3{width:55%;margin-left:-5%;vertical-align:middle;background:rgba(255,255,255,0.8);border-radius:var(--radius-std);padding:2%;box-sizing:border-box;position:relative;z-index:10;}
.btxtacc3{margin-left:initial;}
.connected .btxtacc1 {width:45%;margin-left:5%;}
.connected .btxtacc3 {width:45%;}
.tlegacc1{width:80%;margin:10px auto;text-align:center;font-family:"fontt",Times,serif;color:white;font-size:25px;line-height:25px;}
.tlegacc1 b, .tlegacc1 bold, .tlegacc1 strong {font-size:35px;margin-bottom:10px;}


.bimacc2{width:100%;margin:80px 0 0 0;position:relative;}
.imacc2{width:100%;aspect-ratio:4}
.imacc2 img{filter: brightness(0.5);}
.tlegimacc2{z-index:350;width:80%;text-align:center;font-family:"fontt",Times,serif;color:white;position:absolute;left:10%;bottom:20%;font-size:75px;line-height:75px;transform:rotate(-3deg)}
.btxtacc2{background:var(--color-1);text-align:center;padding:20px;margin-top: -130px;clip-path: polygon(0 45%, 100% 0, 100% 100%, 0% 100%);padding-top:100px;}
.txtacc2, .txtacc2b{display:block;width:50%;text-align:center;margin:20px auto;color:white;font-size:25px;}
.txtacc2b{width:80%;color:var(--color-2);font-family:"fontt",Times,serif;font-size:35px;line-height:35px}

.bimacc3, .bimacc3b, .bimacc3c{width:100%;}
.bimacc3b{margin-top:1vw}
.imacc3 {width:100%; aspect-ratio:2}
.imacc3b{width:calc( 50% - 0.5vw ); aspect-ratio:1;}

.bntmore{color:black;cursor:pointer;margin-left:0;font-style:italic;margin-top:40px;}
.bntmore:after{border-color:black;}

.bformacc{width:70%;padding:1% 15%;background-color:black;background-image: url("../view/global/background/bckform.png");background-position: inherit;background-repeat: no-repeat;background-size: contain ;background-position-x: center;background-position-y: 0;}
.bformacc .t_g, .bformacc label, .bformacc h3{color:white;}
.telformacc {color:var(--color-1)!important;font-size:25px;display:block;text-align:center;}
.telformacc:before{color:var(--color-1);font-size:60px;}
.bacc8, .bacc9 {vertical-align:middle;position:relative;}
.bacc8{width:50%;margin-right:10%;text-align:center}
.bacc9{width:40%;}
.imacc8, .vidform, .connected #div_tarifs__5_fr__video__1020__010__video, .connected #div_accueil__5_fr__video__1020__010__video {width:70%;aspect-ratio:0.65}
.connected .vidform {width:100%;height:100%}
.vidform iframe{border:none;border-radius:var(--radius-std)}
.imacc8 img{border-radius:var(--radius-std)}
.fdevisacc input,.fdevisacc  select, .fdevisacc  textarea {font-family:"fontr",Times,serif;color:white;width:calc(100% - 30px);display:inline-block; padding:15px; background: rgba(255, 255, 255, 0.30);     border: 1px solid var(--color-1);border-radius:var(--radius-std);	}
.fdevisacc input[type="checkbox"] {width:initial;}
.fdevisacc .labelInputCheckBox{color:white;font-size:15px;}
.fdevisacc table tr:nth-child(1), .fdevisacc table tr:nth-child(2) {	width:49%;display:inline-block;}
.fdevisacc table tr:nth-child(2){margin-left:2%;}
.fdevisacc ::placeholder{color:white;}
.fdevisacc  select {width:100%;padding:4% 2%;font-weight:normal; font-size:16px;}
.fdevisacc option{color:black;}
.fdevisacc textarea{height:150px}
.fdevisacc table , .fdevisacc tbody{width:100%;font-size:0;}
.fdevisacc table tr td:nth-child(1){display:none;}
.fdevisacc .inpRGPD .cell_2_form { text-align: left;}
.fdevisacc td { display: block;margin:5px 0}
.fdevisacc .input_submit{float:right;margin-top:40px;}


/*** PRESTATIONS ***/
.bprestations{display:block;}
.bprestations .group_duplicable_editor,.bprestations .duplicate_line {width:31%;vertical-align:top;margin:1%}
.bblpresta{width:100%; box-sizing:border-box; height:initial;text-align:center;padding:5%;border:1px solid var(--color-1)}
.btxtpresta{text-align:center;}


.bcategs{text-align:center;padding:40px 0}
.bcategs>.duplicate_line,.bcategs>.group_duplicable_editor{vertical-align:top;width:20%;aspect-ratio:1;margin:1%;}
.bcategart{width:100%;position:relative;transition: all 0.5s ease 0s;border-radius:var(--radius-std);overflow:hidden;}
.imartact{width:100%;aspect-ratio:1;transition: all 0.5s ease 0s;}
.imartact:hover img{transform:scale(1.1);}
.bcategart:hover {box-shadow: 0px 81px 32px rgba(0, 0, 0, 0.01), 0px 45px 27px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.09), 0px 5px 11px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);}
.imartact img{transition: all 0.5s ease 0s;min-height:100%;min-width:100%;max-width:initial;max-height:initial;position:absolute;top:0;left:0;    width: auto;    height: 120%;border-radius: var(--radius-std) ;}


/*** REF ***/
.baccprests{display: flex ;      align-items: stretch;  justify-content: space-around; width:100%;box-sizing:border-box;padding:5%;flex-wrap: wrap;}
.baccprest{position:relative;transition: all 0.5s ease 0s;flex-basis:45%;box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;background:white;border-radius:var(--radius-std);    display: flex;   flex-direction: column;margin:3% 0}
.bprestnum{flex-basis:22%;margin:2%;}
.tiaccprest, .desaccprest, .moreaccprest{transition: all 0.5s ease 0s;padding:15px;width:100%;box-sizing:border-box;}
.desaccprest{flex-grow:1}
.tiaccprest, .moreaccprest {font-family:"fontti",Times,serif;}
.tiaccprest, .tiaccprest h3{font-size:23px;}
.moreaccprest{color:var(--color-1);text-align:right}

.baccprest:hover{    box-shadow: rgba(0, 0, 0, 0.45) 0px 45px 40px -20px; background:var(--color-1);}
.baccprest:hover .tiaccprest, .baccprest:hover .desaccprest, .baccprest:hover .moreaccprest, .baccprest:hover a {color:white;}




/*** CONTACT ***/
.bformcont{width:60%;padding:3% 0;margin:auto;display:block;}
.bformcont .t_g, .bformcont label, .bformacc h3{}
.main_ggMap , .ggMap {width: 100%; height: 400px;margin:30px 0}
.fcontact input,.fcontact  select, .fcontact  textarea{font-family:"fontr",Times,serif;color:var(--color-1);width:calc(100% - 40px);display:inline-block; padding:20px; background: rgba(255, 255, 255, 0.30);     border: 1px solid var(--color-1);border-radius:var(--radius-std);	font-size:20px;}
.fcontact input[type="checkbox"] {width:initial;}
.fcontact .labelInputCheckBox{color:black;font-size:15px;}
.fcontact table tr:nth-child(1), .fcontact table tr:nth-child(2) {	width:49%;display:inline-block;}
.fcontact table tr:nth-child(2){margin-left:2%;}

.fcontact  select {width:100%;padding:3% 2%;font-weight:normal;font-size: 18px;}
.fcontact option{color:black;}
.fcontact textarea{height:150px}
.fcontact table , .fcontact tbody{width:100%;font-size:0;}
.fcontact table tr td:nth-child(1){display:none;}
.fcontact .inpRGPD .cell_2_form { text-align: left;}
.fcontact td { display: block;margin:5px 0}
.fcontact .input_submit{float:right;margin-top:40px;}

.gptxtcontact{border-radius:var(--radius-std);box-shadow: 0px 81px 32px rgba(0, 0, 0, 0.01), 0px 45px 27px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.09), 0px 5px 11px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
	background: linear-gradient(45deg,  #f2f2f2 0%,#ffffff 64%,#ffffff 100%); 
	padding:10px 100px 10px 10px;width:60%;box-sizing:border-box;vertical-align:top;}

.gptxtcontact{padding:10px 10px 10px 100px;width:55%;padding:30px 30px 30px 30px;margin-left:10%;}
.gpimgcontact{position:relative;width:50%;padding:20px;vertical-align:top;margin-top:-10%;box-sizing:border-box;}
.gpimgcontact{margin:0;width:35%}
.gptxtcontact, .gpimgcontact{vertical-align:middle;}
.gpmemcoord{padding: 0 5% 0 15%;text-align:left;vertical-align:middle;    display: flex ;   align-items: center;   justify-content: space-between;width:80%;padding:0;margin:80px auto;text-align:center}
.gpmemcoord .thtels,.gpmemcoord .thmail,.gpmemcoord .thname{ flex-basis: 30%;}
.gpmemcoord .thtels:before,.gpmemcoord .thmail:before{font-size:35px;}

div_container_9_fo{}
.bfoot{display:block;width:100%;margin:auto;text-align:left;padding:0;box-sizing:border-box; margin-top:0;position:relative;position:relative;padding-bottom:40px;}
.bfologo{width:100%;text-align:center;margin-top:0;}
.logofo{width:250px;}
.bfoinfo,.bfoinfo1{width:45%;padding:2.5%;vertical-align:middle;box-sizing:border-box;text-align:center}
.tifoot{font-family:"fontt",Times,serif;font-size:35px;color:var(--color-1);line-height:35px}
.tfootel, .tfoomail, .tfoomap{width:50%;text-align:center;margin:10px 0}
.tfootel:before, .tfoomail:before, .tfoomap:before, .tfootel>div, .tfoomail>div, .tfoomap>div{max-width:initial}
.tfoomap{width:100%;}
.tfoosoc:before{font-size:30px;color:var(--color-1)}
.tiacccomp{font-size:25px;}
.telformacc {font-size:25px;}
.labelInputCheckBox{color:white;font-size:15px;}
.bconcept{background:var(--color-1);padding:2%;width:100%;box-sizing:border-box;border-radius:var(--radius-std)}
.bconcept .t_g{color:white}
.bconcept a:hover{color:gray}

.mtop20{margin: 20px auto auto auto}
.mtop2p{margin: 1vw auto auto auto}
.mleft2p{margin: auto auto auto 1vw }
.mbot80 {margin-bottom:80px;}
.mtop80 {margin-top:80px;}
.bmb20{margin:20px auto}
.bmb40{margin:40px auto}
.bmb80{margin:80px auto}
.previewOverlay {z-index:1000}




@media 	only screen and (max-width : 1600px) {
	:root {
		--fontlvl1-submenu-size: 16px;
	  --fontlvl2-submenu-size: 16px;
	  
	  --radius-std:7px;
	}
	.text_generic, .t_g, h1, h2, h3, .mbut, ::placeholder{font-size:18px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size:35px;line-height:35px;}
	.imsacc .title_gen_carrousel {  font-size: 40px;}
	.imsacc .description_gen_carrousel { font-size: 17px;}
	.bcont { width: 80%;}
	.btredacc1 .t_g {  font-size: 20px;    line-height: 20px;}
	.tlegacc1 b, .tlegacc1 bold, .tlegacc1 strong { font-size: 30px;}
	.tlegimacc2 { font-size: 55px;    line-height: 55px;}
	.btxtacc2 {  margin-top: -105px;}
	.bacc8 {width: 40%;}
	.imacc8, .vidform, .connected #div_tarifs__5_fr__video__1020__010__video, .connected #div_accueil__5_fr__video__1020__010__video { width: 90%;}
	.bacc9 {width: 50%;}
	
	.fdevisacc .labelInputCheckBox, .fcontact .labelInputCheckBox{font-size:15px;}
	.fcontact input,.fcontact  select, .fcontact  textarea{font-size:18px;}
	.fdevisacc  select {font-size:14px;}
	.fcontact  select {font-size:16px;}
	
	.tifoot { font-size: 30px;  line-height: 30px;}
	

}

@media 	only screen and (max-width : 1400px) {
	
	:root {
		--fontlvl1-submenu-size: 15px;
	  --fontlvl2-submenu-size: 15px;
	  
	  --radius-std:7px;
	}
	.text_generic, .t_g, h1, h2, h3, .mbut, ::placeholder{font-size:16px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size:30px;line-height:30px;}
	.gpheader { width: 85%;}
	.gphcoord { width: 37.5%;}
	
	.imsacc .title_gen_carrousel {  font-size: 35px;}
	.imsacc .description_gen_carrousel { font-size: 15px;}
	.bcont { width: 85%;}
	.btredacc1 .t_g {  font-size: 17px;    line-height: 17px;}
	.tlegacc1 b, .tlegacc1 bold, .tlegacc1 strong { font-size: 25px;}
	.tlegimacc2 { font-size: 45px;    line-height: 45px;}
	.btxtacc2 {  margin-top: -105px;}
	

	
	.bformacc { width: 80%;    padding: 1% 10%;}
	.fdevisacc .labelInputCheckBox, .fcontact .labelInputCheckBox{font-size:15px;}
	.fcontact input,.fcontact  select, .fcontact  textarea{font-size:16px;}
	.fdevisacc  select {font-size:12px;}
	.fcontact  select {font-size:16px;}
	
	.tifoot { font-size: 30px;  line-height: 30px;}
	

}

@media 	only screen and (max-width : 1200px) {
	
	:root {
		--fontlvl1-submenu-size: 14px;
	  --fontlvl2-submenu-size: 14px;
	  
	  --radius-std:7px;
	}
	
	.text_generic, .t_g, h1, h2, h3, .mbut, ::placeholder{font-size:16px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size:25px;line-height:25px;}
	.imsacc .title_gen_carrousel {  font-size: 30px;}
	.imsacc .description_gen_carrousel { font-size: 14px;}
	.bcont { width: 90%;}
	.btredacc1 .t_g {  font-size: 16px;    line-height: 16px;}
	.tlegacc1 b, .tlegacc1 bold, .tlegacc1 strong { font-size: 20px;}
	.tlegimacc2 { font-size: 40px;    line-height: 40px;}
	.btxtacc2 {  margin-top: -105px;}

	
	.fdevisacc .labelInputCheckBox, .fcontact .labelInputCheckBox{font-size:14px;}
	.fcontact input,.fcontact  select, .fcontact  textarea{font-size:16px;}
	.fdevisacc  select {font-size:12px;}
	.fcontact  select {font-size:15px;}
	
	.tifoot { font-size: 25px;  line-height: 25px;}
	

}

@media 	only screen and (max-device-width : 468px) {
	:root {
		--fontlvl1-submenu-size: 4vw;
	  --fontlvl2-submenu-size: 4vw;
	}
	
	html, body{height:100%;}
	.t_g, label, h1, h2, h3, .newBlockSearchResult .item_name, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder, .bchiffres .suffixe {margin-top:0;	font-size:4vw; line-height:initial}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{  font-size: 5.5vw; line-height:initial;margin:2vw 0 1vw 0}
	h2, h3, h2.t_g, h3.t_g, .newBlockSearchResult .item_name{  font-size: 5.5vw;line-height:7vw;}
	h1:after {  border-top: 0.5vw solid var(--color-1);}
	input[type="text"], input[type="password"], input[type="number"], textarea, select, option, .GandG_account input[type="text"], .GandG_account select, .GandG_account input[type="password"], .GandG_account input[type="date"], .GandG_account textarea, .GandG_cart input[type="text"], .GandG_cart select, .GandG_cart input[type="password"], .GandG_cart input[type="date"], .GandG_cart textarea {
    font-size: 4vw;
    line-height: 5vw;}
	
	
	
	.bcont  {   width: 96%;	}
	.bcont>.bcont{width:100%;}
	
	.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete, #button_refuse, #button_accept, .btnstd{padding: 3vw 8vw;border-radius:5vw;font-size:4vw;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.01), 0px 5px 5px rgba(0, 0, 0, 0.05), 0px 10px 10px rgba(0, 0, 0, 0.09), 0px 5px 5px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);}
	

	.gphead{}
	.gphcoord { width: 96%;    margin-left: 2%;}

	.gpheader {   width: 100%; position: absolute;   top: 0;}
	.gplogo {  width: 30%; padding:2%   }
	.gpmenumo{display:block;position:absolute;cursor:pointer;right:1vw;margin-top: 0;top: 8vw; z-index: 320; width:10vw;height:10vw;}
	.ibutmob {width:10vw;height:10vw;fill:white}
	.gpmenu{  transition: none; display:none;  overflow: auto;     flex-flow: nowrap;    width: 100%;text-align:center!important;padding:0;margin:0; background:rgba(0,0,0,0.8)}
	.gpmenu .cmenu {display: flex;flex-direction:column}
	.gpmenu .cmenu li {  display: block;}
	.gpmenu .gg_sm a {  white-space: wrap;}
	.cmenu>li { padding: 1vw 0;}
	.mbut{margin:0 1vw;font-size:3vw;}
	.mbut{font-size:4vw;white-space: nowrap;text-align:center;margin:2vw 0;width:initial}
	.gg_sm li { padding: 2vw 6vw;}
	
	.gpgims { overflow:hidden;height: 66vw;        width: 100%;}
	.gpgims>div, .container_imsacc, .container_imsacc .container {height:100%}
	.imsacc {   overflow:auto;height:100%}
	.carousel-caption { padding: 0;    bottom: 10%;    left: 2%;    width: 96%;}
	.carousel .item img {  width: 140%;  max-width: 140%;     }
	.imsacc .title_gen_carrousel{font-size: 5vw;}
	.imsacc .title_gen_carrousel:before{font-size: 6vw; }
	.imsacc .bCar {display:none;}
	.imsacc .title_gen_carrousel {  font-size: 5vw;}
	.imsacc .description_gen_carrousel { font-size: 3.5vw;}
	
	.btredacc1 .t_g {  font-size: 3vw;    line-height: 4vw;}
	.pipebackred {    border-left: 0.5vw solid white;    margin-left: 2vw;    padding-left: 2vw;}
	.tlegacc1 b, .tlegacc1 bold, .tlegacc1 strong {         font-size: 9vw;    line-height: 9vw;}
	.tlegimacc2 { font-size: 6vw;    line-height: 6vw; transform: rotate(0);}
	.btxtacc2 {  margin-top: -105px;}
	.btimacc1 {  bottom: 15%}
	.bsimacc1, .bsimacc3 { width: calc(100%);}
	.imacc1 { aspect-ratio: 0.495;}
	.btxtacc1, .btxtacc3 { width: 90%; margin-left: 5%;margin-top:-10%}
	.btxtacc2{display:none;}
	.bsimacc3 { margin-left: 0;}
	.freorder{display:flex;flex-direction:column;margin:15vw auto!important;}
	.order1{order:1}
	.order2{order:2}
	.bimacc2 {  margin: 6vw 0 0 0;}
	.btredacc1 {  padding: 4vw 0;}
	
	.baccprest{flex-basis:100%}
	
	.bformacc { width: 96%;  padding:2%}
	.bacc8 { width: 96%; display:block;margin:auto; } 
	.bacc9 {   width: 100%;   margin-top:5vw }
	.fdevisacc .labelInputCheckBox, .fcontact .labelInputCheckBox{font-size:3vw;}
	.fcontact input,.fcontact  select, .fcontact  textarea{font-size:3vw;}
	.fdevisacc  select {font-size:3vw;}
	.fcontact  select {font-size:4vw;}
	.fdevisacc .input_submit { margin-top: 4vw;}
	.gpmemcoord{flex-direction:column}
	.gpmemcoord .thtels, .gpmemcoord .thmail, .gpmemcoord .thname {  flex-basis: 70%;margin:2vw auto}
	.gpmemcoord .thtels:before,.gpmemcoord .thmail:before{font-size:5vw;}
	.bformcont {width: 100%;}
	
	.bcategs { padding: 3vw 0;}
	.bcategs>.duplicate_line, .bcategs>.group_duplicable_editor {  width: 46%;    margin: 1%;}
	#div_container_9_fo{margin-top:2vw}
	.tifoot { font-size: 5vw;  line-height: 5vw;display:none;}
	.logofo { width: 40%;}
	.bfoinfo, .bfoinfo1 { width: 100%;}

	.mtop20{margin: 2vw auto auto auto}
	.mtop2p{margin: 1vw auto auto auto}
	.mleft2p{margin: auto auto auto 1vw }
	.mbot80 {margin-bottom:4vw;}
	.mtop80 {margin-top:4vw;}
	.bmb20{margin:2vw auto}
	.bmb40{margin:3vw auto}
	.bmb80{margin:6vw auto}
}