:root {
  --font-size-txt: 16px;
  --font-size-txt-more: 18px;
  --font-size-txt-red: 14px;
  --font-size-title: 22px;
  --color-principal: #54575a;
  --color-secondaire: #54575a;
  --zIndex-popupCookies :1002;
}
.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}
#global_container{position:relative;height:100%;width:100%;}
b, strong{font-weight:bold;font-family: "fontr";}
img { max-width: 100%; max-height: 100%;}
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide{display:none !important;}
.connected .athide { display: block!important;}

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{width:100%;background:black;}
a.linkClickedCurrentPage:link{color:var(--color-principal);}
a.linkClickedCurrentPage:visited{color:white;}
.mbut:hover, a.linkClickedCurrentPage.mbut{}
a.linkClickedCurrentPage.mbut{background:black;}

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 : 0.2vw ;font-family:"fontr",Times,serif;	padding:0.2vw}
textarea {background-color:#f6f6f6;border:1px solid #f6f6f6;height:5vw;	}

.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{content:"\f104";}
.basket{cursor:pointer;}

.text_generic, .t_g, h1, h2, h3, h4, .mbut{text-align:left;font-family:"fontr",Times,serif;	color:black;font-size:var(--font-size-txt);font-weight:normal;line-height:initial;}
h1, h2, h3, h4, h1.t_g, h2.t_g, h3.t_g, h4.t_g{font-family:"fontr",Times,serif;font-size:var(--font-size-title);margin:0 0 1vw 0;text-align:left;font-weight:bold;position:relative;}

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


#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: 1vw 0 0 0;  width: 100%;  position: fixed;  top: 0;  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:10vw auto 0 auto;width:65vw;display:block;}
.button_valid,.tbutnewsacc, .tbutcontact{width:7vw;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;color: var(--color-principal)!important;box-shadow:none;cursor:pointer;}

.text_in_button, .text_in_button:visited{color:white;font-family:"fontr",Times,serif;}
#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}
.gphead{width:100%;display:block;margin:auto;text-align:left;background:white;}
.gplogo{width:20%;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-red);background:var(--color-principal);border-radius:5vw	;width:1vw;height:1vw;text-align:center;line-height:1vw;position:absolute;top:-0.5vw;right:-0.5vw}
.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;}
.cmenu li {  display: inline-block;}
.mbut, .gg_sm li  {color:white; padding:0.5em 1vw; position:relative;z-index:3}
.mbut>div{position:relative;z-index:6}
.mbut:before, .gg_sm li:before{content:'';height:100%;width:0;display:inline-block;position:absolute;left:0;top:0;transition: all 0.5s ease 0s;z-index:-1}
.gg_sm li:hover .gg_smn{color:white;}
.t_g.gg_smn{padding:0.5em;}
.gg_hc {position: initial;}
.ggmenu>.cmenu>.gg_hc:hover > .gg_sm, .gg_hc .gg_hc:hover .gg_sm {
    display: flex;
    flex-flow: row;
    justify-content:  center;
}
.gg_sm {width:100%;text-align:center;left:0;background:var(--color-secondaire);}
.gg_sm .gg_smn {}

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

.barticles{text-align:center;}
.barticles .group_duplicable_editor, .barticles .duplicate_line {margin:0.5vw;vertical-align:top;padding:1vw;border:1px solid #999999;border-radius:4px;}
.barticle{width:20vw;min-width:250px}
.improd{width:100%;min-height:15vw;margin-bottom:1vw;overflow:hidden;}
.improd>img{border-radius:4px 4px 0 0;transition: all 0.5s ease 0s;}
.barticle .item_name {font-weight:bold;width:80%;vertical-align:middle;color:var(--color-principal);font-size:var(--font-size-txt-more);}
.barticle .item_price {width:18%;margin-left:2%;vertical-align:middle;text-align:right}
.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 : 4px ;}
.barticle .btnbasket{position:relative;font-size:var(--font-size-txt-more)}
.barticle .btnbasket, .loginFormCreate   input[type="submit"], .submitInfoOrder{display:inline-block; width: 40%!important; padding:2% 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:hover, .loginFormCreate   input[type="submit"]:hover, .submitInfoOrder:hover{ transform: scale(1.1, 1.1); color:white!important;
	-webkit-box-shadow: 0px 0px 15px 0px var(--color-secondaire); 
box-shadow: 0px 0px 15px 0px var(--color-secondaire);}

.bimarticle, .btxtarticle, .boptarticle{display:block;}
.barticle select {font-size: var(--font-size-txt); width: 100%; padding:0.2vw; border:1px solid var(--color-secondaire);border-radius : 4px ;font-family:"fontr",Times,serif;	}
.barticle .titleOpt, .barticle .labelLegend{display:inline-block;vertical-align:bottom;}
.barticle .titleOpt{margin-top:10px;}
.barticle .labelLegend {font-size: var(--font-size-txt-red);margin:0 1vw; font-style: italic;}
.barticle:hover .improd>img{transform:scale(1.05);}
.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:5vw;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-red);margin-top:1vw}
.seeMoreOption:before, .seeLessOption:before {color:var(--color-secondaire);margin-right:0.5vw;font-size:var(--font-size-txt-red);vertical-align:middle;}

