:root {
	
	--principal-color:#ffcb11;
	--principal-colorrgba:rgba(47,100,53,0.8);
	--second-color:#77196d;
	
	--disable-transition: none !important;
  --bglvl1-submenu-color: rgba(170,220,220,0.8);
  --bglvl2-submenu-color: rgba(170,220,220,0.8);
  --fontlvl1-submenu-color: #000000;
  --fontlvl2-submenu-color: #000000;
  --fontlvl1-submenu-color-hover: #ffcb11;
  --fontlvl2-submenu-color-hover: #ffcb11;
  --fontlvl1-submenu-size: 18px;
  --fontlvl2-submenu-size: 18px;
  --radiusglobal:10px;
  
  --small-text : 14px;
  --medium-text : 16px;
  --large-text : 20px;
  --x-large-text : 25px;
  --xx-large-text : 30px;
  --hudge-text : 40px;
  
  --bg-carousel-title-color: rgba(0,0,0,0.6);
  --font-carousel-title-color :#ffffff;
  --bg-carousel-desc-color: rgba(0,0,0,0.6);
  --font-carousel-desc-color :#ffffff;
  --shinyInput-background : #f6f6f6;
  --shinyInput-color : #777;
  --button-shadow-1: 0px 20px 20px rgba(0, 0, 0, 0.05), 0px 5px 11px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
  
}

#tarteaucitronRoot{display:none !important}
.home_page{display: none;}

@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{min-height:100%;min-width:100%;width:100%; background-color:white; font-size:0;position:relative; user-select: none;}
body {margin:0;  width:100%; min-height:100%;}
#global_container{position:relative; width:100%;min-height:100%;display:flex;flex-direction:column;align-items:start;}
img { max-width: 100%; max-height: 100%;width:100%;height:auto; }
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide, .athideUser, .athide[class^=line_form], .athide.flexContForm , .athide.bcont{display:none;}
.connected .athideUser{display:block;}
.connected .athideAdmin{display: none;}
a:not(.button_valid){transition:unset!important}
a:visited{color:inherit;}
a:not(.button_valid):hover{color:var(--principal-color);}

a.mbut:visited{color:white}
a.mbut:hover{color:var(--principal-color);border-bottom-color: var(--second-color);}
a.linkClickedCurrentPage:link{color:black;}
.gpheader a.linkClickedCurrentPage:link{color:white;border-bottom:1px solid white;}
a.linkClickedCurrentPage:visited{color:black;}
.gpmenu a.linkClickedCurrentPage:visited{color:var(--principal-color);border-bottom-color: var(--second-color);}
.bglogo{position : relative;}
html:before{content: '';
    background-position: center;
    position: absolute;
    opacity: 0.05;
    background-size: contain;
    width: 90%;
    margin:5%;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../view/global/background/logo.png);
    height: 90%;}
