/* write your custom styles here */

/* GIL */


/*
		Rouge : rgb(255, 62, 62 )
		Noir  : rgb(255, 255, 255 )
*/

.ligneauto{
	display: flex; 
	flex-wrap: wrap;
}

.colauto{
	flex-basis: 0;
	-webkit-box-flex: 1; 
	flex-grow: 1;
	max-width: 100%;
}


/*
@media (max-width:991px){
	.nosmart{
		display:none;
	}
	.smart{
		display:block;
	}
	
	.smartcalendar{
		display:none;
		position:relative;
	
	}
	body{
		background-image: none;
		background-color:#dddbdb;
	}
}

@media (min-width:992px){
	.smart{
		display:none;
	}
	.smartcalendar{
		display:block;
		position:fixed;
		top:180px;	
	}
	body{
		background-image: <? echo $_SESSION[$SESSION]["couleur023"]; ?>;
	}
	
}
*/	



input.beti_calendar{
	background-image: url("/_images/calendar.svg");
	background-repeat: no-repeat;     
	background-position: 5px;     
	padding-left: 35px; 
	border-style: none;

}

input.beti_calendar_submit{

	background-image: url("/_images/fd02.svg");
	background-repeat: no-repeat;
	background-positio: 2px;
	border-style: none;
	width: 100px;
	background-position-y: 10px;
	padding-right: 30px;
	background-position-x: 75px;
}

select.beti_nbadulte{
	padding-left: 10px;
	border-radius: 5px;
	border-style: none;	
	width:100px;
}

.beti_border{
	border-style:solid;
	border-width:1px;
	border-radius: 3px;
}

.beti_bordercolor{
	border-color:#aba7a7;
}

.beti_height{
	height:40px;
}

.beti_font{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
    color: white;
    font-weight: bold;	
}

.beti_bgcolor{
    background-color: #28b5f6;
}

.beti_bgcoloractive:hover{
    background-color: #ccc;;
	cursor:pointer;
}

div.beti_blocbouton{
	float:left;
	display: flex;
}

div.beti_blocboutonpremier{
	margin-right:10px;
}

div.beti_blocboutonmilieu{
	margin-right:10px;
}

input.beti_nbpers{
	border-style:none;
	border-right:solid;
	border-right-color:#aba7a7;
	border-right-width:1px;
	border-left:solid;
	border-left-color:#aba7a7;
	border-left-width:1px;
	width:50px;
}

input.beti_nbpers_bouton{
	border-style:none;
	background-color:transparent;
}

div.beti_nbpers_bouton1{
	float:left;
	background-image: url("/_images/fg01.gif");
	background-repeat: no-repeat;     
	background-position-y: 6px;
	background-position-x: 5px;
	width: 30px;
}

div.beti_nbpers_bouton2{
	float:left;
	background-image: url("/_images/fd01.gif");
	background-repeat: no-repeat;     
	background-position-y: 6px;
	background-position-x: 8px;
	width:30px;
}

div.beti_choix{
	float:left;
	background-image: url("/_images/fb01.gif");
	background-repeat: no-repeat;     
	background-position-y: 10px;
	background-position-x: 6px;
	width:30px;
}

input.beti_heure{
	border-style: none;
	width: 100px;
	background-image: url("/_images/heure03.svg");
	background-repeat: no-repeat;
	padding-left: 35px;
}

input.beti_heure_bouton{
	border-style:none;
	background-color:transparent;
}

div.beti_heure_bouton1{
	float:left;
	border-left:solid;
	border-left-color:#aba7a7;
	border-left-width:1px;
	background-image: url("/_images/fg01.svg");
	background-repeat: no-repeat;     
	background-position-y: 10px;
	background-position-x: 3px;
	width:30px;
}

div.beti_heure_bouton2{
	float:left;
	border-left:solid;
	border-left-color:#aba7a7;
	border-left-width:1px;
	background-image: url("/_images/fd01.svg");
	background-repeat: no-repeat;     
	background-position-y: 10px;
	background-position-x: 3px;
	width:30px;
}




