@charset "UTF-8";
/* CSS Document */



/********************************
		      LAYOUT
********************************/

body{
margin:0;
padding:0;
}

body.camping{
background-color:#ffffff;
}

#page{
background-repeat:repeat-x;
background-position:top center;
min-width:979px;
}

body.camping #page{
background-image:url(images/camping/layout/background.jpg);
background-color:#ced673;
}

body.plage #page{
background-image:url(images/plage/layout/background.jpg);
background-color:#d8e6e2;
}

#page-inner{
width:979px;
margin:0 auto;
}

#header{
width:979px;
height:83px;
background-repeat:no-repeat;
position:relative;
}


body.camping #header{background-image:url(images/camping/layout/back_header.jpg);}

body.plage #header{background-image:url(images/plage/layout/back_header.jpg);}



/********************************
			   LOGO
********************************/

h1#logo{
margin:0;
padding:0;
position:absolute;
top:19px;
left:15px;
}

h1#logo a{
display:block;
width:132px;
height:78px;
}

h1#logo a span{
position:absolute;
left:-999999px;
}

body.camping h1#logo{
width:132px;
height:78px;
background-image:url(images/camping/layout/plage-laurentides-logo.jpg);
}

body.plage h1#logo{
width:132px;
height:78px;
background-image:url(images/plage/layout/plage-laurentides-logo.jpg);
}



/********************************
		NAVIGATION HAUT
********************************/

#header #menu{
padding:8px 0 0 226px;
height:75px;
}

#header #menu a{
display:block;
width:142px;
height:44px;
background-repeat:no-repeat;
float:left;
font-family:"Times New Roman", Times, serif;
font-size:20px;
padding:31px 0 0 95px;
text-decoration:none;
}

#menu a#menu_plage{
background-image:url(images/plage/navig/navig_plage.jpg);
}

#menu a#menu_camping{
background-image:url(images/camping/navig/navig_camping.jpg);
}

/**** STATE DES BOUTONS ****/

body.plage #menu a#menu_plage{background-position:0 0;color:#0076ab;}
body.plage #menu a#menu_plage:visited{color:#0076ab;}
body.plage #menu a#menu_plage:hover{background-position:0 0;}


body.plage #menu a#menu_camping{background-position:0 -75px;color:#ffffff;}
body.plage #menu a#menu_camping:visited{color:#ffffff;}
body.plage #menu a#menu_camping:hover{background-position:0 -150px;}


body.camping #menu a#menu_plage{background-position:0 -75px;color:#ffffff;}
body.camping #menu a#menu_plage:visited{color:#ffffff;}
body.camping #menu a#menu_plage:hover{background-position:0 -150px;}


body.camping #menu a#menu_camping{background-position:0 0;color:#509110;}
body.camping #menu a#menu_camping:visited{color:#509110;}
body.camping #menu a#menu_camping:hover{background-position:0 0;}

/**************************/


/********************************
		  LEFT-SIDEBAR
********************************/


/*********NAVIGATION*********/

#left-sidebar{
width:244px;
height:376px;
float:left;
display:inline;
position:relative;
z-index:10;
}

#left-sidebar-inner{
padding-top:30px;
}

#navig{}

#navig ul li a span{
position:absolute;
left:-99999px;
}

#navig ul{margin:0;padding:0;}

#navig ul li{
list-style-type:none;
margin:0;padding:0;
}

#navig ul li a.navig{
display:block;
width:244px;
cursor:pointer;
}

/******** CAMPING ***********/
body.camping #navig ul li a#navig7{
height:47px;
background:url(images/camping/navig/navig1.png) no-repeat;
}
body.camping #navig ul li a#navig7:hover{background-position:0 -47px;}
body.camping #navig ul li.active a#navig7{background-position:0 -47px;}


body.camping #navig ul li a#navig8{
height:43px;
background:url(images/camping/navig/navig2.png) no-repeat;
}
body.camping #navig ul li a#navig8:hover{background-position:0 -43px;}
body.camping #navig ul li.active a#navig8{background-position:0 -43px;}


body.camping #navig ul li a#navig9{
height:46px;
background:url(images/camping/navig/navig3.png) no-repeat;
}
body.camping #navig ul li a#navig9:hover{background-position:0 -46px;}
body.camping #navig ul li.active a#navig9{background-position:0 -46px;}


body.camping #navig ul li a#navig10{
height:43px;
background:url(images/camping/navig/navig4.png) no-repeat;
}
body.camping #navig ul li a#navig10:hover{background-position:0 -43px;}
body.camping #navig ul li.active a#navig10{background-position:0 -43px;}


body.camping #navig ul li a#navig11{
height:47px;
background:url(images/camping/navig/navig5.png) no-repeat;
}
body.camping #navig ul li a#navig11:hover{background-position:0 -47px;}
body.camping #navig ul li.active a#navig11{background-position:0 -47px;}
/******************************/

/********** PLAGE ***********/
body.plage #navig ul li a#navig3{
height:47px;
background:url(images/plage/navig/navig1.png) no-repeat;
}
body.plage #navig ul li a#navig3:hover{background-position:0 -47px;}
body.plage #navig ul li.active a#navig3{background-position:0 -47px;}


body.plage #navig ul li a#navig4{
height:43px;
background:url(images/plage/navig/navig2.png) no-repeat;
}
body.plage #navig ul li a#navig4:hover{background-position:0 -43px;}
body.plage #navig ul li.active a#navig4{background-position:0 -43px;}


body.plage #navig ul li a#navig5{
height:46px;
background:url(images/plage/navig/navig3.png) no-repeat;
}
body.plage #navig ul li a#navig5:hover{background-position:0 -46px;}
body.plage #navig ul li.active a#navig5{background-position:0 -46px;}


