/*###############################################################################*/
/*######################              OVERALL               #####################*/
/*###############################################################################*/
body{ background:#483015 url(images/bg.jpg) top center no-repeat; text-align:center; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:#3f2b13; }

div.myhr{ overflow:hidden; clear:both; height:0px; visibility:hidden; }
img{border:none; }

hr{ height:1px; color:#CCCCCC; background:#CCCCCC; border:none; margin-bottom:15px; }

div#container{ width:919px; margin:0px auto 0px auto; text-align:left; }

div#header{ height:112px; }
div#header ul{ float:right; background:url(images/menu.gif) 0px -104px no-repeat; margin:0px 3px 0px 0px; padding:0px; list-style:none; width:276px; }
div#header ul li{ }
div#header ul li a:link, div#header ul li a:visited, div#header ul li a:active{ text-decoration:none; color:#FFFFFF; text-align:right; display:block; outline:none;
	padding:6px 8px 5px 0px; }
div#header ul li a:link span,div#header ul li a:visited span, div#header ul li a:active span, div#header ul li a:hover span{ display:none; }
div#header ul li a:hover{ background-image:url(images/menu.gif); background-repeat:no-repeat; }
div#header ul li#chaletMenu a:hover{ background-position:0px 0px; }
div#header ul li#calendrierMenu a:hover{ background-position:0px -24px; }
div#header ul li#situationMenu a:hover{ background-position:0px -48px; }
div#header ul li#contactMenu a:hover{ background-position:0px -72px; }

div#header div#logo{ margin:0px 0px 0px 5px; float:left; }
div#header div#logo a:link, div#header div#logo a:visited, div#header div#logo a:hover, div#header div#logo a:active{ width:250px; height:58px; display:block; text-decoration:none; outline:none; }
div#header div#logo a:link span, div#header div#logo a:visited span, div#header div#logo a:hover span, div#header div#logo a:active span{ visibility:hidden; }
/*###############################################################################*/
/*######################             HOME                   #####################*/
/*###############################################################################*/
h1#titre-home{ display:none; margin:0px; padding:0px; }

div#visuelChalet{ background:url(images/chalet_home.png) top left no-repeat; width:443px; height:340px; margin-top:-50px; float:left; }
div#troisVisuels{ background:url(images/visuels_home.png) top right no-repeat; width:446px; height:298px; float:right; }
div#pushsHome{ background:url(images/visuels_home_bottom.png) top right no-repeat; height:141px; }
div#pushsHome h2{ font-size:1em; margin:0px; padding:0px 0px 20px 0px; visibility:hidden; }
div#pushChalet, div#pushGrandBo{ margin:0px 28px 0px 17px; float:left; width:300px; font-size:0.9em; }

div#footer{ padding:20px 0px 30px 0px; color:#a37644; font-size:0.9em; }
div#footer div#logos{ float:left; background:url(images/separ-footer.gif) right no-repeat; padding:0px 20px 0px 0px; }
div#footer div#logos img{ margin:0px 5px 0px 0px; }
div#footer div#mentions{ float:left; background:url(images/separ-footer.gif) right no-repeat; padding:12px 20px 12px 20px;}
div#footer div#links{ float:left; padding:12px 20px 12px 20px;}

div#footer div#mentions a:link, div#footer div#mentions a:visited, div#footer div#links a:link, div#footer div#links a:visited{ color:#a37644; text-decoration:none; }
div#footer div#mentions a:hover, div#footer div#links a:hover{ color:#fff;  }

/*###############################################################################*/
/*######################             INTERIEUR              #####################*/
/*###############################################################################*/
div#colonne-droite1, div#colonne-droite2, div#colonne-droite3{ float:right; width:230px; background-position:top right; background-repeat:no-repeat; height:463px; }
div#colonne-droite1{ background-image:url(images/colonne-droite1.png); }
div#colonne-droite2{ background-image:url(images/colonne-droite2.png); }
div#colonne-droite3{ background-image:url(images/colonne-droite3.png); }

div#content{ float:left; width:626px; background:url(images/content.png) top left repeat-y; padding:30px; }
div#content-top{ background:url(images/contentTop.gif); height:5px; margin:-30px -30px 0px -30px; }
div#content-bottom{ background:url(images/contentBottom.png) bottom left no-repeat; height:5px; margin:30px -30px -35px -30px; }

div#content h1{ margin:0px 0px 40px 0px; padding:0px; height:40px; font-size:0.1em; color:#ededed; background-position:top left; background-repeat:no-repeat; }
div#content h2, div#content h3{ margin:30px 0px 0px 0px; padding:0px; font-size:1.4em; border-bottom:solid 1px #bb905c; }

div#content h1#chalet{ background-image:url(images/h1-chalet.gif); }
div#content h1#apparts{ background-image:url(images/h1-apparts.gif); }
div#content h1#situation{ background-image:url(images/h1-situation.gif); }
div#content h1#contact{ background-image:url(images/h1-contact.gif); }
div#content h1#mentions-legales{ background-image:url(images/h1-legales.gif); }

div#content h1#appart1{ background-image:url(images/h1-app6-1er-83.gif); }
div#content h1#appart2{ background-image:url(images/h1-app4-rez-38.gif); }
div#content h1#appart3{ background-image:url(images/h1-app4-2eme-44.gif); }
div#content h1#appart4{ background-image:url(images/h1-app5-2eme-37.gif); }

div#content img.leftImage{ margin:5px 30px 15px 0px; }
div#content img.rightImage{ margin:5px 0px 15px 30px; }

div#content a:link, div#content a:visited{ color:#996600;  }

/*************** contact ******************/
div.formulaire{ padding:0px 0px 5px 0px; clear:both; }
div.formulaire input, div.formulaire textarea{ background:#f5f5f5; color:#996600; border:solid 1px #999; margin-bottom:3px; width:397px; padding:4px; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
div.formulaire strong{ display:block; width:210px; float:left; padding:2px 0px 0px 0px; }

div.formulaire input.bouton{ background:#999; color:#fff; border:solid 1px #666; margin-bottom:3px; width:164px; padding:2px; font-size:1.1em; font-weight:bold;
	border-bottom:solid 1px #444; border-right:solid 1px #444;  }

div#monCallback{ visibility:hidden; }
div#reponse{ display:none; }

/*************** apparts & calendrier ******************/
div#liensAppart{ width:200px; float:right; margin-left:60px; margin-top:-70px; background:#ededed; padding-left:20px; }

table.calendarTable{ background:#3f2b13; color:#3f2b13; margin-bottom:15px; }
table.calendarTable th{ background:#3f2b13; color:#fff; }
table.calendarTable td{ background:#FFFFFF; }
table.calendarTable td.calendarHeader{ background:#8f6635; color:#FFFFFF; font-weight:bold; }
table.calendarTable td.calendarReserved{ background:#aed9fc; }

div#navlink img{ margin:0px 40px 0px 30px; }
div.calendar{ text-align:center; float:left; margin:20px 20px 0px 40px; width:250px; }

div#content h3#disponibilites{ margin-bottom:20px; }
div.case{ border:solid 1px #3f2b13; padding:2px; margin:0px 1px 2px 0px; float:left; width:200px; background-image:url(images/prix.png); background-position:right; background-repeat:no-repeat; }
div.case div.prix{ float:right; font-size:1.8em; }

div.legende{ padding:5px 0px 5px 0px; font-weight:bold; }
div.legende div{ float:left; width:12px; height:12px; border:solid 1px #3f2b13; margin-right:10px; }
div.reserve{ background:#aed9fc url(images/prix.jpg) right no-repeat; color:#666666; }
div.legende div.libre{ background:#fff; }

div.reserve div.prix{ color:#666; }

/**************** classes ***************/
.marronClair{ color:#9d7e2b; }
.lirelasuite{ text-align:right; font-weight:bold; color:#467fb3; padding:0px 0px 0px 0px; margin:0px; }
.lirelasuite a:link, .lirelasuite a:visited{ color:#467fb3; }
.lirelasuite a:hover{ color:#483015; }