:root {
  --font-size-txt: 16px;
  --font-size-txt-more: 18px;
 --bg-button-edit-hover : #0f4899;
  --fontlvl1-submenu-size : var(--font-size-txt-more);
  --font-size-txt-red: 14px;
  --font-size-title: 22px;
  --font-size-txt-more-more : 22px;
  --color-principal: #0f4899;
  --bg-button-edit : #0f4899;
  --color-secondaire: #4fbcb9;
  --zIndex-popupCookies :1002;
  --radius : 4px;
}

	html{
		scrollbar-color: var(--color-principal) transparent;
  scrollbar-width: thin;}
.editItemButtom {  z-index: 880;    right: 0vw;   top: 4vw;}
.cartTable>tbody .item-priceT{text-align:right;}
.cartTable>thead .item-pricet{text-align:center;}
.connected .gpheader {    position: sticky;}
.attrhidden {display:none;}
@font-face {font-family: 'fontr';src: url('fontr.eot');src:url('fontr.woff') format('woff'), url('fontr.ttf') format('truetype');font-weight: normal;font-style: normal;}
@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;height:100%; }
body {margin:0;  min-width: 100%; width:100%; height:100%;font-size:0; user-select : none;}
#global_container{position:relative;width:100%;}
b, strong{font-weight:bold;font-size:1.1em}
img { max-width: 100%; max-height: 100%;}
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide{display:none !important;}
.connected .athide { display: block!important;}
.connected .mbut{display : inline-flex}
a{transition:unset!important}
a:visited{color:inherit;}
a:hover{color:var(--color-principal);}

