:root {
	--color-1:#ade4e5;
	--color-2:#d4db94;
	--color-3:#e885c8;

	
	--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:15px;
  --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:#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, .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{opacity:1}
a.linkClickedCurrentPage:link{color:black;}
a.linkClickedCurrentPage:visited{color:black;}
.gpmenu a.linkClickedCurrentPage{color:black;}
.gpmenu a.linkClickedCurrentPage:after{opacity:1}

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, .tiFont{font-family:"fontt",Times,serif;font-size:32px;margin:0 ;position:relative;}
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{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: "\f107";width:initial;font-size:25px}
.icons-tel:before {    content: "\f106";width:initial;font-size:25px}
.icons-youtube:before {    content: "\f105";width:initial;font-size:25px}
.icons-facebook:before {    content: "\f108";width:initial;font-size:25px}
.icons-cal:before {    content: "\f104";width:initial;font-size:25px}



.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:50px;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 30px 32px rgba(0, 0, 0, 0.01), 
	0px 25px 27px rgba(0, 0, 0, 0.05), 
	0px 10px 20px rgba(0, 0, 0, 0.09);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 30px 32px rgba(0, 0, 0, 0.03), 
	0px 25px 27px rgba(0, 0, 0, 0.07), 
	0px 10px 20px rgba(0, 0, 0, 0.11);}




/**** HEADER / MENU ***/
#div_container_1_h{position:relative;z-index:300;background: white; padding: 0;  }
.gphead{width:100%;display:block;margin:auto;text-align:right;    position: relative;    z-index: 30;}
.gpheader{width:70%;display:block; margin:auto;padding:0;text-align:center;}
.gphcoord{background:var(--color-1);width:5%;aspect-ratio:1;padding:5px;text-align:center;border-radius:var(--radius-std) ;position:absolute;right:5px;top:5px;display: flex;align-items:center}
.connected .gphcoord{top:0}
.gphcoord a{transition: all 0.5s ease 0s;}
.gphcoord a:hover{color:black;}
.thtels, .thtels:before  {color:black}
.thtels:before  {margin-bottom:5px;}
.thtels{font-size:14px;font-weight:bold;}
.gplogo{width:17%;vertical-align:top;text-align:center;vertical-align:middle;position:relative;}
.logo{width:100%;min-height:30px;aspect-ratio:1;transition: all 0.5s ease 0s;position:absolute;top:-10%;left:0}
.logo a {width:100%}
.gpmenumo{display:none;}
.gpmenu{transition: all 0.5s ease 0s;vertical-align:top;width:83%;margin-left:0;padding:3% 0;}
.mbut{font-family:"fontt",Times,serif;text-align:left;vertical-align:middle;transition: all 0.5s ease 0s;border:none;margin-left:80px;color:black;position:relative;padding-bottom:3px;font-size:22px;z-index:1;}
.mbut:after{content:'';position:absolute;bottom:calc(0% - 5px);left:calc(50% - 25px);width:50px;aspect-ratio:1;transition: all 0.5s ease 0s;background-image: url("../view/global/background/backmenu.svg");background-position: inherit;background-repeat: no-repeat;background-size: contain ;background-position-x: right;background-position-y: 0;z-index:-1;opacity:0}




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


.cmenu{display: flex; flex-direction : row; justify-content: right;}
.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}

