/*Le CSS*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,center,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* Global */
/******FONTS-****/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 14, 2014 */



@font-face {font-family: 'blackjackregular'; src: url('https://www.m.moteletchaletsnatabel.com/css/black_jack-webfont.eot'); src: url('https://www.m.moteletchaletsnatabel.com/css/black_jack-webfont.eot#iefix') format('embedded-opentype'),  url('https://www.m.moteletchaletsnatabel.com/css/black_jack-webfont.woff') format('woff'),url('https://www.m.moteletchaletsnatabel.com/css/black_jack-webfont.ttf') format('truetype'), url('https://www.m.moteletchaletsnatabel.com/css/black_jack-webfont.svg#blackjackregular') format('svg'); font-weight: normal;font-style: normal;}


a{text-decoration:none;}
body{background: #598db2 url('https://www.m.moteletchaletsnatabel.com/img/bgBottom.jpg') bottom center no-repeat;background-size: 100% auto;font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
/* Fin Global --- Header */
/*Le conteneur principal qui inclut tout les éléments*/
#principal{display:block;margin:0 auto;position: relative;}
#zoneLogo{margin-left: 5%; float: left;}
	#logo{ display:block; position:relative;z-index:200;}
	#logo img{width: 100%; max-width: 197px;}
	#reservation{display:block;margin-left: 0px; margin-top: -40px;position: relative; z-index: 100;}
	#reservation img{width: 100%;}

#hautPage{background: url('https://www.m.moteletchaletsnatabel.com/img/bgTop.jpg') top center no-repeat ; background-size: 100% auto;position:relative;padding-bottom:8px;width:100%;overflow:hidden;height: 309px; margin-bottom: -20px;}
/*L'image de logo inclut une hauteur et largeur maximale*/


#social{margin-top: 5px;}
.fb_btn{margin-bottom: 5px;}

/* Fin Navigation --- Contenu */

#contenu{margin:0 auto; margin-bottom:15px;position: relative;}
div.tableTarif{background: #eee; float:left; width: 40%;margin: 0 5%;}
div.tableTarif table{width: 100%; text-align: center}
	div.tableTarif th{background: #742625; color: #FFF;padding: 3px;height:80px;vertical-align:middle;}
	div.tableTarif tr{background: #eee; width: 300px;}
	div.tableTarif td{height: 50px;vertical-align:middle;}
	div.tableTarif tr.even{background: #aaa;}
	
/*Les btn*/

.btnMenuRoll{display:table; width:100%;}
.contenuBtn{height:102px; min-width:230px; position:relative;display:table-cell;vertical-align:middle;background: url('https://www.m.moteletchaletsnatabel.com/img/bgBtn.png') repeat-x center;}


/*Les textes du btn*/
.btnTexte{font-size:2em; color:#71332e; font-family: blackjackregular, sans-serif; font-weight: bold;text-align: left; padding-left: 10%;}
.btnTexte.smallLine{line-height: 0.7em;}
.btnTexte span.big{font-size: 1.2em;line-height: 0.7em;}
.btnTexte span.small{font-size: 0.9em;}

/*Les sous-menus*/
.sousMenu{display:none;margin-left:70px;}
	.lienSousMenu{color:#fff;display:block; width:100%; background:#028ebb;	padding:9px 0;}
	.lienSousMenu:hover{background: #cae161; color: #000;}
	.lienSousTxt{ font-size:1em; max-width:100%;padding-left:40px;}
	
.social_home{text-align:center;}
	.social_home img{margin:0 3px;}

#overlay{background: url('https://www.m.moteletchaletsnatabel.com/img/overBtn.png') no-repeat bottom right; position: absolute; bottom: 23px; left: 140px; top: 0; right: 0;pointer-events:none;}
#bird{background: url('https://www.m.moteletchaletsnatabel.com/img/bird.png') no-repeat bottom right; position: absolute; bottom: 50px; right: 0px; width: 428px; height: 356px;pointer-events:none;}
	
/* Fin contenu --- Footer */ 

#basPage{display:block;  text-align:center; color:black; font-size:1.2em; background: rgb(84,26,30);
background: -moz-linear-gradient(top,  rgba(84,26,30,1) 0%, rgba(114,37,37,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,26,30,1)), color-stop(100%,rgba(114,37,37,1)));
background: -webkit-linear-gradient(top,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
background: -o-linear-gradient(top,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
background: -ms-linear-gradient(top,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
background: linear-gradient(to bottom,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#541a1e', endColorstr='#742625',GradientType=0 );
margin:0 auto;margin-top:10px; padding: 15px 0;  color:#FFF; border-radius: 20px 20px 0 0;border:1px solid #742625;
-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);}

/* Fin Footer --- Classes */

/*BTN RETOUR*/
#btnRetour{display:block; text-align:center; color:black; font-size:1.2em; background: rgb(84,26,30);
background: -moz-linear-gradient(top,  rgba(84,26,30,1) 0%, rgba(114,37,37,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,26,30,1)), color-stop(100%,rgba(114,37,37,1)));
background: -webkit-linear-gradient(top,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
background: -o-linear-gradient(top,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
background: -ms-linear-gradient(top,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
background: linear-gradient(to bottom,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#541a1e', endColorstr='#742625',GradientType=0 );
 padding:10px 0;margin:0 auto 15px auto;color:#FFF; position: relative; z-index: 10;border:1px solid #742625;
-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);border-radius:10px;}


.clear{clear:both;}
.hidden{display:none;}
.underline{text-decoration:underline}
.float{float:left;}


/*Vous pouvez inséré des classes pour les différentes pages ici*/

.zoneContenu{color:#222; margin:0 3px 0 3px; padding:10px 15px; background:rgba(255,255,255, 0.85);font-size:18px;}
/*.zoneContenu h1, .zoneContenu h2, .zoneContenu h3, .zoneContenu p, .zoneContenu ul, .zoneContenu div{ margin-bottom:8px;}*/
.zoneContenu p, .zoneContenu div, .zoneContenu ul, .zoneContenu ol{line-height:140%;margin-top:8px;}
.zoneContenu h1{font-size:1.6em; font-weight:bold; margin-top:8px; color:#742625;margin-bottom:8px;}
.zoneContenu h2{font-size:1.4em; font-weight:bold; margin-top:8px; color:#494949;}
.zoneContenu h3{font-size:1em; font-weight:bold; color:#494949;}
.zoneContenu h4{font-size:1em;  color:#333;margin-top:8px;}
.zoneContenu ul,.zoneContenu ol{ margin-left:40px;}
.zoneContenu ul li, .zoneContenu ol li{}
.zoneContenu a{color:#000;text-decoration:underline;}
.zoneContenu a:hover{color:#000 !important;}
.zoneContenu span, .zoneContenu strong{color:#000}
.zoneContenu span.small{font-size:0.75em;line-height:100%;}
.zoneContenu img{max-width:100%;margin:5px;}
.zoneContenu.sub{margin:5px 0 15px 0;background:rgba(0,0,0, 0.5)}

.zoneContenu .btn_big{padding:8px 0;text-decoration:none;background: rgb(84,26,30);
background: -moz-linear-gradient(top,  rgba(84,26,30,1) 0%, rgba(114,37,37,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,26,30,1)), color-stop(100%,rgba(114,37,37,1)));
background: -webkit-linear-gradient(top,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
background: -o-linear-gradient(top,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
background: -ms-linear-gradient(top,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
background: linear-gradient(to bottom,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#541a1e', endColorstr='#742625',GradientType=0 );
display:block; margin:0 auto;margin-bottom:8px;text-align:center;max-width:100%;font-size:1.2em;color:#252525 !important;border-radius:10px;border:1px solid #742625;
-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);position:relative;z-index:100;}


 .zoneContenu .input-text{display:block;width:98%; font-size:1.1em; padding: 6px 1%;margin:7px auto;font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;resize:none;border-radius:10px;border:1px solid #999;box-sizing:content-box}

 @media handheld, only screen and (min-width: 1px) {
	 .zoneContenu .input-text{width:96%;padding:6px 2%;}
 }
 @media handheld, only screen and (min-width: 775px) {
	 .zoneContenu .input-text{width:98%;padding:6px 1%;}
 }
 
 
textarea{height:125px;}
.submit-btn{margin:0 auto;display:block;font-size:1.2em; padding:8px 0;width:80%; font-weight:bold; display:block;min-width:220px; border:0px; cursor:pointer;background: rgb(84,26,30);
background: -moz-linear-gradient(top,  rgba(84,26,30,1) 0%, rgba(114,37,37,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,26,30,1)), color-stop(100%,rgba(114,37,37,1)));
background: -webkit-linear-gradient(top,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
background: -o-linear-gradient(top,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
background: -ms-linear-gradient(top,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
background: linear-gradient(to bottom,  rgba(84,26,30,1) 0%,rgba(114,37,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#541a1e', endColorstr='#742625',GradientType=0 );
color:#FFF;border-radius:10px;border:1px solid #742625;
-webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);}


div.cadre{ overflow: hidden; margin:5px auto; text-align: center;}

/*THUMBS IMG*/
	
@media handheld, only screen and (max-width: 1024px) {
	body{background-size: 1024px auto;}
	#hautPage{background-size: 1024px auto;}
	.thumbLightbox{max-width:500px; }
}

@media handheld, only screen and (max-width: 767px) {
	div.tableTarif{width: 100%; margin: 5px 0;}
	#overlay{background-position: bottom left;}
	#bird{display: none;}
	.thumbLightbox{max-width:400px;}
}
@media handheld, only screen and (max-width: 640px) {
	.thumbLightbox{max-width:100%;}
	/*#hautPage{height: 180px;}*/
}

@media handheld, only screen and (max-width: 500px) {
	
	.thumbLightbox{max-width:100%;}
	/*#hautPage{height: 150px;}*/
}

@media handheld, only screen and (max-width: 400px) {
	#zoneLogo{width: 150px;}
	.btnTexte{font-size: 1.8em;}
}
@media handheld, only screen and (max-width: 340px) {
	.btnTexte{font-size: 1.6em;}
}



hr{border: none;border-top:dashed 1px #494949;}

.lienModele{margin-left:10px; font-size:1.2em; font-weight:bold;}
.imgPlan{margin-right:10px; margin-bottom:10px; width:30%;}
.txtPlan{width:65%;}
.contenuPhoto{text-align:center;}



.zoneContenu p#page-navig{margin:0;}
.zoneContenu p#page-navig a, .zoneContenu p#page-navig span{text-decoration:none !important;font-size:1.3em;padding:0 6px;color:#ccc;}
.zoneContenu p#page-navig a span{text-decoration:underline !important;}
.center{text-align:center;}
.clear{clear:both;margin:0 !important;}
.relative{position:relative;display:block;}
.vendu_image{position:absolute;top:0;right:0;max-width:55% !important;}



/*******/

.zoneContenu  div.boutons_texte{line-height: 1!important;background:url(https://www.m.moteletchaletsnatabel.com/css/<?=$siteNormal?>/img/bg_boutons.png) repeat-x center top;display:inline-block;max-width:auto;border-top:1px solid #fff; border-left:#fff 1px solid; border-radius:12px;-webkit-box-shadow:  2px 2px 4px 0px rgba(0, 0, 0, 0.4);box-shadow:  2px 2px 4px 0px rgba(0, 0, 0, 0.4);margin-top:40px;}
		.zoneContenu  div.boutons_texte a{text-decoration: none;color:#000;font-size:15px;float:left;display:block;padding:18px 18px 8px 18px;position:relative;}
		.zoneContenu div.boutons_texte a.btn:last-of-type{border-radius:0 12px 12px 0;}
		.zoneContenu div.boutons_texte a.btn:first-of-type{border-radius:12px 0 0 12px ;}
		.zoneContenu div.boutons_texte a.btn:only-of-type{border-radius:12px ;}

		.zoneContenu div.boutons_texte a:hover{background:url(https://www.m.moteletchaletsnatabel.com/css/<?=$siteNormal?>/img/bg_boutons_hover.png) top center repeat-x;}
		.zoneContenu div.boutons_texte a img{position:absolute;bottom:55%;}
		.zoneContenu div.boutons_texte a.photo img{left:15px;}
		.zoneContenu div.boutons_texte a.video img{left:14px;}
		.zoneContenu div.boutons_texte a.horaire img{left:19px;}
		.zoneContenu div.boutons_texte a.lieu img{left:17px;}
	.zoneContenu div.boutons_texte a.horaire img{left:19px;}
	.zoneContenu div.boutons_texte a.lieu img{left:17px;}

.sub_social{height:25px;width:100%;overflow:hidden;}
.sub_social.bottom{margin-top:5px;}
	.sub_social div{margin:0 !important; display:inline-block !important; margin-right: 5px !important;padding-left:0 !important;line-height:100% !important;}
@media handheld, only screen and (min-width: 750px) {
	.zoneContenu div.image_div{width:30%;float:left;margin-right:2%;}
	.zoneContenu div.has_image{width:68%;float:left;}
	.sub_social.image{height:45px;width:100%;overflow:hidden;}
	
}
.zoneContenu div.image_div img{display:block;margin:5px auto;}
._2tga._8j9v{display: none !important;}