:root {
	--color-1: #015ca1;
  --color-2: #015ca1; 
	--txt-bright-color:#ffffff;
	--radius-std:20px;
	
	
	--bglvl1-submenu-color : white;
  --bglvl2-submenu-color : #f9f9f9;
  --fontlvl1-submenu-color : black;
  --fontlvl2-submenu-color : black;
  --fontlvl1-submenu-color-hover : #46197a;
  --fontlvl2-submenu-color-hover : #46197a;
  
  --fontlvl1-submenu-size : 16px;
  --fontlvl2-submenu-size : 16px;
}

/*@font-face {  font-family: "futtt";  src: url("./futtt.eot");  src: url("./futtt.eot?#iefix") format("embedded-opentype"),       url("./futtt.woff2") format("woff2"),       url("./futtt.woff") format("woff"),       url("./futtt.ttf") format("truetype"),       url("./futtt.svg#icons") format("svg");  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{min-width:100%;width:100%; background-color:white; font-size:0;overflow-x:hidden;background-color:var(--color-1)}
body {margin:0;  min-width: 900px; width:100%; height:100%;display:block;margin:auto;padding:0}
#global_container{position:relative;height:100%;background-color:white;}
b, strong{font-weight:bold;}
img { max-width: 100%; max-height: 100%; width:100%;height:auto;}
.hidden{opacity:0;}
.visible{ opacity:1;}
.athide{display:none;}
a {transition: all 0.5s ease 0s;}

a:visited{color:inherit;}
a:hover{color:lightgray;}

a.mbut:visited{color:black;}
a.mbut:hover{color:var(--color-1);}
a.linkClickedCurrentPage:link{color:lightgray;}
a.linkClickedCurrentPage:visited{color:lightgray;}





.text_generic, .t_g, h1, h2, h3, .mbut, .fc button, .fc table{text-align:left;font-family:Roboto,Times,serif;	color:black;font-size:14px;font-weight:400;line-height:25px;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-family:Roboto,Times,serif;font-size:39px;margin:0;margin:15px 0;position:relative;display:block;line-height:45px;}
input[type="text"], input[type="password"], input[type="number"],  textarea, select, option { font-size: 20px; line-height:40px; border-radius:10px; width: 98%; padding:1%; background-color:#ffffff; border:1px solid var(--color-1);	}
.input_submit, .btnsearch, .formLogin .button_valid, .payment_button, .button_edit, .button_valid, .button_delete,	#button_refuse, #button_accept,  #payment-form #submit{margin: 20px 0 0 0;padding:12px 40px;border-radius:10px;color:white;text-align:center;font-size:20px;transition: all 0.5s ease 0s;cursor:pointer;width:initial;background-color: var(--color-1);
    border: none;}
.fc button, .fc table {font-size:15px!important;}

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

.previewOverlay{z-index:500;text-align:center;}
.promptInstallApp{position:relative;background-color : var(--color-1); border-radius: 20px; padding:1em; box-sizind:border-box;display: flex; flex-wrap:wrap;align-items: center;position:absolute; top:50%;left:50%; min-width: 16em;    justify-content: space-around; position: absolute; transform: translate(-50%, -50%);}
.promptInstallApp.IOS{width: calc(100% - 4em);transform: translate(-50%, 0%);bottom: 10vw;top:auto;padding-top}
.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;}
.fullW{flex-basis : 100%;}
.promptInstallApp .PWA_no_install, .promptInstallApp .PWA_install{margin:1em 0;padding:1em;border-radius:5px;cursor:pointer}
.promptInstallApp .PWA_install{background:white;color:var(--color-1);}
.closeButtonIos{position:absolute;top:0.5em; right:0.5em;font-size:1.5em;line-height:1;} 
.simpleCart_shelfItem {   position: static;}
.model_duplicable_line, .previewOverlay:before { top: 0;    left: 0;}

.tigims{font-family:Roboto,Times,serif;color:white;margin:10px;text-align:center;margin-top:35vh;}

.booking_finished{display:none !important;}

.carousel {margin:0}
.carousel-caption{font-family:Roboto,Times,serif;text-align:center;display:block;position:absolute;bottom:initial;top:10vw;right:initial;left:30vw;width:40vw;color:white;background:none;}
.carousel-caption h4, .carousel-caption p { text-align: center;color:white;}
.title_gen_carrousel{font-size:55px;line-height:60px;margin:0; background:none;padding:10px;width:initial;color:white ;margin-top:15vh;text-align:center}
.title_gen_carrousel b, .title_gen_carrousel bold, .title_gen_carrousel strong {color:var(--color-1)}
.description_gen_carrousel {font-size:2.5vw;margin:0; background:none;padding:0.5vw;width:initial;color:white;    font-size: 25px;text-align:center}
.carousel-indicators {display:none;}
.carousel-indicators li {	border-radius:0px;height: 13px;width: 13px;background-color: white	;}
.carousel-indicators .active { background-color: black;}
.carousel-control {  background-color:none;background:none;	border: none; color:white; top: 40%; opacity: 1; font-size: 110px;cursor:pointer}
.carousel-control.right,  .carousel-control.left{width:38px; height:100px; z-index:310; border-radius:0px; font-size: 100px;afont-family:"futtt";color:black;line-height: 80px;}
.carousel-control.left{ left: 0;border-radius:0 5px 5px 0}
.carousel-control.right{ right: 0;border-radius:5px 0 0 5px}
.carousel-control{display:none;}
.carousel .item img{width:100%;max-width:100%}
.thumb-carousel-control{display:none;}
.description_gen_carrousel{}
.title_gen_carrousel{}
.div_thumbnailsCarousel, .thumbnailsCarousel {height: 100%;}


#div_container_1_h, #div_container_9_fo, #div_container_7_fr, #container_submenu, .gpheader{display: block;margin:auto;width: 1100px;position:relative;z-index:700}
.gpheader{display:block;width:99%;padding : 0.5%;text-align:center;position: relative; 	left: 0; 	top: 0; background:rgba(255,255,255,0.9)}
#global__1_h__groups__020{position:relative;}
#div_container_1_h{background:rgba(255,255,255,0.9)}
#div_container_1_h, #div_container_9_fo{width: 100%;}
#div_container_5_fr{min-height:66vh;display:block;}
#div_container_7_fr {width:100%;}
/*{width:170px!important;text-align:center;font-size:22px;color:white;background-color: black;padding:5px 5px;transition: all 0.5s ease 0s;border:none;}*/