input[type="text"], input[type="password"],  textarea {line-height:1; width: 100%; padding:0.25em 0.5em; background-color:#f6f6f6;; border:1px solid #d9dadc;box-sizing: border-box;	}
textarea {background-color:#f6f6f6;border:1px solid #f6f6f6;height:10em;	}
b, strong, .strong{font-weight:bold;position:relative;}  
b:after, strong:after, .strong:after{content:'';position:absolute;height:0.2em;width:100%; box-sizing:border-box;transition: all 0.5s ease 0s;background-color: var(--principal-color);    bottom: 0em; left: 0; z-index: -1;}
b:hover:after, strong:hover:after, .strong:hover:after{height:1em;}
a#tarteaucitronRoot div#tarteaucitronAlertBig {display: none !important}

.text_generic, .t_g, h1, h2, h3, .mbut, input,  textarea {font-family:'Roboto','Arial',sans-serif;	font-size: var(--medium-text);line-height: 1.5;}

h1, h1.t_g{font-size:var(--xx-large-text);}
h2, h2.t_g{font-size:var(--x-large-text);}
h3, h3.t_g, .h3{font-size:var(--large-text);}
.bblack h1,.bblack  h2,.bblack  h3,.bblack  h1.t_g,.bblack  h2.t_g,.bblack  h3.t_g{color:var(--principal-color);margin:0;}
h1 b, h2 b, h3 b, h1 strong, h2 strong, h3 strong{color:var(--principal-color);}
.tiline{padding-bottom: var(--medium-text);position:relative;margin-bottom: var(--medium-text);font-size: var(--x-large-text);}
.tiline:after{content:'';display:inline-block;bottom:0;right:0;position:absolute;height:4px;width:70px;background:var(--principal-color)}

.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter, .bcenter{	text-align:center;	margin-right:auto;margin-left:auto;}
.fullWidth{width:100%;}
.wysiwyg{background-color:#b3b3b3;}

.carousel {margin:0}
.carousel-caption{padding:0.2% 0 0.2% 1%;font-family:"fontr",Times,serif;text-align:center;display:block;position:absolute;bottom:12%;left:67%;width:30%;background:none;}
.carousel-caption h4, .carousel-caption p { text-align: center;color:black;color:white;}

/*.title_gen_carrousel{margin-bottom:10px;	font-size:1.7vw;line-height:6vw;font-weight:bold;}
.description_gen_carrousel {position:relative;font-size:2vw;background-color:var(--principal-color);display:inline-block;padding:0.5vw;}*/
/*.description_gen_carrousel:before {content: ""; position: absolute; top: 0;  left: -12px;  width: 0;  height: 0;  border-color: transparent var(--principal-color) transparent transparent;  border-style: solid;  border-width: 7vw 12px 0px 0;}
.description_gen_carrousel:after { content: "";  position: absolute;   top: 0;  right: -12px;  width: 0;  height: 0;  border-color: transparent transparent var(--principal-color) transparent;    border-style: solid;    border-width: 0px 12px 7vw 0px;}*/
	
.carousel-indicators {display:none;}
.carousel-indicators li {	border-radius:0px;height: 13px;width: 13px;background-color: white	;}
.carousel-indicators .active { background-color: var(--principal-color);}
.carousel .item img { max-height: 200%;width:100%;height:auto;}
.thumb-carousel-control{display:none;}
.description_gen_carrousel{}
.title_gen_carrousel{font-family:"fontr",Times,serif;}
.div_thumbnailsCarousel, .thumbnailsCarousel {height: 100%;}

#div_container_1_h, #div_container_5_fr, #div_container_9_fo, #container_submenu, .gpheader{display: block;margin:auto;width: 1100px;}
.gpheader{margin:auto;width:100%;padding: 10px 0;transition: all 0.5s ease 0s;  z-index:2;  display: flex; flex-wrap: wrap; ;align-items: center;  justify-content: space-between; position:relative;}
#div_container_1_h, #div_container_9_fo{width: 100%;}
#div_container_5_fr{min-height:400px;width:100%;margin-top:0;}
.button_valid:hover, .tbutnewsacc:hover, .tbutcontact:hover{margin-top:0.2em; margin-bottom:0; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);}
.fullH,#div_container_5_fr, #global_container, body, html{display: flex;align-items:stretch; flex-direction: column;flex:1;}
.mtop0{margin-top:0 ;}
.mtopAuto{margin-top:auto;}
.mbotAuto{margin-bottom:auto;}
.btnStandard{padding:12px 40px;border-radius:50px;color:white;text-align:center;font-size: var(--medium-text);transition: all 0.5s ease 0s;}
.btnStandard:hover{background-color: var(--second-color);}
#temp{display:none}
.input_submit,.tbutnewsacc, .tbutcontact, .button_valid{transition: all 0.5s ease 0s;  margin-top:0;margin-bottom:0.2em; width: inherit; box-sizing: border-box;cursor:pointer;border:1px solid var(--principal-color);box-shadow: var(--button-shadow-1);padding: 0.75em 1em; background-color: var(--principal-color);}
.arrowAriane{color:var(--principal-color)}

[class^="icons-"] > div, [class*=" icons-"]>div, .tfoomail>div,.tfoophone>div,.ifacebook>div,.iinstagram>div,.iyoutube>div,.ilinkedin>div,.itwitter>div{display:inline-block;width:initial!important;vertical-align:middle;margin-left:5px;}
.tfoomail>div,.tfoomap>div,.tfoophone>div{color:black}
[class^="icons-"]:before, [class*=" icons-"]:before, .tfoomail:before, .tfoophone:before,.ifacebook:before,.iinstagram:before,.iyoutube:before,.ilinkedin:before,.itwitter:before { display: inline-block;text-align: center; vertical-align: middle; content:"\f106"; font-family: icons;font-size: var(--large-text);color:var(--principal-color)}

.icons-bask:before {    content: "\f101";}
.icons-account:before {    content: "\f102";}

/******Pagination *****/
.container_pager{margin-top: 20px;width: 100%;text-align: center;-moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; -o-user-select: none; user-select: none;}
.pager_group, .pager_leftArrow, .pager_rightArrow{width:25px;height:25px;line-height:25px; padding: 6px;margin:0px 10px;background-color: black;color:white !important;cursor:pointer; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; -o-user-select: none; user-select: none; text-align:center;}
.pager_leftArrow, .pager_rightArrow{margin:0px 40px;font-size: var(--medium-text);}
a.pagerCurrentPage, .pager_group:hover,  .pager_leftArrow:hover, .pager_rightArrow:hover{	background-color:var(--principal-color);	text-align:center;}


/**** HEADER / MENU / FOOTER ***/
#div_container_1_h{margin-top:0;    margin-bottom: 0;background: black;}
/*.connected #div_container_1_h { position: relative;background:var(--principal-color);}*/
.gphead{width:100%;display:block;margin:auto;text-align:left;}
.gplogo{ vertical-align:middle;text-align:center;vertical-align:middle;order:2;width:50px;}
.logo{width : 2em;  box-sizing: border-box; height : initial; transition : all 0.5s ease 0s; vertical-align : middle;}
.baseline{width:65%;margin-left:5%;vertical-align:middle;color:white;font-weight:bold;font-size: var(--small-text);}
.gpmenumo{
	margin-right:auto;
    display: block;
    cursor: pointer;
    order: 1;
}
.gpmenu{vertical-align:middle;max-width: 66vw; position:absolute; top:100%;   min-width: 50vw;text-align:right;padding:0.5% 0;	display:none; margin-bottom:0; background:var(--second-color); width: 100%; text-align: center;  order: 4;  }
.mbut{text-align:center;vertical-align:top;transition: all 0.5s ease 0s!important;margin:0 10px;color:white;position:relative;padding:10px 5px;border:1px solid transparent;border-radius:3px}

.gphtel{position:absolute;top:10px;right:10px;}
.thbask,.thbask:before, .thaccount, .thaccount:before{color:white;}
.thaccount ,  .thbask{vertical-align:middle;}

.bcont, .bcontfirst{width:96%;margin-right:auto;margin-left:auto;display:block; }
.bcontfirst{apadding-top:200px;}

.mbar:before{
	content:'';
    
	display: inline-block;
	width:3em;
	height:3em;
	background-position: center;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
}
.mbar:not(.linkClickedCurrentPage):before{filter: grayscale(100%);}
.mbar.linkClickedCurrentPage{color: var(--principal-color) !important;}
.mbar[href="recettes.html"]:before{background-image: url("./svg/004-book.svg");}
.mbar[href="informations.html"]:before{background-image: url("./svg/001-informative.svg");}
.mbar[href="concours.html"]:before{background-image: url("./svg/002-competition.svg");}
.mbar[href="deposer-offres-emploi.html"]:before{background-image: url("./svg/003-application.svg");}



/** Inscription / connexion **/
#global_sign_up_customer{display:none;}
#div_container_5_fr:has(#account_my-account_not-connected__5_fr__groups__000, #adminUserModify) + #div_container_9_fo{display:none;}
#div_container_5_fr:has(#account_my-account_not-connected__5_fr__groups__000, #adminUserModify){justify-content:center; background-color: rgba(245, 245, 245, 0.5);}
#div_container_5_fr:has(#adminUserModify) .bcont{text-align:center; font-size:medium; padding:2em 0; background-color:white; border:2px solid var(--second-color);}
#div_container_5_fr:has(#adminUserModify) form{display:inline-block;}
#div_container_5_fr:has(.fixedButtonAdd){position: relative}
#div_container_5_fr:has(#account_my-account_not-connected__5_fr__groups__000, #adminUserModify) .GandG_account h2{border-width:0px;}


@media(min-width: 1100px) {
	.bcont, .bcontfirst{min-width:1080px;}
}

.launchBar{ display: flex; justify-content: space-evenly; width: 100%;}
.mbar{color: white !important;font-size: var(--small-text); text-align:center;}
.grecaptcha-badge{display:none;}
.launchBar  .cmenu{justify-content: space-around;}
.launchBar  .ggmenu{width:100%}
.bcontmax{width:90%;margin:auto;display:block;}
.bfirst{position:relative;}
.pageMoreInfo:last-child{display:none;}
.p1080 {
    width: 1080px;
  margin: 0 auto;}

/*** offres d'emploi ***/
.postJob>div[class^=table_form_]{display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 2em;
}
.cancelParticipation{cursor: pointer; margin: 0.25em 1em; vertical-align: middle;}
.carouselJob .carousel-inner{width:95%;}
.carouselJob .myJob .flex{display : grid;grid-template-columns: 1fr 2fr;text-align:left;} 
.carouselJob .titleOffre{font-size: var(--large-text);font-weight:bold;margin:0 0 2em 0;position:relative;} 
.carouselJob .titleOffre:after{content: '';
    position: absolute;
    height: 0.2em;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.5s ease 0s;
    background-color: var(--principal-color);
    bottom: 0em;
    left: 0;
  z-index: 0;}
.carouselJob{margin: 2em 0.5em;box-sizing : border-box;}
.carouselJob .carousel-item{box-sizing : border-box;border:0px solid black;    padding: 0.5em 0.5em 0.5em 3em; background-color: whitesmoke;}
.carouselJob .actionBar{color: firebrick; position: absolute;     transform: translate(0,-50%); top: 50%; left: 0.5em; font-size : var(--x-large-text);z-index: 2;cursor:pointer;} 
.carouselJob .actionBar .deleteMyJob , .carouselJob .actionBar .actualizeMyJob{margin:1em auto;} 
.carouselJob .actionBar .actualizeMyJob{color: seagreen;}
.carouselJob .carousel-item .title{font-weight: bold; margin-bottom:0.5em;}
.carouselJob .carousel-control.right{font-size: var(--xx-large-text);color: var(--second-color);opacity:1;background :whitesmoke;box-sizing: border-box;margin:0;    width: 5%;  height: 100%;}
.fixedButtonAdd{position: fixed;
    position : absolute;
    right: 1em;
    top: 1em;
    /*background-color: var(--second-color);
    color: white;
    border-radius: 2em;
    font-size: var(--x-large-text);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);*/}
/*

.flexContForm{    display: flex; flex-wrap: wrap; justify-content: space-between;}
.shinyGroup, .loginFormConnect .line_form{ position: relative;  font-size:medium; margin: 0.5em 0; }
.shinyGroup .cell_1_form, .shinyGroup .cell_2_form:not(:has([type=radio])), .loginFormConnect .line_form .cell_1_form, .loginFormConnect .line_form .cell_2_form{display:block;position:relative;}

.loginFormConnect .line_form, .shinyGroup.fullW{width:100%;text-align:left;}
.shinyGroup.halfW{width:45%;display: inline-block;}
.loginFormConnect .line_form input, .loginFormConnect .line_form label, .shinyGroup input, .shinyGroup textarea, .shinyGroup label{font-size: var(--medium-text);}
.shinyGroup textarea{height: 10em;width: 100%; box-sizing: border-box;}
    

.shinyGroup input:not([type=radio]) , .shinyGroup textarea, .loginFormConnect .line_form input:not([type=radio]){ width: 100%; padding: 0.5em 0.5em; box-sizing: border-box; text-align: left; color: var(--shinyInput-color); border: 1px solid var(--shinyInput-color); transition: border-color 250ms; transition: box-shadow 0.3s ease-in-out; background-color: var(--shinyInput-background); letter-spacing : 0.1em;}
.shinyGroup input:focus, .shinyGroup textarea:focus, .loginFormConnect .line_form:focus{box-shadow: rgba(33, 35, 38, 0.6) 0px 10px 10px -10px;outline: none;border-color: #777;}
.shinyGroup input::placeholder , .shinyGroup textarea::placeholder, .loginFormConnect .line_form input::placeholder{ color: transparent;}
.shinyGroup .cell_1_form{position:relative;}
.shinyGroup input::-webkit-contacts-auto-fill-button, .shinyGroup textarea::-webkit-contacts-auto-fill-button, .loginFormConnect .line_form  input::-webkit-contacts-auto-fill-button{ visibility: hidden; pointer-events: none; position: absolute;}
.shinyLabel, .shinyGroup:not(:has([type=radio])) label, .loginFormConnect .line_form label{position: absolute; z-index:1;top: 0.75em; left: 0.5em; color: var(--shinyInput-color);  pointer-events: none; transform-origin: left center; transition: all 0.2s ease 0s;}
.loginFormConnect .line_form .cell_1_form:has(+ .cell_2_form input:focus) label, 
.loginFormConnect .line_form .cell_1_form:not(:has(+ .cell_2_form input:placeholder-shown)) label,
aa.loginFormConnect .line_form .cell_1_form:not(:has(+ .cell_2_form input:-webkit-autofill)) label,
.shinyGroup .cell_1_form:has(+ .cell_2_form input:focus) label, 
.shinyGroup .cell_1_form:has(+ .cell_2_form textarea:focus) label{ padding:0.25em 0.5em; top: 1em; opacity:1; transform: translateY(-100%) scale(0.75); border-color: red; background-color: var(--shinyInput-background);z-index:1;}
.shinyGroup .cell_1_form:not(:has(+ .cell_2_form input:placeholder-shown, + .cell_2_form textarea:placeholder-shown, + a.cell_2_form input:-webkit-autofill)) label{ apadding:0.25em 0.5em; atop: 1em; opacity:1; z-index:0;atransform: translateY(-100%) scale(0.75); border-color: red; background-color: var(--shinyInput-background);}
.shinyGroup .cell_1_form:has(+ .cell_2_form input:focus) label{z-index:1 !important;}
.shinyGroup ul{text-align:left;display:inline-block;}
.shinyGroup li{display:flex;}
.shinyGroup li label{flex-grow : 1;}

.shinyGroup select{ width: 100%;box-sizing:border-box; padding: 0.5em; background: whitesmoke;font-size: var(--font-size-medium);}
div[class^=line_form] {
    width:100%;
}

*/


/**************/
.shinyGroup{position:relative; transform: translate(0);}
.flexContForm{    display: flex; flex-wrap: wrap; justify-content: space-between;}
.shinyGroup, .loginFormConnect .line_form{ position: relative;  font-size:medium; margin: 1.5em 0 0.5em 0; /** creer de l'espace pour pour le label qui remonte et a l'ombre sur le hover**/}
.shinyGroup .cell_1_form, .shinyGroup .cell_2_form:not(:has([type=radio])), .loginFormConnect .line_form .cell_1_form, .loginFormConnect .line_form .cell_2_form{display:block;position:relative;}

.loginFormConnect .line_form, .shinyGroup.fullW{width:100%;text-align:left;}
.shinyGroup.halfW{width:45%;display: inline-block;}
.loginFormConnect .line_form input, .loginFormConnect .line_form label, .shinyGroup input, .shinyGroup textarea, .shinyGroup label{font-size: var(--medium-text);}
.shinyGroup textarea{height: 10em;width: 100%; box-sizing: border-box;}
    

.shinyGroup input:not([type=radio]) , .shinyGroup textarea{ width: 100%; padding: 0.5em 0.5em; box-sizing: border-box; text-align: left; color: var(--shinyInput-color); border: 1px solid var(--shinyInput-color); transition: border-color 250ms; transition: box-shadow 0.3s ease-in-out; background-color: var(--shinyInput-background); letter-spacing : 0.1em;}
.shinyGroup input:focus, .shinyGroup textarea:focus, .loginFormConnect .line_form:focus{box-shadow: rgba(33, 35, 38, 0.6) 0px 10px 10px -10px;outline: none;border-color: #777;}

.shinyGroup .cell_2_form{position:relative;z-index:0;}
  /* Hide Safari's autofill button*/
.shinyGroup input::-webkit-contacts-auto-fill-button, .shinyGroup textarea::-webkit-contacts-auto-fill-button, .loginFormConnect .line_form  input::-webkit-contacts-auto-fill-button{ visibility: hidden; pointer-events: none; position: absolute;}
.shinyLabel, .shinyGroup:not(:has([type=radio])) label, .loginFormConnect .line_form label{position: aabsolute; z-index:1;top: 0.25em; left: 0.5em; color: var(--shinyInput-color);  pointer-events: none; transform-origin: left center; transition: all 0.2s ease 0s;}


/** Le cell_1_form =>  Quand on click dans le input **/
.shinyGroup .cell_1_form:has(+ .cell_2_form input:focus), 
.shinyGroup .cell_1_form:has(+ .cell_2_form textarea:focus){position:absolute; padding:0.25em 0.5em; top: 0.75em; opacity:1; transform: translateY(-100%) scale(0.75); border-color: red; background-color: var(--shinyInput-background);z-index:1;z-index:2;}

/** Le label =>  Quand on click dans le input **/
.shinyGroup .cell_1_form:has(+ .cell_2_form input:focus) label, 
.shinyGroup .cell_1_form:has(+ .cell_2_form textarea:focus) label{}

/** le cell_1_form => quand il y a quelque chose dans l'input **/
.shinyGroup .cell_1_form:not(:has(+ .cell_2_form input:placeholder-shown, + .cell_2_form textarea:placeholder-shown, + a.cell_2_form input:-webkit-autofill)){ position:absolute;padding:0.25em 0.5em; top: 0.75em; opacity:1; transform: translateY(-100%) scale(0.75); border-color: red; background-color: var(--shinyInput-background);z-index:1;}

/** le cell_1_form => quand il n'y a rien dans l'input **/
.shinyGroup .cell_1_form:has(+ .cell_2_form input:placeholder-shown, + .cell_2_form textarea:placeholder-shown, + a.cell_2_form input:-webkit-autofill){position:absolute;padding:0.25em 0.5em; z-index: 2;transition: 0.3s ease-in-out;pointer-events: none;}


/** le label => quand il y a quelque chose dans l'input **/
.shinyGroup .cell_1_form:not(:has(+ .cell_2_form input:placeholder-shown, + .cell_2_form textarea:placeholder-shown, + a.cell_2_form input:-webkit-autofill)) label{ }

/** Le label => quand  il y a quelque chose dans l'input **/
.shinyGroup .cell_1_form:has(+ .cell_2_form input:not(:placeholder-shown)) label, 
.shinyGroup .cell_1_form:has(+ .cell_2_form textarea:not(:placeholder-shown)) label,
.shinyGroup .cell_1_form:has(+ .cell_2_form input:-webkit-autofill) label{ }

.shinyGroup .cell_1_form:has(+ .cell_2_form input:focus) label{z-index:1 !important;}

.shinyGroup ul{text-align:left;display:inline-block;}
.shinyGroup li{display:flex;}
.shinyGroup li label{flex-grow : 1;}

.shinyGroup select{ width: 100%;box-sizing:border-box; padding: 0.5em; background: whitesmoke;font-size: var(--font-size-medium);}
div[class^=line_form] {
    width:100%;
}

/**************/

.tfootel>div, .tfootadd>div, .tfaceb>div{display:inline-block;width:initial!important;vertical-align:middle;margin-left:5px;color:white;}
.tfootel:before, .tfootadd:before, .tfaceb:before{ color:black; display: inline-block;text-align: center; vertical-align: middle; content:"\f100"; font-family: icons;font-size: var(--large-text);}
.tfootel:before{content:"\f100";font-size: var(--large-text);color:white;}
.tfootadd:before{content:"\f104";font-size: var(--large-text);color:white;}


#div_container_9_fo{position:sticky; bottom:0; padding: 2vh 0;margin-bottom: 0;   z-index : 500;  background-color: black;    box-shadow: 0px 1px 7px black;}

.bfoot{display:flex;flex-wrap:wrap; justify-content:space-between; width:80vw;margin:auto;text-align:left;padding:10px 0;margin-top:20px;position:relative;}

.flogo{width:30%;text-align:center;vertical-align:middle;}
.baslineF{vertical-align:middle;margin: 2% 0%;font-size: var(--medium-text);}
.flogoback{width:15%;min-height:50px;text-align:center;}
.bfologoback,.bfologo{width:100%;text-align:center;}
.bfologoback{position: relative;    z-index: 0;}
.bfoinfo,.bfoinfo2,.bfoinfo3, .bfoinfo4{max-width:33%;vertical-align:top;}
.bfoinfo4, .bfoinfo4 .t_g{text-align:right}
.bfoinfo2{text-align:center;width:33%;}
.bfofed{display:flex;flex-wrap: wrap;}
.bfofed>div ,.bfofed>a {     flex: 0 0 50%;  box-sizing: border-box; padding:0.25em 0 }
.tifoot{font-size:var(--x-large-text);}


.tconcep{text-align:right;font-size:var(--small-text);}
.myLine{display: flex;font-size: medium;justify-content: space-between; margin:0.5em; align-items: center;}
.myLine .first{display:flex;}
.myLine .first:before{content :'\e124'; font-family: 'gandg'; display: inline-block; margin-right: 1em;}
.cmenu{display: flex; flex-direction : row; justify-content: flex-start;}
.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;}



/**install app **/
.areaApp{margin:3em;}
.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(min-width: 900px) {
	.gg_hc:hover > .gg_sm{
		display: flex;
	}
}
.t_g.gg_smn{padding:0}
.gg_sm.lvl1, .gg_sm.lvl2{display: none;flex-flow: column wrap;position: absolute;z-index:400;background:rgba(255,255,255,0.8);	padding:0;border-bottom:2px solid var(--principal-color)}
.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:var(--medium-text);color:var(--principal-color); vertical-align:middle;margin-left:0.5vw;opacity:0;transition: all 0.5s ease 0s}
.gg_smn:hover {color : var(--principal-color)}
.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}