t1{
	font-size:1.5rem;
	font-weight:bold;
}
t2{
	font-size:1.4rem;
	font-weight:bold;
}
t3{
	font-size:1.3rem;
	font-weight:bold;
}
t4{
	font-size:1.2rem;
	font-weight:bold;
}
t5{
	font-size:1.1rem;
	font-weight:bold;
}
t6{
	font-size:1rem;
	font-weight:bold;
}
t7{
	font-size:0.9rem;
	font-weight:bold;
}
t8{
	font-size:0.8rem;
	font-weight:bold;
}
t9{
	font-size:0.7rem;
	font-weight:bold;
}

rouge{
	color:#F00;
}

p1{font-size:1.5rem;}
p2{font-size:1.4rem;}
p3{font-size:1.3rem;}
p4{font-size:1.2rem;}
p5{font-size:1.1rem;}
p6{font-size:1rem;}
p7{font-size:0.9rem;}
p8{font-size:0.8rem;}
p9{font-size:0.7rem;}

table.ch001{
	border-collapse: collapse; 
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
	width: 100%;
}


table.ch001 td{
	border-collapse: collapse; 
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
	padding:0px;
	margin:0px;
}


a:hover, a:focus {
	text-decoration:none; 	
}

a.nav001{
	text-transform:uppercase;
	text-decoration:none; 	
	transition: all 0.2s ease-in-out;
}

a.nav001:hover, a.nav001:focus {
	text-decoration:none; 	
	-webkit-text-decoration-color: currentColor;
	text-decoration-color: currentColor;
}


a.nodeco:hover, a.nodeco:focus a.nodeco:visited {
	text-decoration:none; 	
/*	-webkit-text-decoration-color: currentColor;
	text-decoration-color: currentColor;
	color:#62a661;*/
}


img.photo001{
	width:100%;
}


img.vg001{
	margin-bottom:5px;
	height:100px;
}




.bgnone{
	background:none;
}

.bordernone{
	border:none;
}

.radiusnone{
	border-radius:0px;
}

section.calendrier1{
	position:absolute;
	margin-top:-60px;
	z-index:20; 
	width:100%;
}

div.calendrier1{
	/*position:absolute;*/
/*	margin-top:-60px;*/
	z-index:20; 
	width:100%;
}

@media screen and (max-width: 700px) {
  section.calendrier1{
	position: relative;
	margin-top:0px;
	height:auto;
  }
}

div.calendrier1e{
	display:table; 
	float:left; 
	height:60px;
}


section.calendrier2{
	z-index:20; 
	width:100%;
}



.dt{display:table;}
.fl{float:left;}
.fr{float:right;}

.dflex{display:flex;}

.bd1{	
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
}


.bsl1{	
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#CCC;
}

.bsr1{	
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#CCC;
}

.bsb1{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
}

.bst1{
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#CCC;
}


.w-80{width:80%}
.w-90{width:90%}

.mw50{min-width:50px;}	
.mw70{min-width:70px;}
.mw80{min-width:80px;}
.mw100{min-width:100px;}
.mw180{min-width:180px;}
.mw200{min-width:200px;}
.mw220{min-width:220px;}
.mw270{min-width:270px;}
.mw350{min-width:350px;}
.mw500{min-width:500px;}

