/* @group BOD */

:root {
	 --orange: #F36B4B;
	 --green: #99ce1a;
	 --black: #1e1e1e;
	 --white: #feffff;
	 --lightgray: rgb(210 210 210);
	 --lightlightgray: rgb(242 240 240);
	 --mydote : 4px dotted;
}

body,a,a:hover
{
	color: #1e1e1e;
}

body *{ 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling:touch;
	
}

#body.noscroll{
	padding: 0;	
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0;	
	touch-action: manipulation;	
	position: fixed;
	overscroll-behavior-y: none;	
}

#body.poponit .tirroir.open,
#body.poponit
{
	overflow: hidden;
	overscroll-behavior-y: none;	
}

body *
{
	 text-decoration: none;
}



.orange{

	 color:var(--orange);
}

/* Webfont: Thunder-ExtraBoldLC */@font-face {
    font-family: 'ThunderExtBd';
    src: url('fontes/Thunder-ExtraBoldLC.woff2') format('woff2'), /* Modern Browsers */
         url('fontes/Thunder-ExtraBoldLC.otf') format('opentype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Thunder-ExtraLightLC */@font-face {
    font-family: 'ThunderExtLt';
    src: url('fontes/Thunder-ExtraLightLC.woff2') format('woff2'), /* Modern Browsers */
         url('fontes/Thunder-ExtraLightLC.otf') format('opentype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: Thunder-BoldLC */@font-face {
    font-family: 'Thunder';
    src: url('fontes/Thunder-BoldLC.woff2') format('woff2'), /* Modern Browsers */
     url('fontes/Thunder-BoldLC.otf') format('opentype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
/* Webfont: Thunder-MediumLC */@font-face {
    font-family: 'ThunderMed';
    src: url('fontes/Thunder-MediumLC.woff2') format('woff2'), /* Modern Browsers */
         url('fontes/Thunder-MediumLC.otf') format('opentype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: Thunder-LC */@font-face {
    font-family: 'Thunder';
    src: url('fontes/Thunder-LC.woff2') format('woff2'), /* Modern Browsers */
         url('fontes/Thunder-LC.otf') format('opentype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body,
body label,
h1,h2,p,ul 
{
	font-family: "ThunderExtLt", Lucida, Verdana, sans-serif;
	letter-spacing: 0.022em;
}


body,html
{
	font-size: 20px;
} 



/* @end */



/* @group RESET */

#cal_size 
{
	height: 0;
	padding: 0;
	margin: 0;
	line-height: 0;
}

pre {
 tab-width: 4;
}

.fullp{
	width: 100%;
	max-width: 100%;	
}
#cal_size #section{
	line-height: 1.4;
}

em{
	font-size: inherit;	
	font-weight: inherit;

}


h1,h2,h3,h4{
	padding: 0;
	margin: 0;	
	
}


.backblack .typo_un,
.backblack .marker,
.backblack p
{

	color:var(--white);
}

a *{
	cursor: pointer;
}

span{
	font-size: inherit;
}



/* @end */

/* @group fontes */

body *
{
	line-height: 1em;
}

label
{
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
}

strong,
b,
.strong
{
	font-family: 'ThunderMed';
	font-size: inherit;
	font-weight: normal;
}



.marker,
.marker strong,
.typo_un,
.typo_un strong
{
	font-family: "ThunderExtBd",Lucida, Verdana, sans-serif;
	 font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

h2.big.marker
{
	font-size:3em;

}
h3.big.marker
{
	font-size:1.8em;

}
.service h2
{
	font-family: "Permanent Marker",Lucida, Verdana, sans-serif;	
	color: #000;
	display: block;
	text-align: right;
	line-height: 50px;
}

h2.typo_un_icone
{
	font-family: "Permanent Marker",Lucida, Verdana, sans-serif;	
	color: #000;
	display: block;	
	line-height: 50px;
}

.service img{
	float: right;
}
.service:nth-child(2n) h2{
	text-align: left;
}

.service:nth-child(2n) img{	
	float: left;
}

.service p{
	text-align: right;
	padding: 1em;
}

.service:nth-child(2n) p{
	text-align: left;
}


.number{
	line-height: 1.3em;
}


.daughter,
.daughter strong,
.typo_deux,
.typo_deux strong
{
	font-family: "Architects Daughter", Lucida, Verdana, sans-serif;
	color: #000;
	display: block;
}

.black{
	color: #000;
	font-size: inherit;	
	font-weight: inherit;
}




#cal_size,html{
	line-height: 0;
}

#cal_size #section{
	line-height: 1em;
}

#mes,p,h1,h2,h3,h4,a,label{
	line-height: 1.3em;
}

h1,h2,h3,h4,p{
	padding: 0;
	margin: 0;
}

*.centertxt
{

	text-align: center;
}



.pseudo_nav
{
	width:50px;
	height:50px;
	position: fixed;
	border-radius: 50%;
	left: 50%;
	transform: translate(-50%,0);
 	bottom: 8px; 
 	background : var(--black);
 	border: 2px solid #ffff;
 	z-index:1000; 	
}

.pseudo_nav:hover
{
	
 	background : var(--orange);
 	
}


.pseudo_nav:before
{
	content:' ';
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	
	width: 48px;
	height: 48px;
	line-height: 50px;
	

	border-style: none;
	background-image: url('/img_interface/icone_slide_down.png');
    background-size: 40px 40px;
     background-position: center;
}


h1.baseline
{
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	position: relative;
	color: #feffff;
	line-height: 1em;
	width: 100%;
	font-size: 1.5em;
}
h2.baseline
{
	margin: 0;
	padding: 0 20% 0 0;
	display: block;
	font-size: 1em;
	color: #feffff;
	line-height: 1em;
	text-align: right;
}

span{
	font-size: inherit;	
}

.rem{
	margin: 0;
	padding: 0 0 1em;
	font-size: 0.9em;
	line-height: 1.5em;
	font-style: italic;
}


.txtright
{
	text-align: right;

}



h1.light,
h2.light,
h3.light
{
	font-weight:100;
}

h1{	
	font-size: 2.1em;	
	line-height: 1em;
	margin-bottom: 0.5em;
}
h2.lettrine
{
	line-height: 1em;
	font-size: 1.8em;
	width:80%;
	display: inline-block;
	white-space:nowrap;
	
}


h2 .lettrine
{	
	font-size: 2.5em;
	letter-spacing: 0.05em;	
	line-height: 1em;	
	margin-right: 0.05em;
	position:relative;
	float:left;
	margin-top: -5px;
}

.ico_titre{
	width:120px;
	height:120px;
	position:relative;
	float:right;

}
.align_right{
	
	position:relative;
	float:right!important;

}


h2.icopromo{
	
}

h1.typo_un,
h1.marker
{
	letter-spacing: 0.025em;
}


.decoline{
	border-bottom: 3px dotted #000;
	content:' ';
	width: 100%;
	height:1em;
	display: inline-block;
	line-height: 39px;
	border-bottom: 3px dotted #000;	
	top:0.4em;
	margin-left:0em;
}




#section.footerdecoline
{

	width: 70%;
	border-bottom: var(--mydote) var(--black);
	float:none;
	margin-right: auto;
	margin-left: auto;
}



.decoliner:before{
	border-bottom: 3px dotted #000;
	content:' ';
	width: 100%;
	height:0.8em;
	display: inline-block;
	line-height: 39px;
	border-bottom: 3px dotted #000;
	position:absolute;
	
	margin-left:0em;
	left:-1em;
}

.decoliner h1.typo_un,
.decoliner h1.typo_un div
{
	
	display: inline-block;
	background-color: var(--white);
	
}

.backblack .decoline{
	border-bottom: 3px dotted var(--white);
	
}

h2.marker
{
	letter-spacing: 0.025em;
}


#section.toppage
{
	padding-top: 1em;
	padding-bottom: 1em;	
}
#section.toppage:after{
	content:' ';
	max-width: 100px;
	border-bottom: 1px solid #000;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}	
.toppage h1{
	text-align: center;
	width: 100%;
	font-weight: 100;
	font-style: normal;
	margin-bottom: 0;
}

.toppage h2{
	font-weight: 800;
	text-align: center;
	font-size: 1.5em;
}

#deconumberchb{
    display: block;
    position: absolute;
    top: -12%;
    width: 100%;
  
    font-family: "ThunderExtBd",Lucida, Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;	
    color: var(--lightlightgray);
    font-size: 25em;
    line-height:1em;
    text-align: left;
    z-index:0;
}
.page_gauchebis *{
 z-index:1;
}
.page_gauchebis #deconumberchb{
 z-index:0;
}

.number:before
{

	font-family: "ThunderMed",Lucida, Verdana, sans-serif;	
	content:'0';
	display:inline-block;
	position:relative;
	float: left;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 1.2em;
	height: 1.2em;
	text-align: center;
	font-weight: 400;
	margin-top: 0.2em;
	margin-right: 0.3em;
	line-height: 1.3em;
	font-size:0.8em;
	color: var(--white);
	background-color: var(--black);
}

.ancrer
{
	display:block;
	float:left;
	width:100%;
	
}

#progressbar{
	display:block;
	float:left;
	width:100%;
	padding-left:1em;
	padding-right:1em;
}

#progressbar #mybar{
	
	background-color: var(--green);
	opacity:0.3;
	position:absolute;
	float:left;
	width:0%;
	height: 25px;	
    padding-bottom: 0.5em;
  	bottom: 15px;
  	 border-radius: 12px;
    
}

#progressbar label.number:before
{margin-top: 0em;
font-size:1em;
}

#progressbar label.labeltop.number.activ:before
{
	background-color: var(--green);

}

a.ancre_repair
{
	display:block;
	float:left;
	width:100%;
}

.number.un:before{
	content:'1';
	
}
.number.deux:before{
	content:'2';
	
}

.number.trois:before{
	content:'3';
	
}


.number.quatre:before{
	content:'4';
	
}
.number.cinque:before{
	content:'5';
	
}
.number.six:before{
	content:'6';
	
}


#short_form_number
{
display: flex;  /* 1 */	
	max-width: 100%;
	width: 100%;
   
}

#short_form_number a
{

	width: 100%;
   
}

h1.texte_top{	
	font-size: 10px;
	color: #feffff;
	text-align: center;	
	font-style: italic;
	margin: 0;
	padding: 0;
	display: inline;
	line-height: 10px;
	

}

p + h1 {
	margin-top: 1.7em;
}

p + h2 {
	margin-top: 1.4em;
} 

p + h3 {
	margin-top: 1.2em;
}

p{
	width: 100%;
	
}

p.justif{
	text-align: justify;
}


p.nomarge,
.nomarge{
	margin-bottom: 0;
	margin-top: 0;
}

p{
	line-height: 1.5em;
	margin-bottom: 1em;
}

label{		
	display: inline-block;
	float: left;
	position: relative;
}	



p.serif,label.serif{
	font-size: 1.1em;
	margin-bottom: 0.5em;	
	width: 100%;
}

.moy,
.moy label{
	font-size: 1.4em;
}

p.big{
	font-size: 1.2em;
	line-height: 1em;
}

.big{
	font-size: 1.2em;

}
p.big.serif{
	font-size: 1.3em;
}

.decopromo{
	border: 5px solid #3c3c3c;
}

p.mini{	
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 0.5em;
}
	
.cap{
	text-transform: uppercase;
}

	

ol,ul{
	display: inline-block;
	}

ol li,ul li{
	margin: 0;
	padding-bottom: 0.2em;
}



ul.standard{
	text-align: left;
	float: left;
	display: inline-block;
	position: relative;
	width: 100%;
	margin-top: 0;
}

ul.standard li
{
	max-width: 100%;	
}


ul.center{
	list-style-type: none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 0px;
    unicode-bidi: isolate;
    width: auto;
}

ul.center li
{
	text-align: center;	
	display: list-item;
   
}
ul.center li:before
{
	content:'• ';
}
ul.center li:after
{
	content:' •';
}

.nofloat ol li,.nofloat ul li{
	float: none;	
	position: relative;
	list-style-type: disc;
}
img.nofloat{
	float: none;
	display: inline-block;
}


.white,
.white *
{
	color: #feffff;
}

.promo{
	display: block;
	font-weight: bold;
	background-color: #82df67;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: right;
	position: relative;
	padding: 0.2em;
	margin-bottom: 0.2em;
}

.boitepromo h2{
	text-align: center;
	font: 2em "Permanent Marker",Lucida, Verdana, sans-serif;
	margin-bottom: 0;
	color: #234aec;
}
.boitepromo h3{
	text-align: center;
	font-family: "Architects Daughter", Lucida, Verdana, sans-serif;
	//font: italic 1em "Permanent Marker",Lucida, Verdana, sans-serif;
	margin-bottom: 0;
}

.boitepromo h3{
	text-align: center;
	font-family: "Architects Daughter", Lucida, Verdana, sans-serif;
	//font: italic 1em "Permanent Marker",Lucida, Verdana, sans-serif;
	margin-bottom: 0;
}
.boitepromo p{
	text-align: center;
}

.boitepromo{
	padding-bottom: 50px;
}


#section.infosupromo p{	
	display: inline-block;
	width: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	line-height: 1.1em;
}
#section.infosupromo{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	height: 50px;
}

.promocode
{
	width: auto;
	min-width: 30%;
	padding: 10px;
	clear: none;
	position: relative;
	display: inline-block;
	border: 2px solid #000;
	background-color: #000;
	color: #feffff;	
}

a.bloc{
	display: block;
	float: left;
	position: relative;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	border: 1px none #c1c1c1;
	z-index: 1;
	width: 100%;
}

a.bloc:hover *{
	color: #000;
}

.bloc.capperthome{
  border-style: none;
  border-color: #00000057;
  border-width: 5px;
  overflow: hidden;
}
.bloc.capperthome:hover{
	
	
}

.deco_action{
	display: block;	
	position: absolute;
	background-color:  rgba(255,255,255, 0.4);
	transition-duration: 0.4s;
	width:100%;
	height:100%;	
	
}

.bt_action{
	min-height: 30px;
	white-space: nowrap;
	position: absolute; 
 	left: 50%;
 	top: 50%;  	 
  	transform: translate(-50%, -50%);
  	z-index: 100;
  	vertical-align: middle;
  	position: absolute;
  	width: 90%;
}

.bt_action span{

	font-family: 'ThunderExtBd';
	display: inline-block;	
	color: var(--black);
	font-size: 3.3em;
	display: block;	
	position: relative;
	float:left;
  
  	
}


.illusbtaction
{
	width: 35px;
	display: block;	
	position: relative;
	float:left;
	margin-left:1em; 
}
.bt_action.model1,
.bt_action.model5
{
	width: 215px;
}


.bt_action.model6,
.bt_action.model3
{
	width: 375px;	
}

.bt_action.model2{
	width: 395px;
}
.bt_action.model2 .illusbtaction
{
	width: 100px;	
}


.bt_action.model6 .illusbtaction,
.bt_action.model3 .illusbtaction
{
	width: 115px;
}

.bt_action.model4 .illusbtaction
{
	    width: 55px;	
}



a.bloc.resumenews:hover *{
	color: #f5275c;
}




.bloc.capperthome img,
.choixpossible img
{
	transition-duration: 0.4s;
	transform: scale(1,1);
	
}
.bloc.capperthome:hover .deco_action{
	background-color:  rgba(255,255,255,0);


}


.bloc.capperthome:hover img{	
	transform: scale(1.3,1.3);
	
}

.choixpossible:hover img{	
	transform: scale(1.3,1.3);
	
}

a.bloc.menugraph{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
}

.bloc.menugraph:hover{
	border-style: solid;
	border-width: 0;	
}
.bloc.menugraph .conteneur_menu_home{
	border: 10px solid rgba(249,165,56,0);
}
.bloc.menugraph:hover .conteneur_menu_home{
	border-color: #ffc526;
} 

.overviolet:hover{
	background-color: #eb2768;
}




.overorange:hover{
	background-color: #f0783f;
}

a{
	text-decoration: none;
	font-weight: normal;
	font-style: normal;	
}



a.interne{
	color: #161616;
	line-height: inherit;
	font-size: inherit;
	text-decoration: underline;
}



.limite,
#section.limite
{
	border-bottom: 1px solid #c1c1c1;
	float: left;
	display: block;
	position: relative;
	width: 100%;
}

.barre{		
	text-decoration: line-through;
}
/* @end */

/* @group structure */

#conteneur{
	float: left;
	display: block;
	position: relative;
	width: 100%;
	background-color:var(--white);
	
}

#conteneur.pageajax{
	margin-bottom: 3em;
	border-bottom: 1px none #00f943;
	padding-bottom: 5em;
}


#man_pop #conteneur.pageajax{
	padding-bottom: 0em;
	margin-bottom: 1em;
}

#conteneur.page{
	border: 1px none rgba(152,152,152,0.4202218);
}



.argu_home
{
	display: flex;
  align-items: center;

}

.argu_home h2
{

	padding-bottom:0px;
	margin-bottom:0px
}


#conteneur.page .toppage 
{
	margin-top: 4em;
}
#retourpageajax #conteneur.page .toppage,
#conteneur.page #conteneur + #conteneur .toppage
{
	margin-top: 0em;

}
#retourpageajax{
	display: inline-block;
	position: relative;
	max-width:100%;
}

#content_tirroir #conteneur.page{
	padding-bottom: 4em;
	border-style: none;
	border-color: #0ff;
	padding-top: 1em;
}

#cal_size,
.cal_size
{

	max-width: 1800px;
	margin-right: auto;
	margin-left: auto;
	
}



#cal_size.outpage,
#conteneur.outpage #cal_size{
	max-width: 100%;
}



#section,.formulaire{
	display: block;	
	position: relative;	
	float: left;
	width: 100%;
}

.btclose_tir.hide,
.hide,
#section.hide
{
	display: none;
}

#jour_select #mes_user.hide
{
	display: none;
}

#jour_select #mes_user
{

	
	position: absolute;
	background-color: #83E130;
	min-width: 250px;
	z-index: 1000;
	text-align: center;	
	box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.12);
	left: 50%;
 	top: 0; 
}

#jour_select #mes_user p
{
	color: #F1F1F1;
	text-align: center;
	padding: 1em!important;
}
/* @end */

/* @group deco */

#conteneur.partenaire{
	border: 1px solid #000;
	border-right-style: none;
	border-left-style: none;
	border-top-style: none;
}
.border{
	border: 1px solid #000;
}


.borderlight{
	border: 1px solid #d8d8d8;
}
.border_right{
	border-right: 1px solid #000;
}
.border_left{
	border-left: 1px solid #000;
}

.border_bot{
	border-bottom: 1px solid #000;
}

.border_top{
	border-top: 1px solid #000;
}

/* @end */



/* @group calendar */

#pseudo_select_content {
	position: absolute;
	border-style: none;
	display: none;
	z-index: 100;
	margin-bottom: 3em;
	margin-right: 0;
	margin-left: 0;
	width: inherit;
	padding: 0;
	
}



#pseudo_select_content{
	-webkit-box-shadow: 1px 2px 4px 2px rgba(0,0,0,0.12);
-moz-box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.12);
box-shadow: 1px 2px 2px 2px rgba(0,0,0,0.12);
}

#pseudo_select_item.calandar{
	width: 100%;
	display: block;
	float: left;
	position: relative;
	padding-right: 3em;
	padding-left: 3em;
}





#pseudo_select_item.standard{
	width: 100%;
	display: block;
	float: left;
	position: relative;	
}





#pseudo_select_item.form{
	width: 100%;
	display: block;
	float: left;
	position: relative;	
}


#pseudo_check_item{
	width: 100%;
	display: block;
	float: left;
	position: relative;	
}


#cover{	
	background-color: rgba(67,67,68,0.7474046);	
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: center;
	cursor: pointer;
	opacity: 0;
	width: 100%;
	height: 100%;
}

#cover.act{
	position: fixed;
}
#cover.coversup{
	z-index: 101;
	background-color: rgba(255,255,255,0.8623279);
}


#pseudo_cal{
	display: inline-block;
	float: left;
	position: relative;
	width: 100%;
}

#pseudo_cal #pseudo_content{
	display: block;
	height: auto;	
	width: 100%;
	max-height: 350px;
	overflow: auto;
	background-color: #feffff;
	border-style: none;
}


#pseudo_select_item.standard #pseudo_select_content{
	background-color: #feffff;
	width: 100%;
}



#pseudo_select_item.standard #pseudo_select_content{
	background-color: #feffff;
	width: 100%;
}

#pseudo_select_item.form #pseudo_select_content{
	background-color: #feffff;
	width: 100%;
}

#pseudo_select_item_conteneur.calandar #pseudo_cal{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#pseudo_select_item_conteneur.calandar #pseudo_cal #pseudo_content a.selecteur.selected{
	background-color: #91d278;
}


a.btcodepromo{
	background-color: #91d278;
	padding: 10px;
	display: inline-block;
	float: left;
	position: relative;
	width: auto;
}
a.btcodepromo label,
a.btcodepromo
{
	line-height: 10px;
	display: inline-block;
	position: relative;
	float: left;
}
a.btcodepromo:after{
	content:'clear';
	font-size: 20px;
}

a.btcodepromo:hover{
	background-color: #efa549;
}