/** PAGE REF **/
.pageRef {text-align:center;}
.irefer {width:100%;height:50vh;margin:2vw 0}
.irefer {display:block;overflow:hidden;}
.irefer img{width:100%;max-height:initial}
.pageRef .button_valid{margin:2vw;    display: inline-block;}



/**** ACCUEIL ****/
.gpgims{position:relative;}
.connected .gpgims{apadding-top:200px;}
.container_imsacc {width:100%;}
.imsacc {width:100%;height:auto;aspect-ratio: 16/7;background-color:transparent;color:black;overflow:hidden;}

.imsacc img, .imsacc2 img{max-height:200%; max-width:130%;min-width: 100%;}
.imsacc .item_image.carousel .item img{height: auto;}
.imsacc .title_gen_carrousel, .imsacc .description_gen_carrousel {animation-duration: 1s; animation-fill-mode: both;animation-name: zoomIn; padding: 0%;vertical-align: middle; margin: auto;}
.imsacc .item{height: 100%;}
.imsacc .carousel-caption{bottom:25%;left:40%;width:40%;}
.imsacc .title_gen_carrousel, .imsacc .description_gen_carrousel{border-left: 5px solid var(--principal-color);}
.imsacc .title_gen_carrousel{position:relative;padding: 3% 0; display:block;font-size: var(--x-large-text); animation-delay: 500ms;text-align:center}
.imsacc .description_gen_carrousel {position:relative;transition: 0.3s;display:block;font-weight:normal;animation-delay: 1500ms;font-size: var(--medium-text);margin: auto;padding: 1% 0 0 0;}
.imsacc .bCar {transition: all 0.5s ease 0s!important; position: absolute;    bottom: 5%;    left: 55%;  color:var(--font-carousel-title-color);background-color: var(--bg-carousel-title-color);font-size: var(--x-large-text);    border: 2px solid var(--principal-color);    padding: 10px 50px;    border-radius: 10px;}
.imsacc .bCar:hover {background:rgba(0,0,0,0.8)}

