:root {
	
	--color-1:#83171e;
	--color-1rgba:rgba(47,100,53,0.8);
	--color-2:#8a5e3c;
	--color-3:#fff3e2;
	
	--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 : 16px;
  --medium-text : 18px;
  --large-text : 23px;
  --x-large-text : 27px;
  --xx-large-text : 35px;
  --hudge-text : 50px;
  
  --radius-std-img: 10px;
  
  --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;
  
  --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);
  
}

@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: 'fontrb';    src: url('fontrb.eot');    src: url('fontrb.eot?#iefix') format('embedded-opentype'),        url('fontrb.woff2') format('woff2'),        url('fontrb.woff') format('woff'),        url('fontrb.ttf') format('truetype'),        url('fontrb.svg#fontrb') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}
@font-face {    font-family: 'fontti';    src: url('fontti.eot');    src: url('fontti.eot?#iefix') format('embedded-opentype'),        url('fontti.woff2') format('woff2'),        url('fontti.woff') format('woff'),        url('fontti.ttf') format('truetype'),        url('fontti.svg#fontti') format('svg');    font-weight: normal;    font-style: normal;    font-display: swap;}


@font-face {  font-family: "icons";  src: url("./icons.eot");  src: url("./icons.eot?#iefix") format("embedded-opentype"),       url("./icons.woff2") format("woff2"),       url("./icons.woff") format("woff"),       url("./icons.ttf") format("truetype"),       url("./icons.svg#icons") format("svg");  font-weight: normal;  font-style: normal;}
html{height:100%;min-width:100%;width:100%; background-color:white; font-size:0;overflow-x:hidden;}
body {margin:0;  min-width: 900px; width:100%; height:100%;}
#global_container{position:relative;}
b, strong, .strong{font-weight:bold;position:relative;    z-index: 1;}
/*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(--color-1);    bottom: 0em; left: 0; z-index: -1;}*/
b:hover:after, strong:hover:after, .strong:after:hover{height:1em;}
img { max-width: 100%; max-height: 100%;width:100%;height:auto; }
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide, .athideUser{display:none;}
.connected .athideUser{display:block;}
a:not(.button_valid){transition:unset!important}
a:visited{color:inherit;}
a:not(.button_valid):hover{color:var(--color-1);}

a.mbut:visited{color:black}
a.mbut:hover{color:var(--color-1);border:1px solid white;}
a.linkClickedCurrentPage:link{color:black;}
.gpheader a.linkClickedCurrentPage:link{color:black;}
a.linkClickedCurrentPage:visited{color:black;}
.gpmenu a.linkClickedCurrentPage:visited{color:var(--color-1);border:1px solid white;}


input[type="text"], input[type="password"],  textarea {line-height:1; width: 100%; padding:0.25em 0.5em; background-color:#f6f6f6;; border:1px solid #d9dadc;	}
textarea {background-color:#f6f6f6;border:1px solid #f6f6f6;height:10em;	}



.t_g, h1, h2, h3, .mbut, input,  textarea {font-family:"fontr",arial,sans-serif;	font-size: 15px;}
.t_g b, .t_g bold, .t_g strong{font-family:"fontrb",arial,sans-serif;	}
h1, h1.t_g, h2, h2.t_g, h3, h3.t_g {font-family:"fontti",arial,sans-serif;font-size: 35px;}
h1 b,h1 bold,h1 strong, h2 b, h2 bold, h2 strong, h3 b,h3 bold,h3 strong   {font-family:"fontti",arial,sans-serif!important; font-size: 45px;font-weight:normal; color:white}
.bblack h1,.bblack  h2,.bblack  h3,.bblack  h1.t_g,.bblack  h2.t_g,.bblack  h3.t_g{color:var(--color-1);margin: auto 0 0 0;}
/*h1 b, h2 b, h3 b, h1 strong, h2 strong, h3 strong{color:var(--color-1);}*/
.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(--color-1)}

.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(--color-1);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(--color-1) 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(--color-1) 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(--color-1);}
.carousel:not(.carousel-multi) .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;z-index:2;}
.gpheader{margin:auto;width:90%;padding:0;transition: all 0.5s ease 0s;    display: flex; flex-wrap: wrap;justify-content: end; align-items: baseline;}
#div_container_1_h, #div_container_9_fo{width: 100%;}
#div_container_5_fr{min-height:400px;width:100%;}
.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);}

.fbPage{margin: 3em 0;}
.socialCont{display: inline-block}

{padding:12px 40px;border-radius:50px;color:white;text-align:center;font-size: var(--medium-text);transition: all 0.5s ease 0s;}