.w30 {width:30px; }
.w35 {width:35px; }
.w40 {width:40px; }
.w45 {width:45px; }
.w50 {width:50px; }
.w60 {width:60px; }
.w65 {width:65px; }
.w70 {width:70px; }
.w80 {width:80px; }
.w100{width:100px;}
.w120{width:120px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w200{width:200px;}
.w250{width:250px;}
.w280{width:280px;}
.w350{width:350px;}
.w400{width:400px;}
.wmax{width:100%;}

.maxw180{max-width:180px;}
.maxw400{max-width:400px;}
.maxw500{max-width:500px;}

.mauto{margin:auto;}

.w14p{width:14%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w33p{width:33%;}
.w50p{width:50%;}
.w64p{width:64%;}
.w66p{width:66%;}
.w75p{width:75%;}

.w90p{width:90%;}

.h1{height:1px;}
.h2{height:2px;}
.h3{height:3px;}
.h4{height:4px;}
.h5{height:5px;}
.h6{height:6px;}
.h7{height:7px;}
.h20{height:20px;}
.h30{height:30px;}
.h33{height:33px;}
.h35{height:35px;}
.h40{height:40px;}
.h45{height:45px;}
.h50{height:50px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h110{height:110px;}
.h120{height:120px;}
.h170{height:170px;}
.h180{height:180px;}
.h190{height:190px;}
.h200{height:200px;}
.h210{height:210px;}
.h220{height:220px;}
.h230{height:230px;}
.h240{height:240px;}
.h250{height:250px;}
.h280{height:280px;}
.h350{height:350px;}

.txtcenter{	text-align:center;}
.txtjustify{text-align:justify;}
.txtright{text-align:right;}
.txtleft{text-align:left;}
.txtupper{text-transform:uppercase;}
.txtbarre{text-decoration:line-through;}
.txtnodecor{text-decoration:none;}


.br5{
	border-radius: 5px;		
}


.bblr5{
	border-bottom-left-radius: 5px;		
}

.bbrr5{
	border-bottom-right-radius: 5px;		
}


.btrr5{
	border-top-right-radius: 5px;		
}

.btlr5{
	border-top-left-radius: 5px;		
}

.btr5{
	border-top-right-radius: 5px;		
	border-top-left-radius: 5px;		
}


.br10{
	border-radius: 10px;
}
.btr10{
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.br20{
	border-radius: 20px;		
}

.btr20{
	border-top-right-radius: 20px;		
	border-top-left-radius: 20px;		
}

.brr20{
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;	
}

.btrr20{
	border-top-right-radius: 20px;	
}


.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}

.btn-facebook-invert {
    color: #3b5998;
    background-color: #eee;
    border-color: rgba(0,0,0,0.2);
}

.btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: rgba(0,0,0,0.2);
}

.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0,0,0,0.2);
}

.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: rgba(0,0,0,0.2);
}

.btn-instagram {
    color: #000;
    background-color: #ffffff;
    border-color: rgba(0,0,0,0.2);
}







.custom_overlay_wrapper { position: relative; }
 
.custom_overlay {
	/*position: absolute;*/
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background-color: rgba(255, 255, 255, .9);
	opacity: 1;
	/*
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;*/
}
 
.custom_overlay:hover {
	opacity: 1;
}
 
.custom_overlay_inner {
	position: absolute;
	top: 50%;
	left: 10px;
	right: 10px;
  	transform: translateY(-50%);
}
 
.custom_overlay h4 {
	position: relative;
	margin-bottom: 4px;
}
 
.custom_overlay p { 
	color: #000;
	line-height: 1.4em;
}
 
.custom_overlay h4:after {
	/*
	background-color: red;
	content: "";
	position: absolute;
	left: 35%;
	right: 35%;
	bottom: 0;
	height: 4px;*/
}
 
/*------------------- TABLET ------------------*/
@media only screen and ( min-width: 600px ) and ( max-width: 999px ) {
	.custom_overlay h4 { font-size: 80%;}
	.custom_overlay p { 
		font-size: 85%;
		/*line-height: 1.2em;*/
	}
}
 
/*------------------- MOBILE ------------------*/
@media only screen and ( max-width: 599px ) {
	.custom_overlay h4 { font-size: 100%;}
	.custom_overlay p { font-size: 100%;}
}



.znav-white {
  background-color: rgba(255, 255, 255, 0.9);
}

.znav-white hr {
  border-top-color: rgba(12, 21, 26, 0.05);
}

.znav-white button {
  color: #0c151a;
}

/*	Couleur repos */
.znav-white a:not(.btn) {
  color: rgb(0, 0, 0 );
}

.znav-white a.active{
  color:rgb(255, 24, 48 );
}

.znav-white a:not(.btn):active, .znav-white a:not(.btn):hover, .znav-white a:not(.btn):focus, .znav-white a:not(.btn):active:focus {
  color:rgb(255, 24, 48 );
}

.znav-white a.navbar-brand {
  color: #0c151a;
}

.znav-white [class*='has-']:after {
  color: #0c151a;
}

.znav-white .megamenu, .znav-white .dropdown {
  color: #0c151a;
  background-color: white;
}