body.plage #navig ul li a#navig6{
height:43px;
background:url(images/plage/navig/navig4.png) no-repeat;
}
body.plage #navig ul li a#navig6:hover{background-position:0 -43px;}
body.plage #navig ul li.active a#navig6{background-position:0 -43px;}
/**************************/


/********************************/


#contact{
color:#563c03;
margin-top:20px;
padding-left:25px;

}

#contact a{
color:#563c03;
}


/********************************
			CONTENU
********************************/

#content{
margin-left:-78px;
width:600px;
min-height:405px;
float:left;
display:inline;
}

body.camping #content{background:url(images/camping/layout/back_content_repeat.jpg) repeat-y;}
body.plage #content{background:url(images/plage/layout/back_content_repeat.jpg) repeat-y;}

body.camping #content-inner{background:url(images/camping/layout/back_content.jpg) no-repeat;}
body.plage #content-inner{background:url(images/plage/layout/back_content.jpg) no-repeat;}

#content-inner{
width:465px;
padding:10px 35px 10px 100px;
min-height:460px;
}


/********************************
		  RIGHT-SIDEBAR
********************************/

#ouvert{
width:145px;
color:#ffffff;
padding:10px 0;
text-align:center;
margin:0 auto 8px auto;
position:relative;
/*visibility:hidden;*/
}

.ouvert{
background-color:#327500;
}

.ferme{
background-color:#dd1001;
}

#ouvert #date{margin:0;font-size:10px;}

#ouvert #ouvert_cont p{margin:0;font-size:18px;text-transform:uppercase;}

#right-sidebar{
float:left;
display:inline;
width:213px;
}

/*body.plage #right-sidebar{
margin-top:-74px;
}*/

#meteo{
width:300px;
height:168px;
padding:35px 0 0 21px;
background:url(images/camping/layout/back_meteo.png) no-repeat 5px 11px;
margin-bottom:5px;
}

#meteo-inner{
width:192px;
height:142px;
overflow:hidden;
position:relative;
}

#meteo-media{margin-top:-38px;}

#meteo a{color:#ffffff;text-decoration:underline;}
#meteo a:visited{color:#ffffff;}
#meteo a:hover{text-decoration:none;}

#eau{
width:213px;
height:127px;
background:url(images/camping/layout/back_eau.png) no-repeat 1px 0;
margin-bottom:5px;
color:#ffffff;
}

#eau-info{
padding:10px 0 0 70px;
font-size:9px;
}

#eau-cote{padding:7px 0 0 105px;font-size:20px;}

#eau-texte{padding:10px 20px 0 25px;margin:0;}

#eau a{color:#FFFFFF;text-decoration:none;}
#eau a:visited{color:#FFFFFF;}
#eau a:hover{text-decoration:underline;}

#facebook{
width:163px;
height:43px;
background:url(images/camping/layout/back_facebook.png) no-repeat;
margin-bottom:5px;
padding:12px 0 0 50px;
}

#facebook a{
color:#563c03;
}



/********************************
			FOOTER
********************************/

#footer{
margin:0;
padding:0;
}

body.camping #footer{background:#ffffff url(images/camping/layout/back_footer_repeat.jpg) repeat-x;}
body.plage #footer{background:#ffffff url(images/plage/layout/back_footer_repeat.jpg) repeat-x;}

#footer-inner{
margin:0 auto;
min-width:979px;
}

body.camping #footer-inner{
height:250px;
}

body.plage #footer-inner{
height:315px;
}

body.camping #footer-inner{background:url(images/camping/layout/back_footer.jpg) no-repeat top center;}
body.plage #footer-inner{background:url(images/plage/layout/back_footer.jpg) no-repeat top center;}

a#credits{margin-top:10px;padding-left:10px;display:block;font-size:10px;}

body.plage a#credits{color:#4f8fab;}
body.camping a#credits{color:#829444;}

/********************************
		STYLES GÉNÉRAUX
********************************/

body{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11.5px;
color:#563c03;
}

a img{border:none;}

a{text-decoration:underline;}
a:hover{text-decoration:none;}

body.camping a{color:#509110;}
body.plage a{color:#0076ab;}

h2{
font-family:"Times New Roman", Times, serif;
font-size:20px;
}

body.camping h2{color:#509110;}
body.plage h2{color:#0076ab;}

h3{font-size:14px;margin-bottom:7px;}
body.camping h3{}
body.plage h3{}

h4{font-size:12px;margin-bottom:6px;}
body.camping h4{}
body.plage h4{}

#content ul{margin:0;padding:0 0 0 13px;}
#content ol{margin:0;padding:0 0 0 18px;}
#content ol ol{margin:0;padding:5px 0 5px 18px;list-style-type:lower-latin;}

#content ul li,
#content ol li{margin:0 0 4px 0;}

#content p{line-height:1.5em;margin:0.8em 0 1em 0;}

#content table{margin:0 0 20px 0}
#content thead td{font-weight:bold;padding:10px 0;}
#content tbody td{padding:4px;border-bottom:1px dotted #563C03;text-align:left;}



.clear{clear:both;height:0;line-height:0;}



/********************************
			PNG FIX
********************************/
#left-sidebar img, #left-sidebar div, #left-sidebar a, #left-sidebar li,
#right-sidebar img, #right-sidebar div, #right-sidebar a, #right-sidebar li,
#header img, #header div, #header a, #header li { behavior: url(../../../iepngfix.html); }

/********************************
           METEO WIDGET
********************************/
.weather-button{
    box-shadow: none!important;
}