.bblack{background:black;padding:5% 10% ;width:80%}
.bblack .t_g{color:white}
.gpimacc1, .gptxtacc1{width:55%;vertical-align:middle;}
.gpimacc1{padding:5% 0;background-image: url("../view/global/background/back.jpg");background-position: right bottom;background-repeat: no-repeat;background-size: 50% ;}
.gptxtacc1{width:40%;margin-left:5%}
.imacc1{width:20%;min-height:50px;}
.baselineacc{font-size: var(--medium-text);color:white !important;}
.carparts{width:100%;height:150px;}
.carparts .carousel-item{    align-items: center;    justify-content: center;}
.carparts .carousel-item .col-md-4 {padding: 0 3%; align-items: center; display: flex;}
.carparts .carousel-item img{filter: grayscale(100%);max-height: 100%;    width: 80%;}
.carparts .carousel-caption {display:none;}
.carparts .carousel-control {    display: block;      color: var(--principal-color);    font-size:  var(--x-large-text);    text-align: center;    padding: 10px;    margin: 0;}
.carousel-control-prev{}
.carousel-control-next{}
.carousel-multi .carousel-item{transition: transform 10s linear;}
.gptxtacc2, .gpimacc2{width:50%;vertical-align:middle;}
.gpimacc2{text-align:center;background-image: url("../view/global/background/back.jpg");background-position: left bottom;background-repeat: no-repeat;background-size: 80% ;}
.gptxtacc2{width:45%;margin-right:5%}
.imacc2{width:80%;}