/*.input_submit,.button_valid {font-size: 20px;  padding: 5px; width:150px; vertical-align: bottom; background-color: var(--color-1)!important;color: white;margin:1em 1em 0;display:inline-block;border-radius:5px;amargin-top:20px;border:1px solid var(--color-1)!important;}*/
.button_valid:hover{background:  white!important;color:var(--color-1)!important;box-shadow:none;cursor:pointer;border:1px solid var(--color-1)!important;}
.text_in_button{line-height:30px;color:white;font-family:Roboto,Times,serif;}
.initialSelected { background-color: var(--color-1)!important;} 
#temp{display:none}

.arrowAriane{color:black}


/**** HEADER / MENU ***/
/*.f-nav{ z-index: 320; 	position: fixed; 	left: 0; 	top: 0; 	width: 100%;}*/
.gphead{width:100%;display:block;margin:auto;text-align:left;}
.gplogo{width:5%;vertical-align:middle;text-align:center;margin:0 5%}
.gpmenumo{display:none;}
.gpmenu, .gpmenu2{width:37%;text-align:right;vertical-align:middle;position:relative;}
.gpmenu2{text-align:left;}
.mbut{border-left:2px solid transparent;border-right:2px solid transparent;text-align:left;font-size:1.3vw;vertical-align:middle;border-radius:10px;margin-left:5px;transition: all 0.5s ease 0s;height:24px; padding:10px 20px;}
a.mbut:hover, a.linkClickedCurrentPage.mbut{border-left:2px solid var(--color-1);border-right:2px solid var(--color-1);  color:var(--color-1)!important}

/***** CUSTOM ****/

.bcont, .bcontfir, .bcontxt, .p1080{width:1100px;display:block;margin:auto;text-align:left;}
.abcont{margin-top:100px;}
.bcenter{text-align:center;}
/*.p1080{padding-top:150px } => y'aura un global--generic bientot*/
.gpph{width:98%;padding:0;display:block;margin:auto;text-align:right;position:absolute;top:-0.4vw;z-index:750}
.gpbsk{position:absolute;top:10px;right:10px;z-index:350}
.gphsoci{vertical-align:middle;margin-right:50px;}
.logo{width:100%;height:initial;vertical-align:middle;text-align:left;transition: all 0.5s ease 0s;}
.logoMin{width:60%;}
.gg_calendar{height:inherit !important;}

/******* Menu deroulant ***/
.cmenu { margin: 0;padding: 0;}
.ggmenu {position: relative;}
.ggmenu li {display: inline-block; vertical-align: middle;margin:0;}
.ggsm_next {font-family: gandg;content: '\e1dd'}
.gg_sm {display: none;position: absolute;left: 14%;top: 90%;}