#pseudo_select_item_conteneur.calandar #pseudo_select_item{
	width: 100%;
	float: left;
	display: block;
	position: relative;
}

#control_cal,#selecteur{
	width: 100%;
	display: block;
	float: left;
	position: relative;
	border: 1px solid #999;
}

#boite_resa{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 2em;
}
#boite_resa_finale{
	display: block;
	position: relative;
	float: left;
	width: 100%;	
}	
#boite_resa_finale.topslide{	
	display: inline-block;
	position: relative;
	background-color: #fefeff;
	z-index: 110;
	margin: 0 auto;
	float: none;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	width: auto;
}
#boite_resa_finale.topmenu{
	float: none;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	padding-top: 0.5em;
	width: auto;
	padding-bottom: 0.5em;
}



#section.centerit{
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 100%;	
	float: none;
	
}
#section.centerit{
	text-align: left;
}
#boite_resa_finale.std #boite_calendrier #calendar{
	padding: 0;
	border-style: none;
	margin-top: 0.5em;
}
#conteneur_menu #boite_resa_finale{
	display: none;
}


#conteneur_header.minimize #boite_resa_finale
{
	display: inline-block;
	margin-bottom: 2px;
}


#conteneur_header.minimize #logo{
	max-width: 250px;
}
#conteneur_header.minimize #conteneur_logo{
	background-position: 0 -19px;
}
#conteneur_header.minimize #cal_langue{
	padding-top: 0.5em;
}
#content_resa{
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
}
#slider_conteneur #content_resa{
	max-height: 60px;
}

#calendar{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#cal_calendrier{
	width: 0;
	height: 0;
	display: none;
	text-align: center;
}

#cal_calendrier.open{
	position: fixed;
	top: 0;
	z-index: 2000;
	overflow: auto;
	width: 100%;
	height: 100%;
	display: block;
	padding: 10px;
	
}
#cal_calendrier.inform.open{
	display: block;
	position: relative;
	padding: 0;
	width: 100%;
	float: left;
	height: auto;
	z-index: 0;
}

#cal_calendrier.inform.open #calendar{
	border-style: none;
	padding: 0;
	margin: 0;
}

#cal_calendrier.inform.open a[data_role='close_calendar']
{
	display: none;
}

#cal_calendrier.open #boite_calendrier{
	-webkit-box-shadow: 1px 2px 4px 4px rgba(0,0,0,0.12);
	-moz-box-shadow: 1px 2px 4px 4px rgba(0,0,0,0.12);
	box-shadow: 1px 2px 4px 4px rgba(0,0,0,0.12);
	padding: 0;
}

.mobile #slider_conteneur #boite_resa_finale{
	display: none;
}

.mobile #menu_conteneur.burger.open #boite_short_resa{
	display: inline-block;
}


.mobile #cal_calendrier.open #body{
	overflow: hidden;
}

.mobile #boite_calendrier #calendar_mois{
	width: 100%;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}




#boite_calendrier{
	display: inline-block;	
	border: 1px none #7b7b7b;
	background-color: #feffff;
	margin-right: auto;
	margin-left: auto;
	width: 100%;	
	float: left;
	position: relative;
}

#boite_calendrier #calendar_mois{
	display: block;
	position: relative;
	width: 100%;
	border: 1px none #464646;
	float: left;
	margin-bottom: 10px;
}

#boite_calendrier #calendar_mois{	
	max-width: 289px;;
	width: 289px;
	border-right-style: solid;
	border-left-style: none;
	padding: 0;
	margin: 0;
}
#boite_calendrier #calendar_mois:last-child{
	border-right-style: none;
}

#boite_calendrier #pseudo_select_item_conteneur.calandar{
	padding-right: 0;
	padding-left: 0;
}


#man_pop{
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 20000;	
	padding: 1em;
	background-color: rgba(254,255,255,0.512612);
	//text-align: center;
}

h2.titrepop,
h2.titreajax
{
	margin: 0;
	padding: 0;
	line-height: 44px;
	text-align: left;
	font-size: 24px;
	color: #feffff;
}


#man_pop .box .entete h1,
#man_pop .box .entete h2
{
	text-align: center;
}

#man_pop .box .entete h1{
	    margin-bottom: 0.1em;
    margin-top: 0.1em;
}
#man_pop .box a.cta
{
	
	
    text-align: center;
    z-index: 100;
}

#section.titre_slide{
}

#section.deco_boock{
background-image: url('/img_site/pages_photos_top_service.jpg');
   background-size: cover;
    background-position: center;
  }  
    
    
#section.cal_boock{
	display: flex;
  justify-content: center;
  align-items: center;
      width: 100%;
    max-width: 2560px;
    float: none;   
	padding:3em;
	
}
#section.size_boock{
 max-width: 50%;

}
.red
{

	color:red;
}
.boockpage.--left:before {
content:' ';
  border-right: 0;
 position:absolute;
 z-index:10;
 width:100%;
 height:100%;
 box-shadow: inset -35px 0px 30px -45px rgb(0, 0, 0,0.65);
 right:0;
}

.boockpage.--right:before {
	content:' ';
  border-right: 0;
 position:absolute;
 z-index:10;
 width:100%;
 height:100%;
  box-shadow: inset 42px 0px 41px -11px rgba(0,0,0,0.2);
   left:0;   
}

.boockpage.cover:before
{
		content:unset;
		box-shadow:none!important;
}
.boockpage.cover.start
{
	
	box-shadow:none!important;
	
}
.boockpage.cover.end
{
	background-color:var(--white);
}


#book{


/*
-webkit-box-shadow: 1px 2px 4px 4px rgba(0,0,0,0.12);
	-moz-box-shadow: 1px 2px 4px 4px rgba(0,0,0,0.12);
	box-shadow: 1px 2px 4px 4px rgba(0,0,0,0.12);
*/
}

#titreajaxplace{
	display: inline;
	float: left;
	position: relative;
}

h2.titrepop:before,
h2.titreajax:before
{	
	content:'>';
	text-align: center;
	display: block;
	line-height: 44px;
	width: 44px;
	height: 44px;
	font-size: 40px;
	color: #feffff;
	float: left;
	position: relative;
}
#man_pop #manpop_deco{



	position: relative;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto; 
    border-radius: 4px;
    background: #fff;
    opacity: 1;
    cursor: auto;
    padding: 0px;
    max-width: 90%;
	max-height: 90%;
}


#man_pop .pseudotoggle{
	position: relative;

}

#man_pop #manpop_contenu{
	display: inline-block;	
	overflow: auto;	
	width: 100%;
	padding: 1em;
	
}

#man_pop #manpop_fonction{
	display: inline-block;
	float: left;
	width: 100%;
	position: relative;
}


#boite_calendrier #message_user.help{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}

#boite_calendrier * {
	
	  -webkit-touch-callout: none; 
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
          
}

#boite_calendrier.topabs{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 20000;
	overflow: auto;
	padding: 1em;
}

#cal_dater{
	display: block;
	float: left;
	position: relative;
	width: 100%;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
}



#calendar_cover_message{
	display: block;
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(254,255,255,0.7791976);
	z-index: 10000;
}

#conteneur_calendar{
	margin: 0;
	width: 100%;
	float: left;
	display: block;
	border: 1px solid #ccd7dc;
	overflow: hidden;
	padding: 5px 0;
}



#content_calendar{
	display: inline-block;
	position: relative;
	width: inherit;
	cursor: ew-resize;
}

#conteneur_calendar.flowx,
*.flowx
{
	overflow: hidden;	
	-webkit-overflow-scrolling: touch;
	cursor: pointer;
}

#section.scrollerinside{
}

#calendar_ligne{
	float: left;
	width: 100%;
	clear: both;
}

#calendar_ligne.ligne_jour{
	margin: 0;
	padding: 0;
}


#calendar_ligne.ligne_mois{
	text-align: center;
	margin: 0;
	border: 1px solid #ccd7dc;
	text-transform: uppercase;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-size: 1em;
	line-height: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-style: italic;
}

#d_aay,
#jour_select
{
	display: block;
	position: relative;	
	margin: 0;
	float: left;
	width: 40px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}


#jour_select{

	width: 40px;
	height: 40px;
}


#d_aay div{
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
#jour_select div{
	font-size: 13px;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	line-height: 42px;
	text-align: center;
	font-weight: 400;
}

#jour_select div,#d_aay div{
	display: block;
	width: 100%;
	float: left;
	position: relative;
}

#jour_select > div{
	position: absolute;
	margin: 0;
	padding: 0;	
	top: 50%; 
 	left: 50%; 
  	transform: translate(-50%, -50%);
	text-align: center;
	
}
#jour_select span.verif{
	display: none;
}
#jour_select:hover span.verif{
	display: block;
	display: none;
}
#jour_select{
	border-style: none;
	text-align: center;
	cursor: pointer;
}


#mois_current{
	border-style: none;
	text-align: center;
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	width: 100%;
}

#cal_select{
	padding-right: 3em;
	padding-left: 3em;
}

#cal_date_ar,
#cal_date_dep,
#cal_nb_pers,
#cal_price,
#cal_bt_resa,
#cal_date_ar_dep
{	
	float: left;
	display: block;
	position: relative;
	padding: 0.5em 0;
	border-color: #fefefe;
	width: 100%;
}

#cal_date_ar.auto,
#cal_date_dep.auto,
#cal_nb_pers.auto,
#cal_price.auto,
#cal_bt_resa.auto,
#cal_date_ar_dep.auto{
	width: auto;
}



#cal_bt_resa{
	width: 100%;
	position: relative;
	float: left;
	display: block;
	
}



#conteneur_calendar_info{
	padding: 0;
	float: left;
	display: block;
	position: relative;
	text-align: left;
	width: 100%;
}


#conteneur_calendar_info.demi{
	padding: 0;
	float: left;
	display: block;
	position: relative;
	text-align: left;
	width: 50%;
}
.radiusbig{
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;

	
}

a.bt.choixtype{
	background-color: #feffff;
	text-align: center;
	padding: 0.5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:49%;	
	display: inline-block;
	
}



#section.sousonglet{
	
 	 display: flex;
	justify-content: space-between;
	margin-top:2em;
	max-width:100%;
	flex-wrap: wrap;
	gap:2em;
	
}


#section.flex.tr{
	
 	display: flex;
	justify-content: space-between;
	margin-top:2em;
	max-width:100%;
	flex-wrap: wrap;
	gap:1em;
	column-gap:1em;
	position:relative;
}


#section.flex.tr > div,
#section.flex.tr > a
{
	max-width:31%;
 	
}

#section.flex.tr img {
	max-width:100%;
 	
}

#section.sousonglet .calbt{
	max-width:25%;
 	 display: flex;
}

.pos_tarif{
	
	background-color:var(--orange);
	color: var(--white);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0.5em;
	width:fit-content;
	white-space: nowrap;
	transform: translate(-90%, -110%);
	float: right;
	position:absolute;
	
	
}





.pos_tarif span{
font-family: 'ThunderMed';
	font-size: 1em;
	font-weight: normal;
}
	
.cal_tarif{
	display: block;
	position: relative;
	float:right;
	width: 1px;
	
	
}
.sousonglet a.bt.choixtype{
	background-color: #feffff;
	text-align: center;
	padding: 0.5em;
	width:100%;
	
	align-self: stretch;
	
	
	
}

.sousonglet a.bt.choixtype label{
	margin: auto;  
}

a.bt.choixtype label{
	text-align: center;
	line-height: 1.2em;	
	font-size: 1em;	
	font-family: 'ThunderMed';
}

a.bt.choixtype.ongletfirst label
{

	display: inline-block;
	float: none;
	text-align: center;
	line-height: 1.2em;
	font-weight: 300;
	font-size: 1.4em;	
	 width: 100%; 
}
a.bt.choixtype:hover,
a.bt.choixtype.active,
a.bt.choixtype.active:hover,
a.bt.choixtype:active,
a.bt.choixtype:hover
{
	background-color: var(--black);
	color: var(--white);!important
	

}

a.bt.choixtype:hover label,
a.bt.choixtype:active label,
a.bt.choixtype.active label *
{
	color: var(--white);!important
}

.radius,
.bt.material-icons.long
{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
a.circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	line-height: 22px;
	width: 27px;
	height: 27px;
	font-size: 0.8em;
	font-weight: bold;
	border: 2px solid #433c31;
	color: #41392e;
	margin: 5px;
}
a.circle.active{
	background-color: #41392e;
	color: #feffff;
}

a.big.circle{
	width: 50px;
	height: 50px;
	line-height: 45px;
	border-width: 4px;
	color: #fefefe;
	font-size: 2.5em;
	background-color: #000;
	border-color: #feffff;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	float: none;
}

.infoselect{
	color: #feffff;
	padding: 0.5em;
	display: block;
	border: 2px none #feffff;
	width: 100%;
	text-align: center;
	float: left;
	position: relative;
	background-color: #000;
}
.infoselect label{
	color: #feffff;
	text-align: center;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.infoselect:before,
.infoselect:after
{
	font-size: 30px;
	line-height: 45px;
	color: #feffff;
	width: 30px;
	text-align: center;
}

.infoselect:hover{
	color: #feffff;
	background-color: #98ce1a;
}
.bt.material-icons.short.circle{
	padding: 7px;
}

#pseudo_select_item_conteneur.calandar a.selecteur:hover.first{
	color: #000;
	background-color: #ccd7dc;
}

.bt.material-icons.short.carre:before{
	padding: 10px;
	background-color: #e2e4e4;
	border: 1px solid #cbd7dc;
}
#pseudo_content #pseudo_select_item{
	background-color: #eee;
	display: inline-block;
	position: relative;
	width: 100%;
	float: left;
	border-bottom-style: none;
}
#pseudo_content #pseudo_select_item:nth-child(2n){
	background-color: #fbfbfb;
}



#jour_select.vide div{
	color: #ededed;
	
}
#jour_select div{
	font-family: "ThunderMed", Lucida, Verdana, sans-serif;
	font-size:0.8em;
	z-index: 10;
	color: #000;
}

#jour_select.j6,
#jour_select.j7,
#d_aay.j6,
#d_aay.j7
{
	background-color: #fad04b;
}




#jour_select.j7,
#d_aay.j7
{
	background-color: #f0a649;
}

#jour_select.libre div,#jour_select.actif_selectable div{
	color: #000;
	cursor: pointer;	
}




#jour_select:after{
	content: ' ';
	width: 90%;
	height: 90%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	display: block;
	z-index: 1;	
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	margin: 5%;
	background-color: #feffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid rgba(26,25,24,0.04962137);
}


#jour_select.occupied:after{
	content: ' ';
	background-color: #cbd7dc;
	
}


#jour_select.preoccupied:after{
	content: ' ';
	
	
}


#jour_select.before:after{
	content: ' ';
	background-color: #cbd7dc;
	opacity: 0.49;
}


#jour_select.occupied *{
	text-decoration: line-through;
}

#jour_select.elligible:before{
	/*
	content: '•';
	color: #72d24d;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	z-index: 10;
	font-size: 25px;
	line-height: 20px;
	width: 20px;
	height: 20px;
	*/
}

.bt.material-icons.short.circle:hover:before,
.bt.material-icons.short.carre:hover:before{
	background-color: #4d4d4d;

}


#jour_select.actif:after,
#jour_select.selected:hover:after,
#jour_select.passe:hover:after,
#jour_select.discret:hover:after
{
		background-color: #91d278;
}

#jour_select.selected:after
{
	background-color: #000;
}

#jour_select.selected div,
#jour_select.actif div,
#jour_select.selected div,
#jour_select.actif:hover div,
#jour_select.elligible:hover div
{
	color: #feffff;
}


#jour_select.barre > div,
#jour_select.barre:after
{
	
	opacity: 0.15;
	text-decoration: line-through;
}

#jour_select.passe > div,
#jour_select.passe:after
{
	opacity: 0.9;
}

#jour_select.discret > div,
#jour_select.discret:after
{
	opacity: 0.15;
}


#jour_select.passe:hover
{
	   opacity: 0.9;
}

#jour_select.passe.actif:after{
	background-color: #e1e4e3;
}

.mesinfo{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;

	
	color: #fefefe;
	margin-right: auto;
	margin-left: auto;
	float: left;	
	/*
	-webkit-box-shadow: 1px 2px 4px 4px rgba(0,0,0,0.12);
-moz-box-shadow: 1px 2px 4px 4px rgba(0,0,0,0.12);
box-shadow: 1px 2px 4px 4px rgba(0,0,0,0.12);
	*/
	padding: 0;
	font-weight: normal;
	position: relative;
	font-style: normal;
	border: 1px solid #cbd7dc;
	border-bottom-style: none;
	overflow: hidden;
}



.mesinfo div *,
.mesinfo a *
{
	color: #090909;
	padding-bottom: 0;
	margin-bottom: 0;
}
a.godate{
	display: block;
	position: relative;
	margin: 0;
	float: left;
	padding: 1em;
}

a.godate:hover
{
	background-color: #cbd7dc;
}
.colapsecorner{
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

.limiterto:after{
	width: 38px;
	height: 38px;
	content:'keyboard_arrow_right';
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #cbd7dc;	
	padding: 0;
	line-height: 38px;
	text-align: center;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin-right: -16px;
	margin-top: -16px;
	background-color: #feffff;
	z-index: 1;
	font-size: 2em;
}


.mesalerte{		
	background-color: #91d278;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;
	padding: 2em;

	
	color: #fefefe;
	margin-right: auto;
	margin-left: auto;
	float: left;	
	
	-webkit-box-shadow: 1px 2px 4px 4px rgba(0,0,0,0.12);
-moz-box-shadow: 1px 2px 4px 4px rgba(0,0,0,0.12);
box-shadow: 1px 2px 4px 4px rgba(0,0,0,0.12);

	/*
	position: absolute;
 	top: 50%;
 	top: 0px; 
 	left: 50%; 
  	transform: translate(-50%, -50%);
	text-align: center;
	width: 90%;
	*/
	max-width:300px;
	z-index: 2100;
	width: auto;
	position: relative;
}
.mesalerte:after{
	content: '';
}

.debugonline{
	width: 100%;
	height: 0;
	overflow: hidden;
}

#debug,
#debug *
{
	color: #363636;
	font: 12px "Courier New", Courier, mono;
}

#calendar_mois{
	border: 1px none #ccd7dc;
	
}
#menu_langue{
	display: none;
}
.microtarif{
	padding: 1em;
}
/* @end */



/* @group diapo */

#conteneur.autosize{
	max-height: 50vh;
	overflow: hidden;
}


/* @end */

/* @group espacement */




#section.auto,
.auto,
a.auto
{
	width: auto;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
}
.redim{
	width: 100%;
	float: left;
	display: block;
	position: relative;
}

.aspect-ratio-box {
  height: 0;
  overflow: hidden;  
  position: relative;

	margin: 0;
	padding: 0;
 	padding-top: calc(100%);
}

#ratiocarre{
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
}

.aspect-ratio-box.qt {
   padding-top: calc(100%/(4/3));
}

.aspect-ratio-box.spec{
  padding-top: calc(100%/(16/9));
  max-height: 500px;
}


.aspect-ratio-box.spec{
	width: 100%;
	height: 100%;
	display: block;
	top: 1px;
	position: absolute;
}


.aspect-ratio-box.pan {
   padding-top: calc(100%/(16/9));
}


.aspect-ratio-box.cc,
.aspect-ratio-box.carre
{
   padding-top: calc(100%);
}

.aspect-ratio-box.spec.fulls {
   padding-top: calc(100vh - 125px);
}
.aspect-ratio-box.panno {
   padding-top: calc(100%/(16/9));
}

.owl-carousel .owl-stage{
	height: 500px;
}
.spec{
	display:inline-block;
}
#item{

	width: 100%;
	height: 100%;	
	position: absolute; 
 	left: 50%;
 	top: 50%;  	 
  	transform: translate(-50%, -50%);
	text-align: center;	
}

.owl-carousel .owl-item img{
	width: auto;
	min-height: 100%;
}

.like_img{
	float: left;
	display: inline-block;
}


.mrg{
	margin: 1em;
}
.mrgt{
	margin-top: 1em;
}

.mrgb{
	margin-bottom: 1em;
}

.mrgr{
	margin-right: 1em;
}

.mrgt_2{
	margin-top: 2em;
}



.padt_compensebt{
	padding-top: 100px;
}

.padmenuhome{
	padding-top: 6em;
	padding-bottom: 1em;
}


/* @end */

/* @group pos */

.abs,
#section.abs{
	display: block;
	position: absolute;
	z-index: 1;
	
}

.right,
#section.right
{
	float: right;
	
}

.left,
#section.left
{
	float: left;
}

.txt_right{
	text-align: right;
}



.txt_left{
	text-align: left;
}

.txt_center{
	text-align: center;
}

.centerhv,#section.centerhv{
	position: absolute; 
 	left: 50%;
 	top: 50%;  	 
  	transform: translate(-50%, -50%);
	text-align: center;		
}
#section.texte_up{
	position: absolute; 
 	left: 50%; 	 
  	transform: translate(-50%);
	text-align: center;	

}


#section.centerhv_tiers{
	position: absolute; 
 	left: 50%;
 	top: 30%;  	 
  	transform: translate(-50%, -30%);
	text-align: center;	
	padding: 0;
	margin: 0;
}