#temp{display:none}
.input_submit,.tbutnewsacc, .tbutcontact, .button_valid, .btnStandard{transition: all 0.5s ease 0s; padding:12px 40px;border-radius:50px;color:white;text-align:center;font-size: var(--medium-text);transition: all 0.5s ease 0s;  box-sizing: border-box;cursor:pointer;border:1px solid var(--color-1);box-shadow: var(--button-shadow-1);padding: 0.25em 0.5em; background-color: var(--color-1);}
.btnStandard:hover{background-color: var(--color-2);}
.arrowAriane{color:var(--color-1)}

[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(--color-1)}

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

/******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(--color-1);	text-align:center;}


/**** HEADER / MENU / FOOTER ***/
#div_container_1_h{aposition:absolute;top:0;left:0;z-index:302;background: #fff3e2;}
/*.connected #div_container_1_h { position: relative;background:var(--color-1);}*/
.gphead{width:100%;display:block;margin:auto;text-align:left;}
.gplogo{width:30%; vertical-align:middle;text-align:center; margin-right: auto;vertical-align:middle;}
.logo{width:90%;height:initial;transition: all 0.5s ease 0s;vertical-align:middle}
.gpmenumo{display:none;}
.gpmenu{vertical-align:middle;max-width: 70%;    text-align:right;padding:0.5% 0;}
.mbut{text-align:center;vertical-align:top;transition: all 0.5s ease 0s!important;margin:0 10px;color:black;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, .thmob:before{color:black;}
.thaccount ,  .thbask, .thmob{vertical-align:middle;}

.bcont, .bcontfirst{width:65%;margin:auto;display:block;}
.bcontfirst{apadding-top:200px;}
@media(min-width: 1100px) {
	.bcont, .bcontfirst{min-width:1080px;}
}


.bcontmax{width:90%;margin:auto;display:block;}
.bfirst{position:relative;}


.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{    padding-top: 2vh;margin-top: 2vh; border-top: 5px solid var(--color-1);}

.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:60%;text-align:center;vertical-align:middle;}
.baslineF{vertical-align:middle;margin: 2% 0%;}
.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);}

.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;}
@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(--color-1)}
.gg_sm.lvl1{left:30px}
.gg_sm a, .gg_sm>li>div {text-align: left;}
.gg_sm .gg_sm{    top: 0; left: 100% ;}
.gg_smn{display:inline-block;vertical-align:middle;transition: all 0.5s ease 0s}
.ggsm_next {display:inline-block;}
.gg_sm.lvl2 .gg_smn:before{display:none;}
.ggsm_next:before { font-size:var(--medium-text);color:var(--color-1); vertical-align:middle;margin-left:0.5vw;opacity:0;transition: all 0.5s ease 0s}
.gg_smn:hover {color : var(--color-1)}
.lvl1 .gg_hc:hover .ggsm_next:before{opacity:1;}
.lvl2 .gg_smn{ border-left:3px solid transparent; padding-left:0.5vw;text-align:left;transition: all 0.5s ease 0s}





/** 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(--color-1);}
.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(--color-1);    padding: 10px 50px;    border-radius: 10px;}
.imsacc .bCar:hover {background:rgba(0,0,0,0.8)}

.bblack{background:var(--color-3);padding:5% 10%;width:80%; display: flex;flex-wrap:wrap;align-items: center;} 
.bblack h1 b, .bblack h1 bold, .bblack h1 strong, .bblack h2 b, .bblack h2 bold, .bblack h2 strong, .bblack h3 b,.bblack h3 bold,.bblack h3 strong   {color:var(--color-2)}
.gpimacc1, .gptxtacc1{width:45%;vertical-align:middle;}
.gpimacc1{}
.gptxtacc1{width:50%;margin-left:5%}
.imacc1{width:90%;aspect-ratio:1;}
.imacc1b{width:70%;aspect-ratio:1;margin-top:-30%;margin-left:30%}
.imacc1 img, .imacc1b img{border-radius:1000px;box-shadow: var(--button-shadow-1);}
.baselineacc{font-size: var(--medium-text);color:white !important;}
.carparts{width:100%;height:150px}
.carparts .carousel-item .col-md-4 {padding: 0 3%; align-items: center; display: flex;}
.carparts .carousel-item img{filter: grayscale(0%);}
.carparts .carousel-caption {display:none;}
.carparts .carousel-control {    display: block;      color: var(--color-1);    font-size:  var(--x-large-text);    text-align: center;    padding: 10px;    margin: 0;}
.carousel-control-prev{}
.carousel-control-next{}

.gptxtacc2, .gpimacc2{width:50%;vertical-align:middle; display:flex; flex-direction:column; }
.gpimacc2{text-align:center;background-image: url("../view/global/background/back.png");background-position: left bottom;background-repeat: no-repeat;background-size: 80% ;}
.gptxtacc2{width:45%;margin-right:5%; display:flex;}
.imacc2{width:80%;}

/*** 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(--color-1);text-align:center;border-radius:1em;padding:0.5em;transition: all 0.5s ease !important;background-color:var(--color-1);    font-weight: bold;}
.btnblogdetail:hover{background-color:black; color: var(--color-1); 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(--color-1);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;}


/** Les membres ***/
.flex{display: flex}
.wrap{flex-wrap: wrap;}
.spaceA{justify-content: space-around;}
.spaceB{justify-content: space-between;}
.importrait {width:300px; aspect-ratio : 0.8;max-width:30vw;}
.ggMap{width:100%; max-height : 80vh; height:400px;}

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