.cmenu{padding:0;cursor:default;}
.ggmenu li{vertical-align:top;display:inline-block;position:relative} /** Attention on aligne les li sur le bottom sinon pb avec le survol***/
.gg_sm.lvl1{position: absolute !important; width: auto; background-color: rgba(57,130,173,0.7);  z-index: 360;  width: 240px; padding-bottom: 2vh;  padding: 5px;margin:5px;display:none;transition: all 0.5s ease 0s;}
.gg_sm a{width:auto;height:auto;}
.gg_sm a .gg_smn{height:auto;color:white;font-size:13px}
.gg_sm a .gg_smi{display:none;}
.t_g.gg_smn{padding:0.5vh 1%;}
.gg_sm a+.gg_sm{display:inline-block;    position: static;}
/*** Premi�re ligne, on met sur la ligne 1 et la colonne correspondante ***/
.gg_sm.lvl1 a{grid-row: 1;}
.gg_sm.lvl1 a .t_g.gg_smn{color: white;font-size: 20px;   transition: all 0.5s ease 0s;border-left: 2px solid transparent;  }
.gg_sm a .gg_smn:hover{    border-left: 2px solid white!important; }
.gg_sm.lvl1 a{display:block;}

/********/





.tfootel>div, .tfootadd>div, .tfootmail>div,.tconttel>div, .tcontadd>div, .tcontmail>div,.tconthour>div, .tfaceb>div, .tinsta>div, .tyout>div, .tlinked>div, .taccinta>div,
.icoresa>div{display:inline-block;vertical-align:middle;margin-left:1%;width:85%}
.tfootel:before, .tfootadd:before,.tfootmail:before,.tconttel:before, .tcontadd:before,.tcontmail:before, .tconthour:before, .tfaceb:before, .tinsta:before, .tyout:before, .tlinked:before, .iaccinsta:before, .iaccinsta:after,
.tfootel:before, .icoresa:before{transition: all 0.5s ease 0s; color:black; display: inline-block;text-align: center; vertical-align: middle; content:"\f107"; font-family: icons;font-size: 20px;width:10%;}
.tfootel:before, .tconttel:before{content:"\f107";font-size:25px;color:black;}
.tfootadd:before, .tcontadd:before{content:"\f109";font-size:25px;color:black;}
.tfootmail:before, .tcontmail:before{content:"\f108";font-size:25px;color:black;}
.tconthour:before{content:"\f100";font-size:25px;color:black;}
.tfaceb:before, .tinsta:before, .tyout:before, .tlinked:before, .iaccinsta:before {width:initial}


.tfaceb:before, .tinsta:before, .tyout:before, .tlinked:before{content:"\f101";font-size:25px;color:black;vertical-align:middle;margin-left:10px;}
.tinsta:before{content:"\f102";}
.tyout:before{content:"\f105";}
.tlinked:before{content:"\f103";}
.icoresa:before{content:"\f105";}
.icoresa{text-align:right}
.icoresa:hover, .gpbsk a.linkClickedCurrentPage:visited{color:var(--color-1)}
.tfaceb, .tinsta, .tfaceb, .tinsta, .tyout, .tlinked{vertical-align:middle;}
.tconttel>div, .tcontadd>div, .tcontmail>div, .tconttel:before, .tcontadd:before, .tcontmail:before{color:black;}
.gpph .tfaceb:hover:before, .gpph .tinsta:hover:before, .gpph .tyout:hover:before, .gpph .tlinked:hover:before{color:var(--color-1)!important}
.tfootel,.tfootadd,.tfootmail{margin:10px 0}
.tlangfr{padding-right:10px;border-right:2px solid var(--color-1);margin-right:10px;}


#div_container_9_fo{background-color:var(--color-1);padding:0;margin-top:0;}
.bfoot{display:block;width:100%;margin:auto;text-align:center;}
.tfolog{font-size:35px}
.bfoinfo, .bfoinfo1, .bfoinfo2,.bfoinfo3{width:20%;margin:0 1%;vertical-align:top;position:relative;}
.bfoinfo1 .tfoot, .bfoinfo2 .tfoot,.bfoinfo3 .tfoot,.bfoinfo1 .tifoot, .bfoinfo2 .tifoot,.bfoinfo3 .tifoot, .bfoinfo1, .bfoinfo2,.bfoinfo3{text-align:center;}

.bfoinfo3 .tfaceb:before, .bfoinfo3 .tinsta:before, .bfoinfo3 .tyout:before, .bfoinfo3 .tlinked:before{color:white;display:block;}
.bfoinfo3 .tfaceb>div, .bfoinfo3 .tinsta>div, .bfoinfo3 .tyout>div, .bfoinfo3 .tlinked>div{display:none;}
.bfoinfo3 .tfaceb, .bfoinfo3 .tinsta, .bfoinfo3 .tyout, .bfoinfo3 .tlinked{display:block;}
.tifoot{font-size:25px;color:white;margin:10px;text-align:left;}
.tfoot{margin:10px 0;color:white}
.tfootel:before, .tfootadd:before,.tfootmail:before {color:white;}
.tfootcon{font-size:13px;text-align:center;margin:20px;color:white}
.tkeys{font-size:13px;}
.tfooti{font-size:25px;}
.tfoomap{width:50%;vertical-align:top;margin:15px 0;}