.abs.RT{
	top: 0;
	right: 0;
}

.abs.R{
	right: 0;
}


.abs.B{
	bottom: 0;
}

.abs.GRH,
#section .abs.GRH
{
	height: 100%;
}
#section.abs.top{
	z-index: 150;
}

/* @end */

/* @group divers */

.framer{
	float: left;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	
}

iframe{
	width: 100%;
	display: inline-block;
	float: left;
	position: relative;
}


iframe.fork {
	min-height: 600px;
}

iframe.googe {
	min-height: 600px;
}

svg{
	width: 100%;
}

.svg.events{
	height:30vw;
	min-height: 500px;
	background-color: #1c1c1b;
	width: 100%;
	overflow: hidden;
}
.svg.events *[class*=st]
{
	fill:none;
	stroke:#878787;
	stroke-width: 0.2px;
	color: #878787;
} 

image{
	background-color: #ffef3e;
	display: block;
}

#fenetresvg{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	//border: 2px solid #868686;
}


#fenetresvg:hover img
{
	transition-duration: 0.4s;
	transform: scale(1.2,1.2);
}

#fenetretext *{
	color: #feffff;
	
}
#fenetretext{
max-width: 250px;	
}

#fenetretext h2
{
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 0;
}

#fenetretext h3
{
	font-size: 1em;
	text-align: center;
}

#fenetretext div.date
{
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 0;
	line-height: 1em;
	margin-top: 5px;
	font-weight: bold;
}


#fenetretext p
{
	font-size: 0.9em;
	text-align: center;
	margin-bottom: 0;
	line-height: 1em;
	margin-top: 5px;
	font-style: italic;
}



#eventshort{
	position: relative;
	display: none;

}


.scrollerinside #eventshort{
	position: relative;
	display: block;
	width: 100%;
	float: left;
	border-right: 1px solid #b1b2b1;
}

#eventshort h2
{
	font-size: 1.2em;
	text-align: left;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
}

#eventshort .rem_news{
	font-size: 0.7em;
	padding: 2px;
}
#eventshort h3
{
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}


#eventshort p
{
	font-size: 1em;
	text-align: left;
	margin-bottom: 0;
	line-height: 1em;
	margin-top: 5px;
}


#eventshort div.date
{
	font-size: 0.9em;
	text-align: left;
	margin-bottom: 0;
	line-height: 1em;
	margin-top: 5px;
	font-weight: bold;
}

#fenetresvg.ok{
	display: block;

}

#fenetresvg img{
	position: relative;
	display: block;
	width: 100%;
}
#titreeventhome{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: block;
	padding-top: 50px;
}
#titreeventhome h1 label{
	color: #feffff;
	
}
/* @end */

/* @group menu */


#section.menu{
	position: absolute;
	top: 0;
	z-index: 100;
	left: 0;
	
}

#menu_content{
	float: left;
	display: block;
	position: relative;
	width: 100%;		
}
#section.decomenu{
	background-color: #000;	
	display: block;
	float: left;
	position: relative;
	width: 100%;
}
#man_pop{
	display: none;
}
#man_pop.open{
	background-color: rgba(0,0,0,0.7533596);
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: flex;
}

#menu_conteneur{
	width: 0;
	height: 100%;
	position: fixed;
	left: 0;
	margin-right: 0;
	margin-left: 0;
	background-color: #000;
	transition-property: width;
   transition-duration: 0.5s;
   transition-timing-function: ease-in;
   transition-delay: 0s;
   
   	overflow: auto;
	-webkit-overflow-scrolling:touch;
   
}

#menu_conteneur.open{
	height: 100%;
	border: 1px none #01fcff;
	margin: 0 auto;
	display: block;
	transition-property: width;
    transition-duration: 0.5s;
   transition-timing-function: ease-out;
   transition-delay: 0s;


}

#section.tacher{
	overflow: hidden;
	height:1000px;
	position:absolute;
	top:-500px;
	left:0px;	
	pointer-events: none;
}

#section.tacherchambre{
	overflow: hidden;
	height:100vh;
	position:absolute;
	top:-500px;
	left:0px;
	pointer-events: none;	
}

#section.tacherchambredeux{
	overflow: hidden;
	height:100vh;
	position:absolute;
	bottom:0px;
	left:0px;	
	pointer-events: none;
}

#conteneur.inpage{
overflow: hidden;
}

.tache
{

	display: block;
	position:absolute;
	z-index:500;
	mix-blend-mode: difference !important;
  	filter: invert(100%) !important;
	
}

.tache.first
{
	top:50%;
	width:20%;
	transform: translate(80%,30%) rotate(84deg) scale(1.8);
	right:0px;
	
	
}
.tache.seconde
{

	top:50%;
	width:25%;
	transform: translate(-80%, -50%) rotate(227deg) scale(1.7);
	left:0px;
	
}

.tache.chambre.un
{

	top: 75%;
	width:25%;
	transform: translate(-75%, -50%) rotate(227deg) scale(1.7);
	left:0px;
	
}
.tache.chambre.deux
{

		right:0px;
	top:50%;
	width:25%;
	transform: translate(80%,-50%) rotate(84deg) scale(1.3);
	
	
}

.tache.chambre.trois
{

	right:0px;
	bottom:0px;
	width:25%;
	transform: translate(80%,-5%) rotate(130deg) scale(1.4);
	
	
}

.tache.tiers
{
	right:0px;
	top:50%;
	width:25%;
	transform: translate(120%,0%) rotate(84deg) scale(1.8);
}

.tache.qt
{

	top:50%;
	width:33%;
	transform: translate(-90%, -30%) rotate(227deg) scale(1.8);
	left:0px;
	
}

.tache.cq
{
	top:50%;
	width:30%;
	transform: translate(60%, -50%) rotate(60deg) scale(1.3);
	right:0px;
	
}

.tache svg g
{

	 mix-blend-mode: screen;
	//mix-blend-mode: difference!important;
  //filter: invert(100%)!important;
}

a.opener_mobile
{
	display: block;
	float: left;
	position: relative;
	width:50px;
	height:50px;
	
}


a.opener_mobile:hover .noir
{
	fill: var(--orange)!important; 

} 

a.opener_mobile .ico
{
	display: block;
	float: left;
	position: relative;
	width:50px;
	height:50px;
	 pointer-events: none;
	
	
}
a.opener_mobile label{
	font-size: 1.1em;
	line-height: 2em;
	text-transform: lowercase;
	font-style: italic;
	font-weight: 300;
	display: none;
}

/*
 a.opener_mobile:after{
	content: 'B';
}
 a.opener_mobile.open:after
 {
	content: 'O';
}
*/

.separmenu{
	width: 1px;
	height: 40px;
	display: block;
	position: relative;
	//background-color: #e5e5ea;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

#section.calmenulangue
{
	width: 50px;
	height: 40px;
	float: left;
	display: block;
	position: relative;
}

#section.menulangue
{
	width: 50px;
	
	position: absolute;
	z-index:500; 
}

a.langue
{
	
	text-decoration: none;
	color: #000;
	float: left;
	display: block;
	position: relative;
		
	font-size: 18px;
	height: 40px;
	width: 40px;
	text-align: center;	
		
	font-family: "Thunder",Lucida, Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	
	border-radius: 50%;
	line-height: 30px;
	margin: 5px;
	
}

a.langue span 
{
	display:none;
}

a.langue .fr:before
{
	content:url(../img_interface/icone_fr.gif);
	
}

.menuexpand .conteneur
{	
	margin-top:5px; 
	display:block;
	float: left;
	position: relative;
	width:100%;
	overflow: hidden;
	height:0px;
}
.menuexpand  .content
{	
	display:block;
	float: left;
	position: relative;
	width:100%;	
	background-color: var(--white);
	border: 1px solid var(--black);
	border-radius:5px;
}



#section.menuresa
{
	margin-top: 5px;
	width: 160px;	
	position: absolute;
	z-index:500; 
}

a.langue .ico_lg{

	width:100%;
}
a.langue.actif,a.langue:hover{
	//background-color: #000;
	//color: #feffff;
}

.noscroll .headertirroir,
.manpop_fct
{
	width: 100%;
	display: block;
	float: left;
	position: relative;
	background-color: #000;
}
.noscroll .headertirroir,
.manpop_fct{
	z-index: 10;
	border-bottom: 1px solid #d6d7d7;
	box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.08);
	
}
.tirroir{
	width: 100%;
	float: left;
	display: block;
	position: relative;
	
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 0;
	
}
.tirroir.close{
	height: 0;
}
.tirroir.trans{
	overflow: hidden;
}	
.tirroir.open{
	border-bottom: 5px solid #000;
}
.tirroir #content_tirroir{	
	position: relative;
	display: block;
	padding-right: 1em;
	padding-left: 1em;
}

ul.SiteNavigationElement{		
	padding: 0;
	width: 100%;
	margin: 0;
	text-align: center;
	display: inline-block;
	float: left;
	position: relative;
}

	
ul.SiteNavigationElement li{	
	list-style-type: none;
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	border-bottom: 1px solid #000;
	text-align: center;
}


ul.SiteNavigationElement li a{
	f
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
	max-width: 1200px;
	display: inline-block;
	text-align: left;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	position: relative;
	margin: 0 auto;
	color: #feffff;
	padding: 0.5em;
	float: left;
	
}



ul.SiteNavigationElement li a label
{
font-family: "ThunderMed", Lucida, Verdana, sans-serif;
}

ul.SiteNavigationElement li a:hover,
ul.SiteNavigationElement li a:hover label,
ul.SiteNavigationElement li a.material-icons.gwakamol:hover label:before
{
	background-color: #feffff;
	color: #000;
}
ul.SiteNavigationElement.langueswitch,
ul.SiteNavigationElement.social
{
	width: 100%;
	border-bottom: 1px solid #000;
	text-align: center;
	padding-bottom: 30px;
	padding-top: 30px;
}



ul.SiteNavigationElement.langueswitch li,
ul.SiteNavigationElement.social li
{
	width: 40px;
	float: left;
	border-bottom-style: none;
	margin-right: 10px;
	margin-left: 10px;
}


ul.SiteNavigationElement.langueswitch li a
{
	border-bottom-style: none;
	width: 40px;
	height: 40px;
	padding: 0;
	line-height: 40px;
	text-align: center;	
	
}

ul.SiteNavigationElement.langueswitch li a:hover
{
	background-color: unset; 
	
}

ul.SiteNavigationElement.langueswitch li a .ico_lg .noir
{	
	fill: var(--white)!important; 
		
}

ul.SiteNavigationElement.langueswitch li a .ico_lg .fond
{
	
	fill: var(--black)!important; 
			
}

.ico_lg .fond{
	fill: var(--white)!important; 
}

.ico_lg:hover .noir{
  fill: var(--orange)!important; 
}

.ico_lg *
{

	stroke : none!important; 
}

ul.SiteNavigationElement.langueswitch li a.actif .noir,
ul.SiteNavigationElement.langueswitch li a:hover .noir
{
	  fill: var(--orange)!important; 
	
}

ul.SiteNavigationElement.social li a{
	width: 40px;
	height: 40px;
	padding: 0;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	color: #feffff;
	border: 1px none #feffff;
}
ul.SiteNavigationElement.social li a.material-icons.gwakamol:hover:before{
	color: #000;
}
ul.SiteNavigationElement.social li a.material-icons.gwakamol label{
	display: none;
}








ul.SiteNavigationElement.bottom li a{
	width: 100%;
	float: left;
	padding: 0;
	color: var(--black);
	font-size: 0.9em;
	text-transform: lowercase;
	border-right: none;
}
ul.SiteNavigationElement.bottom li a label{
	font-weight: normal;
	font-style: normal;
}
ul.SiteNavigationElement.bottom li:last-child a{
	border-right-style: none;
}
ul.SiteNavigationElement.bottom li a:hover{
	text-decoration: underline;
}
ul.SiteNavigationElement.bottom li{
	border-bottom-style: none;
	width: 100%;
	float: left;
}





ul.SiteNavigationElement li a{
white-space: nowrap;	
}

.open ul.SiteNavigationElement li a{
white-space: normal;	
}

ul.SiteNavigationElement li.endpart
{
	width: 50%;
	background-color: #fff;
	height: 2px;
	display: block;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
} 

/* @end */

/* @group template */


#conteneur.header{
	position: fixed;
	top: 0;
	z-index: 1000;

}
#conteneur.headertop{
	border-bottom: 1px solid #000;
	background-color: #fefefe;
}

#conteneur.headersup{
	border-bottom-style: none;

}
#conteneur.shade{
	position: fixed;
	width: 100%;
	z-index: 600;
}




.couponvoucher{
	box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.12);
}



a.btresatop
{


	background-color: var(--black);
	
	display: inline-block;
	border-radius:9px;
	padding-top:8px;
	padding-bottom:6px;
	padding-right:12px;
	padding-left:12px;
	float:right;
	width:100px;
	text-align: center;
	opacity:0;
	
}


a.btresatop:hover{
	background-color: var(--orange);

}

a.btresatop label
{
	font-family: "Thunder",Lucida, Verdana, sans-serif;
	color: var(--white);	
	font-size: 1.3em;	
	line-height: 1em;
	//letter-spacing: 0.08em;
	font-weight: bold;
	 font-style: normal;
}

#conteneur.shade  #conteneur.headertop,
#conteneur.shade  a.btresa
{

	box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.12);
	
	
}

.topinfo{
	margin-top: 5px;
	margin-bottom: 5px;
}


a.logo{
margin-top: 6px;
}
a.logo,
.logo{
	float: right;
	display: block;
	position: relative;
	width: 150px;
	
}
.logocomplement{
	width: 130px;
}
.cal_btsup{
	width:150px;
	float: right;
	display: block;
	position: relative;
	margin-left: 3em;

}

.backcolor1{
	background-color: #ffde00;
}

.backtrans{
	background-color: rgba(254,254,254,0.5168915);
}


.backgray{
	background-color: #f1f0f0;
}


.backfirst{
	background: url(../img_interface/back_first.gif) no-repeat center top;
}


.fontchambre{	
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
}

.fontchambres{	
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	
}


.backwhite{
	background-color: #feffff;
}

#section.abs_bot
{
position: absolute;
bottom: 0;
}


#section.flex_bot
{
display: flex;
flex-direction:column;
}

#section.flex_bot > #section
{
 margin-top: auto;
}

#conteneur.backorange,
.backorange{
	background-color: var(--orange);
}

#conteneur.backblack,
.backblack{
	background-color: var(--black);
}

.back.un{
	background: url(../img_site/maquette_top_full.png) no-repeat center center;
}


.back.deux{
	background: url(../img_site/maquette_graffateria_full.png) no-repeat center center;
}

.back.trois{
	background: #1c1c1b url(../img_site/maquette_graffateria_bot.png) no-repeat center center;
}
.back.cinq{
	background: url(../img_site/maquette_shop_full.png) no-repeat center center;
}
.back.six{
	background: url(../img_site/maquette_frigo_full.png) no-repeat center center;
}

.back.sept{
	background: url(../img_site/maquette_photo_full.png) repeat-x center center;
}
.decal_un{
	margin-top: -45px;
}
.redim.calimg_full{
	max-width: 1599px;
}
.redim.ratiopage{
	max-width: 1100px;
}
.overflow{
	
	overflow: hidden;
}

/* @end */

/* @group template_deco */
.menuhome{
	min-width: 30vh;
}
.menuhome.menuback{
	background-color: #f5f5f5;
}

.menuhome{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

}
.menuhome.news .cal_menu_resto{
	opacity: 0;
}
.menuhome .cal_inforestonews{
	
	position: absolute;	
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	bottom: 0.5em;
}

.menuhome .inforestonews{
	background-color: #ffdd2a;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	text-transform: none;
	position: relative;
	float: none;
	text-align: center;
	padding: 0.5em;
}
.menuhome .cal_inforestonews h2{
	font-size: 1.1em;
}
.menuhome .cal_inforestonews p{
	font-size: 1em;
}
.menuhome .cal_inforestonews h2,
.menuhome .cal_inforestonews p
{
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}


.back_homechambre{
	//background: url(../img_interface/back_home_un.gif) no-repeat center top;
	border: 1px none #1a1918;
}	


.back_home_shop{
	background: url(../img_interface/back_home_shop.gif) no-repeat center top;
	
}
#repersizetop{
	display: block;
	float: left;
	position: relative;
	background-color: #99fdff;
}


.deuxieme{
	display: block;
	float: left;
	position: relative;
	background-color: #003854;
	color: #feffff;
}


.back_cover{	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.back_full{
	background-repeat: no-repeat;
	background-size: 100%;
}

.menugrah{
	background-image: url(../img_interface/titre_grafateria.png);
	z-index: 10;
	padding: 0;
	position: absolute;
	width: 120%;
	margin-left: -10%;
	height: 4.5em;
	min-height: 140px;
	margin-bottom: 0;
	top: -1.4em;
	max-width: 320px;
}

.menugrah{
	background-image: url(../img_interface/titre_grafateria.svg);
   -webkit-transition: -webkit-transform .8s ease-in-out;
   transition:         transform .8s ease-in-out;

}

h1.menuresto{
	background-image: url(../img_interface/titre_grafateria.png);
	padding: 0;
	line-height: 5em;
	font-size: 1em;
	margin-right: auto;
	margin-left: auto;
	width: 120px;
	height: 70px;
	top: 0;
	display: inline-block;
}

h1.menuresto label{
	display: none;
}

h1.menuresto{
	background-image: url(../img_interface/titre_menu_restaurant.svg);
}

.menugrah:hover{	
	// -webkit-transform: rotate(360deg);
    // transform: rotate(360deg);
}
.menuresto span,
.menugrah span
{
	visibility: hidden;
	position: relative;
	height: 1px;
	display: none;
}

span.direct_boock_price{
	border-radius: 50%;
	display: inline-block;
	background-color: #feffff;
	border: 2px solid #000;
	padding: 0;
	font-size: 1em;
	line-height: 45px;
	width: 50px;
	height: 50px;
	text-align: center;
	white-space: nowrap;
	top: 0;
	position: absolute;
}


.menuhome .line{
	display: block;
	float: left;
	position: relative;
	margin-bottom: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
}
.menuhome .line h2{
	font-size: 1em;
	text-transform: uppercase;
}
.menuhome .line h1,
.menuhome .line h2,
.menuhome .line h3
{
	padding-right: 40px;
	padding-left: 40px;
}

.menuhome .line p{
	display: none;
	float: left;
	position: relative;
}

a.telhome{
	text-align: center;
	display: inline-block;
	padding: 0.5em;
	margin: 0 auto;
	font-size: 1.3em;
}


a.telhome:hover{
	background-color: #1c1c1b;
	color: #eebf1f;
}

.flechedown{
	 -webkit-transform: rotate(-5deg);
     transform: rotate(-5eg);
	padding-left: 50px;
}

.material-icons-gwakamol.flechedown.after:after{
	content:')';
	font-size: 90px;
	display: inline-block;	
	line-height: 70px;
	position: absolute;
	margin-top: 25px;
}

#section.decal_street{
	padding-right: 135px;
}

.cal_stampestreet{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

#section.coulisse{
	background-color: #d92881;
	width: 300px;
	float: right;
	display: inline-block;
	position: relative;
}

.botom_album img{
	max-height: 150px;
}

.home_graffateria{
	max-height: 600px;
	min-height: 400px;	
	
}

#section.cal_tache_actu{
	display: block;
	position: absolute;
	top: 50px;
	right: 40%;
	width: 1px;
	height: 1px;
}

#section.cal_tache_actu .tache:before{
	color: #feffff;
	font-size: 150px;
	opacity: 1;
}

#titreeventhome h1.material-icons.gwakamol.tache.rose::before{
	 transform: rotate(180deg) translateY(30px);
}

.mrp{
	max-width: 800px;
}

#section.deco_arc{
	position: absolute;
	top: 0;
	z-index: 1;
	height: 70px;
	width: 300px;
	margin-top: -70px;
	background: url(../img_interface/back_arc.svg) no-repeat right bottom;	
}
}
/* @end */

/* @group diapo */

.diapo{

}

#section.diapo.home{
	width: 100%;
	max-width:2560px;
	float: none;
	height:100vh;
	display: block;
	position: relative;
	overflow: hidden;
	border: 3px none #000;
	margin-right: auto;
  	margin-left: auto;

}


#deco_slider{	
	cursor: pointer;
	padding: 0;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	margin: 0;
	width: 100%;
	z-index: 15;
	left: 0;
	border: 3px none #000;
	height:100%;
}


#section.diapo.page{
	width: 100%;	
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	position: relative;
}

#descchbcolor{
	float: left;
	display: block;
	position: relative;

}

#descchbcolor h2{
	font-weight: 200;
	font-size: 26px;
}

#ratiotopslide{
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	display: block;
	position: absolute;
}

.diapo.home #sliderman_bound_box{
	display: block;
	float: left;
	width: inherit;
	position: relative;
	margin: 0;
	padding: 0;
	border-style: none;
	height: inherit;
	
}
.diapo.home{
	opacity:0;
	//display:none;
}

.diapo.home.load{
	//display:unset;
	opacity:unset;
}




#sliderman_box_viewer{	
	float: left;
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border-style: none;
	z-index: 2;
	top: 0;
}

