:root {
	--color-1:#006c7b;

	
	--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: #f6941d;
  --fontlvl2-submenu-color-hover: f6941d
  --fontlvl1-submenu-size: 18px;
  --fontlvl2-submenu-size: 18px;
  
  --radius-std:7px;
  --radius-std2:3px;
}

@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:white; 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, .athideuser {display:none;} 
.connected .athideuser {display:block;}
.posrelat{position:relative;}

/*a{transition:unset!important}*/
a:visited{color:inherit;}
a:hover{color:var(--color-1);}

a.mbut:visited, a.mbut:hover{color:black;}
a.mbut:hover:after{width:100%;border-bottom:2px solid var(--color-1);}
a.linkClickedCurrentPage:link{color:black;}
a.linkClickedCurrentPage:visited{color:black;}
.gpmenu a.linkClickedCurrentPage{color:black;font-weight:bold;}
a.linkClickedCurrentPage.mbut:after{width:100%;font-family:"fontt",Times,serif;}

input[type="text"], input[type="password"],  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;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-family:"fontt",Times,serif;font-size:32px;margin:0 0 20px 0;position:relative;text-transform: uppercase;}
h1 b, h2 b, h3 b, h1 strong, h2 strong, h3 strong{color:var(--color-1);}

h1 .ql-align-justify, h2 .ql-align-justify, h3 .ql-align-justify{text-align:left}

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-mail:before {    content: "\f104";width:initial;font-size:40px}
.icons-linkedin:before {    content: "\f101";width:initial;font-size:40px}
.icons-instagram:before {    content: "\f102";width:initial;font-size:40px}
.icons-facebook:before {    content: "\f103";width:initial;font-size:40px}
.icons-devis:before {    content: "\f105";width:initial;font-size:40px}



.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:15%;width:50%;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%;}


.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept, 
.btnstd{padding:12px 40px;border-radius:var(--radius-std2);color:white;text-align:center;font-size:20px;transition: all 0.5s ease 0s;cursor:pointer;font-weight:bold;width:initial}
.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;}
.btnstdb{background-color: var(--color-1);background-image: linear-gradient( to left, rgba(50,96,166,1), rgba(255,255,255,0));}
.btnstdw{transition: all 0.5s ease 0s;background-color: white;padding:10px 20px ; border:1px solid black}
.btnstdw:hover{border:1px solid var(--color-1);	-webkit-box-shadow: 0px 12px 14px -6px #E0E0E0; 
box-shadow: 0px 12px 14px -6px #E0E0E0;}
.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;background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); padding:1% 0 3% 0}
.connected #div_container_1_h{position:relative;}
.gphead{width:80%;display:block;margin:auto;text-align:right;}
.gpheader{width:100%;display:block; margin:auto;padding: 0 0 1% 0;text-align:center;}
.gphcoord{background:black;width:5%;padding:1%;text-align:center;border-radius:var(--radius-std2) 0 0 var(--radius-std2);position:fixed;right:0;top:10%}
.connected .gphcoord{top:30%}
.gphcoord a{transition: all 0.5s ease 0s;}
.gphcoord a:hover{color:white;}
.thtels, .thtels:before  {color:white}
.gplogo{width:25%;vertical-align:middle;text-align:center;vertical-align:middle;}
.logo{width:100%;min-height:30px;transition: all 0.5s ease 0s;}
.logo a {width:100%}
.gpmenumo{display:none;}
.gpmenu{transition: all 0.5s ease 0s;vertical-align:middle;width:75%;margin-left:0;text-align:left;padding:0.5% 0;}
.mbut, .linHearder{text-align:left;vertical-align:middle;transition: all 0.5s ease 0s;border:none;margin-left:50px;color:black;position:relative;padding-bottom:3px;font-size:22px;}
.mbut:after{content:'';position:absolute;bottom:0;left:0;width:0;transition: all 0.5s ease 0s;border-bottom:2px solid var(--color-1);}




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


.cmenu{display: flex; flex-direction : row; justify-content: center;}
.cmenu .gg_smi{display:none;}
.gg_hc{position: relative;}
.gg_hc:hover{cursor:default}
.gg_sm  li{padding:0.4vw; }
.lvl1 li{text-align:right}
.lvl2  li{text-align:left}
.gg_sm a, .gg_sm>li>div{width:auto;height:auto;    white-space: nowrap;}
.t_g.gg_smn{padding: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:30px}
.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}