.isoc{width:60px;height:60px;margin:10px}

/**** ACCUEIL ****/
.tiacc{position:relative;display:block!important;text-align:center;margin-bottom:10px;}
.tiacc:after{content:"";position:absolute;width:40%;border-bottom:2px solid var(--color-1);bottom:-5px;left:30%}
.gpgims{position:relative;}
.container_imsacc {width:100%;height:100vh;overflow:hidden;}
.container_imsacc  .bCar {    position: absolute;    bottom: 5vw;    z-index: 500;    left: calc( 50% - 175px );    width: 350px;    text-align: center;    background-color: var(--color-1);    padding: 20px;    color: white;    font-size: 25px;    transition: all 0.5s ease 0s;}
.container_imsacc  .bCar:hover {background-color: white; color:var(--color-1);}
.imsacc, .imsacc2{width:100%;min-height:90vh;background-color:white;color:black;overflow:hidden;/*filter:brightness(1) blur(5px);transition: all 0.5s ease 0s;*/}
.connected .imsacc, .connected  .imsacc2 {height:90vh}
/*.gpgims:hover .imsacc, .gpgims:hover .imsacc2{filter:brightness(0.8) blur(0);}*/
.imsacc.imageSub{margin-top:100px;}
.imsacc img, .imsacc2 img{max-height:200%; max-width:130%;min-width: 100%;}

.gpgtxt{position:absolute;bottom:-2px;left:0;width:100%;height:initial;text-align:center;z-index:65000;}
.vague {transform: rotate(180deg);}
.vague-fill{fill: var(--color-1);transform-origin: center;
    transform: rotateY(0deg);}
.tigims{font-size:55px;color:white;margin:10px;text-align:center;margin-top:35vh;}
.tgims{color:white;text-align:center;font-size:25px;}
.bgreen{background-color:var(--color-1);}
    .bgreen .t_g, .bgreen h1	{color:white;}
.imlgovague, .imlgovague1{width:15%;position:absolute!important;bottom:5%; left:15%;}
.imlgovague1{left:initial;right:15%}


#global_sign_up_customer {display:none;}
.ggBordAcc {border: 1px solid #dddddd;
    margin: 5vh 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 2em;
    vertical-align: top;}

.cartTable .headerRow{display:none;}
.cartTable .item-name{font-weight:bold;font-size:16px;padding-right:200px;}


#lostPassword .button_valid {margin:20px;}
#lostPassword input[type="text"] {padding: 0.75em 0.5em;}


/***POUR QUANTITE CACHE ***/
.tqtyoffr, .tqtyoffr2{display:none;}
.tpxoffer3{margin-bottom:30px}
.bboxoffer .chooseElement {display:none;}
/**************************/



/**** Math Ajout ***/

.chooseElement{display:inline-block;} 

/*** PANIER ***/
.gpBtnCom{display: flex; align-items: center;    flex-wrap: wrap;    justify-content: center;}
.gpBtnCom .t_g{color:white;font-size:25px;font-weight:bold;transition: all 0.5s ease 0s;}
.connected .gpComCon, .connected .gpComInv, .agpComCon, .agpComInv{cursor:pointer;margin:2%;width:10%;aspect-ratio:2;border-radius:5px;background:var(--color-1);color:white;padding:2%;align-items: center;  display: flex;justify-content: center;transition: all 0.5s ease 0s;border:1px solid var(--color-1)}
.agpComCon:hover, .agpComInv:hover{background:white}
.agpComCon:hover .t_g, .agpComInv:hover .t_g{color:var(--color-1);}



/*** PORPUP RESA ***/
.gg_viewNoPopup, .gg_viewNoPopup2{width: 56%;  margin:1% }
.gg_popupResa { padding: 0!important; width: 100% !important;vertical-align: top;}


/*** CALENDRIER ***/
.title_popup{font-size: large;font-weight:bold;}
.gg_popupResa h3.t_g{display:block;margin:0.75em 0 0;}
.gg_calendar .fc-agendaWeek-view .fc-widget-content .fc-time-grid .fc-today, .gg_calendar .fc-agendaWeek-view .fc-widget-content .fc-time-grid .fc-future {background-color:white!important}
.gg_calendar h2{font-size:20px;line-height:30px;}

