: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);}


.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;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;}

.alignCenter ul{display:inline-block;text-align:left}

.bcont{display:block;width:75%;margin:auto;}
.bcontmin{display:block;width:45%;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{text-transform: uppercase;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;}
.connected .gphcoord, .agphcoord{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 {display:flex;flex-direction: column;  flex-wrap: wrap;    align-items: flex-start;}
.tiunline .ql-align-right, .tiunline .ql-align-justify{padding:0px 15px;background:var(--color-1);display:inline-block; color:white;margin-top:-2px;}

.ticolor h3{color:var(--color-1)}


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

.imsacc, .imspresta{width:100%;height:initial;background-color:transparent;color:black;overflow:hidden;position:relative;}
.connected .imsacc, .connected .imspresta{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, .container_imspresta {width:100%;}
.imsacc img, .imspresta 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:500}
.tibrikacc{font-family:"fontt",Times,serif;font-size:35px;color:white;margin-bottom:15px;text-align:right;text-transform: uppercase;}

.gpimacc1{width:50%;margin-right:5%;vertical-align:middle}
.gptxtacc1{width:45%;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;        display: flex;
        align-items: center;}
.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}



/*** PRESTA ***/
.gpprestagrey {background-color: #e8e8e8;padding: 20px;display:flex;flex-direction:row; flex-wrap: wrap;align-items: stretch; justify-content: space-between;}
.gpimaprest1, .gptxtprest1, .gptxtprest2{vertical-align:top;}
.gptxtprest1, .gptxtprest2{width:35%;margin-left:2%;padding-left:2%}
.gptxtprest2{border-left:3px solid black}
.gpimaprest1{width:21%;align-content:center}
.imprest1{width:100%;}

.bcontaccavo{display:block;}
.bcontaccavo .group_duplicable_editor,.bcontaccavo .duplicate_line {width:31%;vertical-align:top;margin:1%}
.bcontaccavo .duplicate_line a{width:100%;}
.bbloccomp{width:100%; box-sizing:border-box; height:initial;text-align:center;padding:5%;border:1px solid var(--color-1);border-radius:var(--radius-std)}
.btxtcomp{text-align:center;}

.btelpresta{background-image: url("../view/global/background/phone.jpg");background-position: inherit;background-repeat: no-repeat;background-size: 550px ;background-position-x: left;background-position-y: bottom;}


/*** EQUIPE ***/
.gpequipegrey{background-color: #e8e8e8;padding: 20px;}
.gpsequipe{display:flex;flex-direction:row;  align-items: stretch; justify-content: space-between;}
.gpequipe1, .gpequipe2{width:33%;flex-basis:33.33%;   box-sizing: border-box;    display: flex;    flex-direction: column;    justify-content: start;}
/*.gpequipe1b, .gpequipe2b{display:flex;flex-direction:column;  align-items: stretch;}*/
.gpequipe1b{padding:2% 5%}
.gpequipe2b{border-left:2px solid black;padding:2% 5%}
.imequip1{width:100%;aspect-ratio:1;margin-bottom:20px;}
.descequip{flex-grow:1}
/*.gpequipe1 .btnstdw , .gpequipe2 .btnstdw  {width: fit-content;}*/

.gpequipe3{display:flex;flex-direction:row; align-items: stretch; justify-content: space-between;gap:40px}
.gpequipe4{width:40%; align-items: center;  display: flex;}
.gpequipe5{width:60%}
.imequip2{width:100%;}


/*** BORREWATER ***/
.gpsborre1, .gpsborre2{display:flex;flex-direction:row; align-items: stretch; justify-content: space-between;gap:40px}
.gptxtborr1{width:45%;}

.gpsborre2{background-color: #e8e8e8;padding: 20px; border-radius:5px;}
.gpimborr2{width:15%; align-items: center;  display: flex;}
.gptxtborr2{width:85%; }
.imborr1{width:100%;}


.gpsreals{display:flex;flex-direction:row; align-items: stretch; justify-content: center;flex-wrap: wrap;}
.gpsreals .group_duplicable_editor, .gpsreals .duplicate_line{width: 33.33%;flex-basis: 33.33%;}
.imreal{width:100%;aspect-ratio:1;}
.imreal img{transition: all 0.5s ease 0s;}
.bbreal{position:relative;width:100%;overflow:hidden}
.btreal{transition: all 0.5s ease 0s;position:absolute;top:0;left:0;background:rgba(255,255,255,0.6);padding:2% 5%;width:100%;box-sizing:border-box;text-align:center;opacity:0}
.connected .btreal {opacity:1}
.bbreal:hover .imreal img{transform:scale(1.1)}
.bbreal:hover .btreal{opacity:1}


/*** CONTACT ***/
.bcontact1, .bcontact2{padding:5%;width:40%;box-sizing:border-box;vertical-align:top;}
.bcontact2{width:60%;padding:0 5%;}
.bcontact1{background:var(--color-1);}
.bcontact1 .t_g, .bcontact1 h2{color:white}
.tcoords{margin-top:40px;position:relative;}
.tcoords:before{content:'';display:inline-block;height:2px;width:150px;border-bottom:2px solid white;margin-bottom:40px;}
.fcontact input,.fcontact  select, .fcontact  textarea{font-family:"fontr",Times,serif;width:calc(100% - 20px);display:inline-block; padding:10px; background: rgba(255, 255, 255, 0.30);     border: 1px solid black;	font-size:17px;}
.fcontact ::placeholder{font-size:17px}
.fcontact input[type="radio"] {width:initial;}
.fcontact input[type="checkbox"] {width:initial;}
.fcontact label {color:black;font-size:17px;}
.fcontact .labelInputCheckBox{color:black;font-size:15px;}


.fcontact  select {width:100%;padding:1% 1%;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 .cell_1_form{display:none;}
.fcontact table tr:nth-child(6) .cell_1_form, .fcontact table tr:nth-child(8) .cell_1_form,
.fcontact table tr:nth-child(9) .cell_1_form, .fcontact table tr:nth-child(10) .cell_1_form{display:block!important;font-size:17px;font-weight:bold;}
.fcontact .inpRGPD .cell_2_form { text-align: left;}
.fcontact td { display: block;margin:5px 0}
.fcontact .input_submit{float:right;margin-top:40px;}

.fcontact .otherform{display:none;}
.fcontact label[class^="input-file-label"] {display: inline-block;padding: 1vh;margin: 2vh 0 1vh;background: white;border:1px solid #d9dadc;background-color: #f2f2f2;color: #525252;transition: all .4s;cursor: pointer;box-sizing: border-box;width: 100%;text-align: center;}
.fcontact input[type="file"]{display:none;}



/*** 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{}
.tfoosoc>div{display:none;}
.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-width : 1100px) {
	
	: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;}
	.icons-mail:before, .icons-linkedin:before, .icons-instagram:before, .icons-facebook:before, .icons-devis:before {
        font-size: 25px;
    }

}

@media 	only screen and (max-device-width : 468px) {
	:root {
		--fontlvl1-submenu-size: 4vw;
	  --fontlvl2-submenu-size: 4vw;
	  
	  --radius-std:1.5vw;
	  --radius-std2:0.5vw;
	}
	
	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;}
	
	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;}
	
	
	a.mbut:visited, a.mbut:hover { color: white;	}

	.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);}
	
	#div_container_1_h { padding: 1% 0 15% 0;}
	.gphead{}
	.gphcoord { width: 40%;    margin-left: 30%; display:none;}
	.agphcoord{display:none;}
	.thmail {display:none;}
	.gpheader {   width: 100%; position: absolute;   top: 0;left:0}
	.gplogo{width:40%;position:absolute;top:2%;left:2%}
	.gpmenumo{display:block;position:absolute;cursor:pointer;right:2vw;margin-top: 0;top: 2vw; 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; padding-top:10vw; background:rgba(0,0,0,0.8);position:absolute;top:0;left:0;}
	.gpmenu .cmenu {display: flex;flex-direction:column}
	.gpmenu .cmenu li {  display: block;}
	.gpmenu .gg_sm a {  white-space: wrap;}
	.gg_sm.lvl1{    width: 70%;   margin: auto;}
	.gg_sm li { padding: 2vw 0;}
	.gg_sm a, .gg_sm>li>div { text-align: center;}
	.mbut{margin:0 1vw;font-size:3vw;color:white;}
	.mbut{font-size:4vw;white-space: nowrap;text-align:center;margin:2vw 0;width:auto;display:inline-block}
	.linHearder {margin:2vw 0}
	.linHearder:before {color:white}
	
	.imsacc {   height: auto;}
	.carousel-caption { padding: 0;    bottom: 10%;    left: 2%;    width: 96%;}
	
	.gpgims { margin-bottom: 2vw;}
	.imsacc img, .imspresta img { max-height: 200%;    max-width: 150%;    min-width: 100%; width:150%; transform: translate(-15%, 0);}
	.briktxtimg { width: 96%;    top: initial;    left: 2%;bottom:2%}
	.tibrikacc { margin-bottom: 0;font-size:5vw}
	.tiunline .ql-align-right, .tiunline .ql-align-justify { padding: 1vw 2vw;    margin-top: -2px;}
	.gpimacc1 { width: 100%;    margin-right: 0; margin-bottom:2vw}
	.gptxtacc1 {width: 100%;}
	.bgridpresta {  grid-template-columns: 1fr;    gap: 2vw;}
	.itempresta { padding: 2vw;    border-radius: 1vw;}
	.imboxprestacc { width: 25%;    padding: 2%;}
	.tboxprestacc {    width: 71%;    padding: 0;}
	.gpprestagrey { padding: 2vw;  }
	.gpimaprest1, .gptxtprest1, .gptxtprest2 {  vertical-align: middle;}
	.gpimaprest1 { width: 25%;  }
	.gptxtprest1 { width: 71%;    margin-left: 2%;    padding-left: 2%;}
	.gptxtprest2{border-top:2px solid black;width:100%;padding-top:2%;margin-top:2%;text-align:center;border-left:none;padding-left:0;margin-left:0}
	.btelpresta {background-size: 60%;background-position-y: center;}
	
	.gpsborre1, .gpsborre2 	{ flex-direction: column;    gap: 2vw;}
	.gptxtborr1 { width: 100%;}
	.gpimborr2 { width: 25%;}
	.gptxtborr2 { width: 100%;}
	
	.bcontact1, .bcontact2 { padding: 4%;    width: 100%;}
	.fcontact select { font-size: 4vw;}
	
	.gpsequipe {   flex-direction: column;}
	.gpequipe1, .gpequipe2 {border:none;    width: 100%;    flex-basis: 100%;    flex-direction: column;    }
	.gpequipe2b{border:none;}
	
	.gpsreals { flex-direction: column;    }
	.gpsreals .group_duplicable_editor, .gpsreals .duplicate_line { width: 100%;    flex-basis: 100%;}
	.btreal {  opacity: 1;}
	
	
	
		
	
	.bfoot {  margin-top: 2vw;}
	.bfologo { margin-top: 2vw;width: 100%; text-align:center ; border: none;}
	.logofo { width: 60%;    }
	.bfoinfo, .bfoinfo1, .bfoinfo2 { width: 100%;    padding: 0;box-sizing:border-box;margin:2vw 0;text-align:center}
	.icons-mail:before, .icons-linkedin:before, .icons-instagram:before, .icons-facebook:before, .icons-devis:before {   font-size: 10vw;    }
	.tfoosoc { margin: 0 2vw;}
	.tifoot {  font-size: 6vw;}
	.bconcept { margin: 4vw 0;}
	.tconcept {font-size:3vw}
	
	.bmb20{margin:2vw auto}
	.bmb40{margin:4vw auto}
	.bmb80{margin:6vw auto}
	.mtop20{margin-top:2vw}
	.mtop40{margin-top:4vw!important }
	.mtop60{margin-top:5vw!important }
	.mtop80{margin-top:6vw!important }
	.mbot20{margin-bottom:2vw}
	.mbot40{margin-bottom:4vw!important }
	.mbot60{margin-bottom:5vw!important }
	.mbot80{margin-bottom:6vw!important }
}