.carousel-multi .carousel-inner .carousel-item{justify-content:center;align-items:center; transition: transform 5s ease-in-out}
.carousel-multi .item a{display:contents;}
.mbot-20{margin-bottom : -2vh;}
.bmb20 { margin-top: 20px;margin-bottom: 20px;}

.plusInfo{
	  display: none;
    margin-top: 0.5em;
    /* border: 1px solid var(--color-2); */
    padding: 0.5em;
    background-color: whitesmoke;
    font-style: italic;
}
.contPoste{position:relative;}

/** page Tarif **/
.bcontmin {
    display: block;
    margin: auto;
    width: 60%;
}

.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(--color-2); 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(--color-2);}
.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.15em;} 
.titleOpt{margin-top:2em; font-weight:bold;    color: var(--color-2); text-align:center;}
.labelLegend{font-style:italic;font-size:0.75em;margin-bottom:1em;    color: var(--color-2); 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: absolute; top: 1.5em; right: 1em; transition: all 0.5s ease 0s; cursor: pointer;}

.seeMoreOption, .seeLessOption{display:none;}
.optionalOpt{display:block}
.gpfonct4{transition: all 0.5s ease 0s; cursor: pointer; overflow: hidden;}
.gpfonct4.active .icofaq { rotate : 90deg;}
h2.tifaq, h3.tifaq{position: relative; z-index: 1;    margin: 0 0.5em 1em;}


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

.mtop20{margin-top: 20px;}
.mtop40{margin-top: 40px;}
.mtop80{margin-top: 80px;}
.mbot20{margin-bottom: 20px;}
.mbot40{margin-bottom: 40px;}
.mbot80{margin-bottom: 80px;}


@media 	only screen and (max-width : 1700px) {
	:root {
	--fontlvl1-submenu-size: 16px;
	--fontlvl2-submenu-size: 16px;
	}
	
	.t_g, h1, h2, h3, .mbut, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder,
	.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept {font-size:14px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size: 32px;}
	.tiline { font-size: 25px;}
	
}

@media 	only screen and (max-width : 1600px) {
	:root {
	--fontlvl1-submenu-size: 16px;
	--fontlvl2-submenu-size: 16px;
	}
	
	.t_g, h1, h2, h3, .mbut, .input_submit, label, .newBlockSearchResult .item_name, ::placeholder,
	.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept {font-size:13px;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-size: 30px;}
	.tiline { font-size: 25px;}
	
}


/*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%;}
	html{background-size:10%}
	body{	width: 100vw;	min-width: 100vw;	overflow-x:hidden;}
	.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;}
	
	
	
	.bblack{padding:15% 5% ;}
	.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: 100vw;}
	.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 : medium;
	  --medium-text : large;
	  --large-text : large;
	  --x-large-text : x-large;
	  --xx-large-text : xx-large;
	  --hudge-text : xxx-large;
	
	}
	
	h3, h3.t_g{ font-size : var(--x-large-text);}
	.gplogo { text-align: left;width:13vw;padding:1vh 2vw;box-sizing:border-box;order: 2}
	a.mbut:hover{border-width:0;}
	.logo { width: 100%;}
	.gpph {display:none;}
	.gphtel{position:relative; order:3;top:inherit; right:inherit;padding:0 2vw;}
	.thbask:before , .thaccount:before, .thmob:before{font-size: 1.5em;padding: 0 0.25em;} 
	.gpheader{padding:1vh 0;margin-bottom:0;align-items: center; position:relative;}
	.gpmenu{display:none;margin-bottom:0;background:var(--color-2);}
	.gpmenu a.linkClickedCurrentPage:visited {  color: white;}
	.bfirst { padding-top: 16vw;}
	.gpmenu {width: 100%; text-align: center;  order: 4;position: absolute;    top: 100%;  }
	.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;}
	.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;	border-width: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;}
	.gpmenumo{display:block;cursor:pointer;width:10vw;height:10vw;order:1;}
	.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, .p1080 {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%}
	.fbPage{order : 1;}
	.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;}
	
	
	.ggMap { width: 100%;margin:2vw 0;height:60vw}
	.tconcep {text-align:center;}
	.bcontainfos{width : 45%;    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%}
}