.fc-bgevent, .throughCursor{opacity:1!important;}
.ggcca .item_name, .ggcca .tdesc{flex-basis:100%;} 
.ggcca{width:60%;padding:1%;vertical-align:top;box-sizing:border-box; align-items: center;  display: inline-flex; flex-wrap: wrap; justify-content: space-between;
	    border: 1px solid var(--color-1);    margin: 1%;    border-radius: 15px;
}
.gg_contcal {margin:1%; width:40%;    display: inline-block; vertical-align: middle;} 
.gg_popupResa{width:auto;}
.ggcca .db2html , .ggcca2 .db2html, .editItemButtom  {display:none}
.hover-button { background-color: white!important; color: var(--color-1)!important; font-size: 35px!important;line-height:35px!important}
.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title { text-align: center;line-height: 2; display: block; width: 100%;}
.fc-time-grid-event .fc-title:hover{cursor:not-allowed;color:red}
.gg_calCB{padding:2%;box-shadow:none!important}
.gg_cal-footer{margin-top: 1em;display: flex;	align-items: center;	justify-content: center;}
.gg_bookSHour{transition: all 0.5s ease 0s;min-height:120px}
.fc-basic-view .fc-body .fc-row {min-height:6em!important}
.fc .fc-month-view .fc-row .fc-content-skeleton td:hover .fc-day-number { width: 25px!important;    height: 25px!important;        background-color: var(--color-1)!important;}   
.fc-title {font-size:10px;}
.fc .fc-month-view .fc-row .fc-content-skeleton td { vertical-align: top!important;} 

/*.gg_bookSHour:has(> :last-child:nth-child(-n + 2)){ 
	opacity : 0;
}

.gg_bookSHour:has(> :nth-child(3)) { 
 	opacity:1;
}*/