#section.diapo.home .contenutext{
	position: absolute;
	margin: 0;
	padding: 0;	
	 
 	left: 50%;
 	top: 50%; 
  	transform: translate(-50%,-50%);
	text-align: center;
}

.part
{
	//border: 2px solid red;
}
#section.diapo.home .contenutext h1{
	font-size: 5.0vw;
	margin-bottom: 0;
	
  -webkit-text-stroke: 2px var(--white);
  text-stroke: 2px var(--white);
}

#section.diapo.home #sliderman_box_viewer{
	min-height:100%;
}



#sliderman_box_viewer #dia{
	background-position: center;
    -webkit-background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: 100%;
    -moz-background-size: cover;
    background-size: 100%;
    background-size: cover;
}

#dia{
	width: 100%;
	display: block;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


#dia a.bloc{
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#dia img,
img.rel{
	width: 100%;
	display: block;
	float: left;
	position: relative;
	z-index: 0;
	margin: 0;
	padding: 0;
		
	
}


#dia .textedia{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.textedia.absmaxh{
	height: 100%;
}

#sliderman_pose_bullet{
	display: flex;
	min-width:  10px;
	min-height:  10px;
	width: 100%;
	position: absolute;
	text-align: center;
	float: left;
	padding-bottom: 0;
	padding-top: 0;
	bottom: 0.5em;
	z-index: 5;
}

#sliderman_call_bullet{
	min-width:  10px;
	max-height: 20px;
	display: inline-block;
	z-index: 5;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: auto;
}
#sliderman_sroll_content{
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

#switchchb{	
	position: absolute;
	z-index:501;
	top: 50%;
	display: block;
	width: 100%;
}

#switchchb .allchb{
	width: 100%;
}


#switchchb .allchb .vignette
{
	max-width: 50px;
	
}

a.dchb{
	background-color: #feffff;
	display: block;
	position: relative;
	float: left;
	box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.12);
	padding: 8px;
	
}
a.dchb:after{
	content:'>';
	display: block;
	width: 70px;
	height: 70px;
	background-color: #feffff;
	float: left;
	position: relative;
	line-height: 72px;
	font-size: 30px;
}
a:hover.dchb:after{
	background-color: #000;
	color: #feffff;
}

a.dchb.prev:after{
	content:'<';
	float: left;
}


a.dchb .vignette{
	display: block;
	float: left;
	position: relative;
	width: 70px;
	height: 70px;
}

a.dchb.prev .vignette{
	float: right;
}

a.dchb.prev{
	float: left;
	padding-left: 0;
}
a.dchb.next{
	float: right;
	padding-right: 0;
}


a.nexter:before,
a.prever:before{
	display: block;	
	margin: 10px;
	text-align: center;	
	width: 40px;
	line-height: 40px;
	height: 40px;
	position: absolute;	
	border-style: none;
	
}

a.nexter,
a.prever{
 background-color:var(--black);
	 //border-radius: 100%;
}

a.nexter:before{
	content: "";
  background-image:url('/img_interface/icone_slide_next.svg');
  background-size: 100% 100%;
 	
  
	
}
a.prever:before{
		content: "";
  background-image:url('/img_interface/icone_slide_prev.svg');
  background-size: 100% 100%;
 
}


a.infoselect:before{
	content:'>';
	float: right;
	text-align: center;
}
a.infoselect:after{
	content:'<';
	float: left;
	text-align: center;
}





a.nexter:hover:before,
a.prever:hover:before{
	color: #feffff;
	text-align: center;
}

a.sliderman_bullet{	
	border-radius: 100%;
	display: block;
	position: relative;
	margin: 5px;
	height: 10px;
	border: 1px none #a5a5a5;
	background-color: #feffff;
	width: 10px;
	float: left;
}

a.sliderman_bullet:hover,a.sliderman_bullet.active{
	background-color: #000;
}

/* @end */

/* @group slidebase */

.prever,
.nexter{
	display: block;
	position: absolute;
	top: 50%;	
	z-index: 10;	
	text-align: center;	
	margin: 0;
	padding: 0;	
	width: 60px;
	height: 60px;	
	
	top: 50%;
	position: absolute;
	transform: translate(0,-50%);
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	border: 1px none #000;
}


.prever:hover,
.nexter:hover{
	
}
.prever{

	left: 5px;
	
}
.nexter{
	
	right: 5px;
}



#section.interpagehome
{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
}

#section.interpagehome .dia
{
	
	flex: auto;
	max-width:30%;
}

#section.interpagehome .dia img
{
	float: left;
	display: block;
	position: relative;
	max-width:100%;
}

#section.scrollerinside {	
	overflow: hidden;
	float: left;
	display: block;
	position: relative;
	margin: 0 auto;
	width: 100%;
	border: 1px none #454545;
	padding-top: 0;
	padding-bottom: 0;
}

.botom_album{
	text-align: center;
	float: none;
	display: block;
}
.botom_album #section.scrollerinside,
.chambre_album .img_album
{

	width: auto;
	margin-right: auto;
	margin-left: auto;
	float: none;
	display: block;
	padding-right: 0;
	padding-left: 0;
}

.chambre_album .img_album
{
	/*
	max-width:30vh;
	min-width:260px;
	margin-right: 2em;
	margin-left: 0px;
	*/
}

.text_sup_chambre
{
	
	border-bottom: var(--mydote) var(--black);
	border-top: var(--mydote) var(--black);
}


.text_sup_chambre p
{
	margin-top: 1em;
	text-align:center;

}


#section.scrollercontent{
	width: auto;
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}
#section.scrollercontent{
	
}

#section.scrolerbullet{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}

#section.scrolerbullet a{
	display: inline-block;
}

.toslide{
	//overflow: hidden;
}
#section.shortnews{
	max-height: 170px;
	height: 170px;
	padding-right: 40px;
	padding-left: 40px;
	width: 100%;
	border: 1px none #1a1918;
	overflow: hidden;
	display: block;
	float: left;
	position: relative;
}

.shortchoiceappart{
	max-height: 70px;
	height: 70px;
}

img.partenaire{
	max-width: 120px;
}


.ancre_repair{
width: 100%;
display: inline-block;
}
#section.gridstd
{
	
	display: flex;  /* 1 */	
	max-width: 100%;
	width: 100%;


}

#section.gridstd.column
{	
	flex-direction: column; 
	justify-content: space-evenly; 
}


#section.poseanimargu
{
	margin-top:-4em;
}

#section.gridstd #section.cmax
{	
	flex-grow:100;
	width: auto;
}


#section.gridstd #section.cmin
{	
	flex-grow:1;
	width: auto;
}


#section.gridstd.trois > .trois_deux
{	
	max-width: calc( (100% / 3) *2 ); 

}

#section.gridstd.trois > .trois_un
{
	
	max-width: calc( (100% / 3)  ); 

}




/* @end */

/* @group puzzle */





#section.grid,
#section.grid.puzzle,
#section.gridflex
{
	display: flex;  /* 1 */
	justify-content: space-between;  /* 2 */
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 100%;
	flex-direction:row;
	align-items: stretch;
			
}


#section.grid > *,
#section.grid.puzzle > *,
#section.gridflex.qt > *,
#section.gridflex.qt.andmore > *
{
 flex-basis: calc(100%  /  4  - (2em  *  3  /  4));
 margin-bottom: 2em;
}

#section.gridflex.tr > *
{
 	flex-basis: calc(100%  /  3  - (2em  *  2  /  3));
 	margin-bottom: 2em;
}

#section.gridflex.tr > .trdb
{
 	flex-basis: calc((100%  /  3)*2  - (2em  *  2  /  3))!important;
 	margin-bottom: 2em;
}

#section.gridflex.db > *
{
 	flex-basis: calc(100%  /  2  - (2em  *  1  /  2));
	
}


#section.gridflex.damier > *
{
 	flex-basis: calc(100%  /  2  - (4em  *  1  /  2));
	
}



#section.gridflex.damier
{
 	
	gap:4em;
}



#section.grid.tr > *{
	flex-basis: calc(100%  /  3  - (2em  *  2  /  3));
 	margin-bottom: 2em;
}


	
	#section.grid.puzzle,
	#section.grid
	{
	display: grid;
	column-gap:2em;
	row-gap:2em;
	grid-gap:2em;
	grid-template-columns: repeat(4,1fr);	
 	grid-template-rows: 1fr;
 	grid-auto-flow: dense;			
	}
	
	#section.grid.tr
	{
	display: grid;
	column-gap:2em;
	row-gap:2em;
	grid-gap:2em;
	grid-template-columns: repeat(3,1fr);	
 	grid-template-rows: 1fr;
 	grid-auto-flow: dense;			
	}
	
		
	#section.grid.puzzle > *,
	#section.grid > *
	{
	margin-bottom: 0px;
	}
	
	
#section.wauto{
	width:auto!important;
}	
#section.trombi .dia
{
	max-width:20%;
	margin:2%;
}
#section.trombi .dia{
	transform: rotate(1deg);
}

#section.trombi .dia
{
	box-shadow: 3px 3px 5px rgba(0,0,0,0.07);
	border: 1px solid #d7ddd9;
	-webkit-transition: -webkit-transform .2s ease-in-out;
   transition: transform .2s ease-in-out;
}
#section.trombi .dia:nth-child(2n){
	transform: rotate(-1deg);
}
#section.trombi .dia:nth-child(3n){
	transform: rotate(0.75deg);
}
#section.trombi .dia:hover{
	box-shadow: 5px 5px 5px rgba(0,0,0,0.07);
	transform: scale(1.1,1.1) rotate(4deg);
	z-index: 1;
}
#af_vignette_chambre{
	display: block;
	float: left;
	position: relative;
	padding: 0px;
	border: 1px none #ff47ed;
}

/*
#af_vignette_chambre:before {
  content:" ";
  display: block;
  height: 0;
  width: 0;
  padding-bottom: calc(4/3 * 100%);
}
*/


#af_vignette_chambres a{
	float: left;
	display: block;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-variant: normal;
	width: 100%;
	
	border: 3px none #ff04e6;
	top: 0;
	position: relative;
}

#af_vignette_texte
{
	position:absolute;
	margin: 0;
	display: block;
	visibility: visible;
	z-index: 10;
	opacity: 1;
	overflow: hidden;
	width: 100%;
	float: left;
	height:0px;
}

#af_vignette_chambres a:hover #af_vignette_texte{
	
	transition-property: height;
    transition-duration: 0.3s;
   transition-timing-function: ease-out;
   transition-delay: 0s;
	bottom: 0;
	width: 100%;
	height:100%;
}
#cal_texte_h {
	position: relative;
	float: left;
	display: block;
	border: 1px none #c4c4c4;
	padding: 0;
	margin: 0 2%;
	width: 96%;
}

#cal_texte_h.big_marge {
	position: relative;
	float: left;
	display: block;
	border: 1px none #c4c4c4;
	padding: 0;
	width: 80%;
	margin-bottom: 0;
	margin-left: 10%;
	margin-right: 10%;
}

#cal_texte_h.moy_marge {
	position: relative;
	float: left;
	display: block;
	border: 1px none #c4c4c4;
	padding: 0;
	width: 86%;
	margin-bottom: 0;
	margin-left: 7%;
	margin-right: 7%;
}

#af_vignette_combi{
	cursor: pointer;
}

#af_vignette_argu.textel2s{
	width: 100%;
	float: left;
	height: 190px;
}

#af_vignette_argu.textel3s{
	width: 100%;
	float: left;
	display: block;

	height: 190px;
	
}



#af_vignette_texte .back{
	background-color: rgba(0,0,0,0.584391);
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0;
	top: 0;
	left: 0;
}


#af_vignette_chambre .deco{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	margin: auto;
	padding: 0;
	z-index: 1;
	border: 8px none #feffff;
	left: 0;
	top: 0;
}
/* @end */


/* @group accept */

#conteneur_acc
{
	z-index: 10001;
	padding: 0em;
	position: fixed;
	bottom: 0px;
	right:0px;
	width: auto;
		
	
	display: flex;
    justify-content: center;
    
}

#botom_cook.acceptc
{
	padding: 1em;
	background-color: #fbfaf2;
	border-style: none;
	margin-bottom: 0.5em;
	border-radius: 1em 1em 0px 0px;	
	width: 98%;
	margin-left: auto;
    margin-right: auto;
    margin-bottom:0px;
	box-shadow: 0px 6px 3px 3px rgba(0,0,0,0.3);
	max-width:1400px; 

	align-self: flex-end;
}

#botom_cook.acceptc .configcook { display: none; }
#botom_cook.acceptc .configcook.open { display: block; }

#botom_cook.acceptc .configcook.open #contenu
{ 
	margin-top: 1em;
	padding: 1em;
	display: block;
	float: left;
	border: 0px solid #ccd7dc;
}

.cookask:after
{	
	content: ' ';
	display: block;
	position: fixed;
	background-color:rgb(0 0 0 / 60%);
	width:100%;
	height: 100%;
	z-index: 9999;
}

.cook_ok #conteneur_acc
{	
	display:none;
}

p.cookerinfo{
	text-align: left;
	display: block;
	float: left;
	position: relative;
	width: 80%;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.2em;
	padding: 0.5em;
}


#videoplugin + #messageforplayer,
#mapplugin + #messageforplayer
{
	position: absolute; 
 	left: 50%;
 	top: 50%;  	 
  	transform: translate(-50%, -50%);
	text-align: center;
	padding: 0.5em;	
	box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.12);
	background-color: #f8f8f8;
	width:100%;	
	height:80%;
	text-align:center;	
	
}


#videoplugin + #messageforplayer p,
#mapplugin + #messageforplayer p
{	
  text-align:center;	
  position: absolute;
        top: 50%;
        left: 50%;
        
  display:block;
  position: absolute;
 transform: translate(-50%, -50%);
 	padding:2em;
}

#videoplugin + #messageforplayer a,
#mapplugin + #messageforplayer a
{
	color: #222;
	text-decoration: underline;
} 


#togglecheckbox
{ 
	
	display: block;
	position: relative;
	width: 4em;	
	background-color: #fefeff;
	color: #000;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	border: 1px solid #ccd7dc;
	float: right;
	margin: 0.5em;
}

#togglecheckbox:before
{ 
	content: ' ';
	display: block;
	position: relative;
	background-color: #ccd7dc;	
	color: #000;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	border-color: #ccd7dc;
	border-width: 1px;
	width: 1.65em;
	height: 1.65em;
	margin: 0.15em;
	float: left;	
}

#togglecheckbox.selected:before,
#togglecheckbox.selected:hover:before
{
	background-color: #97cc1a;
	float: right;
}


#togglecheckbox:hover:before
{
	background-color: #97cc1a;
	float: left;
}


.cal_tog_cook
{
	display: inline;
	float: right;
	position: relative;
	width: 20%;
	font-size: 15px;
	text-align: center;
	padding: 0;
	line-height: 10px;
}

.button.cook
{
	border-radius: 8px;
	border-color: #ccd7dc;
	font-size: 1em;
	line-height: 1.1em;
	text-decoration: underline;
	padding: 0.55em;	
	text-align: center;
	margin:10px;
}


.button.cook.end
{	
	position:absolute;
	bottom: 0px;
	right:0px;
}

.button.cook.white
{
	border-color: #222;
	text-decoration: none;
}

.button.cook.white:hover
{
	border-color: #FFF;
	color: #222;
	background-color: #97cc1a;
}


.button.cook.black
{
	border-color: #ccd7dc;
	color: #FFF;
	background-color: #222;
	text-decoration: none;
}
.button.cook:hover{
	color: #222;
	text-decoration: none;
	background-color: #FFF!important;
	text-decoration: underline;
}

/* @end */


/* @group pseudo */
#pseudo_select_item_conteneur.pseudo.standard #pseudo_select_content{
}

#pseudo_select_item_conteneur{
	z-index: 0;
	display: inline-block;
	width: 100%;
}
#pseudo_select_item_conteneur.auto{
	width: auto;
}

#pseudo_select_item_conteneur.langue{
	display: block;
	position: relative;
	max-width: 5em;
	max-height: 1em;
	padding: 0.2em 0.5em 0.5em;
	width: auto;
	float: left;
}



#pseudo_select_item_conteneur:active #pseudo_select_content,
#pseudo_select_item_conteneur.active #pseudo_select_content,
#pseudo_select_item.pseudo:active #pseudo_select_content,
#pseudo_select_content:hover{
	display: block;
	background-color: #feffff;
}

#pseudo_select_item_conteneur.inact  #pseudo_select_content,
#pseudo_select_item_conteneur.inact:active #pseudo_select_content
{
	display: none;
	background-color: #ff4b4e;
}

#pseudo_select_item_conteneur.calandar #pseudo_cal{
	width: 100%;
	margin: 0 auto;
	
}

#pseudo_select_item_conteneur.calandar a.selecteur.first
{
	border-top-width: 1px;
	border-color: #cbd7dc;
	background-color: #000;
	font-weight: bold;
	border-bottom-style: none;
	border-width: 1px;
	border-top-style: solid;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
}

#pseudo_select_item_conteneur.calandar a.selecteur.first label{
	width: 100%;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	float: none;
	padding: 0;
	color: #feffff;
	text-align: center;
}

#pseudo_select_item_conteneur.calandar a.selecteur *{
	color: #feffff;
}


#pseudo_select_item_conteneur.calandar #pseudo_cal #pseudo_content a.selecteur.selected{
	background-color: #99ce1a;
	
}





#pseudo_select_item_conteneur.calandar #pseudo_select_item{
	width: 100%;
	float: left;
	display: block;
	position: relative;
}

#pseudo_select_item_conteneur.calandar a.selecteur:hover.first{
	color: #000;
	background-color: #feffff;
}


#pseudo_select_item_conteneur.calandar a.selecteur:hover.first,
#jour_select.elligible:hover:after
{
	background-color: #000;
	color: #feffff;
}

#pseudo_select_item_conteneur.calandar a.selecteur label span{
	font-family: "ThunderMed", Lucida, Verdana, sans-serif;
	white-space: nowrap;
	float: left;
	padding-top: 1em;
	padding-bottom: 1em;
	width: 100%;
}



.check,
.checker
{	
	border: 1px solid #f3f3f3;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: #f7f7f7;
	height: inherit;
	display: block;
	position: relative;
	float: left;
	padding: 1em 3em 1em 1em;
}

.checker{
	padding-right: 1em;
}

.check.option p,
.checker.option p,
{
	font-size: 0.8em;
}

.mesalerte:before,
a.check:before,
a.checkplusmoins:before
{
	 display: block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;


  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
	text-decoration: none;
	
	font: 30px/30px 'Material Icons';
	text-align: center;
	position: absolute;
	top: 0;
	padding: 10px;
	right: 0;
}


a.check:hover:before,
a.check.selected:before
{
	content: 'check_box';
}

a.check:before{
	content: 'check_box_outline_blank';

}
a.check.selected:hover:before{
	content: 'check_box'
}

a.check.onoff.selected:hover:before{
	content: 'clear'
}

a.checkplusmoins.on:before{
	content: 'clear'
}
a.checkplusmoins.off:before{
	content: 'add'
}

.mesalerte:before
{
	content: 'clear';
}

a.checker:hover:before,
a.checker.selected:before,
#section.pseudo_check .check.selected:hover,
#section.pseudo_check .check.selected:hover *,
#section.pseudo_check_actif .check.selected:hover,
#section.pseudo_check_actif .check.selected:hover *
{
	
}

#pseudo_content .check.option:hover,
#pseudo_content .checker.option:hover,
#section.pseudo_check .check:hover,
#section.pseudo_check .check:hover *,
#section.pseudo_check .check.selected,
#section.pseudo_check .check:hover.selected,
#section.pseudo_check .check.selected *,
#pseudo_cal #pseudo_content a.selecteur:hover,
#pseudo_cal #pseudo_content a.selecteur.selected
{
	background-color: #99ce1a;
}

.bt.material-icons.long.valide{
	
}

#section.onglet,
#section.flex.onglet
{	
	display: none;
}



#section.onglet.open{		
	display: block;
}



#pseudo_select_item a.checker{
	width: 100%;
	text-align: left;
}

/* @end */

/* @group ICONE */

#section.linkermap:after{
	display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
 
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
   text-decoration: none;
		
	font-family: 'Material Icons';
	margin: 0;
	
	content: 'explore';

}
#section.linkermap:hover:after{	
	color: #dbb4ae;
}

#section.linkermap{
	border: 1px solid #feffff;
	padding-right: 32px;
}

a.linkermap:hover,
a.linkermap.active
{
	box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.12);
	
}



.material-icons,
.ajaxloading:before,
.bt.material-icons.ico label,
bt.material-icons.long:before,
.bt.material-icons.long:after,
.material-icons.icoinlabel label:after,
.limiterto:after,
.btclose_tir:after,
.btclose:after,
.btcodepromo:after
{ /* Preferred icon size */

  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal; 
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;	

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
  color: #423a2f;
  text-decoration: none;
		
	font-family: 'Material Icons';
	margin: 0;
}