.icon-bell2{display: flex; align-items: center;}
.button_valid.icon-bell2:before {
    animation: swing;
  margin-right:1em;
    font-size: 1.5em;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-delay: 1s;
}
.icon-bell2.unsubscribe{display: none;}

/*** ACTUS ***/
.bcategs{width:100%;    display: flex;  flex-wrap: wrap;    justify-content: space-around;flex-wrap: wrap;} 
.bcategs .group_duplicable_editor,.bcategs .duplicate_line{width:29%;vertical-align:top;margin:2vh 0;min-width: 250px;display:flex; }
.bcategs .group_duplicable_editor{flex-direction:column; }
.bcategs aa{width:100%}
.btnblogdetail{width:40%;display:block;margin:3% auto;border:1px solid var(--principal-color);text-align:center;border-radius:1em;padding:0.5em;transition: all 0.5s ease !important;background-color:var(--principal-color);    font-weight: bold;}
.btnblogdetail:hover{background-color:black; color: var(--principal-color); border:1px solid black;box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05), 0px 5px 11px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);}
.bcateg{width:100%;display: flex;flex-wrap: wrap;    flex-direction: column;border-radius:15px;background: whitesmoke;transition: all 0.5s ease !important;}
.bcateg:hover{box-shadow: 0px 0px 3px #333;}
a.bcateg:hover .btnblogdetail, a.bcategvid:hover .btnblogdetail{background:var(--principal-color);color:white;}
h2.tcatblog{text-align:center; padding:0 0.25em 0.5em;  flex-grow: 1;text-wrap: balance;}
.tdesccateg{height:7.9em; padding:0 3%;overflow:hidden;}
.tblogdate{font-size:  var(--small-text);text-align:right}
.imartv, .imartvid, .vidpres, .imvidradio{width:100%;height:350px;margin-bottom:1vw;height:auto;aspect-ratio: 16/10;}
.imartv img{border-radius : 15px 15px 0 0 ;aspect-ratio: 16/10;}
.dmart{display:block;text-align:right}

.bimactu{vertical-align:top;width:31.2%;margin:1%;}
.imactu{width:100%;}
.imactu>img{    width: auto;  height: 100%;aspect-ratio: 3/2;}

/** popup connection **/ 

#account_my-account_not-connected__5_fr__groups__000{margin:auto;}
#main_global_div_info_customer{border-width:transparent;}


/** Les membres ***/
.flex{display:flex}
.spaceA{justify-content: space-around;}
.spaceB{justify-content: space-between;}
.importrait {width:300px; aspect-ratio : 0.8;max-width:30vw;}


/** Offres emploi **/
.postJob{display:flex;flex-wrap:wrap;background-color:white;    z-index: 0; position: relative;}
.postJob.athideUser{display: none;}
 .postJob .input_submit{ margin-right: 0;   margin-left: auto;}

/*** CONTACT ***/
.bcontainfos{width:33%;text-align:center;vertical-align:top;}
.pictcont:before{font-size: var(--large-text);padding:0.5em;}
.pictcont, .pictcont:before, .tcontinfos{text-align:center;}
.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:"\f105"; font-family: icons;font-weight:normal; color:#cbb580}
.tconttel:before{content:"\f103";}
.tcontmail:before{content:"\f104";}

.fcontact{width:50%;padding:0;display:inline-flex;vertical-align:middle;text-align: left;margin:auto;flex-wrap: wrap;justify-content: end;}
.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: var(--medium-text);}
.fcontact .cell_2_form { padding-left:0;}
.fcontact input[type="text"],.fcontact input[type="password"],.fcontact  textarea {width: 100%; box-sizing:border-box;    border: 1px solid #d9dadc;    padding: 0.25em 0.5em;}
.fcontact textarea {height:5em;	}
.gpaccmap{width:100%; margin-top:3vw;padding-bottom:70px;}
.gpaccmap iframe {width:100%}

.lightbox-images .wowbook-gutter-shadow{background:none !important;}

.mtop20{margin-top:20px}
.mbot-20{margin-bottom : -2vh;}
.bmb20 { margin-top: 20px;margin-bottom: 20px;}
.listRecettes{margin:auto;text-align:left;width:100%;}
.listRecettes>div{display:block;}
.rname, .rdate{padding:1em}
.rdate{display:inline-flex;}
.buttonFlipPDF:not(:has([id^="textcontent"])), .buttonFlipPDF div[id^="textcontent"]{padding:1em;text; font-weight:bold;text-decoration : underline !important;}
.buttonFlipPDF a{text-decoration : underline !important;}
/** page Tarif **/
.bcontmin {
    display: block;
    margin: auto;
    width: 60%;
}
.mbot80{margin-top: 80px;}
.gpfonct3{display: flex;    flex-direction: column;}
.gpfonct3>div{margin:2vh 0;}
.gptar3{   display: flex;
    max-width: 60%;   position: relative;
    background-color : whitesmoke;    align-items: center;
    border-radius: 50px;}
.gptar3{display:none;}
.txtbtnslidetaran, .txtbtnslidetarmois{padding:1em;z-index:1;text-align:center;vertical-align:middle;position:relative;flex: 1 1 0px;font-size: x-large;cursor:pointer;transition: all 0.5s ease 0s;}
.btnWhiteSlide{}
.btnslidetar{height:100%;width:50%;position:absolute;z-index:0;top:0;left:0;transition: all 0.5s ease 0s;border-radius: 50px;}
.leftBtnSlide{left:280px;}
.gptar5{display:none}

.gpcoltar1, .gpcoltar2, .gpcoltar3, .gpcoltar4{width:38%;padding:1%;vertical-align:middle;text-align:center;font-weight:bold}
.gpcoltar1 .t_g, .gpcoltar2 .t_g, .gpcoltar3 .t_g, .gpcoltar4 .t_g {color:black}
.gpcoltar1{text-align:left}
.gpcoltar2, .gpcoltar3, .gpcoltar4{width:18%}
.imgcoltar2{width:70%;}
.blinetar .group_duplicable_editor,.blinetar .duplicate_line{display:block;}
.piclinetar{width:50px;height:50px;}

.fdevietud{width:100%;display:block;text-align:right}
.fdevietud input,.fdevietud  select, .fdevietud  textarea{color:white;width:96%;display:inline-block; padding:2%; background: rgba(255, 255, 255, 0.30);     border: 1px solid white;border-radius:20px;	}
.fdevietud ::placeholder{color:white;}
.fdevietud  select {width:100%;padding:4% 2%;font-weight:normal}
.fdevietud option{color:black;}

.fdevietud textarea{height:150px}
.fdevietud table , .fdevietud tbody{width:100%;font-size:0;}
.fdevietud table tr td:nth-child(1){display:none;}
.fdevietud td { display: block;margin:5px 0}

.connected .item_option{display:none;}
.gp13txt2, .gp13txt3 {color: var(--second-color); font-size: 80px; font-weight: bold; text-align: center; display:flex; justify-content: center; align-items: flex-end;}
.gp13txt4:has( + .item_add){margin-bottom:2em;}
.gp13txt2 .suffixe, .gp13txt3 .suffixe{ align-self: flex-start; font-size:0.3em;} 
.gpacc13 { width: 500px; max-width:100%; border: 1px solid white; box-sizing: border-box; background: linear-gradient(135deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.20) 100%); border-radius: 40px; padding: 2%; 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);}
.gp13txt4{display:flex;    text-align: left;margin: 1em 0; line-height:1;}
.gp13txt4:before{margin-right:2em;color : var(--second-color);}
.gp13txt3 { font-size: 20px; margin-bottom: 2em;}
.ibutmob { width: 2em; aspect-ratio: 1;}
.gp13txt1 { color: black; font-size: 40px; line-height: 40px; text-align: center;margin-bottom: 20px;}
.listOptions{width:100%;    font-size: 1.25em;} 
.titleOpt{margin-top:2em; font-weight:bold;    color: var(--second-color); text-align:center;}
.labelLegend{font-style:italic;font-size:0.75em;margin-bottom:1em;    color: var(--second-color); text-align:center;}
.listOptions .groupCheckbox{    display: inline-flex; flex-direction: column; align-items: baseline;}
.listOptions .textOpt{padding-left:1em;}
.listOptions .checkboxLine{padding:0.25em 0;}
.gpprod2, .gpfonct4 { border: 1px solid rgba(56, 62, 66, 0.30); padding: var(--xx-large-text) var(--large-text); border-radius: var(--x-large-text); box-sizing: border-box; position:relative; background: rgba(245, 245, 245, 0.30);}
.gpfonct4 { padding: var(--medium-text); text-align: left;}
.icofaq{position:relative;}
.icofaq:before { position: absolute; top: 0; right: 1em; transition: all 0.5s ease 0s; cursor: pointer;}