a.mbut:visited, a.mbut:hover{color:white;}
.mbut:hover:before, .gg_sm li:hover:before, .mbut:has(+.gg_sm .linkClickedCurrentPage):before, .mbut:has(+.gg_sm:hover):before, a.linkClickedCurrentPage.mbut:before{width:100%;background:var(--color-secondaire);}
.mbut:hover:before, .gg_sm li:hover, .mbut:has(+.gg_sm .linkClickedCurrentPage), .mbut:has(+.gg_sm:hover), a.linkClickedCurrentPage.mbut{}
a.linkClickedCurrentPage:visited{color:white;}
.mbut:hover, a.linkClickedCurrentPage.mbut{}
a.linkClickedCurrentPage.mbut{background:black;}
.gpmenumo{display: none;}
input[type="text"], input[type="password"],  textarea { font-size: var(--font-size-txt); width: 100%; padding:0; background-color:#ececec;border:1px solid var(--color-principal);border-radius : var(--radius) ;	padding:0.5em 0.75em; box-sizing:border-box; }
textarea {background-color:#f6f6f6;border:1px solid #f6f6f6;height: 7em;	}

.icomail>div,.icomap>div,.icophone>div, .basket>div, .hideorder>div{display:inline-block;width:initial!important;vertical-align:middle;}
.icomail:before,.icomap:before,.icophone:before, .basket:before, .hideorder:before{ display: inline-block;text-align: center; vertical-align: middle; content:"\f103"; font-family: icons;font-size: var(--font-size-txt);color:var(--color-principal)}
.icophone:before{content:"\f102"; }
.basket:before{content:"\f101";color:white}
.hideorder:before{font-family:"gandg" !important;content:"\e1c3";}
.basket{cursor:pointer;}

.text_generic, .t_g, h1, h2, h3, h4, .mbut, input[type="text"], input[type="password"],  textarea {font-family:"fontr",Arial, sans-serif;	font-size:var(--font-size-txt);}
h1, h2, h3, h4, h1.t_g, h2.t_g, h3.t_g, h4.t_g{font-size:var(--font-size-title);margin:0 0 1vw 0;font-weight:bold;position:relative;}
.mbut{font-size: var(--font-size-txt-more);}
h1 b, h2 b, h3 b, h4 b, h1 strong, h2 strong, h3 strong, h4 strong{}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter, .bcenter{	text-align:center !important;	margin:auto;}
.fullWidth{width:100%;}
.wysiwyg{background-color:#b3b3b3;}

.p1080{max-width:100%}
#div_container_1_h, #div_container_5_fr, #div_container_9_fo, #container_submenu, .gpheader{display: block;margin:auto;width: 96vw;z-index:2;}
.gpheader{    margin: auto; padding: 10px 0 0 0;  width: 100%;   background: white;z-index:350;background:black;}
#div_container_1_h, #div_container_9_fo{width: 100%;}
#div_container_5_fr{min-height:40vh;width:100%;}
.bcont{margin:2vh auto 0 auto;width:65vw;display:block;}
.button_valid,.tbutnewsacc, .tbutcontact{width:7vw;border-radius: var(--radius); text-align:center;font-size:var(--font-size-txt);color:white;background-color: black;padding:0.5vw;transition: all 0.5s ease 0s;border:none;border:1px solid var(--color-principal)}
.button_valid:hover, .tbutnewsacc:hover, .tbutcontact:hover{background: white !important;color: var(--color-principal)!important;box-shadow:none;cursor:pointer;}

.text_in_button, .text_in_button:visited{color:white;}
#temp{display:none}
.input_submit,.tbutnewsacc, .tbutcontact {font-size: var(--font-size-txt); padding: 0.5vw; vertical-align: bottom; background-color: var(--color-principal);display:inline-block;color:white;}
.arrowAriane{color:var(--color-principal)}


/**** HEADER / MENU ***/
#div_container_1_h{position:relative;z-index:3;     position: sticky; top: 0;}
.gphead{width:100%;display:block;margin:auto;text-align:left;background:white;}
.gplogo{width:20%;     max-width: 200px; vertical-align:middle;text-align:center;margin-left:2%;margin-bottom:1%}
.gpbasket{width:76%;vertical-align:middle;text-align:right;position:relative}
.simpleCart_quantity {color:white;font-size:var(--font-size-txt);padding:0.2em; aspect-ratio:1; width:1em;background:var(--color-principal);border-radius: var(--radius);text-align:center;}
.logo{width:100%;min-height:50px;transition: all 0.5s ease 0s}
.logo-scr{width:70%;min-height:initial;}
#mylogo{width:20vw;}
.basket{color:white;}
.gpmenu{background:var(--color-principal);text-align:center;margin-top:0.5vw;display:block;scrollbar-color: black transparent;}
.cmenu li {  display: inline-block;}
.mbut, .gg_sm li{color:white; padding:1em 1em; position:relative;z-index:3;    display: flex; align-items: center;}
.mbut>div{position:relative;z-index:6}
.mbut:before, .gg_sm li:before{content:'';height:100%;width:100%;display:inline-block;position:absolute;left:0;bottom:0;transition: all 0.5s ease 0s;z-index:-1}
.gg_sm li{display:block;width:100%;} 
.gg_sm li:hover .gg_smn{color:white;}
.ggsm_down:after {
    content: '\e083';
    font-family: 'gandg';
    font-size: 0.5em;
    margin-left: 0.5em;
}
.t_g.gg_smn{padding:1em;}
.gg_hc {position: initial;}
.gg_hc .is-active { z-index: 4 !important;}
.ggmenu>.cmenu>.gg_hc:hover > .gg_sm, .gg_hc .gg_hc:hover .gg_sm{
    display: flex;
    flex-flow: row;
    justify-content:  center;
    z-index:2;
    
    flex-wrap:wrap;
   
}
.ggmenu>.cmenu>.gg_hc .gg_sm.lvl1:has(.linkClickedCurrentPage) {z-index:4}
.gg_sm {width:100%;text-align:center;left:0;background:var(--color-secondaire);}
.gg_sm .gg_smn {}


.gg_hc .is-active { z-index: 4 !important;}
.gg_sm:not(.is-active) a {      pointer-events: auto !important;}
.cmenu .gg_sm.lvl1>li:hover>ul{display:block !important}

/*** PRODUITS ***/
.bmenus .item_name {padding:2vw 0}

.barticles{text-align:center;display: flex;
    flex-wrap: wrap;    justify-content: center;}
    
.barticle{border:1px solid gray; border-radius: var(--radius); height:100%; cursor:pointer; width: 100%;    box-shadow: 0px 0px 6px 3px whitesmoke;   box-sizing: border-box;}
.barticles .group_duplicable_editor, .barticles .duplicate_line {padding:2%; box-sizing:border-box; vertical-align:top;flex: 0 0 25%; max-width: 25%;}

.improd{height: initial;width:100%;aspect-ratio : 4/3; }
.improd>img{border-radius: var(--radius) var(--radius) 0 0;transition: all 0.5s ease 0s;width:100%;}
.barticle .item_name {font-weight:bold;width:100%;vertical-align:middle;color:var(--color-principal);font-size:var(--font-size-txt-more);	margin-top:1em;}
.barticle .item_description{display:block;margin:0.5vw 0}
.barticle .item_add{}
.barticle .binpqty{width:40%;vertical-align:middle;margin-right:10%;margin-top:5%;vertical-align:middle}
.barticle .dinpqty{width:100%;vertical-align:middle}
.barticle .inpqty { width:100%; padding:5% 0; border: 1px solid var(--color-secondaire);background-color: #fefefe; color: black; text-align:center;font-size:var(--font-size-txt);line-height:var(--font-size-txt);border-radius : var(--radius);}

.barticle .btnbasket, .loginFormCreate   input[type="submit"], .submitInfoOrder{display:inline-block; width: 40%!important; padding: 1em 0.5%;vertical-align:middle; cursor:pointer;margin-left:8%;vertical-align:middle;margin-top:5%;background:var(--color-principal);border-radius:4px;}
.barticle .btnbasket{position:relative;font-size:var(--font-size-txt-more);     margin: 20px auto; width:100% !important;     box-sizing: border-box;}
.barticle .btnbasket:hover{color:white !important;}
.loginFormCreate   input[type="submit"]:hover, .submitInfoOrder:hover{ color:white!important;
	-webkit-box-shadow: 0px 0px 15px 0px var(--color-secondaire); 
	.barticle .btnbasket:hover{color:white!important;}
box-shadow: 0px 0px 15px 0px var(--color-secondaire);}
.barticle .item_price {  margin: 0.5em 0;  var(--font-size-txt-more); font-weight:bold; color: #222;    font-size: var(--font-size-txt-more);}
.bimarticle, .btxtarticle, .boptarticle{display:block;}
.boptarticle{display: none;}
.barticle select {font-size: var(--font-size-txt); width: 100%;     padding: 0.5em 0.75em; margin:0; border:1px solid var(--color-secondaire);border-radius : var(--radius) ;font-family:"fontr",Times,serif;	}
.barticle .titleOpt, .barticle .labelLegend{display:inline-block;vertical-align:bottom;}
.barticle .titleOpt{margin:0.5em 0 0.25em;position:relative;}
.barticle .contOpt .titleOpt:after{content:''; width:100%;height:2px;background-color: var(--color-principal);    display: inline-block; position: absolute;left: 0;bottom: 0;}
.barticle .labelLegend {font-size: var(--font-size-txt-red);margin:0 1vw; font-style: italic;}
.barticle .btnbasket:before{content:'Article ajouté'; padding:0.5vw; position:absolute; top:-1vw;left:0;-webkit-box-shadow: 5px 5px 15px 0px #DEDEDE; 
box-shadow: 5px 5px 15px 0px #DEDEDE; color:var(--color-principal);background:#FFFFFF; border-radius: var(--radius); transition: all 1s ease 0s;opacity:0;font-size:0;}
.itemAddedAnim:before{opacity:1!important;font-size:var(--font-size-txt-red)!important;top:-4vw!important}
.itemAddedAnimFinish:before{opacity:0!important;}
.seeMoreOption, .seeLessOption{font-size:var(--font-size-txt);margin:1.5vw 0 0.5vw 0;font-weight:bold;justify-content: center;align-items:center;} 
.seeMoreOption:after, .seeLessOption:after {    content: '\e113';    font-family: 'gandg'; margin-left:1vw;}
.seeLessOption:after {    content: '\e111'; }
.seeMoreOption:before, .seeLessOption:before, .seeMoreOption:after, .seeLessOption:after {color:var(--color-secondaire);margin-right:1vw;font-size:var(--font-size-txt);vertical-align:middle;transition: all 0.5s ease 0s;animation:colorperso infinite ease forwards 2s}

.optionalOpt{margin-top:1vw}
@keyframes colorperso {from {    color:var(--color-secondaire); } 50% {    color:var(--color-principal); }  to {     color:var(--color-secondaire); }}


#div_container_9_fo{margin-top: 3vw;position:relative;}
.bfoot{position:relative;z-index:5;display:block;width:78vw;margin:auto;text-align:center;padding:1vw;margin-top:2vw;background:black;-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);}
.bfoot .t_g{color:white; font-size:var(--font-size-txt-red)}
.flogo{width:20vw;height:initial;text-align:center;margin-bottom:1vw}
.bfoinfo, .bfoinfo2,.bfoinfo3{width:22vw;margin:0.5vw 2vw;vertical-align:top;text-align:left}
.bfoinfo2,.bfoinfo4{text-align:center;}
.ficopaym{width:7vw;}
.bfoot .tfootti {font-weight:bold;font-size:var(--font-size-title);margin-top:1vw;margin-bottom:0.5vw}
.bfoot .tconcep {font-size:var(--font-size-txt-red);text-align:center;}



.barticle .option_error{color:#d40000;font-size:var(--font-size-txt-more)}   




/****** Affichage du panier ******/

#div_container_2_rm  .titleRight {display:none;}
#div_container_2_rm .GandG_cart{height:93%;padding:2%;width:100%;text-align:left;box-sizing: border-box;}
#div_container_2_rm .bcart { background-color: white; display: inline-block;  width: 100%; height:100%;  margin-top: 0px; top: 0; right: 0;  position: relative;}
#div_container_2_rm {opacity:0;background-color: white;width:0; right:-30%;transition: all 0.2s ease 0s; width: 30%;min-width:0px;max-width:100vw;  margin-top: 0; top: 0;  position: fixed;  border:none;  height: 75%;top:15%;z-index:300;
-webkit-box-shadow: 0px 0px 25px 5px #7D7D7D; 
box-shadow: 0px 0px 25px 5px #7D7D7D;}
#div_container_2_rm.openBasket{min-width:500px;right:0;}
#div_container_2_rm .GandG_cart h1, #div_container_2_rm .GandG_cart h2, #div_container_2_rm .GandG_cart h3, #div_container_2_rm .GandG_account h1, #div_container_2_rm .GandG_account h2, #div_container_2_rm .GandG_account h3, #div_container_2_rm .GandG_account_address h3 {border:none;}
#div_container_2_rm .GandG_cart .t_g{font-size:var(--font-size-txt);}
#div_container_2_rm .GandG_resume{width: 96%; height:5%;padding:0 2%;margin-top: 0px;text-align:right;font-weight:bold;color:black;position:relative;left:0px;background-color:white;}
#div_container_2_rm .GandG_Paiement {position: relative;  bottom: 0;    display: block; }
#div_container_2_rm .button_valid{	width: 100%!important;padding:1em 0; margin: 0!important;background-color:var(--color-principal);border:none;border-top:1px solid var(--color-principal);border-bottom:1px solid var(--color-principal); color:white;font-size:var(--font-size-txt-more);transition: all 0.5s ease 0s!important;}
#div_container_2_rm .button_valid:hover{background:white}
#div_container_2_rm .footable{border-width:0px !important;}

#div_container_2_rm .simpleCart_items {height:100%;overflow-y:auto;height:99%;}
#div_container_2_rm .simpleCart_decrement, #div_container_2_rm .simpleCart_increment{font-size:var(--font-size-txt)}
#div_container_2_rm .cartTable .contOpt{width:86%;padding:2% 7%}
#div_container_2_rm .cartTable .nameWithOption {  font-size: var(--font-size-txt);    padding-bottom: 0.1vw;padding-left:0.2vw}
	.GandG_cart .simpleCart_resum .contOpt {
    width: 96%;
    padding: 0% 0% 0% 4%;
}
#div_container_2_rm .labelDisplayTotalCart , #div_container_2_rm .simpleCart_total {font-weight:bold;}
	


.button_valid.icon-bell2:before{    animation: swing;    font-size: 1.5em;
  animation-duration: 1s;animation-iteration-count: infinite;animation-delay: 1s;}

.openBasket{width: 30%!important;opacity:1!important;}
.closeBasket{width: 0;opacity:0!important;}
#div_container_2_rm {}
.hideorder{display:inline-block;cursor:pointer;transition: all 0.5s ease 0s;}
.hideorder:hover{transform: rotate(90deg);}

/****** End Affichage du panier ******/


#div_container_5_fr .GandG_cart, .GandG_delivery, .GandG_delivery>div>div { max-width: 100%;}
/****** Step livr *******/
.bempliv{display:block;margin-top:2vw;text-align:center;}
.GandG_Paiement .a_emporter,.GandG_Paiement  .button_edit, .GandG_Paiement .a_livrer, .editAdress, .GandG_Paiement .bookasap, .GandG_Paiement .booklater, .promptInstallApp .button_valid, .popupPush  .button_valid{width:12vw;margin:2em 0; border-radius: var(--radius);padding:1em;background-color:var(--color-principal); color:white;transition: all 0.5s ease 0s;text-align:center;cursor:pointer;transition: all 0.5s ease 0s;display:flex;     justify-content: center;align-items: center;}	
.GandG_Paiement .a_emporter:hover, .GandG_Paiement .a_livrer:hover, .GandG_Paiement  .button_edit:hover, .editAdress:hover, .GandG_Paiement .bookasap:hover, .GandG_Paiement .booklater:hover, .promptInstallApp .button_valid:hover, .popupPush  .button_valid:hover{-webkit-box-shadow: 0px 0px 15px 0px #7D7D7D; box-shadow: 0px 0px 15px 0px #7D7D7D;}	
.editAdress{    display: inline-flex;
	border-radius : var(--radius) ;
    margin: 0.5em;
    padding: 1em 3em;
    width: unset;}
.GandG_ChoicePayement, .GandG_ChoicePayement2{flex-basis:50%;text-align:center;padding: 5em 1em 2em;font-size: medium;display:flex;}
.GandG_descriptionPayment{display:flex;    justify-content: center;
    align-items: end;
    flex-wrap: wrap;}
.GandG_descriptionPayment .t_g{flex-grow:1;    text-align: center;    width: 100%;}
    
.arrowPayment { padding: 0.5vw; margin: 0 2vw 2vw 0;  background-color: white!important; }
.currentArrowPayment {color: black!important;  font-weight: bold; border-bottom:2px solid var(--color-secondaire)}
.GandG_account_menu, .GandG_account_address, #main_global_div_info_customer { border: none; display: block;    margin: auto;}
#global_sign_in_customer, #global_sign_up_customer { width: 100%; margin-top: 2vh ;}
.loginFormCreate input[type="text"] , .loginFormCreate input[type="password"],.loginFormCreate   textarea {font-size: var(--font-size-txt); width: calc( 100% - 0.2vw );  border: 1px solid var(--color-secondaire);	}
.loginFormCreate .cell_1_form {width:100%;}
.loginFormCreate   input[type="submit"], .submitInfoOrder {border:none;color:white;afont-size:1.5vw;width:100%!important;margin:1vw 0;font-weight:normal;transition: all 0.5s ease 0s;}
.GandG_cart h1, .GandG_cart h2, .GandG_cart h3, .GandG_account h1, .GandG_account h2, .GandG_account h3, .GandG_account_address h3 { border-bottom: none;}
.loginFormCreate{width:100%;display:block;margin:auto;position:relative;}
.loginFormCreate table{width:100%;}
.displayPeriod{text-align:center;position:relative;    flex-wrap: wrap;display: flex; justify-content: space-between;}
.formSelectHour{position:relative;text-align:center;}
.periodUnselected{display:none;}
.selectPeriod{width:12vw;background-color:black;margin:2vw;text-align:center;border-radius: var(--radius);color:white;display:inline-block;padding:0.5vw;font-size:1.7vw;cursor:pointer;}
.selectPeriodSelected{background-color:var(--color-secondaire);}
.displayPeriod label{width:3vw;padding:0.5vw;background-color:black;color:white;margin:0.5vw;position:relative;display: inline-block;text-align:center;cursor:pointer;}
eckcgv{margin:2vw 0; display:none;}
[type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; left: -9999px;}
[type="radio"]:checked + label{background-color:var(--color-principal);}
.loginFormCreate td.cell_2_form input[type="text"], .loginFormCreate td.cell_2_form textarea{margin:1vh 0}
[name="paiement"]{position:static !important;vertical-align:middle;    padding: 0.5em;
    margin: 0.5em;}
[name="paiement"] + label{padding:0.5em; margin:0.5em;vertical-align:middle;}
[name="paiement"] + label + br{display:none;}
.checkcgv [type="checkbox"]:not(:checked), .checkcgv [type="checkbox"]:checked { position: absolute; left: -9999px;}
.checkcgv [type="checkbox"]:not(:checked) + label:before,
.checkcgv [type="checkbox"]:checked + label:before { content: ''; position: absolute; left:-1.5vw; top: 0; width: 1vw; height: 1vw; border: 1px solid #aaa; background: #ececec; border-radius: var(--radius);  box-shadow: inset 0 1px 3px rgba(0,0,0,.3) }
.checkcgv [type="checkbox"]:not(:checked) + label:after, .checkcgv [type="checkbox"]:checked + label:after {content: 'x'; position: absolute; top: -0.5vw; left: -1.2vw; font-size: 1.5vw; color: var(--color-secondaire); transition: all .2s; }
.checkcgv [type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0); }
.checkcgv  [type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1); }
.checkcgv label{position:relative;  padding-right: 20px;}
.submitInfoOrder {margin-top:20px;width:10vw!important;}

#div_container_5_fr .importantNumOrder {margin-left:0.5vw;font-weight:bold;}

/****** END Step livr *******/

/*** CONTACT ***/
.bcontainfos{width:33%;text-align:center;vertical-align:top;}
.pictcont:before{font-size:4vw}
.pictcont, .pictcont:before, .tcontinfos{text-align:center;}
.pictcont:before, .tcontinfos{margin:1vw 0}
.tconmap, .tconphone, .tconmail{text-align:center;margin-top:1vw;font-size:3vw;font-weight:bold;}
.tconphone{margin-top:2vw;}
.tcontadd>div, .tconttel>div, .tcontmail>div{display:inline-block;width:initial!important;vertical-align:middle;margin-left:5px;}
.tcontadd:before, .tconttel:before, .tcontmail:before{  display: inline-block;text-align: center; vertical-align: middle; content:"\f103"; font-family: icons;font-weight:normal; color:#f4a500}
.tconttel:before{content:"\f102";}
.tcontmail:before{content:"\f101";}

.fcontact{width:50%;padding:0;display:inline-block; vertical-align: middle;text-align:right;display:block;margin:auto;}
.fcontact table , .fcontact tbody{width:100%;font-size:0;}
.fcontact table tr:nth-child(1), .fcontact tr:nth-child(2),
.fcontact table tr:nth-child(6), .fcontact tr:nth-child(4){	width:49%;display:inline-block;vertical-align:bottom}
.fcontact table tr:nth-child(2),.fcontact table tr:nth-child(4){margin-left:2%;}
.fcontact table tr:nth-child(3){	width:59%;display:inline-block;}
.fcontact table tr:nth-child(4){	width:39%;display:inline-block;}
.fcontact table tr:nth-child(5),.fcontact table tr:nth-child(8){	width:100%;display:inline-block;}
.fcontact td { display: block;margin-top:2%}

.fcontact .cell_1_form{	width:100%;	padding:0;font-size:15px}
.fcontact .cell_2_form { padding-left:0;}
.fcontact input[type="text"],.fcontact input[type="password"],.fcontact  textarea {width: calc( 100% - 10px);    border: 1px solid #d9dadc;    padding: 5px;}
.fcontact textarea {height:7vw;	}
.gpaccmap{width:100%; margin-top:3vw}
.main_ggMap, .ggMap{width:100%;height:50vh;}


/*** A propos , nos resto ***/
.boxchoice{width:45vw;padding:2vw 0;background:rgba(255,255,255,0.5);border-radius: var(--radius);display:block;margin:10vw auto 5vw auto;}
.bchoice{width:46%;padding:2%;vertical-align:top;margin-top:2vw}
.bchoice:nth-child(3){border-left:1px solid black;width: calc( 46% - 1px );}
.imLogIntr{width:100%;min-height:1vw}
.tiboxintro, .tboxintro{text-align:center;font-size:2vw; font-weight:bold;}
.tiboxintro2{font-size:1.5vw}
.tboxintro{margin:1vw 0;}
.butIntro{cursor:pointer;width:50%;display:block;margin:1vw auto;padding:2%;background:var(--color-principal);border-radius: var(--radius);color:white;text-align:center;font-weight:bold;font-size:1.7vw;letter-spacing:4px;transition: all 0.5s ease 0s;}
.butIntro:hover{background:black;}


/*** A PROPOS ***/
.bintroim, .bintrotxt{width:28vw;vertical-align:top;}
.bintrotxt{width:35vw;margin-left:2vw;}
.imapropos{width:28vw;height:20vw;margin-bottom:2vw}
.bimgsgal{text-align:center;margin:2vw 0;display:block;}
.bimggal{margin:1vw;vertical-align:top;width:17.8vw}
.imggal{width:17.8vw;height:15vw;overflow:hidden;}
.imggal img{border-radius: var(--radius);transition: all 0.5s ease 0s;}
.imggal:hover img {transform:scale(1.1);}

.imContact{width:100%;height:13vw;margin-bottom:1vw	}

.errorLabel{font-size:large;color:firebrick; font-weight:bold}
/****02/24 ***/
#DOMWindow .barticle{background-color:white; width:500px;  height:auto;  display: block;max-width:96vw;position:absolute;top:2vh;     box-shadow: 0px 0px 6px 3px #555;overflow: hidden; left:50%;transform: translate(-50%, 0%);    border-radius: var(--radius);padding-bottom: 2vh;}
#DOMWindow .barticle .boptarticle{display:block;}
#DOMWindow .barticle .t_g{font-size: var(--font-size-large);}
#DOMWindow .barticle .barticle .labelLegend{font-size: 15px;}
#DOMWindow .barticle .item_name{margin:0}
#DOMWindow .barticle .improd,#DOMWindow .barticle .btxtarticle, #DOMWindow .barticle .improd>img,#DOMWindow .barticle  .bimarticle { width: 100%;box-sizing:border-box;}
#DOMWindow .barticle .seeMoreOption, #DOMWindow .barticle .seeLessOption {display:none;}
#DOMWindow .barticle .optionalOpt, #DOMWindow .barticle .requiredOpt{display:block;}
#DOMWindow .barticle .btxtarticle, #DOMWindow .barticle .boptarticle{padding : 5px 10px; position:relative;}
#DOMWindow .barticle .contOpt{margin:0.5em auto 0;}
.barticle .closeDOMWindow{display:none;}
#DOMWindow .barticle .closeDOMWindow{font-size: var(--font-size-title); padding: 0.5em;     border-bottom-left-radius: 2vw;background: white;     box-shadow: -1px 1px 4px -2px black;display:flex; cursor: pointer; align-items:center; position:absolute;     color: var(--color-principal); font-weight:bolder; top : 0; right: 0; z-index: 2;}
#DOMWindow.mypopup{overflow:auto;}
body:has(#DOMWindow.mypopup){overflow:hidden;}
#DOMWindow .barticle .improd{height : 200px;position:relative;overflow: hidden;}
#DOMWindow .barticle .improd img{width: 100%; height: auto; top: 50%; max-height: inherit; position: absolute; transform: translateY(-50%);}
#DOMWindow .barticle .item_price {display:none;}
#DOMWindow .barticle .binpqty{display:none;}
#DOMWindow .btxtarticle{text-align:left;} 
#DOMWindow .item_added{background-color: rgba(0,0,0,0.8); position: absolute; top:0; left: 0; height:100%; width: 100%; display: flex; align-items: center; justify-content: center;}
.item_added h1.t_g{font-size:0}
#DOMWindow .item_added h1.t_g{color: white; font-size:  var(--font-size-txt-more-more) !important;}
.groupCheckbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
 }
.checkboxLine {
    display: inline-flex;
    align-items: center;
    flex: 1;
		margin: 0.25em 0;
    flex-basis: 50%;
    max-width: 10em;
}
.cartTable>tbody .item-price{padding-right:0.5em;}
.cartTable .nameWithOption{padding:0.5em; box-sizing: border-box;} 
.GandG_cart{text-align:left}
.GandG_resume{padding-top: 1vh; margin-top: 1vh;}
.cartTable .lineOption{ justify-content: left;}

.gg_addPromo {
    display: flex;
    align-items: center;
    justify-content: right;
}

.GandG_displayCodeP {
    display: block;
    font-size: medium;
    border-top: 1px solid black;
    margin: 1em 0 0 0;
    padding: 1em 0 0;
}


.GandG_displayCodeP input[type="text"] {
    width: auto;
    margin: 0 1em;
}

.resetVoucher:before {
    font-family: 'gandg';
    content: '\e1c4';
    padding: 0.5em 0;
    margin-left: 0.5em;
    cursor: pointer;
} 


/**install app **/
.previewOverlay{z-index:500;text-align:center;}
.previewOverlay:before {
    content: '';
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(51, 51, 51);
    opacity: 0.85;
}
.promptInstallApp{font-size: var(--font-size-large); position:relative;box-shadow: 0px 0px 5px -2px;background-color : white; border-radius: var(--radius); padding:1em; box-sizing:border-box;display: flex; flex-wrap:wrap;align-items: center; width: 20em;   justify-content: space-around; transform: translate(-50%, 0%);}
.promptInstallApp.IOS{width: 96%;transform: translate(-50%, 0%);bottom: 10vw;bottom:2em;position:absolute;}
.promptInstallApp.IOS img{width: 1.5em;margin:0 1em;    vertical-align: middle;}
.promptInstallApp.IOS li{margin:0.5em 0;align-items: center;}
.promptInstallApp.IOS .title{font-weight:bold;font-size:1.2em; padding:0.2em;margin-bottom:0.5em;display:block;border-bottom: 1px solid grey;text-align: center;}
.fullW{flex-basis : 100%;}
.promptInstallApp .button_valid{margin:1em 0;}
.closeButtonIos{position:absolute;top:0.5em; right:0.5em;font-size:1.5em;line-height:1;} 

@media screen and (max-width: 600px){
	.cartTable tr{padding:0;}
	#div_container_2_rm.openBasket{min-width:100%;}
	#div_container_2_rm .simpleCart_items .cartTable tr, .GandG_cart  .simpleCart_items .cartTable tr{grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;}
	#div_container_2_rm .simpleCart_items .cartTable>tbody .item-name, .GandG_cart  .simpleCart_items .cartTable>tbody .item-name{ grid-area: 1 / 1 / 3 / 4; }
	#div_container_2_rm .simpleCart_items .cartTable>tbody .item-priceT, .GandG_cart  .simpleCart_items .cartTable>tbody .item-priceT { grid-area: 1 / 4 / 2 / 5; text-align:right;}
	#div_container_2_rm .simpleCart_items .cartTable td.item-remove, .GandG_cart  .simpleCart_items .cartTable>tbody .item-remove { grid-area: 2 / 4 / 3 / 5; position: relative;}
	#div_container_2_rm .cartTable .contOpt {
    width: 93%;
    padding: 2% 0% 0% 7%;
}

.promptInstallApp{width:96vw;}
.cartTable .simpleCart_remove:before {content: '\e2bd';}

	#div_container_2_rm .simpleCart_decrement, #div_container_2_rm .simpleCart_increment, .GandG_cart  .simpleCart_increment, .GandG_cart  .simpleCart_decrement{    background-color:var(--color-secondaire);}
	#div_container_2_rm  .cartTable .simpleCart_remove:before, .GandG_cart  .cartTable .simpleCart_remove:before {  font-size: 4vw;}
	.GandG_Paiement .a_emporter, .GandG_Paiement .button_edit, .GandG_Paiement .a_livrer, .GandG_Paiement .bookasap, .GandG_Paiement .booklater , .promptInstallApp .button_valid, .popupPush  .button_valid{width: 40%;}
	.editAdress{display: block; width: 100%; box-sizing: border-box;margin:1em 0;} 
/*	.GandG_cart .simpleCart_resum .cartTable .item-price:before{content:attr(data-title)' :' ;}**/
	.GandG_cart .simpleCart_resum .cartTable tr{grid-template-rows: repeat(2,1fr);}
.cartTable .lineOption{    justify-content: left;}
	#div_container_2_rm.openBasket{min-width:100%;}
	.GandG_cart .simpleCart_resum .cartTable tr{grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;}
	.GandG_cart .simpleCart_resum .cartTable>tbody .item-name{ grid-area: 1 / 1 / 3 / 4; }
	.GandG_cart .simpleCart_resum .cartTable>tbody .item-priceT{ grid-area: 1 / 4 / 2 / 5; text-align:right;}
	.GandG_cart .simpleCart_resum .cartTable td.item-remove{ grid-area: 2 / 4 / 3 / 5; position: relative;display:none;}


.cmenu{display :flex; } 
.ggmenu>.cmenu>.gg_hc:hover > .gg_sm, .gg_hc .gg_hc:hover .gg_sm {
    justify-content: flex-start;
}
.cmenu, .gg_sm {
    flex-flow: nowrap;    position: static;    overflow: auto;}
#div_container_5_fr .GandG_cart{text-align:left;}
}
/* telephone */
@media 	only screen and (max-width : 468px) {

	:root {
  --font-size-txt: medium;
  --font-size-txt-more: large;
  --font-size-txt-more-more: x-large;
  --font-size-txt-red: small;
  --font-size-title: large;
  --color-principal: #0f4899;
  --color-secondaire: #4fbcb9;
	}
.gg_sm.lvl1, .gg_sm.lvl2 {
    position: absolute !important;
}
body:has(.openBasket){overflow:hidden}
#div_container_5_fr { padding-bottom: 5vh;}
.gpmenu {margin:0}
.text_generic, .t_g, h1, h2, h3, h4, .mbut,input[type="text"], input[type="password"], textarea{font-family:Arial,"fontr", sans-serif;}
	.gpheader {padding: 0;}
	.gplogo { width: 40%;margin-bottom:1vh;vertical-align:top;position: fixed;
    bottom: 0;left:0;
    padding: 1vh;z-index:2;}
	.logo-src{width:100%}
	.logo { min-height:initial}
	.gpbasket { width: 100%;vertical-align:top;    position: fixed;box-shadow: -2px 0 7px 0px black;
    bottom: 0vh;
    padding: 2vh;
    right: 0;
    background: black;}
	.mbut, .gg_sm li .mbut{ padding: 1em 2vw; font-weight:bold; margin:0 0.5em;font-size: var(--font-size-large)}
	.icomail:before, .icomap:before, .icophone:before, .basket:before, .hideorder:before {  font-size: var(--font-size-large);}
	 .hideorder:before{font-size;1.5em;font-weight: bold; padding: 0.75em;}
	 .hideorder{position:absolute;top:0; right:0;}
	.simpleCart_quantity { font-size: var(--font-size-txt);  border-radius: var(--radius);    padding:0.2em;    top: -2.5vw;    right: -1.5vw;}
	.bfoinfo, .bfoinfo3{display:none}
	.openBasket {  width: 100%!important;}
	#div_container_2_rm{top:0;height:100%;}
	.bcont { width: 96vw;}
	.barticles .group_duplicable_editor, .barticles .duplicate_line { }
	.barticle { display: flex; flex-wrap: wrap;justify-content: space-between;}
	.bimarticle, .btxtarticle{display:inline-block;}
	
	.btxtarticle{text-align:center;   vertical-align:top;padding: 0 1vw;}
	#div_container_9_fo{display:none;}
	
	.seeMoreOption, .seeLessOption { font-size: var(--font-size-txt);    margin:1em 0;}
	.seeMoreOption:before, .seeLessOption:before, .seeMoreOption:after, .seeLessOption:after{ margin-right: 3vw; font-size: 4.5vw;}
	.seeMoreOption:after, .seeLessOption:after{ margin-right: 0; margin-left:3vw}

	.barticles{flex-wrap: wrap;    justify-content: space-between;}
	.barticle .binpqty { width: 45%;   margin-right: 5%;    margin-top: 2%;}
	.abarticle .btnbasket {  width: 45%!important;    margin-left: 3%;    margin-top: 2%;    height: 4vw;    padding: 3vw 0; line-height: 4vw;}
	.barticle .inpqty {  height: 4vw;    padding: 3vw;    font-size: 4.5vw;    line-height: 4.5vw; width: 84%;}
	.abarticle .btnbasket:before {  padding: 2.5vw;}
	.itemAddedAnim:before{font-size:var(--font-size-txt)!important;top:-7vw!important}
	
	.barticles .group_duplicable_editor, .barticles .duplicate_line {min-width: 48%; margin: 3% 0; padding:0;}
	.GandG_cart .a_emporter, .GandG_cart .a_livrer {width: 30vw; margin: 5vw; font-size: var(--font-size-title);}
	.GandG_account_menu, .GandG_account_address, #main_global_div_info_customer {  width: 99%; }
	.loginFormCreate input[type="text"], .loginFormCreate input[type="password"], .loginFormCreate textarea { font-size: var(--font-size-txt);  line-height:1;}
	.loginFormCreate td.cell_2_form textarea {height:7em; line-height:1;}
	.loginFormCreate input[type="submit"], .submitInfoOrder {  font-size: var(--font-size-txt);}
	.selectPeriod { width: 25vw; margin: 2vw;  padding: 2vw;  font-size: var(--font-size-txt);}
	.displayPeriod label {    width: auto; flex-grow: 1; padding: 1em;margin:0.5em;flex-basis: 20%;}
	.checkcgv [type="checkbox"]:not(:checked) + label:before, .checkcgv [type="checkbox"]:checked + label:before { width: 4vw;    height: 4vw;}
	.checkcgv [type="checkbox"]:not(:checked) + label:after, .checkcgv [type="checkbox"]:checked + label:after {top: -0.8vw;    left: 0.5vw;    font-size: 7vw;    line-height: 5vw;} 
	.submitInfoOrder {  margin-top: 2vw;    width: 25vw!important;}
	
	
	.fcontact { width: 98%;} 
	.fcontact input[type="text"], .fcontact input[type="password"], .fcontact select, .fcontact textarea{width:97%;font-size:4vw;line-height:5vw;padding:1vw}
	.input_submit, .tbutnewsacc, .tbutcontact {    font-size: 4vw;    padding: 2vw;    width: 15vw!important;}
	.fcontact textarea { height: 25vw;width:99%;}
	
	.bfoot .t_g {  color: white;    font-size: var(--font-size-txt);}
	.bfoot {  width: 92vw;}
	.bfoinfo, .bfoinfo2, .bfoinfo3 {  width: 85vw;margin:2vw 0}
	.flogo { width: 85vw;    margin-bottom: 4vw;}
	.ficopaym { width: 28vw;}
	.loginFormCreate input[type="submit"]:hover, .submitInfoOrder:hover{transform : none;}
	.bempliv {margin: 5vh 0;}
}