.material-icons.gwakamol,
.material-icons.gwakamol label:before,
.material-icons.gwakamol label:after,
.material-icons-gwakamol.after:after,
.material-icons-gwakamol.before:before,
.personne:before,
.material-icons-gwakamol:after,
.material-icons-gwakamol:before,
.ajaxloading:after,
a.dchb:after,
h2.titrepop:before,
h2.titreajax:before
{ /* Preferred icon size */
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
 
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */ 
 
  text-decoration: none;		
  font-family: "gwakamolforgraffalgar",Lucida, Verdana, sans-serif; 
  margin: 0;  
   font-weight: normal;
    font-style: normal;
    font-display: block;
}



.material-icons.gwakamol.pers label{
	visibility: hidden;
}

.material-icons.gwakamol.pers label:before{
	content: '1';
	visibility: visible;
}

.personne:before{
	content: 'h';
	font-size: 3em;
	margin-right: 2px;
	margin-left: 2px;
	color: #feffff;
}

.personne:hover:before{
	content: 'H';
	color: #91d278;
}




.topinfo .social .material-icons.gwakamol,
a.top.loc
{
	font-size: 22px;
	height: 40px;
	text-align: center;
	float: left;
	display: block;
	position: relative;
	color: #000;	
	line-height: 40px;
	width: 30px;
}

.topinfo .material-icons.gwakamol:hover
{
	color: #ee9209;
}
.topinfo .material-icons.gwakamol label
{
	display: none;

}

.SiteNavigationElement .material-icons.gwakamol label:before{
	float: left;
	color: #feffff;
	padding-right: 0.5em;
}




.SiteNavigationElement .material-icons.gwakamol label{
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	float: none;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: inherit;
	color: #feffff;
}

.SiteNavigationElement .material-icons.gwakamol:hover *,
.SiteNavigationElement .material-icons.gwakamol:hover:before
{
	color: #000;
}

.ajaxloading{
	height: 100%;
	min-width: 300px;

}



.ajaxloading{
   transform-style: flat;  
}    

.ajaxloading:before{	
	content: ' ';
	z-index: 400;	
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
	background-color: rgba(255,255,255,0.6);
	top: 0;
	left: 0;
	transform-style: flat;
}
#infomapleaf.ajaxloading:after,
#infomapleaf.ajaxloading:before{
	position: absolute;
}

.ajaxloading:after{	
	content: '1';
	display: block;	
	z-index: 10000;	
	position: fixed;
	margin: auto;	 	 
  	text-align: center;
	font-size: 100px;	
	backface-visibility: hidden;
	animation-name: spin;
  	animation-duration: 1s;
  	animation-timing-function: ease-in-out;
  	animation-iteration-count: infinite;
  	transform-style: flat;		
	left: 50%;
 	top: 50%;  	 
  	transform: translate(-50%,-50%);
  	text-align: center;
	color: #feffff;
	background-color: #000;
	border-radius: 100%;
	line-height: 100px;
}

.ajaxloading:after{
	width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 50px;
}

/* @group anim */


@keyframes spin {
    from {
       transform: translate(-50%, -50%)  rotate(360deg);
        
    }
    to {
       transform: translate(-50%, -50%)  rotate(0deg);
    }
}


/* @end */


.ajaxloading.top {
	background-position: center top;
}
.ajaxloading.top label{
	margin-top: 70px;
}

.ajaxloading.top.paypal label{
	background-size:70px;
	background: url(../image_interface/ico_paiement_paypal.png) no-repeat center top;
	margin-top: 70px;
	display: block;
	padding-top: 70px;
}


.ajaxloading.top.banque label{
	background-size:70px;
	background: url(../image_interface/ico_paiement_banque.png) no-repeat center top;
	margin-top: 70px;
	display: block;
	padding-top: 70px;
}

.material-icons.full label{
	width: 100%;
	display: block;
	position: relative;
}

.btclose_tir,
.bt.close
{
	display: block;
	position: relative;
	float: right;
}
.btclose_tir label,
.bt.close label
{
	line-height: 46px;
	font-size: 13px;
	color: #fefeff;
	font-weight: normal;
	font-style: normal;
}

.btclose_tir:after,
.bt.close:after
{
	content:'clear';
	width: 32px;
	height: 32px;
	background-color: #fefeff;
	border-radius: 100%;
	display: inline-block;
	position: relative;
	margin: 5px;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	color: #000;
	border: 1px solid #444;
}
.btclose_tir:hover:after,
.bt.close:hover:after
{
	background-color: #000;
	color: #fff;
}



	
.bt.material-icons.long {
	background-color: #feffff;
	border: 1px solid #000;
	margin: 0;
	display: block;
	position: relative;
	padding: 0.3em;
	color: #000;
	float: left;
	width: 100%;
}

.bt.material-icons.long label,
.bt.material-icons.long.selectonly label
{
	
	font-family: "ThunderMed", Lucida, Verdana, sans-serif;
	padding-left: 2.25em;
	padding-right: 0.25em;
}

.bt.material-icons.long.select label,
.bt.material-icons.long.selectonly label,
.bt.material-icons.long.preselectonly label
{
	padding-left: 0.25em;
}

.bt.material-icons.long.noborder{
	border-style: none;
}
.bt.material-icons.long.green{
	background-color: #86d050;
	border-color: #66ae36;
} 

a.godate.ok{
	background-color: #86d151;
}


a.godate.no,
.godate.no
{
	background-color: #f3f6f6;
}

.bt.material-icons.long.orange{
	background-color: #f3a602;
	color: #fff;
	border-color: #ee9209;
}

.bt.material-icons.long.orange:hover{
	background-color: #ee9309;
}

.bt.material-icons.long.green,
.bt.material-icons.long.green label,
.bt.material-icons.long.orange,
.bt.material-icons.long.orange label
{
		color: #090909;
}

.bt.material-icons.long.green:hover{
	background-color: #81dd65;
}
 
.bt.material-icons.long.rose{
	background-color: #dab3ad;
}
.bt.material-icons.long.rose:hover{
	background-color: #ccd7dc;
}


a.bt.material-icons.long:hover
{
	background-color: #000;
	color: #feffff;
}

a.bt.material-icons.long.white:hover{
	background-color: #feffff;
	color: #dab3ad;
}

.bt.material-icons.long label{
	text-align: left;
	display: inline-block;
	margin: 0;
	cursor: pointer;
	float: left;
	position: relative;
	border-color: #424242;
	font-size: 1em;
	line-height: 1em;	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	white-space: normal;
}

.bt.material-icons.long.form label,
.bt.material-icons.long.form:before,
.bt.material-icons.long,
a.bt.material-icons.long label,
a.bt.material-icons.long:before
{
	
}
a.bt.material-icons.white:hover:before{
	color: #dab3ad;
}

a.stample{
	background-position: cover;
}
a.stample label{

}
a.stample.promohome{
	width: 100%;
	height: 320px;
	float: left;
	display: block;
	position: relative;
	background: url(../img_interface/stample_promo_hotel_graffalgar.gif?date=fdhghfh) no-repeat left center;
	text-align: left;
}

a.stample.promohome{
	background-size: contain;
}

a.stample.promohome:hover label{
	//transform: scale(1.2) rotate(-10deg);
	font-size: 26px;
	letter-spacing: 1px;
}

/* @group langue
 */

.bt.material-icons.long.langue {
	background-color: #706f6f;
	border-style: none;
}

.langue a.bt.material-icons.long:hover{
	background-color: #706f6f;
}



/* @end */



#pseudo_cal a.selecteur
{
	
	font-family: "ThunderMed", Lucida, Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	font-size: 1em;
	display: block;
	float: left;
	position: relative;
	width: 100%;
	line-height: 1em;
	border-bottom: 1px solid #d5d5d5;
	color: #000;
	padding: 1em;
}

#pseudo_cal a.selecteur img{
	max-width: 35%;
	float: left;
	display: block;
	position: relative;
	margin-right: 1em;
}

#pseudo_cal a.selecteur:hover{
	border-bottom-color: #fff;
	color: #feffff;
	background-color: #000;
}

#pseudo_cal a.selecteur label{
	font-size: inherit;
	line-height: inherit;
	padding: 1em 0 0;
	margin: 0;
}

#pseudo_cal a.selecteur.first,
#pseudo_cal a.selecteur.first label
{
	text-align: center;
	background-color: #000;
	color: #feffff;
}

.bt.material-icons.long.min {
	padding-bottom: 0.3em;
	padding-top: 0;
	padding-left: 0.3em;
}

#pseudo_cal a.selecteur.min,
.bt.material-icons.long.min label
{
	margin: 0;
	font-weight: bold;
	font-size: 0.8em;
	padding-top: 0em;
	padding-bottom: 0em;
	line-height: 0.8em;
}

.bt.material-icons.long.min.select:after{
	padding: 0;
}

#pseudo_content a.selecteur.min{
	padding-bottom: 0.7em;
	padding-top: 0.7em;
}

.bt.material-icons.long:before,
.bt.material-icons.long:after
{	
	display: block;
	float: left;
	position: absolute;
	font-size: 1.8em;
	line-height: 1.1em;
}

#section p img{
	display: inline-block;
}

#section img[style="float:right"],
#section img[style="float:left"]
{
	padding:  1em;
}

#section img[style="float:right"]{
	padding-right: 0;
}

#section img[style="float:left"]
{
	padding-left: 0;
}
#section img[style="float:right"],
#section p > img[style="float:left"]
{
	padding-top: 0;
}


.bt.material-icons.long:hover label,
.bt.material-icons.long:hover:before,
.bt.material-icons.long:hover:after,
.bt.material-icons.long.selected:hover label,
.bt.material-icons.long.selected:hover:before,
.bt.material-icons.long.selected:hover:after,
.bt.material-icons:hover:before,
.bt.material-icons:hover:after
{
	color: #feffff;
}

.bt.material-icons.long.white:hover{
}

.bt.material-icons.long.white{
	background-color: #feffff;
	border-style: none;
}

.bt.material-icons.long:after{
	float: right;
	padding-right: 0;
	padding-left: 0;
	right: 0;
}


.bt.material-icons.ico {

}
.bt.material-icons.ico label{
	text-align: center;
	width: 100%;
	
}



.bt.material-icons.long.godown:before,
.bt.material-icons.long.godown label
{
	width: 100%;
	display: block;
	text-align: center;
}

.bt.material-icons.long.godown:before {
content: 'keyboard_arrow_down';
}

.bt.material-icons.long.go:before {
content: 'keyboard_arrow_right';
}

.bt.material-icons.radiusl.short{
	border: 1px solid #cdd7dc;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.bt.material-icons.radiusr.short{		
	border: 1px solid #cdd7dc;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}

.bt.material-icons:before {
	float: left;
	display: block;
}
.bt.material-icons.short:before {		
	font-size: 1.8em;
	margin: 0;
	padding: 0.31em;
	line-height: 1em;
}

.bt.material-icons.short:hover:before {
		
		background-color: #dbb4ae;
	color: #000;
}



.bt.material-icons.short.arrow_right:before {
content: 'keyboard_arrow_right';
}

.bt.material-icons.short.arrow_left:before {
content: 'keyboard_arrow_left';
}

.bt.material-icons.long.select label,
.bt.material-icons.long.selectonly label
{
	padding-right: 2.25em;
}

.bt.material-icons.long.select:after,
.bt.material-icons.long.selectonly:after
{
	content: 'keyboard_arrow_down';
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	padding: 0.2em;
	
}


.bt.material-icons.long.gogo:before {
content: 'check_circle';
}

.bt.material-icons.long.notgo:before {
	content: 'cancel';
}


.bt.material-icons.long.today:before {
	content: 'today';
}

.bt.material-icons.long.on.today label{
	text-align: center;
}
.bt.material-icons.long.on.today{
	background-color: #76c84c;
	text-align: center;
	border-color: #56a333;
}
.bt.material-icons.long.on.today:before {
	content: '';
}

.bt.material-icons.long.person:before {
	content: 'face';	
}

.bt.material-icons.long.chambre:before {
	content: 'T';	
}
.bt.material-icons.long.euro:before {
	content: 'euro_symbol';
}

.bt.material-icons.toolsmap:before{
	
	width: 40px;
	height: 40px;
	padding: 6px;
	float: right;
	position: relative;
}

.bt.material-icons.toolsmap:before{
	font-size: 40px;
	line-height: 40px;
	color: #000;
}
.bt.material-icons.toolsmap:hover:before{
	color: #ee9209;
}
.bt.material-icons.toolsmap.gwakamol.home:before{	
	content:'l';
	
}


.bt.material-icons.add:before{
	content: 'add_circle';
}


.bt.material-icons.remove:before{
	content: 'remove_circle';
}

.bt.material-icons.fullscreen:before{
	content: 'zoom_out_map';
}

a.material-icons.gwakamol.btresa{
	padding: 10px;
	border: none;
	margin: 0 1em 0 0;
	position: relative;
	float: left;
	display: block;
	border-top-style: none;
	border-radius: 5px;
	width: 100%;
}

a.material-icons.gwakamol.btresa.desact{
	opacity: 0.28;
}


a.material-icons.gwakamol.btresa:hover,
a.material-icons.gwakamol.btresa.actif
{
	background-color: #000;
	opacity: 1;
}

a.material-icons.gwakamol.btresa.actif *,
a.material-icons.gwakamol.btresa:hover *,
a.material-icons.gwakamol.btresa:hover label:before,
a.material-icons.gwakamol.btresa.actif label:before
{
	color: #feffff;
}

a.material-icons.gwakamol.btresa label{
	font-family: 'ThunderMed';
	font-size: inherit;
	font-weight: normal;	
}

a.material-icons.gwakamol.service{
	width: auto;
}

.material-icons.gwakamol.service:before{
	width: 40px;
	height: 40px;
	background-color: #000;
	margin-right: auto;
	margin-left: auto;
	display: block;
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	color: #feffff;
}
a.material-icons.gwakamol.btresa {
	text-align: left;	
}
a.material-icons.gwakamol.service label{
	width: auto;
	font-size: 0.8em;
	padding: 1em;
	text-align: center;
	margin-bottom: 0;
	font-weight: 600;
	color: #000;
}

a.material-icons.gwakamol.btresa label{
	display: inline-block;
	white-space: nowrap;
	margin: 0 auto;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 20px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	width: auto;
	line-height: 16px;
	text-align: center;
	color: #000;
}

a.material-icons.gwakamol.btresa.table label{
	float: none;
}
a.material-icons.gwakamol.btresa{
	margin-right: 10px;
}
a.material-icons.gwakamol.btresa label:before{
	font-size: 40px;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
}
a.material-icons.gwakamol.table label:before{
	content:'7';
	float: left;
	display: block;
	position: relative;
}

a.material-icons.gwakamol.chambre label:before{
	content:'C';
	display: block;
	float: left;
	position: relative;
}


a.material-icons.gwakamol.appart label:before{
	content:'A';
	display: block;
	float: left;
	position: relative;
}

a.material-icons.gwakamol.bagagerie label:before{
	content:url('/img_interface/ico_menu_bagagerie.svg');
	width: 22px;
	display: block;
	float: left;
	position: relative;
}

a.material-icons.gwakamol.bagagerie:hover label:before{
	content:url('/img_interface/ico_menu_bagagerie_white.svg');
	
}


a.ico:after{
	float: left;
	position: relative;
	padding-left: 0.5em;
	padding-right: 0.5em;
}



.SiteNavigationElement.linkedin a.material-icons.gwakamol.linkedin:before,
.topinfo .social  a.material-icons.gwakamol.linkedin:before{
	content:url('/img_interface/ico_linkedin.svg');
	display: inline-block;
  	width: 30px; 
    padding-top: 6px;
}


a.material-icons.linkedin:before
{
	content:url('/img_interface/ico_linkedin_white.svg');
	display: inline-block;
  	width: 30px; 
    padding-top: 6px;

}

a.material-icons.linkedin:hover:before
{
	content:url('/img_interface/ico_linkedin.svg');
	display: inline-block;
  	width: 30px; 
    padding-top: 6px;
}

a.ico.linkedin:hover:before,
.SiteNavigationElement.linkedin a.material-icons.gwakamol.linkedin:hover:before,
.topinfo .social  a.material-icons.gwakamol.linkedin:hover:before{
	content:url('/img_interface/ico_linkedin_over.svg');

}


.SiteNavigationElement.social a.material-icons.gwakamol.tripadvisor:before,
.topinfo .social  a.material-icons.gwakamol.tripadvisor:before{
	content: 'T';
}

a.ico.instagram:after,
.SiteNavigationElement.social a.material-icons.gwakamol.instagram:before,
.topinfo .social  a.material-icons.gwakamol.instagram:before{
	content: 'I';
}

a.ico.facebook:after,
.SiteNavigationElement.social a.material-icons.gwakamol.facebook:before,
.topinfo .social  a.material-icons.gwakamol.facebook:before{
	content: 'F';
}

a.ico.tweeter:after,
.SiteNavigationElement.social a.material-icons.gwakamol.tweeter:before,
.topinfo .social  a.material-icons.gwakamol.tweeter:before{
	content: 'W';
}



a.ico.loc:after,
.SiteNavigationElement a.material-icons.gwakamol.loc label:before,
.topinfo a.material-icons.gwakamol.loc:before{
	content: 'P';
}

.topinfo a.material-icons.gwakamol.loc:before{
	font-size: 26px;
	line-height: 30px;
	margin-left: 10px;
}



.material-icons.gwakamol.tache:before{
	content: 's';
	display: block;
	float: left;
	position: relative;
}
.material-icons.gwakamol.tache.rose:before{
	color: #ec0e69;
	font-size: 70px;
	line-height: 70px;
}
.bloc.material-icons.gwakamol.tache:before{
	font-size: 50px;
	display: block;
	position: relative;
	float: left;
	height: 70px;
	line-height: 70px;
	width: 70px;
	color: #1a1918;
}
a.material-icons.gwakamol.wifi:before{
	content: '4';
}

a.material-icons.gwakamol.cafe:before{
	content: '1';
}

a.material-icons.gwakamol.consignes:before{
	content: '3';
}

a.material-icons.gwakamol.pmr:before{
	content: '2';
}

a.material-icons.gwakamol.nopet:before{
	content: '5';
}


/* @end */

/* @group gridsize */
#section.Grd{
	display: table;
	border-style: none;
	border-collapse:collapse;
	border:none !important;
}
#section.Grd > #section,
#section.Grd > #section > #section
{
	display: table-cell;
	height: inherit;
}


#section.Grd{
  width: 100%; 
	display: flex;  	
}

#section.Grd > #section{
	
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
	width: auto;
	margin-right: 0;
	margin-left: 0;
}



#section.Grd > #section > #section{	
	flex: 1;    
    display: flex;
    flex-direction: column;
   
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.Grd.qrt > #section._z{
  width: 25%;
	float: left;
	display: block;
	position: relative;
	max-width: 300px;
}	
.Grd.qrt > #section._z_z{
  width: 50%;
	float: left;
	display: block;
	position: relative;
	max-width: 600px;

}
.Grd.qrt._z_z_z{
 	width: 75%;
	float: left;
	display: block;
	position: relative;
}

#section.Grd > #section.mrp{	
	
}

#section.mrp > #section{	
	overflow: hidden;	
	max-width: 100%;
	display: block;
	position: relative;
}


.gtr
{
  padding: 8px;
}
.gutchild > div {
  padding: 8px;
}
.gutchild div:first-child
{
	padding-left:0px;
}
.gutchild div:last-child
{
	padding-right: 0px;
}

.interdemi.mini{
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	font-size: 0.9em;
}


#section.full,
.std_sizechild,
.full
{
	width: 100%;
}

a.full{
	position: relative;
	float: left;
}

*.float-right,
#section.float-right,
a.button.float-right
{
	float: right;
}

.button.float-left,
*.float-left,
#section.float-left
{
	float: left;
	display: inline-block;
	position: relative;
}


.padh_auto_child_dim > #section{
	margin: 0;
	padding-right: 0;
	padding-left: 0.5em;
	width: auto;
}

.padh_auto_child_dim > #section:first-child
{
	margin: 0;
	padding-right: 0;
	padding-left: 0;
}


#section.fluidecenter{
    display: flex;
 	justify-content: center;
	width: 100%;
	position: relative;
}

#section.fluideauto{
    display: flex;
 	justify-content: center;
	width: 100%;
	position: relative;
	}


#section.nofloat{
	float: none;
}

#section.fluide,
#section.flex
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 100%;
	flex-direction:row;
	align-items: stretch;
}


#section.flex.auto > div{
	margin: auto;	
}


#section.flex.autogut.qrt > #section{
	width: 25%;	
	padding: 8px;
}

#section.flex.autogut.trc > #section{
	width: 33.3%;	
	padding: 8px;
}

#section.flex.autoh > #section > #section,
#section.gridflex.autoh > #section > #section
{	
	flex: 1;    
    display: flex;
    flex-direction: column;
    justify-content: center;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}


#section.flex.autoh > div,
#section.gridflex.autoh > div
{
	flex-wrap: wrap;
	display: flex;
}


#section.flex.centerv{
	align-items: center;
}

#section.repartcenter {
	
	justify-content: space-between;
	text-align: center;
}

#section.flex > #section,
#section.fluide > #section
{
	margin-top: 1.5%;
	margin-top: 0px;
}

/* @end */

/* @group chambres */




#section.cal_direct_boock {
	position: absolute;
	display: block;	
	padding: 0;
	width: 100%;
	margin: 0 auto;
	bottom: 1em;
	text-align: center;
}