.seeMoreOption, .seeLessOption{display:none;}
.optionalOpt{display:block}
.icofaq{transition: all 0.5s ease 0s; cursor: pointer;display:block !important;}
.icofaq.active:before{ rotate : 90deg;}
.icofaq:not(.active.initial)+div{display:none;}

/*telephone*/		
@media 	screen and (max-width : 1100px) {
	:root {
  --small-text : 14px;
  --medium-text : 16px;
  --large-text : 20px;
  --x-large-text : 25px;
  --xx-large-text : 30px;
  --hudge-text : 40px;
}

	@viewport	{width: 100vw;zoom: auto;}
	img{width:100%;}
	.gpheader, #div_container_1_h, #div_container_9_fo, #div_1_h, 	#div_container_5_fr, .global_group_auto_gen_5_fr, .global_group_auto_gen_1_h, #container_submenu{	width:100%;	min-width:initial;max-width:initial;}
	.baseline{display:none;}
	.mbut { margin: 0 1vw;    padding-bottom: 0.5vw;}
	
	.rname, .rdate{padding:0.2em;}
	.myLine{margin:0.5em 0;}
	.bblack{padding:15% 10% ;}
	.bmb20 { margin-top: 2vw!important;margin-bottom: 2vw!important;}
	.bmb80 { margin-top: 4vw!important;margin-bottom: 4vw!important;}
	/**** HEADER / MENU ****/
	#global_container{width:100%;padding:0px;}
	.gphead{text-align:left;width: 100%;}
	.tfoomail:before, .tfoophone:before, .ifacebook:before, .iinstagram:before, .iyoutube:before, .ilinkedin:before, .itwitter:before {  font-size: 2vw;}
	.gplogo {padding: 1vh 0;}
	.baselineacc {font-size: var(--x-large-text);width: 70%;}
	.imacc1{display:none;}
	.imsacc .carousel-caption {bottom: 40%; left: 40%;width: 45%;}
	.imsacc .title_gen_carrousel, .imsacc .bCar{font-size : var(--large-text);}
	.bcontxt, .bcont {  width: 96vw;}
	.imsacc, .imsacc2, .imsacti { height: initial;}
	.gpimacc1, .gptxtacc1, .gptxtacc2, .gpimacc2{width:100%;margin:auto;}
	.gpmenu {max-width: 100%;}
	.carousel-control.right, .carousel-control.left {background-repeat: no-repeat;width: 10%;height: 100%;z-index: 1;border-radius: 0px;font-size: 0;}
	.gpimacc1{background-size: contain;}
	.p1080 { max-width: 100%;box-sizing: border-box; padding: 0 2vw;}
	
	.bfoot {  width: 90vw;    padding: 0;    margin-top: 2vw;}	
}