.optionalOpt{margin-top:1vw}


#div_container_9_fo{padding-top: 2vw;}
.bfoot{display:block;width:80vw;margin:auto;text-align:center;}
.bfoinfo{display:block;}
.flogo{width:35vw;height:5vw;text-align:center;display:block;margin:2vw auto;}
.bfoinfo1,.bfoinfo2,.bfoinfo3{width:33%;text-align:center;vertical-align:top;}
.tfoophone, .tfoomail, .tfoomap{text-align:left;margin:1vw 0;}


.tifoot, .tifoot2, .tfoot{color:#000000;text-align:center}
.tifoot{font-weight:bold;font-size:1.3vw;margin-bottom:1vw}
.tment{text-align:center;}
.tconcep{text-align:right;font-size:13px;}
.tfoohor1, .tfoohor2{width:35%;vertical-align:top;text-align:center;}
.tfoohor2{width:65%;}
.tfoohor2{font-weight:bold;}



.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:88%;padding:2% 2% 0 2%;width:96%;text-align:left;}
#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: 30%;min-width:0;max-width:100vw;  margin-top: 0; top: 0; right: 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 .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;    height: 5%; }
#div_container_2_rm .button_valid{	width: 100%!important;padding:2% 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;}
#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}

#div_container_2_rm .labelDisplayTotalCart , #div_container_2_rm .simpleCart_total {font-weight:bold;}
	




.openBasket{width: 30%!important;opacity:1!important;}
.closeBasket{width: 0;opacity:0!important;}
#div_container_2_rm {width:0; transition: all 0.2s ease 0s;}
.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{width:12vw;margin:2em 0; padding:1vw 1vw;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{background-color:var(--color-secondaire);transform: scale(1.1, 1.1);
	-webkit-box-shadow: 0px 0px 15px 0px #7D7D7D; 
box-shadow: 0px 0px 15px 0px #7D7D7D;}	
.editAdress{    display: inline-flex;
    margin: 0.5em;
    padding: 0.5em 3em;
    width: unset;}
.GandG_ChoicePayement, .GandG_ChoicePayement2{flex-basis:50%;text-align:center;padding: 7em 2em 2em;font-size: medium;display:flex;}
.GandG_descriptionPayment{display:flex;    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;}
.GandG_descriptionPayment .t_g{flex-grow:1;    text-align: center;}
    
.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;    width: 50%;    display: block;    margin: auto;}
#global_sign_in_customer, #global_sign_up_customer { width: 100%;}
.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:5px;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: 3px;  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:4px;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;}
.tboxintro{margin:1vw 0;}
.butIntro{cursor:pointer;width:50%;display:block;margin:1vw auto;padding:2%;background:var(--color-principal);border-radius:4px;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:4px;transition: all 0.5s ease 0s;}
.imggal:hover img {transform:scale(1.1);}

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