.cal_texte_bot {
	position: absolute;
	display: block;
	border: 1px none #c4c4c4;
	padding: 0;
	width: 100%;
	margin: 0;
	bottom: 0;
}
.cal_texte_upperself {
	position: absolute;
	bottom: 0;
	z-index: 1;
	transform:translate(0,-100%);
	width: 100%;
}

#section.cal_texte_pers {	
	z-index: 1;
	transform:translate(0,-100%);
	width: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}


#section.cal_texte_pers #ico_typ label,
#section.cal_texte_pers #ico_typ span
{
	color: #feffff;	
}


.descript_chambre{
	padding: 0em;
}

#ico_pmr{
	width: 57px;
	height: 41px;
	background: url(../img_interface/ico_pmr.png) no-repeat center center;
	float: right;
	display: block;
	position: relative;
}

#show_chambres,#show_chambres_search{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px none #000;
	display: block;
	float: left;
	min-height: 500px;
}

#mes_chambres{
	width: 910px;
	border: 1px solid #000;
	display: block;
	float: left;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

#mes_chambres h1{

	padding: 5px;
	margin: 0;
	text-decoration: none;
}

#mes_chambres p{
	padding: 5px;
	margin: 0;
	text-decoration: none;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
}

#presentation_chambre{
	width: 910px;
	margin: 0;
	padding: 0;
	border: 1px none #000;
	display: block;
	float: left;
}




#separ_gauche{
	width: 65%;
	margin: 0;
	padding: 0 1em 0 0;
	border: 1px none #000;
	display: block;
	float: left;
	position: relative;
	background-color: #fff;
}

#separ_droite{
	width: 35%;
	border: 1px none #000;
	display: block;
	float: left;
	padding: 0 0 0 1em;
}

#separ_gaucheb{
	width: 60%;
	margin: 0;
	padding: 0;
	border: 1px none #000;
	display: block;
	float: left;
	position: relative;
	background-color: #fff;
}







#separ_droiteb{
	width: 290px;
	border: 1px none #000;
	display: block;
	float: right;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 0;
}
img.redimvign{
	width: 100%;
}

img.demi{
	float: left;
	display: block;
	margin: 0;
	width: 49%;
}

img.tiers{
	float: left;
	display: block;
	width: 32%;
	margin: 0;
}

img.redimw{
	width: 100%;
}

img.redimh{
	height: 100%;
}






select.boite {	
	float: left;
	display: block;
	width: 99%;
	margin: 2px 0 0;
	border: 1px solid #000;
	height: 28px;
	padding: 2px;
	font-size: 15px;
	line-height: 18px;	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#cal_texte_vignette{
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
}

#cal_texte_vignette h2,
#af_vignette_combi h2
{
	font-family: 'ThunderMed';	
	text-align: center;
	color: #fff;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	position: relative;
	text-decoration: none;
	margin: 0;
}

#cal_texte_vignette p
{
color: var(--white);

}

#cal_texte_vignette h2,#af_vignette_combi p{
	font-family: 'ThunderMed';
	
}

#af_vignette_combi span.little{
	font: normal normal 20px/22px 'GeogrotesqueW02-Semibol 1185244',Helvetica, Helvetica;
	text-align: center;
	color: #fff;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	position: relative;
	text-decoration: none;
	margin: 0;
}


#cal_texte_vignette h3,#af_vignette_combi h3{
	font: normal normal normal 28px/30px 'Geogrotesque W02 Lt',Helvetica, Helvetica;
	text-align: center;
	color: #fff;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	position: relative;
	text-decoration: none;
	margin: 0;
}

#af_vignette_chambre p,#af_vignette_combi p{
	color: #fff;
	text-align: center;
	float: left;
	display: block;
	width: 100%;
}

#af_vignette_combi:hover{
	background: #000 url(../admingraph/img_interface/bt_select_green.png) no-repeat right top;
}

#af_vignette_chambre.blue{
	display: block;
	position: relative;
	border: 1px none #000;
	float: left;
	background-color: #1748a3;
	text-align: center;
}

#af_vignette_chambre.blue h2{
	font: normal normal normal 18px/20px 'GeogrotesqueW02-Semibol 1185244',Helvetica, Helvetica;
	display: block;
	position: relative;
	border: 1px none #000;
	float: left;
	color: #fff;
	text-decoration: none;	
	text-align: center;
	width: 100%;
}

#af_vignette_chambre.blue h3{
	display: block;
	position: relative;
	border: 1px none #000;
	float: left;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 17px;
	width: 100%;
}



#af_vignette_chambre.n{
	display: block;
	position: relative;
	border: 1px none #000;
	float: left;
	height: 190px;
}

#af_vignette_chambre.h{
	display: block;
	position: relative;
	border: 1px none #000;
	float: left;
	height: 390px;
}





#af_vignette_argu.texte1tops{
	width: 220px;
	float: left;
	display: block;
	margin: 0 0 10px;
	padding: 0;
	height: 190px;
	color: #fff;
	background-color: #000;
}

#af_vignette_argu.texte1sans{
	width: 220px;
	float: left;
	display: block;
	margin: 0 0 10px;
	padding: 0;
	height: 190px;
	color: #fff;
	background-color: #000;
}

#af_vignette_argu.texte1{
	width: 220px;
	float: left;
	display: block;
	margin: 0 0 10px;
	padding: 0;
	height: 190px;
	color: #fff;
	background-color: #000;
}

#af_vignette_argu.texteh2{
	width: 220px;
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	padding: 0;
	height: 390px;
	color: #fff;
	background-color: #000;
}

#af_vignette_argu.resa1top{
	width: 220px;
	float: left;
	display: block;
	margin: 0 0 10px;
	padding: 0;
	height: 390px;
}

#af_vignette_argu h2.big{
	font: normal normal normal 20px/22px 'GeogrotesqueW02-Semibol 1185244',Helvetica, Helvetica;
	text-align: center;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	position: relative;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top: 0;
}

#af_vignette_argu h2{
	text-align: center;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	position: relative;
	text-decoration: none;	
	margin: 20px 0 0;
	font-size: 20px;
	line-height: 21px;
}

#af_vignette_argu h2.sans{
	text-align: center;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	position: relative;
	text-decoration: none;
	margin: 0;
	font-size: 20px;
	line-height: 21px;
}

#af_vignette_argu h3{
	font: normal normal normal 15px/16px 'Geogrotesque W02 Lt',Helvetica, Helvetica;
	text-align: center;
	padding: 0;
	width: 100%;
	display: block;
	float: left;
	position: relative;
	text-decoration: none;
	margin: 0;
}

#piece{
	display: block;
	position: relative;
	border: 1px none #000;
	float: left;
}

#section.limiteur{
	float: left;
	width: 100%;
	position: relative;
	display: block;
}

#section.limiteur_combi{
	float: left;
	width: 680px;
	position: relative;
	display: block;
}

#section.limiteur_marge{
	float: left;
	width: 100%;
	position: relative;
	display: block;
	margin-bottom: 10px;
}


#section.limiteur_part{
	float: left;
	width: 100%;
	position: relative;
	display: block;
	height: 20px;
}



#section.limiteur_part:first-child{	
	height: 0;
}

#img_vignette{
	float: left;
	display: block;
	position: relative;
	margin: 10px;
}

#vign_30{
	float: left;
	display: block;
	position: relative;
	width: 31%;
	margin: 1%;
}

a.vign{
	float: left;
	display: block;
	position: relative;
	margin: 0;
	border: 1px solid #fff;
}

a:hover.vign,a.vign_active{
	float: left;
	display: block;
	position: relative;
	margin: 0;
	border: 1px solid #000;
}

#img_vignette_resa{
	float: left;
	display: block;
	position: relative;
	margin: 0 11px 0 0;
	width: 692px;
}

#img_vignette_resa_multi{
	float: left;
	display: block;
	position: relative;
	margin: 0;
	width: 100%;
}

#masc_form{
	width: 100%;
}

#masc_form.off{
	float: left;
	display: block;
	position: relative;
	margin: 0;
	width: 100%;
	visibility: hidden;
	height: 1px;
}

#Form_resa{
	float: left;
	display: block;
	position: relative;
	width: 100%;
}



#desc_img_vignette{
	float: right;
	display: block;
	position: relative;
	width: 189px;
	min-height: 183px;
	padding: 10px;
	height: 258px;
}





#desc_img_vignette_multi{
	float: left;
	display: block;
	position: relative;
	width: 100%;
	margin-top: 5px;
	padding: 0;
}

#desc_img_vignette_multi p{
	padding: 5px;
	margin: 0;
}

#ico_typ
{
	width: auto;
	float: left;
	display: block;
	position: relative;
	color: #fff;
	text-align: center;
}
#ico_typ label,
#ico_typ span{
	display: inline-block;
	float: left;
	position: relative;
}

#ico_typ span{
	line-height: 4em;
}

.citation
{
	
	padding-top: 2em;
	padding-bottom: 1em;
	display:inline-block;
	font-style:italic;
}


.deschapmbre p
{
	text-align: right;	
	margin-bottom: 0;
	
}
.deschapmbre a.button.reserve
{
	font-family: 'ThunderMed';
	max-width:50%;
	float:right;
}
.deschapmbre .onleft
{
	max-width:50%;
	position: absolute;
	left:0px;
	z-index: -1;
	transform:translate(0,-20%);
}
/* @end */

/* @group lien */

a.lieninterne{
	font-family: 'ThunderMed';
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px solid #706f6f;
}


a.lienexterne{
	font-family: 'ThunderMed';
	display: inline-block;
	border-bottom: 1px dotted #706f6f;
}
a.lieninterne:hover,
a.lienexterne:hover{
	color: #2a2a2a;
}

a.lienbutton{	
	
	color: #feffff;
	text-decoration: none;
	display: inline-block;
	font-size: inherit;
	width: auto;	
	border: 1px none #5e2600;
	min-height: 10px;
	min-width: 10px;
	background-color: #000;	
	padding-bottom: 5px;
	padding-left: 0.5em;
	padding-right: 0.5em;
}



a.lienbutton:hover{
	background-color: #feffff;
	color: #000;
}

button.button,
a.button{		
	color: #feffff;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	padding: 1em;
	line-height: 1em;
	font-size: 1em;
	width: auto;
	text-align: center;	
	border: 1px solid #000;
	min-height: 10px;
	min-width: 10px;
	float: left;
	position: relative;
	background-color: #000;
	font-weight: 700;
	
	
}


a.button.reserve
{		
	
		-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	z-index: 501;
	
}

button.button:hover,
a.button:hover
{
	background-color: #feffff;
	color: #000;
}

a.button.discret
{
	background-color: #feffff;
	border: 1px solid #000;
	color: #000;

}

a.button.discret:hover
{
	border: 1px solid #000;
	color: #feffff;
	background-color: #000;
	font-size: 1em;
}

a.button.discret:hover label{
	color: #feffff;
	font-size: 1em;
}
a.button.discret label{
	color: #000;
}

a.button.min{
	font-size: 0.9em;
	padding: 0.5em;
}
a.button.modifchb
{	
	padding: 0.5em;
}
a.button.modifchb label{
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 0;
}

a.button label{
	margin-bottom: 0;
	padding-bottom: 0;
	color: #feffff;
	text-align: center;
	width: 100%;
}

a.button:hover label{
	color: #000;
}
a.button.info{
	text-transform: none;
	background-color: #f0f0f0;
	color: #706f6f;
}

a.button_in{
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #cdd7dc;
	padding: 0.75em;
	height: 100%;
	color: #707070;
	border-style: none;
	border-color: #cdd7dc;
	text-decoration: none;
	font-variant: normal;
	font-size: 0.9em;
	line-height: 1.5em;
	text-transform: uppercase;
}
a.button_in:hover{
	background-color: #99ce1a;
}
button.button.full,
a.button.full{
	width: 100%;
	display: block;
}

a.button.full.ending
{
	display: flex; /* contexte sur le parent */
  flex-direction: column; /* direction d'affichage verticale */
  justify-content: center;
	margin-top: 0;
	margin-bottom: 0;
	
}

#section[data_role=accept],
a.button.acceptcondition label { font-size: 0.8em; }


a.button.full.ending label{
	display: inline;
	margin-top: auto;
	margin-bottom: auto;
}
a.button.green{
	background-color: #99ce1a;
	border-color: #83b317;
}
a.button.green:hover{
	background-color: #c9dc25;
}

#link_social{
	float: left;
	display: block;
	position: relative;
	width: auto;
}
#contact *{
	color: #feffff;
}

#link_social a{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	padding: 0;
	border: 1px none #aa3070;
	height: 2.05em;
	width: 2.05em;
	
} 

#link_social a:after{
	font-size: 1.5em;
	line-height: 1.5em;
}
#link_social a{
}

#link_social a:after{
	
	 /* Preferred icon size */
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
  color: #f7f7f7;
  text-decoration: none;
	margin: 0 auto auto 0;
	padding: 0;
	font-family: 'gwakamolregular';
	text-align: center;
	float: none;
}

#link_social a:hover:after{
	color: #6c6c6b;
}




.tel,.tel:visited { color: #000; text-decoration:none; } 
.tel:hover,.tel:focus { color: #000;
	text-decoration: underline;
}

.btzenchef
{
  border:1px solid #da6e09;
  padding:1rem;
  background-color: #ec7709;
  color: #ffff;
  border-radius:8px;
  position: absolute;
  z-index: 100;
  bottom: 5%;
  margin: 0 auto;
   position: absolute; 
  left: 0; 
  right: 0; 
  margin-inline: auto; 
  width: fit-content;
 cursor: pointer;
}


/* @end */

/* @group slecteurchambre */

.nodispo{
	border: 1px solid #fe261f;
}
#cal_selecteur{
	width: 0;
	height: 0;
	display: none;
	text-align: center;
}

#cal_selecteur.open{
	position: fixed;
	top: 0;
	z-index: 2000;
	overflow: auto;
	width: 100%;
	height: 100%;
	display: block;
	padding: 10px;
	
}


#section.choix{
	display: none;
	position: relative;
	
}

.selcteurchb #section.chooser
{
	margin-top:2em;
	margin-bottom:2em;
	
}

#section.griderqt,
#section.rangechoixshort,
#section.chooser
{

  display: grid;
  grid-template-columns: auto auto auto auto auto;
  gap: 1em;
	 
}


#section.griderqt > a
{
	
	width: auto;
	
}

.chooser .chbslect #section.desccomplement
{
	display: none;
}



.chbslect .deco{
	max-width:13%;
	margin-right:0.5em;
	border-radius: 5px;
	overflow: hidden;
	//border: 2px solid var(--black);
} 


.chbslect
{
	margin-bottom:1em;
	
}

.selcteurchb .deco{
	max-width:unset;
	border-radius:unset;
	border:unset;
}

h2.chambre
{
	font-family: "ThunderExtBd",Lucida, Verdana, sans-serif;
	 font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;

}

h1.big
{
	font-family: "ThunderExtBd",Lucida, Verdana, sans-serif;	
	font-size: min(7vw,5.5em);
}


h1.chambre
{
	font-family: "ThunderExtBd",Lucida, Verdana, sans-serif;	
	font-size: min(7vw,5.5em);
}


.text_chambre p
{
	font-family: "ThunderExtBd",Lucida, Verdana, sans-serif;
	 font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	font-size: 1.6em;
	text-transform: uppercase;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h1.chambre .complement
{
	font-size:0.7em;
}

h2.chambre .artist
{
	font-family: "ThunderExtLt",Lucida, Verdana, sans-serif;
	font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	color:var(--lightgray);
}

h2.chambrest
{
	font-size: 3em;
	text-align:right;
	font-style: italic;
}


h3.chambrest
{
	font-size: 3em;
	text-align:right;
}

h1 .artist
{
	font-family: "ThunderExtLt",Lucida, Verdana, sans-serif;
	 font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	color:var(--lightgray);
	
	
}
h1 .artistname
{
	
	text-transform: uppercase;
	
}




.choixcourant .chbslect .desc{
	max-width: 86%;
} 

.userpref .feedresa
{
	display:none!important;
}

.no_userpref .info_userpref
{
	display:none!important;
}

.infosecetroom
{

	font-family: "ThunderExtLt",Lucida, Verdana, sans-serif;
	font-size:1.8em;
	display:none;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	padding:0.5em;
	
	 font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	color:var(--black);
	

}



.chbslect.selected.encours.active .infosecetroom
{
display:inline-block;
}

.selcteurchb .infosecetroom{
	display:none!important;
}


.choixcourant #section.desccomplement{

	display:none;
}



.choixcourant .chbslect .titrebox h2{

	display:inline;
	font-size:1.4em;
}
.choixcourant .chbslect .titrebox h2.titrebase{

	display:none!important;
	
}

.selcteurchb .chbslect .titrebox h2.titrebase
{
	display:unset!important;
	
}
.selcteurchb .chbslect .titrebox h2.titrefull
{

	display:none!important;
	
}




#section.chbslect .titrebox {
	float: left;
	display: block;
	position: relative;	
	
	/*
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #000;
	*/
}

.selcteurchb .titrebox p
{

display: none;
}



.chbslect .content{
	border: 1px solid var(--black);
	padding:0.5em;
}

.choixcourant .selcteurchb  .chbslect .desc
{
	max-width: unset;

}

.choixcourant #section.chbslect a.bt.moreinforoom
{
	
	width:60px;
	float:right;
	height:60px;
	display: flex!important;;
	align-items: center;
  	justify-content: center;
}

.choixcourant .selcteurchb #section.chbslect a.bt.moreinforoom
{
	width:100%;
	height:unset;
}

#manpop_contenu #section.choix{
	max-width: 1200px;
	position: relative;
	float: left;
	display: block;
}

#section.rangechoix{	
	max-width: 1200px;	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	flex-direction:row;
	align-items: stretch;
	border: 1px none #e9e9e9;
}


.chbslect .bt.selectroom,
.chbslect .bt.showchoice,
.chbslect .bt.confirmroom
{

	display:inline-block;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding:0.5em;
	width:100%;
	background-color:var(--black);
	color: var(--white);
	
}

.chbslect .bt.confirmroom,
.chbslect .bt.showchoice
{
	width:50%;

}



.chbslect.selected.encours.active a.bt.confirmroom 
{
	width:100%;
}

#section.chbslect .bt.moreinforoom
{
	display:inline-block;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	//margin-top:0.5em;
	//margin-bottom:0.5em;
	padding:5px;
	width:100%;
	background-color:var(--green);
	color: var(--white);

}

.chbslect .bt.selectroom:hover,
.chbslect .bt.moreinforoom:hover,
.chbslect .bt.showchoice:hover,
.chbslect .bt.confirmroom:hover
{
background-color:var(--green);
	
	
}

.selcteurchb .chbslect .bt.moreinforoom,
.selcteurchb .chbslect .bt.showchoice
{
	display: none;
}

.chbslect a.bt.selectroom 
{
	display: none!important;
}

.selcteurchb .chbslect a.bt.selectroom 
{
	display:inline-block!important;
}

.selcteurchb #section.chbslect.selected .bt.showchoice 
{
	display: inline-block;
}


.chbslect.selected.encours.active .bt.showchoice,
.chooser .chbslect .bt.showchoice,
.chooser .chbslect .bt.confirmroom
{
	display: none!important;
}

#section.chbslect h2{
	
	padding: 0;
	margin-bottom: 0;
}

#section.chbslect .infoannonce h2{

	font-family: unset!important;
	font-size: 
	color: #98ce1a;
	padding: 0;
	margin-bottom: 0;
	color: rgba(0,0,0,0.9135692);
	
}

.infoannonce .boitepromo
{
	padding-bottom: unset;
	border: 1px  #fefeff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #e8ce4d;
	color: rgba(0,0,0,0.9135692);
	padding: 0.5em;
	
}

.infoannonce{
	font-size:smaller;
}

.rangechoix  #section.desccomplement
{
	max-width:50%;
}

.rangechoix   #section.annonce
{
	max-width:50%;

	
}


.spac{
	opacity: 0.52;
}




.chbslect .info{
	z-index: 10;
	width: auto;	
}
.chbslect #section.numchoix{
	
	display: inline-block;
	float: none;
	position: absolute;
	text-align: center;
	top: 10px;
	right: 10px;
	z-index: 10;
	width: 30px;
	height: 30px;
}

.chbslect #section.numchoix a.circle{
	font-size: 15px;
	color: #feffff;
	border: 2px solid #fefeff;
	width: 30px;
	line-height: 26px;
	text-align: center;
	margin: 0;
	height: 30px;
}


.chbslect  a.circle.activchoice
{
	background-color:blue;
}

#section.chooser
{

  display: grid; 
  flex-wrap: wrap;
  grid-template-columns: repeat(5, 1fr);
  gap: 1em;
	 
}


#section.chooser #section.chbslect.encours
{
	
	opacity: 0.7;
	scale: 0.8;
}




#section.chooser #section.chbslect
{
	display:none;
	opacity:0;
}



#section.chooser #section.chbslect.choixpossible
{
	
	
    display: flex;
	align-items: stretch;
	
	
}


.encours .selcteurchb
{		
    display: none!important;	
}
.encours.active .selcteurchb
{		
    display: block!important;	
}

