/* =====[ RESET ]======================================================================== */

body,h1,h2,h3,h4,p,quote,small,form,input,ul,li,ol,label{
	/* Page reset */
	margin:0px;
	padding:0px;
}



/* =====[ GENERAL ]======================================================================== */
body {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#2c2c2c;
	position: relative;
	margin:0;
	padding:0;
	z-index:0;

}

a {	text-decoration:none; color:#f97306;}
a:hover {color:#4fa4b6;}
p { text-align:justify;	margin:10px 0; }
hr {background: #e0dfdf;border:none; height:1px; margin: 30px 0 40px}

h1{	 font-family: 'Lato', sans-serif; font-size:35px;	color:#13384e;	font-weight:normal;	padding:20px 0; text-align:center }
h2{	font-family: 'Lato', sans-serif; font-size:30px; color:#4fa4b6; font-weight:normal;	padding:0 0 20px 0; text-align:center}
h3{	font-family: 'Lato', sans-serif; font-size:25px; color:#4fa4b6;	font-weight:normal;	padding:15px 0; }
h4{	font-family: 'Lato', sans-serif; font-size:20px; color:#4fa4b6;	font-weight:normal;	padding:15px 0; }
header h3{	color:#ffffff; padding:15px 0;}
h3 img{	width:50px;  height:auto; vertical-align:middle; padding-right:15px;}

.container{	position:relative;	width:80%;	margin:30px auto;  }
#chalet{	margin:0 auto;}
.clear{	clear:both;}

.bouton{padding:10px 30px;  display:inline-block; margin-top:10px;}
.bouton:hover{background:#f97306; color:#ffffff;}

.head{background:#ffffff; color:#f97306; }
.calendrier{background:#58c4db; color:#ffffff;}
.contact{background:#13384e; color:#ffffff;}


/* =====[ HEADER / MENU ]======================================================================== */
header{	background:#4fa4b6; color:#ffffff; font-size:20px;}
header ul li{ list-style:none; /*float:left;*/ display:inline-block; padding:0; box-sizing:border-box;  text-align:center; vertical-align:top}
header  ul li:last-child { width:50%; background:#13384e }
header  ul li:first-child { width:50%; padding:6% 5% 5% 5%; }
header ul li:last-child img{ width:100%; height:auto;}
header p{	text-align:center}



nav {text-align:center; font-size:20px; padding:40px 0 50px 0; background:#f2f2f2}
nav ul li{	list-style:none; display:inline-block; padding:10px 20px; box-sizing:border-box; }

nav a h4{position:absolute; background:#13384e; padding:10px;}
nav a img{max-width:700px; height:auto; width:100%;}
nav a:hover h4{ background:#4fa4b6; color:#ffffff }
nav h4 img{width:20px; height:auto; padding-left:10px; vertical-align:middle}


.etoile img{	vertical-align:middle; padding-left:5px }
.etoile span{	padding-right:15px;}


/* =====[ CONTENU ]======================================================================== */


#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}



.item p{	text-align:center; color:#f2f2f2}
ul {	list-style:none;}
ul li{	padding:5px}
ul.list li:nth-child(odd){	background:#f5f5f5}
ul li div{	float:right}
ul li span{	color:#858585; font-size:14px;}

div.bloc{	width:50%; box-sizing:border-box; float:left; padding: 0 3% 5% 0}
div.deux{	padding: 0 0 5% 3%;}
.texte ul li{	font-size:18px; color:#858585}

.prix{	font-size:20px; font-weight:bold;}
.note, p em{	font-style:italic; color:#0f627f}
.note2{	font-size:13px; color:#4fa4b6; padding:0; }
.gris{	color:#a7a7a7}

div.scrollmobile{ overflow: hidden;}
ul.detail{	display:table; width:100%;}
ul.titre{	font-weight:bold; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee}
ul.detail li{	display:table-cell; width:33.33%; vertical-align:bottom;}
ul.espace{	margin-top:15px;}
ul.detail li em{	color:#858585; font-size:14px;}
ul.detail:nth-child(even) {background:#f5f5f5}
ul.detail li{	padding:5px 0;}


ul.contact{ text-align:center;}
ul.contact li{float:left;	width:33.33%;	padding:20px 0; background:#d9d8d8;	box-sizing:border-box;	text-align:center;}
ul.contact li:hover{background:#0f627f;}
ul.contact li:nth-child(2n){background:#f9f9f9;	}
ul.contact li:hover:nth-child(2n){background:#0f627f;	}
ul.contact li a{display:block}
ul.contact li a:hover{color:#ffffff}
ul.contact li img{width:50px; height:auto; vertical-align:middle; padding-left:15px;}

.icone{float:right; padding-left:20px}
.icone img{width:60px; height:auto; padding:3px}

/*video 100%*/
/* Le parent */
.videoWrapper {
position: relative;
/*padding-bottom: 56.25%;*/ /* 16:9 */
padding-bottom: 51%; /* 16:9 */
padding-top: 25px;
height: 0;
}
/* L'enfant */
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* =====[ FOOTER  ]======================================================================== */

.footer{background:#13384e; color:#ffffff; padding:50px 0; }

footer{	background:#4fa4b6; padding:20px 0; color:#ffffff; text-align:center; font-size:13px;}
footer a, footer a:hover{	color:#ffffff;}


/*---rend les images de la gestion compatible mobile--*/
.gestion img{	max-width:100%;	height:auto!important;	padding:0;}

/* :::::[ Tablette vertical ]::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media only screen and  (max-width: 1300px){

.container{	width:80%; }

header  ul li:first-child { width:100%; padding:5%;}
header  ul li:last-child { width:100%;}
nav ul li{	width:33%; }

}


/* :::::[ Tablette vertical ]::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media only screen and  (max-width: 1008px){

div.bloc{	width:100%; box-sizing:border-box; float:left; padding: 0 0 5% 0}
div.deux{	padding: 0 0 5% 0;}

}

/* :::::[ 480 PIXELS LAYOUT (IPHONE HORIZONTALE et VERTICALE)]::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


@media only screen and (max-width: 752px) {
iframe{	height:275px;}

nav ul li{	width:100%; }

.icone{float:none; padding:0}
h3 img{	display:block}
.carte{	height:250px;}
div.scrollmobile{ overflow: scroll; overflow-y: hidden;}
.nav{	display:block}
/*ul.detail li{	min-width:160px;}*/

ul.contact li{float:left;	width:100%;	padding:20px 0; background:#d9d8d8;	box-sizing:border-box;	text-align:center;}

}
 /*:::::[ 320 PIXELS LAYOUT (iphone vertical) ]::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media only screen and (max-width: 464px) {}