@media 	only screen and (max-width : 468px) {
	
	:root{
	
	  --small-text : 16px;
	  --medium-text : 18px;
	  --large-text : 20px;
	  --x-large-text : x-large;
	  --xx-large-text : xx-large;
	  --hudge-text : xxx-large;
	
	}
	
	h3, h3.t_g, h2, h2.t_g{ font-size : var(--large-text);}
h1, h1.t_g{ font-size : var(--x-large-text);}
	.gplogo { text-align: left;width:13vw;padding:1vh 2vw;box-sizing:border-box;order: 2}
	.logo { width: 100%;}
	.gpph {display:none;}
	.gphtel{position:relative; order:3;top:inherit; right:inherit;padding:0 2vw;}
	.thbask:before , .thaccount:before{font-size: 1.5em;padding: 0 0.25em;} 
	.gpheader{padding:1vh 0;}
	.gpmenu{display:none;margin-bottom:0;background:var(--second-color);}
	.gpmenu a.linkClickedCurrentPage:visited {  color: white;}
	.bfirst { padding-top: 16vw;}
	.gpmenu {width: 100%; text-align: center;  order: 4;  }
	.imsacc .title_gen_carrousel, .imsacc .bCar{font-size: var(--medium-text);}
	.imsacc .carousel-caption {bottom: 40%;left: 15%;width: 70%;}
  .mbot80{margin-top:4vh}
	.gpmenumo .blackBg{display:none;}
	.gpmenu .ggmenu ul li{width:100%}
	.mbut, .mbutac {width:100%; margin:0.5em auto;display:block;text-align:center;font-size: var(--large-text) ;padding:0.5em 0;	}
	.mbut:after {display:none;}
	.mbutac {width:10vw;height:10vw;}
	.ggsm_next{display:none;}
	.flogo {width: 100px; height: initial; margin-bottom: 2vh;}
	.baslineF{font-size: var(--medium-text);}
	.tifoot { font-size: var(--large-text);} 
	.imacc { width: 86vw;  height: initial;  margin: 5vw;}
	.ibutmob {width:10vw;height:10vw;fill:black}
	.gpmenu .gg_sm.lvl1{position: relative!important; width: 96vw; padding-bottom: 0;  padding: 0;margin:0;}
	.gpmenu .gg_sm.lvl1 { padding: 0;  left:0;top:0;}
	.gpmenu .gg_sm.lvl1>a {padding:1vw 0}
	.gpmenu .gg_sm.lvl1>a .t_g.gg_smn {text-align:left;font-size:6vw}
	.gg_sm a, .gg_sm>li>div { text-align: center;}
	.gg_sm li { padding: 2vw;}
	.gpmenu .gg_sm.lvl1>.gg_hc{width:92vw}
	.gpmenu .gg_sm.lvl2>li{width:88vw}
	.gg_sm a, .gg_sm>li>div { white-space: initial;}
	.lvl2 .gg_smn { text-align: center;}
	.gg_sm.lvl2 {margin-top:2vw}
	.ggmenu>.cmenu>.gg_hc:hover > .gg_sm, .gg_hc .gg_hc:hover .gg_sm { display: flex;}
	.thmail:before, .thmail:before, .thphone:before, .tfoomail:before, .tfoomap:before, .tfoophone:before, .ifaceb:before{ font-size: 6vw;}
	.gpimacc1{ padding: 5% 0 30%;   background-size: 50% !important;}
	.baselineacc{width:100%;}
	#div_container_5_fr, .bcontxt, .bcont {  width: 100vw;}
	.bcontxt, .bcont {width:96vw}
	.txtacc2, .txtacc3, .carracc1 {  width: 100%;    margin-right: 0;}
	.carracc2, .carracc3 { width: 100%;margin:4vw 0}
	.carracc2 .container_imsacc , .carracc3 .container_imsacc {width:70%;display:block;margin:auto;}
	.txtacc1, .txtacc2, .txtacc3 { width: 100%; margin-left: 0;  padding: 0;    }
	.carracc1{margin-top:9vw}
	.gpgims2 {display:flex;flex-direction: column;}
	.txtacc3{order:1}
	.carracc3{order:2}
	.carracc2:before, .carracc3:before{width:70%;margin-left:10%;margin-top:-5%}
	.bcategs .group_duplicable_editor, .bcategs .duplicate_line{min-width:90%;}
	.gp13txt4{margin:0.5em}
	.gpfonct4{padding:5%;}
	.bcontmin{width:80%}
	.bprofsacc .group_duplicable_editor:nth-child(1n), .bprofsacc .duplicate_line:nth-child(1n) { width: 96vw;    display: block;    margin: 4vw auto;}
	.bimaccprof {width: 30vw;}
	.btxtaccprof { margin-left: -7vw;    padding: 1vw 1vw 1vw 9vw;    width: 60vw;}
	.imaccprof {  width: 30vw;    height: 30vw;    border-radius: 30vw;}
	.tcontinfos {
    margin: 1em 0;
}
	
	.ggMap { width: 100%;margin:2vw 0;height:60vw}
	.tconcep {text-align:center;}
	.bcontainfos{width : 100%;    display: inline-flex; align-items: center;}
	.bcontainfos:nth-child(3){width : 90%}
	
	.flogoback {width: 25%;}
	.bfootback {  margin-top: -16.5%;}
	.bfoot {  width: 96vw;   text-align: center;    padding: 1vw 0;    margin-top: 5vw;}
	.bfoinfo, .bfoinfo2, .bfoinfo3, .bfoinfo4 {  width: 100%;    max-width: 100%; margin:1vw 0;text-align:center;}
	.bfoinfo .t_g, .bfoinfo2 .t_g, .bfoinfo3 .t_g, .bfoinfo4 .t_g{text-align:center;}
	.fcontact{width:100%}
}