#section.chooser .selcteurchb
{		
    display: none!important;
    margin-top: 0em!important;
    margin-bottom: 0em!important;
}

	
#section.chooser #section.chbslect.choixpossible:hover
{
	
	/*
	transition-duration: 0.4s;
	scale: 1.25;
	z-index:100;
	background-color:var(--white);
	*/
	box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
}




#section.chooser #section.chbslect.encours.active
{
	
	display:block;
	opacity: 1;
	animation: headshake;
	animation-duration: 0.7s;
	animation-iteration-count: infinite;
	rotate: 10deg;
	opacity: 0.9;
	scale: 0.9;
	
}





#section.chooser #section.chbslect.selected
{
	
	display:block;
	opacity: 0.8;
	border-color:var(--green)
	
}



#section.chbslect.selecteur
{
	border: 1px solid #000;
	margin-bottom: 10px;
}

#section.chbslect.selecteur .desccomplement
{
	display: none;
}

#section.ongletconteneur
{

	margin-bottom: 0.5em;
	display: flex;
	width: 100%;
	display: flex;
   
    justify-content: space-between;
    gap: 1em;
    
}



.ongletinfobien{
	margin-top: 1em;
	margin-bottom: 1em;
}
.ongletinfobien:before,
.ongletinfobien:after {
    content: ' ';
    max-width: 100px;
    border-bottom: 1px solid #000;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
	
}
.infoclient{
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000;
	padding: 1em;
	border: 1px solid #97ce1a;
}


.infoclient.banque{
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000;
	border: 1px solid #ccd7dc;
	padding: 0.5em;
	background-color: #f7f7f7;
}
.infoclient.banque img{
	max-width: 100%;
}

.btconnexionbanque{
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #feffff;
	border: 1px solid #ccd7dc;
	padding: 0.5em;
	background-color: #010101;
}

.cta.framb{
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #feffff;
	border: none;
	padding: 0.5em;
	background-color: #eb2768;
}

.ongletinfobien h2{
	text-align: center;
	font-size: 1.3em;
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1em;
	margin-bottom: 0;
}


#section.ongletconteneur #section.cal_onglet{
	max-width: 24%;
	margin: auto;
	
}





#cal_calendrier.open #boite_calendrier{
	max-width: 800px;
	width:100%;
}

.ministrong{
	font-size: 0.7em;
	
}

.ministrong.ontop{
	font-size: 1em;
	position:absolute;	
	top:0px;
}



/* @end */

/* @group video */
#videoloader{
	width: 100%;
	float: left;
	display: block;
}
.actubref{
	
}

/* @end */

/* @group graffateria */

#graffateria_menu
{
width: 100%;
position:relative;
float:left;
display:block;
border: 3px none #000;
margin: 0;
color:#232323;
padding: 0;
}

#graffateria_menu_conteneur.std{
	border-style: solid;
	border-width: 1px;
	border-radius:10px;
	background: url(../img_interface/back_graffateria.png) repeat;
	overflow: visible;
	margin-bottom: 5em;
}
#graffateria_menu_conteneur.preview{
	overflow: hidden;
	}

#section.titremenu_restaurant{
	width: 100%;
	text-align: center;
	margin-top: -1em;
	z-index: 1;
}

#section.titremenu_restaurant h2{
	color: #ed773f;
	display: inline-block;
	clear: none;
	position: relative;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 0 5px;
	margin-bottom: 0;
	background-color: #fffefe;
}

 

#section.titremenu_restaurant h3{
	color: #ed773f;
	display: inline-block;
	clear: none;
	position: relative;
	width: auto;
	padding: 0;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	margin: 5px auto 0;
}


#section.titremenu_restaurant p{	
	display: inline-block;
	position: relative;
	width: auto;
	padding: 0;
	text-align: center;
	font-size: 1.1em;
	margin: 20px auto 0;
	clear: none;
}

#graffateria_menu.std{
	padding: 2em;
} 

#graffateria_menu.preview{
	padding: 0 2em;
	width: 100%;
	margin: 0;
}


#section.cal_menu_info{
	display: inline-block;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 0 3em 1em;
	width: auto;
}

#section.cal_menu_info h2{
	color: #f0783f;
	font-size: 1.3em;
	text-align: center;
}


#section.cal_menu_info h3{
	border-radius: 2px;
	display: inline-block;
	clear: none;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #feffff;
	color: #1d5e5e;
	padding: 10px;
	border: 2px solid #1a5d5d;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	z-index: 1;
	border-right-style: none;
	border-left-style: none;
}

#section.cal_menu_info .deco{	
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	//transform: rotate(45deg);
	background-color: #00a5da;
	border-width: 2px;
}

#section.cal_menu_info .deco{	
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
}



#section.cal_menu_info .deco img{
	border-radius: 3px;
	height: 72%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%,18.5%) rotate(45deg);
	z-index: 0;
	background-color: #feffff;
	border: 2px solid #1c5d5d;
}


#section.cal_menu_info .deco:last-child{
	left: 2px;
}
#section.cal_menu_info .deco:first-child{
	right: 2px;
}
.menuspec_1 h2
{padding-bottom:0;
margin-bottom:0;
margin-top:0;
padding-top:0;
font-size:2em;
line-height:1em;
color:#ee783f;
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.menuspec_1 h3
{padding-bottom:0;
margin-bottom:0;
margin-top:0;
padding-top:0;
font-size:1.8em;
color:#ee783f;
line-height:1em;
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

.menuspec_1 h4
{
font-size:1.3em;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
line-height:1em
}

#graffateria_menu.preview h2{
	font-size:1.1em;
}

#graffateria_menu.preview h3{
	font-size:1em;
}

#graffateria_menu.preview h4{
	font-size:0.9em;
}

.qtty
{
padding-left:5px;
display:inline-block;
float:right;
position:relative;
font-size:0.75em;
}

#section.conteneur_menu_home{
	
	height: 100%;
	display: block;
	float: left;
	position: relative;
}


#graffateria_menu_conteneur{
	width: 100%;
	display: block;
	float: left;
	position: relative;
}

#section_graffateria_line
{width:100%;
display:block;
float:left;
position:relative;
border-bottom-style:dotted;
border-bottom-width:1px;
margin-top:0;
padding-top:5px;
margin-bottom:0;
}
#section_graffateria_line+#section_graffateria_line
{
	margin-top:10px;
}
#section_graffateria_line+h2
{
	margin-top:20px;
}
#section_graffateria_line+h3
{
	margin-top: 30px;
}
#section_graffateria_menu
{
	float:left;
display:block;
width:100%;
text-align:center;
	padding: 0 0 1em;
	margin: 0;
}


#section_graffateria_menu h2
{
text-align: left;
margin-top:0;
margin-bottom:0;
}
#section_graffateria_menu h3
{

text-align: left;
margin-top:0;
margin-bottom:0;
	font-weight: bold;
	float: none;
	
}
#section_graffateria_menu p
{text-align: left;
margin-top:0;
margin-bottom:0;
}

#section_graffateria_menu h3,
#section_graffateria_menu p,
#section_graffateria_menu h2
{
	float: none;
	position: relative;
}

#section.titremenu_restaurant span.price{

border-radius:50%;
text-align:center;
width: 80px;
height: 80px;

background-color:#feffff;
border:2px solid #000;

	display: block;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	font-weight: bold;
	padding: 0;
	font-size: 1.3em;
	float: none;
	line-height: 75px;
}


#section_graffateria_menu span.price
{
/*	
border-radius:50%;
text-align:center;
width:50px;
height:50px;

background-color:#feffff;
border:2px solid #000;
*/
	display: block;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	font-weight: bold;
	right: 0;
	bottom: 0;
	padding: 0;
	font-size: 1.3em;
}

#section_graffateria_menu:after{
	content: '' ;
	display: block;
	height: 1px;
	width: 100%;
	border-bottom: 1px dotted #000;
	float: left;
	position: relative;
}

.pricer
{
	padding-left:5px;
display:inline-block;
float:right;
position:relative
}
.menuspec_1 p
{
padding-bottom:0;
margin-bottom:0;
}



/* @end */

*.animsimplifer{
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
}

/* @group form */

a.bt.material-icons.long.banque.selected,
a.bt.material-icons.long.banque.selected:hover
{
	background-color: #feffff;
	border-color: #cdd7dc;
}
a.bt.material-icons.long.banque.selected label,
a.bt.material-icons.long.banque.selected:hover label{
	color: #000;
}
.bt.banque:before,
.bt.paypal:before,
.bt.rib:before
{
	content:' ';
	display: inline-block;
	position: absolute;
	float: left;
	width: 120px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;
	top: 0;
	padding-left: 5px;
	left: 0;
}
.bt.banque:before,
.bt.paypal:before,
.bt.rib:before
{
	background-color: #feffff;
}

.bt.material-icons.long.preselectonly.banque label,
.bt.material-icons.long.preselectonly.rib label,
.bt.material-icons.long.preselectonly.paypal label{
	padding-left: 130px;
	font-weight: bold;
}

.bt.banque:before{	
	
	background-image: url(../img_interface/ico_paiement_banque.png);
}

.bt.paypal:before{

	background-image: url(../img_interface/ico_paiement_paypal.png);
}


.bt.rib:before{
	background-image: url(../img_interface/ico_paiement_rib.png);
}



/* @end */

/* @group map */


#boite_map{
	display: block;
	float: left;
	position: relative;
	width: 100%;
	padding: 0;
	border: 1px none #cdd7dc;
	background-color: #feffff;
}
#boite_map.popmap{
	z-index: 2000;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

#mapleaf {
	width: 100%;
	display: block;
	float: left;
	min-height:50vh;
}
#boite_map.popmap #mapleaf{
	width: 100%;
	position: absolute;
	padding-top: 0;
	padding-left: 0;
	height: 100%;
}



#section.linkermap:after{
	font-size: 32px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	color: #86d050;
	height: 32px;
	width: 32px;
	line-height: 32px;
}
#toolsmapleaf
{
	position: absolute;
	display: block;
	background-color: #feffff;
	z-index: 500;
	right: 50%;
	-webkit-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.12);
	box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.12);
	bottom: 0;
	height: 54px;	
	-webkit-transform: translateX(50%); 
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
	text-align: center;
}
.toolsmap{
	float: none;
	display: inline-block;
	width: 52px;
	height: 52px;
	margin-right: 0;
	margin-left: 0;
}

#infomapleaf{
	position: absolute;
	display: block;
	background-color: rgba(254,254,255,0.9321006);
	z-index: 500;
	margin: 0;
	padding: 0;
	overflow: hidden;
	
	right: 0;
	
	-webkit-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.12);
	box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.12);
	border: 1px solid #eae8e8;
	border-left-style: none;
	overflow: auto;
	
}

#infomapleaf.opener{
	width: 30%;
	height: 100%;
}
#infomapleaf label{
	width: 100%;
	padding: 1em;
	background-color: #dbb4ae;
	margin-top: 0;
	margin-bottom: 0;
}

#infomapleaf p{
	width: 100%;
	display: block;
	float: left;
	margin: 0;
	padding: 1em 1em 0.5em;
	position: relative;
}

#infomapleaf #infomapconteneur{
	display: block;
	width: 100%;
	float: left;
	position: relative;
	padding-bottom: 2em;
}

#infomapconteneur #imgpopmap{
	float: left;
	padding: 0;
	margin: 0;
	display: block;
	
	position: relative;
	width: 100%;
}

#infomapconteneur #imgpopmap img{
	width: 100%;
	display: block;	
	
}

.c0:after
{	
	color: #62686b;
}
.c1:after{
	color: #1ba2e1;
}
.c2:after{
	color: #1bcdd1;
}
.c3:after{
	color: #5cd774;
}
.c4:after{
	color: #ffae00;
}
.c5:after{
	color: #d1a33b;
}

/* @end */

/* @group news */

.actus.alter a.box {
	border-style: none;
	margin-bottom: 2em;
}


.alter #section.newsvignette{
	max-width: 50%;
	float: right;
	padding-left: 2em;
}

.alter > .box:nth-child(2n+1) #section.newsvignette{
	float: left;
	padding-right: 2em;
	border: 1px hidden #ff6bda;
	padding-left: 0;
}

.alter #section.entete,
.alter #section.content
{
	float: none;
    clear: none;
	text-align: left;
	width: 100%;
	padding-top: 0;
}

.alter #section.entete h1,
.alter #section.entete h2
{
	display: inline;
	width: 100%;
	clear: both;
	position: relative;
	float: none;
	text-align: left;
}
.alter #section.content p{
	text-align: justify;
	font-size: 0.9em;
}
.alter #section.entete .rem_news,
.alter #section.content .lasuite
{
	float: none;
	display: inline-block;
}

.alter > .box #section.entete,
.alter > .box #section.content
{
	padding-right: 0;
	padding-left: 0;
}

.alter > .box:nth-child(2n+1) #section.entete,
.alter > .box:nth-child(2n+1) #section.content
{
	padding-right: 0;
	padding-left: 0;
}

.alter #section.entete h1:after,
.alter #section.entete h2:after,
.alter #section.rem_news:before
{
	content:'\A';
	white-space: pre-wrap;
	width: 100%;	
}

#cal_face_std{	
	float: left;
	position: absolute;
	right: 0;
	z-index: 1000;
	display: block;
	top: 0;
	background-color: #feffff;
	padding: 0;
}
a.faceb_share{
	height: 35px;
	float: left;
	display: block;
	position: relative;
	font: normal normal normal 14px/35px 'GeogrotesqueW02-Semibol 1185244',Helvetica, Helvetica;

	background: url(../img_interface/bt_facebook.png) no-repeat right center;
	margin: 0;
	color: #000;
	text-decoration: none;
	padding: 0 35px 0 0;
}

a.faceb_share:hover{
	text-decoration: underline;
}

#separ_news_page{
	display: block;
	margin: 0 0 50px;
	width: 100%;
	padding: 1%;
	float: left;
	position: relative;
	border: 1px dotted #000;
}

.rem_price{
	display: block;
	float: none;
	
	position: relative;
	background-color: #86d04f;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	margin: 5px 5px 5px 0;
	padding: 8px;
	color: #fefefe;
	font-size: 15px;
	line-height: 15px;
	max-width:50%;
	margin-right: auto;
  margin-left: auto;

}



.rem_news{
	display: block;
	float: left;
	position: relative;
	background-color: #000;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	margin: 5px 5px 5px 0;
	padding: 8px;
	color: #fefefe;
	font-size: 15px;
	line-height: 15px;
}
#presentation_news{
	float: left;
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 0 1em;
	background-color: #feffff;
	color: #000;
	border-left: 3px none #000;
	min-height: 120px;
}

#presentation_news h2{
	display: inline;
	float: left;
	position: relative;
	width: 99%;
	padding-bottom: 5px;
	padding-left: 1%;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-variant: normal;
}

#presentation_news h3{	
	display: inline;
	float: left;
	position: relative;
	width: 99%;
	margin: 0 0 5px;
	padding: 0;
}

#conteneur_news{
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	height: 160px;
	padding: 0;
	margin-top: 10px;
	width: 100%;
}

#conteneur_news.open{
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	height: auto;
	padding: 0;
	margin-top: 10px;
	width: 100%;
}

#content_news{
	float: left;	
	width: 100%;
	position: relative;
	display: block;
}

#content_news #section,#content_news #section p,#content_news #section h1,#content_news #section h2,#content_news #section h3
{
	display: inline;
	float: none;
	clear: none;
}


#content_news #section p:before,
#content_news #section h1:before,
#content_news #section h2:before,
#content_news h3:before {
   content:"\A" ;  
   display: block;
	font-size: 1px;
	line-height: 1px;
	position: relative;
	float: none;
	width: 100%;
	height: 0;
	clear: none;
}

#content_news #section p{
	text-align: justify;
	font-size: 16px;
	
	word-wrap: break-word;
	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
 	-o-hyphens: auto;
  	hyphens: auto;
  
	padding: 0 0 18px;
	line-height: 18px;
	margin: 0;
}



#cal_img_news {	
	float: left;
	vertical-align:top;
	display: block;
	margin: 0 0 17px;
	padding: 0;
	z-index: 100;
	text-align: left;
}



#separ_news_page h3.date{
	font-variant: normal;
	font-style: italic;	
	display: inline;
	position: relative;
	float: left;
	color: #000;
	margin: 0 2px;
	text-align: left;
	font-size: 1em;
}

#separ_news_page #resume{
	display: block;
	width: 100%;
	float: left;
	position: relative;
	padding-left: 0;
	
}

#separ_news_page #resume.none{
	display: block;
	width: 100%;
	float: left;
	position: relative;
	padding-left: 0;
	margin: 0 0 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 20px;
}

#separ_news_page.alter_0 #section.intro{
	float: left;

}

#separ_news_page.alter_1 #section.intro {
	float: right;
}

#separ_news_page #section.intro {
	display: block;
	margin: 2% 2% 0;
	width: 46%;
	padding: 0;
	float: left;
	position: relative;
}

#separ_news_page #section.encart{
	display: block;
	margin: 5px 0 20px;
	padding: 0;
	float: left;
	position: relative;
	border: 3px solid #000;
	text-align: center;
	width: 99.5%;
}


#separ_news_page h2.big{
	display: block;
	position: relative;
	float: left;
	margin-top: 0;
	margin-bottom: 0;	
	width: 100%;
}

#separ_news_page h2{	
	display: block;
	position: relative;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	font-style: normal;	
	font-variant: normal;
	font-size: 1.5em;
	font-weight: 600;
}

#news_home{
	display: block;
	margin: 0;
	width: 342px;
	padding: 0;
	float: left;
	height: 177px;
	position: absolute;
	top: 0;
}




#newscontent{
	width: 342px;
	height: 177px;
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
}

#newscontent_img{
	width: 261px;
	height: 177px;
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
}

#short_date{
	display: block;
	position: absolute;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
		
	border: 1px solid #000;
	margin: 0;
	background-color: #feffff;
}



#presentation_date{
	display: inline-block;
    position: relative;
    /* z-index: 10; */
    /* right: 5px; */
    width: 100%;
    height: 100%;
    /* top: 5px; */
    float: center;
}

#presentation_date,
#short_date{
	width: 90px;
	height: 90px;	
	
}

#cal_short_date{
	width: 100%;	
	padding: 5px;
}



#short_date span.std {
	display: block;
	float: left;
	position: relative;
	width: 100%;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
}

#short_date span.day {
	display: block;
	float: left;
	position: relative;
	width: 50%;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
}

#short_date span.mois {
	display: block;
	float: left;
	position: relative;
	width: 50%;
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
}

#short_date span.separ_date {
	display: block;
	float: left;
	position: relative;
	width: 60%;
	font-size: 25px;
	line-height: 25px;
	text-align: center;
	font-variant: small-caps;
	border-bottom: 1px solid #000;
	margin: 4px 20%;
}

#short_date .heure {
	display: block;
	position: relative;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	float: left;
}
#short_date .heure span{
	display: inline-block;
}


.newsvignette{
	width: 100%;
}

.actus.gridflex #presentation_date,
.actus.gridflex #short_date
 {
	
	width:auto;
	height:auto;
	position:relative;
	float: left;
	
	
}

.actus.gridflex #presentation_date{
	padding: 5px;
	height:auto;
}

.actus.gridflex #cal_short_date{
	position:relative!important;
	float: left!important;
	left: unset;
    top: unset;
    transform: none;
    text-align: left;
    padding: 0px;
    margin-left:5px;
    margin-right:5px;
}

.actus.gridflex #short_date .std,
.actus.gridflex #short_date .heure
{
	width:auto!important;
	line-height: 28px;
}

.actus.gridflex #short_date .separ_date
{
	
	width:5px!important;	
	border-bottom:none; 
	font-size: 16px;
    line-height: 28px;
    margin: unset!important;
     margin-left:5px!important;
    margin-right:5px!important;
}
.actus.gridflex #short_date .separ_date:before
{
	content:' > ';	
	border-bottom:none; 
}

.actus.gridflex h1,
.actus.gridflex h2
 {
	display: block!important;
	float: unset!important;;
}



.actus .entete h1{
	font-weight: 200;
	width: 100%;
	float: left;
	display: inline-block;
	font-size: 1.6em;
	margin-bottom: 0.5em;
}
.actus.mapinfo .entete h1{
	font-size: 1.2em;
}

.actus .entete h2{
	font-size: 1.2em;
	
}
.actus .entete,.actus .content,
.apparts .entete,.actus .content
{
	padding-right: 1em;
	padding-left: 1em;
}
.newsvignette{
	padding-bottom: 1em;
}
.apparts .entete
{
	padding-top: 1em;
}

.apparts a.box,
.actus a.box
{
	border-style: solid;
	border-width: 1px;
	display: block;
	float: left;
	position: relative;
}



.lasuite{
	color: #86d04f;
	text-decoration: underline;
}
/* @end */

.xdebug-error
{
	max-width: 50%;
	position: relative;
	left: 0;
	display: block;
	z-index: 1000000;
}


.animsimpli{
	z-index: 10;
	opacity: 0.36;
	position: absolute;
	top: 0;
	left: 0;
}

#section.liketable{
	display: table;
}

#section.liketable > div
{
	display: table-cell;
	float: none;
	vertical-align: middle;
}