.gpbiais, .gpbiaisinv{ width: 100%;position:relative;}
.tbiais, .tbiais2, .tbiais3,
.tbiaisinv, .tbiais2inv, .tbiais3inv{position:absolute;    left: -15%;  bottom: -10px;    width:120%;position;relative;transform:rotate(1deg);background:#ffffff;height:45px;}
.tbiais2{bottom: -15px;transform:rotate(2deg);background:rgba(255,255,255,0.7);}
.tbiais3{bottom: -20px;transform:rotate(3deg);background:rgba(255,255,255,0.3);}

.tbiaisinv{bottom: 10px;transform:rotate(-1deg);background:#f9f9f9;}
.tbiais2inv{bottom: 15px;transform:rotate(-2deg);background:rgba(249,249,249,0.7);}
.tbiais3inv{bottom: 20px;transform:rotate(-3deg);background:rgba(249,249,249,0.3);}

.tgreen{background:var(--color-2);bottom: -20px;}
.tgreen2{background:rgba(212,219,148,0.7);bottom: -25px;}
.tgreen3{background:rgba(212,219,148,0.3);bottom: -30px;}

.tblue{background:var(--color-1);bottom: -20px;}
.tblue2{background:rgba(173,228,229,0.7);bottom: -25px;}
.tblue3{background:rgba(173,228,229,0.3);bottom: -30px;}


.tilogo, .tilogoW{position:relative;}
.tilogo div, .tilogoW div{z-index:2;position:relative;}
.tilogo:after, .tilogoW:after{content:'';position:absolute;bottom:5px;right:0;width:40px;aspect-ratio:1;transition: all 0.5s ease 0s;background-image: url("../view/global/background/backmenu.svg");background-position: inherit;background-repeat: no-repeat;background-size: contain ;background-position-x: right;background-position-y: 0;z-index:0;}
.tilogoW:after{background-image: url("../view/global/background/backmenuW.svg");}


/**** 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;}


.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, .logoanim4, .logoanim5{width:16%;position:absolute!important;bottom:0;left:-5%;z-index:35;visibility:hidden;opacity:0}
.logoanim2{bottom:20%;left:calc(50% - 8%);}
.logoanim3{bottom:30%;left:89%;}
.logoanim4, .logoanim5{width:18%;bottom:30%;left:85%;z-index:-1}
.logoanim5{left:-3%;}

.briktxtimg{width:30%;position:absolute;bottom:40%;left:35%;z-index:40}
.connected .briktxtimg{z-index:400}
.tibrikacc{font-family:"fontt",Times,serif;font-size:65px;color:white;margin-bottom:15px;text-align:center}

.gpimacc1{width:30%;margin-right:5%;padding:1% 1% 3% 1%;vertical-align:middle;border:1px solid var(--color-1);border-radius:var(--radius-std);box-sizing:border-box;text-align:center}
.gptxtacc1{width:65%;vertical-align:middle;padding:3%;border-radius:var(--radius-std);box-sizing:border-box;background:rgba(255,255,255,0.5)}
.imacc1{width:60%;aspect-ratio:1;margin:-35% 20% 1% 20%;padding:6px;background:white;-webkit-box-shadow: 0px 0px 30px 1px #B3B3B3; 
box-shadow: 0px 0px 30px 1px #B3B3B3;;border-radius:500px}
.imacc1 img{border-radius:500px}


.gpacc2{width:100%;padding:2% 12.5%;box-sizing:border-box;background:var(--color-2);text-align:center}



.bgridpresta {  display: grid;  grid-template-columns: 1fr 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;    border-radius:5px;position:relative;border:1px solid #f9f9f9;text-align:center}
/*.itempresta:hover{border-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%;background-color: var(--color-1);border-radius:100px;}
.itempresta:hover .imboxprestacc, .itempresta:hover .tboxprestacc, .itempresta:hover h3{opacity:0.2}
.itempresta:hover:after{opacity:1;}
.imboxprestacc{transition: all 0.5s ease 0s;width:80%;padding:2% 0;vertical-align:middle}
.tboxprestacc{transition: all 0.5s ease 0s;width:100%;padding:2% 0;box-sizing:border-box;vertical-align:middle}



.gpimacc2{width:60%;vertical-align:middle;}
.gptxtacc2{width:50%;margin-left:-10%;vertical-align:middle;padding:3%;border-radius:var(--radius-std);box-sizing:border-box;background:rgba(255,255,255,0.5);position:relative;z-index:5}
.imacc2{width:100%;aspect-ratio:1.5;}
.imacc2 img{border-radius:var(--radius-std)}



/*** FOOTER ***/
#div_container_9_fo{margin-top: 50px;background-color:var(--color-1)}
.bfoot{display:block;width:100%;margin:auto;text-align:left;padding:0;box-sizing:border-box; margin-top:0;position:relative;}
.bfologo{width:100%;text-align:center;margin-top:-65px;}
.logofo{width:10%; aspect-ratio:1;       position: relative;   z-index: 300;}
.bfoinfo,.bfoinfo1,.bfoinfo2, .bfoinfo4{width:33%;padding:1%;vertical-align:top;box-sizing:border-box;}
.bfoinfo1{width:33%;display:inline-flex;flex-direction:column;    align-items: center;}
.bfoinfo2{width:20%;margin:0 2.5%;text-align:center}
.bfoinfo4{width:33%;}
.bfoinfo4{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%);}


.fo_contrap .cell_1_form {display:none;}
.fo_contrap { width:100%}
.inpmailfo {background-color: #ffffff; }
.fo_contrap .line_form_odd,.fo_contrap .line_form_peer {margin:2% 0}
.fo_contrap>div>div:nth-child(2), .fo_contrap>div>div:nth-child(3) {	width:49%;display:inline-block;}
.fo_contrap>div>div:nth-child(3){margin-left:2%;}
div.cell_1_form, div.cell_2_form {display:block;}
.fo_contrap .input_submit{float:right}
.table_form_global__9_fo__form__055__100__form {width: 100% ;border-spacing: 0!important;}
.inpRGPD .cell_2_form {padding-top:15px;}
.labelInputCheckBox{font-size:14px;}
.tfootrap {margin-bottom:15px;font-size:14px;} 

.bconcept {padding:2%;text-align:right;box-sizing:border-box; margin-top:30px;}
.tfooconcept{font-size:13px;}
.grecaptcha-badge{display:none;}
.tfootel, .tfoomail{width:100%;text-align:center;margin:10px 0;font-size:16px;}
.tfootel:before, .tfoomail:before, .tfoomap:before, .tfootel>div, .tfoomail>div, .tfoomap>div{max-width:initial}
.tfoocal{width:70%;background:white;border-radius:100px;padding:15px 30px;text-align:center;display:block;margin:2% auto}
.tfoosoc:before{font-size:50px;color:black}





.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 }
.mtop160{margin-top:160px!important }
.mbot20{margin-bottom:20px }
.mbot40{margin-bottom:40px!important }
.mbot60{margin-bottom:60px!important }
.mbot80{margin-bottom:80px!important }
.mbot160{margin-bottom:160px!important }

.padtop100{padding-top:100px;}
.padtop140{padding-top:140px;}

@media 	only screen and (max-width : 1700px) {
	:root {
	
	}
	.bcont{width:75%}
	.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, .tiFont{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-tel:before, .icons-cal:before{font-size:20px}
	.icons-facebook:before, .icons-youtube:before {font-size:45px}
	.tibrikacc { font-size: 65px;}
	.tfooconcept { font-size: 12px;}
	.mbut { font-size: 22px;}
	
	.bfoinfo, .bfoinfo4{width:35%;}
	.bfoinfo1{width:30%;}
	

}

@media 	only screen and (max-width : 1600px) {
	:root {
	
	}

	.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, .tiFont{font-size:28px;}
	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: 17px;    line-height: 30px;}
	
	.icons-mail:before, .icons-tel:before, .icons-cal:before{font-size:19px}
	.icons-facebook:before, .icons-youtube:before {font-size:45px}
	.tibrikacc { font-size: 55px;}
	.tfooconcept { font-size: 12px;}
	.mbut { font-size: 22px;}
	
	.bfoinfo, .bfoinfo4{width:35%;}
	 .bfoinfo1{width:30%;}
	
	

}

@media 	only screen and (max-width : 1500px) {
	:root {
	
	}
	
	.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, .tiFont{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;}
	
	.icons-mail:before, .icons-tel:before, .icons-cal:before{font-size:18px}
	.icons-facebook:before, .icons-youtube:before {font-size:45px}
	.tibrikacc { font-size: 50px;}
	.tfooconcept { font-size: 12px;}
	.mbut { font-size: 20px;}
	
	.bfoinfo, .bfoinfo4{width:35%;}
	 .bfoinfo1{width:30%;}
	
	

}

@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, .tiFont{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;}
	
	.icons-mail:before, .icons-tel:before, .icons-cal:before{font-size:18px}
	.icons-facebook:before, .icons-youtube:before {font-size:45px}
	.tibrikacc { font-size: 50px;}
	.tfooconcept { font-size: 12px;}
	.mbut { font-size: 20px;}
	
	.bfoinfo, .bfoinfo4{width:35%;}
	 .bfoinfo1{width:30%;}
	


}

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

	.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, .tiFont{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;}
	
	.icons-mail:before, .icons-tel:before, .icons-cal:before{font-size:18px}
	.icons-facebook:before, .icons-youtube:before {font-size:45px}
	.tibrikacc { font-size: 50px;}
	.tfooconcept { font-size: 12px;}
	.mbut { font-size: 20px;}
	
	.bfoinfo, .bfoinfo4{width:35%;}
	 .bfoinfo1{width:30%;}

}

@media 	only screen and (max-width : 1200px) {
	
	:root {
	
	
	}
	.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, .tiFont{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;}
	
	.icons-mail:before, .icons-tel:before, .icons-cal:before{font-size:18px}
	.icons-facebook:before, .icons-youtube:before {font-size:45px}
	.tibrikacc { font-size: 50px;}
	.tfooconcept { font-size: 12px;}
	.mbut { font-size: 20px;}
	
	.bfoinfo, .bfoinfo4{width:35%;}
	 .bfoinfo1{width:30%;}

}

@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;}*/
}