/* tablette */		
@media 	only screen and (max-device-width : 1100px) {
	@viewport	{width: 100vw;zoom: auto;}
	
}
@media screen and (max-width: 600px){

	
	#div_container_2_rm .simpleCart_items .cartTable tr, .GandG_cart  .simpleCart_items .cartTable tr{grid-template-columns: repeat(3, 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 / 2 / 3; }
	#div_container_2_rm .simpleCart_items .cartTable td.item-quantity, .GandG_cart  .simpleCart_items .cartTable>tbody .item-quantity { grid-area: 2 / 1 / 3 / 3; }
	#div_container_2_rm .simpleCart_items .cartTable>tbody .item-price, .GandG_cart  .simpleCart_items .cartTable>tbody .item-price{display :none}
	#div_container_2_rm .simpleCart_items .cartTable>tbody .item-priceT, .GandG_cart  .simpleCart_items .cartTable>tbody .item-priceT { grid-area: 1 / 3 / 2 / 4; text-align:right;}
	#div_container_2_rm .simpleCart_items .cartTable td.item-remove, .GandG_cart  .simpleCart_items .cartTable>tbody .item-remove { grid-area: 2 / 3 / 3 / 4; position: relative;}
	
	#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, .editAdress, .GandG_Paiement .bookasap, .GandG_Paiement .booklater {width: 33%;}
	.GandG_cart .simpleCart_resum .cartTable .item-price:before{content:attr(data-title)' :' ;}
	.GandG_cart .simpleCart_resum .cartTable tr{grid-template-rows: repeat(2,1fr);}

	.GandG_cart .simpleCart_resum .cartTable .item-quantity:after{content:'x';}

	.GandG_cart .simpleCart_resum .cartTable tr{grid-template-rows: repeat(1,1fr);    grid-template-columns: 1fr 5fr 2fr;}
	
	.GandG_cart .simpleCart_resum .cartTable>tbody .item-name{    grid-area: 1 / 2 / 2 / 2;}
.GandG_cart .simpleCart_resum .cartTable>tbody .item-quantity{grid-area: 1 / 1 / 1 / 1;}
.GandG_cart .simpleCart_resum .cartTable>tbody .item-priceT{grid-area: 1 / 3 / 1 / 3;}
.GandG_cart .simpleCart_resum .cartTable>tbody .item-price{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;}

}
/* telephone */
@media 	only screen and (max-device-width : 468px) {
	
	:root {
  --font-size-txt: 4vw;
  --font-size-txt-red: 2.5vw;
  --font-size-title: 4.5vw;
  --color-principal: #0f4899;
  --color-secondaire: #4fbcb9;
	}
.gg_sm.lvl1, .gg_sm.lvl2 {
    position: absolute !important;
}
	.gpheader { padding: 3vw 0 0 0;}
	.gplogo { width: 30%;margin-bottom:3vw;vertical-align:top;}
	.logo { min-height:initial}
	.gpbasket { width: 66%;vertical-align:top;}
	.mbut, .gg_sm li { padding: 0.5em 2vw; margin:0 0.5em;}
	.icomail:before, .icomap:before, .icophone:before, .basket:before, .hideorder:before {  font-size: 4vw;}
	.simpleCart_quantity { font-size: 2vw;  border-radius: 5vw;    width: 3vw;    height: 3vw;    line-height: 3.5vw;    top: -2.5vw;    right: -1.5vw;}
	
	.openBasket {  width: 95%!important;}
	.bcont { margin: 30vw auto 0 auto;   width: 96vw;}
	.barticles .group_duplicable_editor, .barticles .duplicate_line { margin: 1vw 0;   border: 1px solid #999999;    }
	.barticle { width: 94vw;}
	.bimarticle, .btxtarticle{display:inline-block;}
	.improd {width: 49vw;    height: initial;   }
	.bimarticle{width: 49vw;    margin-right:2vw; vertical-align:top;}
	.btxtarticle{width: 42vw;    vertical-align:top;}
	.barticle .item_name { width: 100%;margin-top:7vw;font-size:4.5vw;}
	.barticle .item_price {   width: 100%;    margin-left: 0; position:absolute;top:0;right:0;font-size:5vw;}
	.seeMoreOption, .seeLessOption { font-size: var(--font-size-txt);    margin: 2vw 0;}
	.seeMoreOption:before, .seeLessOption:before { margin-right: 1vw; font-size: 4.5vw;}
	.barticle select{height:10vw;margin:1vw 0}
	.barticle .binpqty { width: 45%;   margin-right: 5%;    margin-top: 2%;}
	.barticle .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%;}
	.barticle .btnbasket:before {  padding: 2.5vw;}
	.itemAddedAnim:before{font-size:var(--font-size-txt)!important;top:-7vw!important}
	
	
	.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:6vw}
	.loginFormCreate td.cell_2_form textarea {height:30vw;}
	.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;}
	
	
}