#section.gridflex.trombi{	
	overflow: hidden;	
}

/* @group fact */

#resa_show{
	display: block;
	float: left;
	position: relative;
	border: 1px none #c1c1c1;
	
}

.final_retour{
	width: 100%;
	float: left;
	display: block;
	position: relative;
}

.couponvoucher {
	float: left;
	display: block;
	position: relative;
	width: 100%;
	border: 1px solid #c2c2c2;
	padding: 1em;
	background-color: #feffff;
	margin-top: 0.5em;
}


.couponresa{
	float: left;
	display: block;
	position: relative;
	width: 100%;
	border: 1px solid #c2c2c2;
	margin: 0;
	padding: 0;
	background-color: #feffff;
}


.couponvoucher #section,.couponresa #section{
	padding: 0.5em;
}

.barre{		
	text-decoration: line-through;
}


#section.formchb .vign{
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

#section.formchb .desc{
	display: block;
	text-align: left;
	position: relative;
	float: left;
	padding: 1em 120px 1em 1em;
	height: 100px;
}
#section.formchb .desc *{
	color: #feffff;
}
/* @end */

/* @group mobilefirst */


#section.topinfo #section.adresse,
#section.topinfo #section.social,
#section.topinfo .separmenu,
#section.topinfo
{
	display: none;
	visibility: hidden;
}


#section.topinfo #section.adresse p,
#section.topinfo #section.adresse a
{
	
	
	font-size: 13px;
	padding-bottom: 0;
}

a.top.loc{
	line-height: 35px;
}

a.top.loc:before{
	font-size: 24px;
	
}


.headertop{
	padding-right: 1em;
	padding-left: 1em;
}

#cal_calendrier.open #boite_calendrier{
	max-width: 100%;
	width:100%;
}
#menu_conteneur.open{
	width:100%;
}




.padf_min{
	padding: 0.5em;

}

.padr_min{
	padding-right: 0.5em;
}
.padl_min{
	padding-left: 0.5em;
}
.padt_min{
	padding-top: 0.5em;
}
.padb_min{
	padding-bottom: 0.5em;
}

.padf{
	padding: 0.5em;
}

.padt{
	padding-top: 1em;
}

.padb{
	padding-bottom: 1em;
}

.padl{
	padding-left: 1em;
}

.padr{
	padding-right: 1em;
}

.padf_2{
	padding: 1em;
}

.padl_2{
	padding-left: 1em;
}

.padb_2{
	padding-bottom: 1em;
}

.padt_2{
	padding-top: 1em;
}

.padr_2{
	padding-right: 1em;
}

.padf_3{
	padding: 2em;
}

.padb_3{
	padding-bottom: 4em;
}

.padt_3{
	padding-top: 4em;
}

.padl_3{
	padding-left: 2em;
}
.padr_3{
	padding-right: 2em;
}

.padchambre,
.bigpad
{
	padding-top: 0em;
}

.secpad{
	padding-bottom: 2em;
}

.inter{
	padding-right: 0px;
	padding-left: 0px;
	
}
.cal_btsup{
	display: none;
}





#section.diapo.chbdeux{
	display: none;
}

.quart,
#section.quart,
#section.fl4
{
	width: 50%;
}


.demi{
	width: 100%;	
}

.padh_auto_child > div{
	padding-right: 0.5em;
	padding-left: 0.5em;
}

label.big{
	font-size: 1.2em;	
	display: inline-block;
	float: left;
	position: relative;
	width: 100%;
	text-align: left;

}


label.big.number{
	padding-top: 1em;
	padding-bottom: 0.5em;
	
}


label.labeltop.big.number{
	 font-family: 'ThunderMed';
	font-size: 1em;	
	padding-top: 1em;
	padding-bottom: 0.5em;
	width: unset;	
}



h2{
	font-size: 1.3em;
	margin-bottom: 0.5em;
	line-height: 1.1em;	
	font-style: normal;
	font-weight: 400;
}

h3{
	font-size: 1.2em;
	margin-bottom: 0.5em;
	line-height: 1.1em;
	font-weight: normal;
	font-weight: 400;
}

h4{
	font-size: 1.1em;
	margin-bottom: 0.5em;
	line-height: 1.1em;
	font-weight: normal;
	font-weight: 400;
}
#cal_size.inter, .cal_size.inter, #conteneur.inter #cal_size{
		padding-left: 0.5em;
	padding-right: 0.5em;
}

a.stample.promohome label{
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5eg);
	position: absolute;
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	-webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .3s ease-in-out;
	line-height: 1em;
	white-space: nowrap;
	display: block;
	right: 1em;
	top: 40%;
}
/* @end */

@media screen and (min-width: 501px)
{
#section.topinfo{
	display: inline-block;
	visibility: visible;
	}

.padf{
	padding: 1em;
}

label.big{
	font-size: 1.8em;	
	display: inline-block;
	float: left;
	position: relative;
	width: 100%;
	text-align: left;
	font-weight: normal;
	font-style: normal;
}

label.big.number{
	font-size: 2em;
	font-style: normal;
	text-transform: uppercase;
	line-height:1.5em;
}
h1.chambre .specialprice
{
	
	font-family: "ThunderExtLt",Lucida, Verdana, sans-serif;
	padding-left: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-left: 10px;
	font-size: 0.5em;
	line-height: 1.2em;
}


h2{
	font-size: 1.8em;
	margin-bottom: 0.5em;
	line-height: 1.1em;	
	font-style: normal;
	font-weight: 400;
}

h3{
	font-size: 23px;
	margin-bottom: 0.5em;
	line-height: 1.1em;
	font-weight: normal;
	font-weight: 400;
}


h4{
	font-size: 1.1em;
	margin-bottom: 0.5em;
	line-height: 1.1em;
	font-weight: normal;
	font-weight: 400;
}	

	
	
	#cal_size.inter, .cal_size.inter, #conteneur.inter #cal_size{
		padding-left: 1em;
	padding-right: 1em;
	}

.padf{
	padding: 0.5em;
}

.padt{
	padding-top: 1em;
}

.padb{
	padding-bottom: 1em;
}

.padl{
	padding-left: 1em;
}

.padr{
	padding-right: 1em;
}

.padf_2{
	padding: 2em;
}

.padl_2{
	padding-left: 2em;
}

.padb_2{
	padding-bottom: 2em;
}

.padt_2{
	padding-top: 2em;
}

.padr_2{
	padding-right: 2em;
}

.padf_3{
	padding: 4em;
}

.padt_3{
	padding-top: 4em;
}

.padl_3{
	padding-left: 4em;
}
.padr_3{
	padding-right: 4em;
}	
	
}

@media screen and (min-width: 820px)
{

#section.servicehomemob
{
	//display: none;
}
	

a.stample.promohome label{
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5eg);
	position: absolute;
	top: 140px;
	left: 160px;
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	-webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .3s ease-in-out;
	line-height: 1em;
	white-space: nowrap;
}

}

@media  screen and (min-width: 1000px)
{

#section.tophome{
	display: table;
}



#section.liketable{
	display: table;
}

#section.gauche_tophome{
	width: 50%;
	display: table-cell;
	float: none;
}


#section.droite_tophome{
	
	width: 50%;
	display: table-cell;
	float: none;
	vertical-align: middle;
	padding: 0 4em;
}
.page_gauche{
	max-width: 70%;
	padding-right: 1em;
}

.page_droite{
	max-width: 30%;
	padding-left: 1em;
}

.page_gauchebis{
	max-width: 60%;
	padding-right: 1em;
}

.page_droitebis{
	max-width: 40%;
	padding-left: 1em;
}


#section.diapo.chbun{
	max-width: 70%;	
	padding-right: 1em;
	
}
#section.diapo.chbdeux{
	max-width: 30%;	
	padding-left: 1em;
	display: block;
}

.padchambre,
.bigpad
{
	padding-top: 7em;
}

.secpad{
	padding-bottom: 7em;
}

.cal_btsup{
	display: block;
}

*.u2,
#section.u2
{
	max-width:600px;
}
	
.margehomeshop{
	width: 100%;
	display: block;
	float: left;
	height: 200px;
}	
	
	
	
	#section.topinfo #section.adresse,
	#section.topinfo #section.social,
	#section.topinfo .separmenu
	{
	display: inline-block;
	visibility: visible;
	}

.chbchoice{
	max-width: 150px;
}


*.demi,
#section.demi,
#section.fl2
{
	width: 50%;
}
#section.demi.full{
width: 100%;
}

*.tiers,
#section.tiers,
#section.fl3
{
	width: 33.3%;

}

*.tiers_reste,
#section.tiers_reste
{
	width: 66.7%;
	
}

.quart,
#section.quart,
#section.fl4
{
	width: 25%;
	min-height: 1px;
}


*.quart_reste,
#section.quart_reste
{
	width: 75%;
	
}


*.GRDM4.d1 > #section{	
	max-width: 100%;
}
*.GRDM4.d2 > #section{
	max-width: 50%;
	max-width: 49%;
}

*.GRDM4.d3 > #section{
	max-width: 33.333333%;
	max-width: 32.5%;
}

*.GRDM4.d4 > #section{
	max-width: 25%;
	max-width: 24%;
}

*.GRDM4.d3.d2 > #section:nth-child(1n+4){
	max-width: 50%;
	max-width: 49%;
}
*.GRDM4.d4.d3 > #section:nth-child(1n+5){
	max-width: 33.333333%;
	max-width: 32%;
}

*.GRDM4.d1 > .chbslect .info,
*.GRDM4.d1 > .chbslect .deco,
*.GRDM4.d1 > #section.chbslect .titrebox
{
	max-width: 50%;
	float: left;
	display: block;
	position: relative;	
}




*.GRDM4.d1 > #section.chbslect .titrebox
{
	border-top-style: none;
}

*.GRDM4.d1 > #section.chbslect .deco{
	border-right: 1px solid #000;
}
.padh_auto_child > div{
	margin: 0;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.padh_auto_child > div:first-child
{
	margin: 0;
	padding-left: 0em;
}
.padh_auto_child > div:last-child{
	margin: 0;
	padding-right: 0em;
}

.padh_auto_child > div.float-right{
	padding-right: 0em;
	padding-left: 0.5em;
}

.padh_auto_child > div.float-left{
	padding-right: 0.5em;
	padding-left: 0em;
}

.flechedown{
	padding-bottom: 1em;
	}

/* @group menu graffa home */
	
	.home_graffateria{
	max-height: 100%;
	}
	
	.menugrah{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	position: relative;
	}
	
	.padmenuhome{
	padding-top: 0;
	margin-top: -2em;
	}
	
	
	
	#section.cal_menu_resto,
	#section.cal_menu_info{
	position: relative;
	
	}
	
	#graffateria_menu.preview{
	padding: 1em;
	}
	a.bloc.menugraph{
	position: relative;
	display: block;
	float: left;
	}
	
	#section.coulisse{
	margin-top: 1em;
	}
	#section.servicehome{
	//display: none;
	}
/* @end */

#section.flex .auto{
	width: auto;	
}

#cal_size.inter,
.cal_size.inter,
#conteneur.inter #cal_size
{
	max-width: 1200px;
}

#conteneur.footer .logo{
	padding-top: 0em;
	padding-top: 0em;

} 




ul.SiteNavigationElement.bottom li a label,
#conteneur.footer a.reseau label,
#conteneur.footer p.adresse
{
	font-family: 'ThunderMed';
	font-size: inherit;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.2em;

}
#conteneur.headertop #cal_size,
#conteneur.footer #cal_size
{
	max-width: 1200px;
}

}

@media screen and (min-width: 1290px)
{

#section.gridflex.qt > *
{
 	flex-basis: calc(100%  /  4  - (2em  *  3  /  4));
 	margin-bottom: 2em;	
}
.inter{
	padding-right: 0;
	padding-left: 0;
	display: block;
}


.pad_innerpage{
	padding-left: 10%;
	padding-right: 10%;
}

.headertop{
	padding-right: 0em;
	padding-left: 0em;
}

#menu_conteneur.open{
	width:50%;
}



#section.deco_arc{
	transform: translateX(-50%);
}
	
#section.gridflex.trombi{	
	overflow: visible;
	padding: 0%;
}
	#man_pop #manpop_deco{
		max-width:1200px;
	 
	}
}

@media screen and (min-width: 2000px)	
{
	#cal_size.outpage,
	#conteneur.outpage #cal_size{
	max-width: 1800px;
	
}
}

@media screen and (max-width: 900px)
{
	
	#man_pop #manpop_deco{
		max-width:100%;
	 	max-height:100%;
	}
	
	#man_pop{
	
		padding:0px;
	}
	
	.conteneur_menu_home{
	min-height: 50vw;
	}
	
	.home_graffateria .padt_2{
	padding-top: 1em;
	}
	
	#toolsmapleaf{
	width: 100%;	
	}	

#infomapleaf.opener{
	width: 100%;
	max-height:60%;
	bottom: 0;
}
#section.grid.puzzle{
		display: flex;  /* 1 */
		justify-content: space-between;  /* 2 */
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 100%;
		flex-direction:row;
		align-items: stretch;
}

#section.grid.puzzle > *{
	flex-basis: calc(100%  /  3  - (2em  *  2  /  3));
}	


#section.gridflex.qt.andmore > *
{
 	flex-basis: calc(100% / 3 - (1em * 2 / 3));
 	margin-bottom: 1em;	
}


#section.gridflex.qt > *
{
 	flex-basis: calc(100% / 2 - (1em * 1 / 2));
 	margin-bottom: 1em;	
}

#section.gridflex.tr > *
{
 	flex-basis: calc(100% / 2 - (1em * 1 / 2));
 	margin-bottom: 2em;
}

#section.gridflex.deux > *
{
 	flex-basis: calc(100%  - (1em * 1 / 2));
 	margin-bottom: 2em;
}

#section.gridflex.db{
	display: block;
	width: 100%;
	
}

#section.gridflex.db > *{
	margin-bottom:1em;
	
}


#section.gridflex.db{
	display: block;
	width: 100%;
}

#section.gridflex.db > .media
{
	max-width:50%;
	padding: 1em;
}

#section.gridflex.db > .texte
{
	float: none;
	width: 100%;
}
}

@media screen and (max-width: 700px)
{
#section.griderqt,
#section.rangechoixshort{
	grid-template-columns :auto auto auto;

}

#section.servicehome
{
	display: none;
}
	
a.stample.promohome
	{
	height: 170px;
}

	a.stample.promohome label
	{
	top: 20%;
	}
	
	a.stample.promohome{
	
	background-size:unset;
	}

.rangechoix  #section.desccomplement
{
	max-width:100%;
}

.rangechoix   #section.annonce
{
	max-width:100%;

	
}


#section.Grd > #section
{
	width: 100%;
	display: block;
	float: left;
	position: relative;
	height: auto;
	}
	
	#section.Grd,
	#section.Grd > #section > #section{
	display: block;
	width: 100%;
	float: left;
	position: relative;	
	}

.conteneur_menu_home{
	min-height: 100vw;
	}
	
	.home_graffateria .padt_2{
	padding-top: 0.5em;
}
	
	.home_graffateria > #section,
	.home_graffateria > #section > #section
	{
		max-width: 100%;		
		width: 100%;
		min-width: 100%;
	}
	
	#section.grid.puzzle{
		display: flex;  /* 1 */
		justify-content: space-between;  /* 2 */
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 100%;
		flex-direction:row;
		align-items: stretch;
	}
	
	
	#section.grid.puzzle > *{
	flex-basis: calc(100%  /  2  - (2em  *  1  / 2));
	margin-bottom: 0em;
	}	


	#section.gridflex.qt.andmore > *
	{
 	flex-basis: calc(100% / 2 - (1em * 1 / 2));
 	margin-bottom: 1em;	
	}


#section.gridflex.qt > *
{
 	flex-basis: calc(100% / 2 - (1em * 1 / 2));
 	margin-bottom: 1em;	
}

#section.ongletconteneur .bt.choixtype{
	
	max-width: 49%;
	margin-bottom: 2%;
}
	
}



@media screen and (max-width: 501px)
{
#section.griderqt,
#section.rangechoixshort{
	
	grid-template-columns :auto auto;

}

#conteneur_acc.open
{
	overflow: hidden;
	overflow: auto;
	border: 1px none #ff0004;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	display: block;
	
}
.configcook #section.quart_reste,
.configcook  #section.quart,
.button.cook.end
{
	width:100%;
	display: block;
	position:relative;
	float: left;

}
#conteneur_acc.open #botom_cook.acceptc
{
	
	display: block;
	position:relative;
	float: left;
	align-self:normal;
}

body.cookask{
	padding: 0;
	width: 100%;
	display: block;
	overflow: hidden;
	height: 100%;
	margin: 0;
	touch-action: none;
}



.back_homechambre{
	background-image: none;
}


.removebrmob br{
	display:none;
}

h1{	
	//font-size: 1.5em;
}

.logo{
	//width: 200px;
}

.logocomplement{
	width: 100px;
}
a.opener_mobile{
	margin-top: 20px;
}	
.padh_auto_child > div{
	padding-left: 0;
	padding-right: 0;
}	

.tirroir #content_tirroir{	
	padding-right: 0.5em;
	padding-left: 0.5em;
}
	
a.nexter:before,
a.prever:before{
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 30px;
	width: 39px;
	line-height: 39px;
	height: 39px;
	position: absolute;
	top: 0;
	left: 0;
	border-style: none;
}	
	
	
	#section.gridstd,
	#section.grid,
	#section.gridflex,
	#section.grid.puzzle,
	#section.gridflex.qt,
	#section.gridflex.tr		
	{
	display: block;
	width: 100%;
	float: left;
	position: relative;
	}
	
	#section.poseanimargu{
	    margin-top: 0em;
	}
	
	.ico_titre{
		float:none;
	
	}
	
	h2.lettrine{
		white-space: normal;
	}
	
	#section.gridstd > *,
	#section.grid  > *,
	#section.gridflex  > *,
	#section.gridflex.qt  > *,
	#section.grid.puzzle > *	
	{
	display: block;
	width: 100%!important;
	max-width: 100%!important;	
	margin-bottom: 1em;
	float: left;
	position: relative;
}

	#section.gridflex.trombi> *{
	width: 80%;
	margin: 10%;
}

		
	#section.grid.puzzle > *{
	width: 100%;
	min-height: 100vw;
	margin-bottom: 1em;
	float: left;
	display: block;
	position: relative;
}


#section.gridflex.db > .media{
	max-width: 100%;
	padding: 0;
}

#section.fluidecenter.pseudo_check.fluidecenter{
	display: block;
}	

#section.fluidecenter.pseudo_check.fluidecenter .demi{
	width: 100%;
}

.cl_w_mob
{
	min-width: 100%;
}	
	
.padf_3,
.padt_2,
.padb_2{
	padding-top: 1em;
	padding-bottom: 1em;
}


.padl_3{
	padding-left: 1em;

}
.padr_3{
	padding-right: 1em;

}
#section.diapo.home .contenutext h1{
	font-size: 2.5em;

}
#section.ongletconteneur .bt.choixtype
{


	min-width: 49%;
	margin-bottom: 5px;
	}
	a.bt.choixtype label {
	font-size: 1.2em;
	}

	#section.calpromohome
	{
	position: relative;	
	display: block;
	width: 100%;
	padding: 0;
	}
	
	
	
	

	
	#titreeventhome
	{

	padding-top: 0px;
	position: relative;
	background-color: #1c1c1b;
	width: 100%;
}

	.calpromohome
	{
	max-height: 150px;
	overflow: hidden;
	}
	
	
	
	#section.flex.autogut.trc > #section{
	width: 50%;	
	}

	.servicehomemob{
		display: flex;
	}
	
	.bloc.material-icons.gwakamol.tache:before{
	width: 100%;
	}
	
	#Formulaire_resa h3, 
	#Formulaire_resa h2{
	float: left;
	display: block;
	position: relative;
	}
		
	h1.totalsejour{
	text-align: center;
	width: 100%;
	display: block;
	position: relative;
	border: 1px solid #000;
	}	
		
		
	span.right.nomob{
	width: 100%;
	display: block;
	float: left;
	position: relative;
	}
	
	ul.SiteNavigationElement li a{
	white-space: normal;
	}
	.footer ul.SiteNavigationElement li a{
	text-align: center;
	}
	ul.SiteNavigationElement.bottom li,
	ul.SiteNavigationElement.bottom li a label
	{
	width: 100%;
	text-align: center;
	}
	ul.SiteNavigationElement.bottom li a{
	border-right-style: none;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.487628);
	}
	
	#section.ongletconteneur .bt.choixtype{
	max-width: 100%;
	margin-bottom: 5px;
	}
	a.bt.choixtype label {
	font-size: 1.1em;
	}
	
	#man_pop {
	padding: 5px;
}
	
	#man_pop #manpop_contenu{
	padding: 0.5em;
	}
		
		
	#section.flex.autogut.trc > #section{
	width: 100%;	
	margin-bottom: 1em;
	float: left;
	display: block;
	}
	
	.padt_3{
	padding-top: 1em;
	}
	
	#switchchb{
	position: relative;
}
	
	.ajaxloading:after{
	width: 75px;
    height: 75px;
    line-height: 75px;
    font-size: 50px;
	}
	
}