.tiunline .ql-align-right, .tiunline .ql-align-justify{padding:5px 15px;background:var(--color-1);display:inline-block; color:white;margin-top:-2px;}
.tiunline .ql-align-right:nth-child(1), .tiunline .ql-align-justify:nth-child(1){display:block;}



/**** ACCUEIL ****/
.gpgims{position:relative;margin-bottom:40px}

.imsacc{width:100%;height:initial;background-color:transparent;color:black;overflow:hidden;position:relative;}
.connected .imsacc{height:90vh;}
.imsacc:before{content:'';height:100%;width:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&1+0,0+50,0+100 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

position:absolute;z-index:2;display:block;left:0;top:0;}
.connected .imsacc:before{height:90vh;}
.container_imsacc {width:100%;}
.imsacc img{max-height:200%; max-width:130%;min-width: 100%;}
.imsacc2{width:27%;position:absolute!important;bottom:0;z-index:350;left:40%;}

.logoanim, .logoanim2, .logoanim3{width:16vw;position:absolute!important;bottom:17vw;right:21vw;z-index:350;visibility:hidden;opacity:0}
.logoanim2{bottom:12vw;right:14vw;}
.logoanim3{bottom:7vw;right:5vw;}

.briktxtimg{width:30%;position:absolute;top:25vw;left:2%;z-index:5}
.tibrikacc{font-family:"fontt",Times,serif;font-size:35px;color:white;margin-bottom:15px;text-align:right}

.gpimacc1{width:55%;margin-right:5%;vertical-align:middle}
.gptxtacc1{width:40%;vertical-align:middle}
.imacc1{width:100%;aspect-ratio:1;}



.bgridpresta {  display: grid;  grid-template-columns: 1fr 1fr; /* 2 colonnes de largeur égale */  grid-auto-rows: 1fr; /* La clé : toutes les lignes auront la même hauteur */  gap: 40px; /* Espacement entre les divs (ajustable) */}
.itempresta { transition: all 0.5s ease 0s; padding: 20px;  background-color: #e8e8e8;  border-radius:5px;position:relative;}
.itempresta:hover{background-color: #cccccc;}
.itempresta:after{opacity:0;transition: all 0.5s ease 0s; content:'EN SAVOIR +';font-family:"fontr",Times,serif;font-size:20px;text-align:center;padding:2%;box-sizing:border-box;position:absolute;top:40%;width:30%;left:35%;border:1px solid black;background-color: #ffffff;}
.itempresta:hover .imboxprestacc, .itempresta:hover .tboxprestacc{opacity:0.2}
.itempresta:hover:after{opacity:1;}
.imboxprestacc{transition: all 0.5s ease 0s;width:21%;padding:2%;aspect-ratio:1;vertical-align:middle}
.tboxprestacc{transition: all 0.5s ease 0s;width:75%;padding:0 6%;box-sizing:border-box;vertical-align:middle}



/*** FOOTER ***/
#div_container_9_fo{margin-top:60px;border-top:2px solid black;}
.bfoot{display:block;width:100%;margin:auto;text-align:left;padding:0;box-sizing:border-box; margin-top:60px;position:relative;position:relative;}
.bfologo{width:25%;text-align:left;margin-top:0;border-right:2px solid black}
.logofo{width:80%;}
.bfoinfo,.bfoinfo1,.bfoinfo2{width:20%;padding:0 2.5%;vertical-align:top;box-sizing:border-box;text-align:left}
.bconcept{margin:30px 0}
.bfoinfo{margin-left:14%}
.tfoosoc{margin:0 5px}
.tfoosoc:before{}
.tconcept{font-size:12px;}





.bmb20{margin:20px auto}
.bmb40{margin:40px auto}
.bmb80{margin:80px auto}
.mtop20{margin-top:20px }
.mtop40{margin-top:40px!important }
.mtop60{margin-top:60px!important }
.mtop80{margin-top:80px!important }
.mbot20{margin-bottom:20px }
.mbot40{margin-bottom:40px!important }
.mbot60{margin-bottom:60px!important }
.mbot80{margin-bottom:80px!important }

@media 	only screen and (max-width : 1700px) {
	:root {
	
	}
	.bcont{width:80%}
	.bcontmin{width:60%}
	.t_g, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-size:17px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size:30px;}
	input[type="text"], input[type="password"], input[type="number"], textarea, .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: 18px;    line-height: 30px;}
	
	.icons-mail:before, .icons-linkedin:before, .icons-instagram:before, .icons-facebook:before, .icons-devis:before {font-size:35px}
	
	.tconcept { font-size: 12px;}
	.tibrikacc { font-size: 35px;}
	.mbut { font-size: 19px;}
	
	

}

@media 	only screen and (max-width : 1600px) {
	:root {
	
	}
	.bcont{width:80%}
	.bcontmin{width:60%}
	.t_g, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-size:17px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size:29px;}
	input[type="text"], input[type="password"], input[type="number"], textarea, .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: 18px;    line-height: 30px;}

	.icons-mail:before, .icons-linkedin:before, .icons-instagram:before, .icons-facebook:before, .icons-devis:before {font-size:35px}

	.tibrikacc { font-size: 32px;}
	.mbut { font-size: 19px;}
	.tconcept { font-size: 12px;}
	
	

}