/*telephone*/		
@media 	only screen and (max-device-width : 1100px) {
	@viewport	{width: 100vw;zoom: auto;}
	
	.t_g, label, h1, h2, h3, .mbtn, .mbtn_first, .sub_mbtn, .text_footer, .text_footer_title, .text_footer_coordonnees, a{font-size:1.5vw!important;line-height:initial;}
	html { background-repeat: repeat;}
	body{	width: 100vw;	min-width: 100vw; overflow-x:hidden;padding:0	}
	.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;}
	#div_container_5_fr{min-height:20vw;}

	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g {  font-size: 2.5vw!important;    margin: 1vw 0 4vw 0; line-height:initial;}
	.tiacc::after { height: 1.5vw;  bottom:-0.5vw;    border-bottom: 0.2vw solid var(--color-1);}
	
	.mbutac>div, .tfootel>div, .tfootadd>div, .tfootmail>div, .tconttel>div, .tcontadd>div, .tcontmail>div, .tfaceb>div, .tyout>div {  margin-left: 0.5vw;}
	.tfootel:before, .tfootadd:before, .tfootmail:before, .tconttel:before, .tcontadd:before, .tcontmail:before, .tconthour:before, .tfaceb:before, .tinsta:before, .tyout:before, .tlinked:before, .iaccinsta:before, .iaccinsta:after, .butcont:before{font-size:2vw;line-height:3vw}
	.closePopImg { z-index: 800;  top: 2vw;  right: 2vw;  border-radius: 5vw;}
	.closePopImg:before { font-size: 4vw;}
	.previewOverlay .prevSpan { left: 2vw;}
	.previewOverlay .prevSpan, .previewOverlay .nextSpan {  font-size: 4vw!important;   padding: 0;   border-radius: 10vw;  z-index: 800;   width: 5vw;    height: 5vw;    text-align: center;    line-height: 5vw;}
	.icon-arrow-left5:before , .icon-arrow-right4:before{font-size:4vw}
	
	.gpheader { margin: 0;  padding: 2vw 0 1vw 0;}
	.gphsoci {  margin-right: 2vw;}
	.tfaceb:before, .tinsta:before, .tyout:before, .tlinked:before { margin-left: 1vw;}
	.gpph { width: 100%;top:0}
	.gplang { padding: 0.5vw; border-radius: 0 0 0.5vw 0.5vw;margin-right:1vw}
	.tlangfr { padding-right: 1vw;  border-right: 0.2vw solid var(--color-1);margin-right: 0;}
	.tlangen { padding-left: 1vw;}
	
	.gplogo {width: 19vw;padding:0 1vw;margin:0 }
	.logo {  width: 19vw;  height: initial!important;}
	.gpmenu,.gpmenu2 { width: 39vw;height: initial;padding:0 0.25vw;margin-top: 0.5vw;}
	
	
	.mbut { height: initial; font-size:1.8vw!important; border-left: 0.2vw solid transparent; border-right: 0.2vw solid transparent;  border-radius: 1vw;  margin-left: 0.5vw;   height: initial;   padding: 0.5vw 1vw;}
	a.mbut:hover, a.linkClickedCurrentPage.mbut {  border-left: 0.2vw solid var(--color-1);  border-right: 0.2vw solid var(--color-1);}

	.gg_sm.lvl1 { padding: 0.5vw; margin: 0.5vw;width: 20vw}
	.gg_sm { left: 10%;}
	.gg_sm.lvl1 a .t_g.gg_smn { font-size: 2vw!important;}
	
	.bcont, .bcontperf, .bcontfir, .bcontxt, .p1080 { width: 98vw;padding:1vw;}
	.bcontfir, .bcontxt{width: 80vw;}
	.bcontfir{margin-top: -5vw;    border-radius: 1vw;}
	.bcontfir::before { border-top: 0.1vw solid var(--color-1);    margin-top: -5vw;}
	.tiacc { margin-bottom: 1vw;}
	
	/*** ACCUEIL ***/
	.imsacc, .imsacc2{min-height:initial; height:45vw;overflow:hidden; }
	.gpgtxt{height:initial;}
	.container_imsacc .bCar {   left: calc( 50% - 27vw );     width: 50vw;    padding: 4vw;    font-size: 4vw;}
	.imsacc img, .imsacc2 img {width:initial;}
	.tigims { font-size: 5vw!important;}
	.tgims { font-size: 2.5vw!important;}
	.bcontboxs { margin-bottom: 2vw;}
	.baccfluinsta { padding: 2vw 1vw; width: 98vw; }
	.taccinta {font-size:3vw!important}
	.bboxsimacc { margin: 2vw 0;height:initial;}
	.imboximacc{height:initial;}
	.tboxfixbut { margin: 2vw auto;font-size:2vw!important;width:17vw}
	.iboxfix { width: 100%; padding: 0 ;}
	.bbaccinsta { margin: 1vw 0;}
	.browInsta { margin-right: -13vw;}
	.bcontac { width: 26vw;}
	.tcontaccpic{line-height:2vw}
	.tboxfix {margin: 1vw 0;}
	

	
	/*** ESPACES ***/
	.bresesp { margin: 1vw 0;}
	.tboxfixti { font-size: 3vw!important;}
	.bvidesp { margin: 2vw 0 0 0;}
	
	/*** CALENDRIER ***/
	.ggcca, .ggcca2 { width: 98%;  margin: 1%;}
	
	/*** POPUP / GESTION COMPTE ***/
	.gg_popupResa { width: 80vw!important;} 
	.gg_calCB { border-radius: 0.3vw!important;}
	.modal-header {  border-bottom: 0.1vw solid #eee!important;}
	.title_popup {font-size: 2.5vw!important;}
	#closePopup, .closePopupNoMenu { top: -1vw!important; right: -1vw!important; border: 0.2vw solid gainsboro!important;  border-radius: 5vw!important;    padding: 0.5vw!important;}
	.modal { border-radius: 0.5vw!important;  min-width: 90%!important;  border: 0.1vw solid #999!important;  border: 0.1vw solid rgba(0,0,0,0.3)!important;}
	#containerCrenauReservation .selectHour, #displayResultActivite input[type="radio"]+label, #displayResultReservation input[type="radio"]+label { padding: 0.5vw!important;  margin: 1vw!important;    border-radius: 0.5vw!important;font-size:2.5vw!important}
	span.icon-close:before { font-size: 3vw;}
	.modal-footer { padding: 1vw 0px 1vw;   border-top: 0.1vw solid #ddd;}
	#button_publish, .genericButton { font-size: 2.5vw!important; border: 0.1vw solid var(--color-1)!important; padding: 1vw;  border-radius: 0.5vw;}
	
	/*** OFFRES ***/
	.bboxoffer { width: 22vw; margin: 1vw;}
	.tioffer {  font-size: 2vw!important; margin-bottom: 2vw;}
	.txtoffer { padding: 0.2vw;}
	.tpxoffer {  margin-top: 2vw; font-size: 2vw!important;}
	.tpxoffer2, .tpxoffer3 {  font-size: 1.2vw!important; margin-bottom: 2vw;}
	.taddoffer {  padding: 1vw;  font-size: 2vw!important;}
	.bcategadds {  margin: 2vw auto;}
	.bcatoff { width: 15vw;}
	.imcatoff { width: 10vw;  height: 10vw; margin-bottom: 1vw;}
	.bcatoff { width: 15vw;}
	.tmaroff{margin-top:5vw;}
	.tqtyoffr, .tqtyoffr2{height:3vw;margin:0 1vw}
	
	/*** ACTUS ***/
	.bcateg, .bcategart { border: 0.2vw solid white;}
	.bcateg:hover { border: 0.2vw solid var(--color-1);}
	.tcatdate {  width: 4vw;}
	
	/*** CONTACT ***/
	.pictcont:before, .tcontinfos{margin: 1vw 0;}
	.pictcont:before { font-size:4vw!important}
	tcontinfos , .tcontinfos a {font-size:2vw!important;}
	.bteams { margin: 1vw 0;}
	.bteam { width: 20vw;}
	.iteam { margin-bottom: 1vw;}
	.fcontact { width: 80vw; padding: 0;}
	.fcontact .cell_1_form { font-size: 1.5vw;}
	.fcontact input[type="text"], .fcontact input[type="password"], .fcontact textarea, .inpqtyoffr { font-size: 2vw;  line-height: 4vw;}
	.inpqtyoffr { font-size: 1.5vw;}
	.input_submit { font-size: 2vw;  height: initial;  padding: 1vw; width: 15vw!important; border-radius: 0.5vw;}
	
	.carousel-control.right, .carousel-control.left { width: 5vw; height: 10vw;  font-size: 8vw!important; line-height: 8vw;}
	.carousel-control.left { border-radius: 0 0.5vw 0.5vw 0;}
	.title_gen_carrousel {font-size: 2vw!important; padding: 0.5vw;}
	
	.ggMap { margin-bottom: 2vw;  margin-top: 2vw;}
	
	#div_container_9_fo { padding: 1vw 0;}
	#div_container_9_fo:before { height: 5vw;  border: 0.2vw solid var(--color-1);  top: -2vw;  width: 96vw;left: 1.7vw;}
	.bfoot { width: 98vw;}
	.bfoinfo, .bfoinfo1, .bfoinfo2, .bfoinfo3{width:27%}
	.bfoinfo3{width:11%}
	.tfoot { margin: 0.5vw 0;}
	.bfoinfo3 .tfaceb:before, .bfoinfo3 .tinsta:before, .bfoinfo3 .tyout:before, .bfoinfo3 .tlinked:before {margin-left:0}
}

@media 	only screen and (max-device-width : 468px) {
	body{padding:2% 0 0 0}
	.t_g, label, h1, h2, h3, .mbtn, .mbtn_first, .sub_mbtn, .text_footer, .text_footer_title, .text_footer_coordonnees, a{margin-top:0;	font-size:4vw!important;line-height:initial;}
	h1, h2, h3, h1.t_g, h2.t_g, h3.t_g {  font-size: 5vw!important;    margin: 2vw 0 4vw 0; line-height:initial;}
	h1:before { width: 4vw;  height: 4vw;  margin-top: -14vw;   margin-left: -2vw;  border: 0.5vw solid black;}
	.tfootel:before, .tfootadd:before, .tfootmail:before, .tconttel:before, .tcontadd:before, .tcontmail:before, .tconthour:before, .tfaceb:before, .tinsta:before, .tyout:before, .tlinked:before, .iaccinsta:before, .iaccinsta:after, .butcont:before {  font-size: 5vw;}
	a.linkClickedCurrentPage.mbut {  border-bottom: none;}
	.closePopImg:before { font-size: 8vw;}
	.previewOverlay .prevSpan, .previewOverlay .nextSpan { width: 8vw;  height: 8vw;    line-height: 8vw;}
	.icon-arrow-left5:before, .icon-arrow-right4:before {  font-size: 7vw;}
	
	.gplogo {width: 98vw;text-align:left;padding:1vw;    position: absolute; left: 0;  top: 0;}
	.logo {  width: 25vw;  height: initial!important;}
	.gphphone{text-align:left;width:65vw;margin-bottom: 3vw;}
	
	#div_container_1_h{height:23vw}
	.gpheader{position:relative;}
	.gpmenu,.gpmenu2 { display:none;width:100vw;text-align:center;margin:0;padding:0}
	.gpmenu{margin-top:22vw}
	.ggmenu li{display:block;}
	.gg_sm.lvl1{position:relative!important;width:100%;left:0;margin:0}
	a.mbut:hover, a.linkClickedCurrentPage.mbut {border: none;}
	
	
	.mbut, .mbutac,.gg_sm.lvl1 a .t_g.gg_smn  { height: initial!important; font-size:6vw!important;padding:1vw;text-align:center; margin: 1vw auto;display:block;}
	.butcont {margin:0; padding:0;text-align:right}
	.gpmenumo{display:block;}
	.ibutmob {position:absolute;width:10vw;height:10vw;top:10vw;right:2vw;fill:var(--color-1)}
	
	#div_container_5_fr {  padding-top: 0;}
	.bcont, .bcontperf, .bcontfir, .bcontxt, .p1080 { width: 96vw;  padding: 2vw;margin:0}
	.bcontfir::before{display:none;}
	
	.container_imsacc {height:initial;}
	.gpgtxt {     bottom: -1vw;        width: 100vw;        padding: 0;} 
	.gg_contcal { margin-top: 3vw;    width: 100%;}
	.gg_viewNoPopup, .gg_viewNoPopup2 { width: 100%; margin-top:4vw}
	.gg_popupResa {width: 100% !important;}
	.imlgovague, .imlgovague1 {    width: 25%;    left: 10%;}
	.imlgovague1 {    left: initial;    right: 10%;}
	
	
	/*** POPUP / GESTION COMPTE ***/
	.gg_calCB { border-radius: 0.5vw!important;}
	.modal-header {  border-bottom: 0.4vw solid #eee!important;}
	.title_popup {font-size: 4vw!important;}
	#closePopup, .closePopupNoMenu { top: -2vw!important; right: -3vw!important;     padding: 1vw!important;}
	.modal { border-radius: 0.5vw!important;  min-width: 90%!important;  border: 0.1vw solid #999!important;  border: 0.1vw solid rgba(0,0,0,0.3)!important;}
	#containerCrenauReservation .selectHour, #displayResultActivite input[type="radio"]+label, #displayResultReservation input[type="radio"]+label { padding: 1vw!important;  margin: 2vw!important;    border-radius: 1vw!important;font-size:4vw!important}
	span.icon-close:before { font-size: 5vw;}
	.selectDuration h3, .gg_bookSHour h3{display:block;text-align:center;font-size:4vw!important}
	#button_publish, .genericButton { font-size: 4vw!important;   border-radius: 1vw;}
	
	
	
	
	
	.bfpayment {  padding: 2vw; width:96vw; flex-direction: column;}
	.basketRDV, .resumePaiementRDV, .basketSHOP, .resumePaiementSHOP {   width: 100%;    padding: 0;    aspect-ratio: 0; border:none;}
	.resumePaiementSHOP{margin-top:5vw}
	.bfixBasketRDV, .bfixBasketSHOP {  position: relative;    left: 0;    top: 0;}
	.viewCartRDV, .viewCartSHOP { min-height: auto;padding: 0;}
	.bfpayment .cartTable tr {display:grid;}
	.fpayment .labelInputCheckBox { font-size: 4vw;  padding-left: 9vw;}
	.fpayment [type="checkbox"]:not(:checked) + label:before, .fpayment [type="checkbox"]:checked + label:before {  left: 1px;    top: -4px;    width: 6vw;    height: 6vw;    border-radius: 7vw;}
	.fpayment [type="checkbox"]:not(:checked) + label:after, .fpayment [type="checkbox"]:checked + label:after {    font-size: 7vw;    }
	.loadingCircle.two {    height: 25vw;    width: 25vw;    top: 0;    left: 0;}
	.priceRDV, .priceSHOP {text-align:right;    margin-left: 0;    font-size: 5vw;    margin: 2vw 0 5vw 0;}
	.viewCartSHOP .cartTable .simpleCart_remove:before { padding: 6%;}	
	
	
	
	.fcontact { width: 96vw;   padding: 0;}
	.fcontact .cell_1_form { font-size: 4vw!important;}
	
	input[type="text"], input[type="password"], textarea, .inpqtyoffr { font-size: 4vw!important;   line-height: 6vw!important;}
	.input_submit { font-size: 4vw!important;  width: 30vw!important;   border-radius: 1vw;}
	
	blockquote {margin:0!important;}
	.carousel-caption { display: block; position: relative; width: 100%;  left: 0;  padding: 0;  bottom: 0;    margin: 0;}


	#div_container_9_fo { padding: 2vw 0;}
	#div_container_9_fo:before { border: 0.5vw solid var(--color-1); left: 1.5vw;}
	.bfoinfo, .bfoinfo1, .bfoinfo2, .bfoinfo3 { width: 100%;  margin: 3% 0;}
	.bfoinfo3 .tfaceb, .bfoinfo3 .tinsta, .bfoinfo3 .tyout, .bfoinfo3 .tlinked { display: inline-block;}
	.bfoinfo3 .tinsta, .bfoinfo3 .tyout, .bfoinfo3 .tlinked {margin-left:2vw}
	.bfoinfo3 .tfaceb:before, .bfoinfo3 .tinsta:before, .bfoinfo3 .tyout:before, .bfoinfo3 .tlinked:before {margin-left:0;line-height:15vw;font-size:10vw}
	.tfoot, .tifoot{text-align:center}
	.tifoot{font-size:6vw!important}
	.tfootcon, .tfootcon a {font-size:2.5vw!important}
	.iflogo { width: 35vw;}
	.tfootFi {font-size:2.5vw!important; margin-top:2vw}
	.imLogFi {
    width: 10vw;
    margin: 2vw;}
	

	
	
}