@media 	only screen and (max-width : 1500px) {
	:root {
	
	}
	.bcont{width:85%}
	.gphead{width:85%;}
	.bcontmin{width:60%}
	
	.icons-mail:before, .icons-linkedin:before, .icons-instagram:before, .icons-facebook:before, .icons-devis:before {font-size:30px}
	.tibrikacc { font-size: 30px;}
	.mbut { font-size: 18px;}
	.tconcept { font-size: 12px;}
	.bfoinfo, .bfoinfo1, .bfoinfo2 { padding: 0 2.5% 0 0;}

	
	

}

@media 	only screen and (max-width : 1400px) {
	

	.t_g, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-size:16px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size:27px;}
	input[type="text"], input[type="password"], input[type="number"], textarea, .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: 16px;    line-height: 30px;}
	
	.tibrikacc { font-size: 27px;}
	.mbut { font-size: 17px;}
	.tconcept { font-size: 12px;}
	


}

@media 	only screen and (max-width : 1300px) {
	

	.t_g, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-size:15px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size:25px;}
	input[type="text"], input[type="password"], input[type="number"], textarea, .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: 16px;    line-height: 30px;}

	.tibrikacc { font-size: 25px;}
	.mbut { font-size: 16px;}
	.tconcept { font-size: 12px;}

}

@media 	only screen and (max-width : 1200px) {
	
	:root {
	
	
	}
	.bcont{width:90%}
	.gphead{width:90%;}
	.bcontmin{width:70%}
	.t_g, .mbut,.mbutach, .mbutco, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder{font-size:14px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size:22px;}
	input[type="text"], input[type="password"], input[type="number"], textarea, .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: 15px;    line-height: 30px;}

	.tibrikacc { font-size: 22px;}
	.mbut { font-size: 15px;}
	.tconcept { font-size: 12px;}

}

@media 	only screen and (max-device-width : 468px) {
	:root {
	
	}
	
	html, body{height:100%;display:none;}
	.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;}
	
	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, .btnstdb, .btnstdw, .bhcont, .btnslidetar{padding: 2vw 4vw;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: 40%;    margin-left: 30%;}
	.thmail {display:none;}
	.gpheader {   width: 100%; position: absolute;   top: 0;}
	.gplogo {  width: 17%; 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:var(--color-1)}
	.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: inline-flex;flex-direction:column}
	.gpmenu .cmenu li {  display: block;}
	.gpmenu .gg_sm a {  white-space: wrap;}
	.mbut{margin:0 1vw;font-size:3vw;}
	.mbut{font-size:4vw;white-space: nowrap;text-align:center;margin:2vw 0;width:100%}
	
	
	.imsacc {   height: auto;}
	.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; }

	
	
	
	
	
	.bfologo { margin-top: 0;}
	 .logofo { width: 25vw;    }
	.bfoinfo, .bfoinfo1 { width: 100%;    padding: 2.5%;box-sizing:border-box}
	.tifoot {  font-size: 6vw;}
	
	.bmb20{margin:2vw auto}
	.bmb40{margin:4vw auto}
	.bmb80{margin:6vw auto}
	/*.grecaptcha-badge{display:none;}*/
}