/*
beige fond / contour image : 998776
bordeau fond / texte : 521514
beige contenu : d6c5b5
beige texte : d4c4b9
bordeau survol pied, lien content survol :  8a5f5f
beige lien content : 796858
*/

@import "reset.css";

body{background:url("../images/background.gif") repeat-x #998776; margin-bottom:50px}
#container{background:#521514; margin:50px auto; position:relative; width:950px; font-family:georgia, arial, verdana, sans-serif;}
#head{background:url("../images/background-head.gif") no-repeat; height:185px; position:relative}
	#navhead{position:absolute; top:30px; left:724px; height:24px;  width:174px;}
		#navhead li{display:inline; float:left; height:24px}
		#navhead a{background:url("../images/navhead.gif") 0 0 no-repeat; display:block; height:24px}
		#navhead span{display:none}
		#navhead .m1{width:16px; margin-right:19px; background-position:0 0}
		#navhead .m2{width:13px; margin-right:18px; background-position:-35px 0}
		#navhead .m3{width:15px; margin-right:18px; background-position:-66px 0}
		#navhead .m4{width:75px; background-position:-98px 0}
		#navhead .m1:hover, #navhead .selected .m1{background-position:-0 -24px}
		#navhead .m2:hover, #navhead .selected .m2{background-position:-35px -24px}
		#navhead .m3:hover, #navhead .selected .m3{background-position:-66px -24px}
		#navhead .m4:hover, #navhead .selected .m4{background-position:-98px -24px}

	#navmain{position:absolute; top:66px; left:296px; height:94px;  width:605px;}
		#navmain li{display:inline; float:left; height:94px}
		#navmain a{background:url("../images/navmain.gif") 0 0 no-repeat; display:block; height:94px}
		#navmain span{display:none}
		#navmain .m1{width:150px; background-position:0 0}
		#navmain .m2{width:156px; background-position:-150px 0}
		#navmain .m3{width:47px; background-position:-306px 0}
		#navmain .m4{width:91px; background-position:-353px 0}
		#navmain .m5{width:161px; background-position:-444px 0} 
		#navmain .m1:hover, #navmain .selected .m1{background-position:-0 -94px}
		#navmain .m2:hover, #navmain .selected .m2{background-position:-150px -94px}
		#navmain .m3:hover, #navmain .selected .m3{background-position:-306px -94px}
		#navmain .m4:hover, #navmain .selected .m4{background-position:-353px -94px}
		#navmain .m5:hover, #navmain .selected .m5{background-position:-444px -94px}
	
	#navsubchambres, #navsubrestaurant, #navsubspa,  #navsubskiroom, #navsubcontact{background:url("../images/background-navsub.gif") no-repeat; height:30px; position:relative}
	#navsubchambres li, #navsubrestaurant li, #navsubcontact li{display:inline; float:left; height:30px}
	#navsubchambres span, #navsubrestaurant span, #navsubcontact span{display:none}
	
	#navsubchambres ul{height:30px; width:850px; margin-left:50px}
	#navsubrestaurant ul{height:30px; width:252px; margin-left:50px}
	#navsubcontact ul{height:30px; width:410px; margin-left:50px}
		
		#navsubchambres a{background:url("../images/navsub-chambres.gif") 0 0 no-repeat; display:block; height:30px}
		#navsubchambres .m1{width:193px; background-position:0 0}
		#navsubchambres .m2{width:188px; background-position:-193px 0}
		#navsubchambres .m3{width:136px; background-position:-381px 0}
		#navsubchambres .m4{width:105px; background-position:-517px 0}
		#navsubchambres .m5{width:128px; background-position:-622px 0} 
		#navsubchambres .m6{width:100px; background-position:-750px 0}
		#navsubchambres .m1:hover, #navsubchambres .selected .m1{background-position:-0 -30px}
		#navsubchambres .m2:hover, #navsubchambres .selected .m2{background-position:-193px -30px}
		#navsubchambres .m3:hover, #navsubchambres .selected .m3{background-position:-381px -30px}
		#navsubchambres .m4:hover, #navsubchambres .selected .m4{background-position:-517px -30px}
		#navsubchambres .m5:hover, #navsubchambres .selected .m5{background-position:-622px -30px}
		#navsubchambres .m6:hover, #navsubchambres .selected .m6{background-position:-750px -30px}
		
		#navsubrestaurant a{background:url("../images/navsub-restaurant.gif") 0 0 no-repeat; display:block; height:30px}
		#navsubrestaurant .m1{width:60px; background-position:0 0}
		#navsubrestaurant .m2{width:67px; background-position:-60px 0}
		#navsubrestaurant .m3{width:71px; background-position:-127px 0}
		#navsubrestaurant .m4{width:54px; background-position:-198px 0}
		#navsubrestaurant .m1:hover, #navsubrestaurant .selected .m1{background-position:-0 -30px}
		#navsubrestaurant .m2:hover, #navsubrestaurant .selected .m2{background-position:-60px -30px}
		#navsubrestaurant .m3:hover, #navsubrestaurant .selected .m3{background-position:-127px -30px}
		#navsubrestaurant .m4:hover, #navsubrestaurant .selected .m4{background-position:-198px -30px}
	
		#navsubcontact a{background:url("../images/navsub-contact.gif") 0 0 no-repeat; display:block; height:30px}
		#navsubcontact .m1{width:146px; background-position:0 0}
		#navsubcontact .m2{width:136px; background-position:-146px 0}
		#navsubcontact .m3{width:128px; background-position:-282px 0}
		#navsubcontact .m1:hover, #navsubcontact .selected .m1{background-position:-0 -30px}
		#navsubcontact .m2:hover, #navsubcontact .selected .m2{background-position:-146px -30px}
		#navsubcontact .m3:hover, #navsubcontact .selected .m3{background-position:-282px -30px}
		
	
#show, #panoramique{margin-bottom:5px}
#content{background:url("../images/background-content.gif") no-repeat #d6c5b5; height:175px; padding:35px 50px 30px 50px}
	#content p, td{font-family:georgia, arial; font-size:10px; line-height:14px; color:#521514; margin-bottom:10px}
	#content #subcol p{margin-bottom:0px}
	#content a, #content a.normal{color:#796858; text-decoration:none}
	#content a:hover{color:#8a5f5f}
	#content a.selected{color:#521514}
	
	#subcol{float:left; width:197px}
		#subcol img{border:3px solid #998776; margin-bottom:15px}
		.home img{border:1px solid #998776;}
	#maincol{float:left; padding-left:43px; width:610px}
#content.home{background:#d6c5b5; height:270px; padding:0px 50px; }

#footer{background:url("../images/background-footer.gif") no-repeat; height:30px; padding:0 50px; position:relative;}
	#footer p{font-family:georgia, arial; font-size:9px; color:#d4c4b9; position:absolute; top:10px;}
	#footer a{color:#d4c4b9; text-decoration:none}
	#footer a:hover{color:#8a5f5f;}
	#footer p.credits{right:50px}
	
strong{font-weight:normal}
#content span.strong{font-weight:bold}

em{font-style:italic}

#colbienvenue{float:left; width:410px; padding-right:25px;padding-top:30px}
#coloffre{background:#ddcfc1; float:left; width:170px; height:240px; padding-top:30px; padding-left:25px; padding-right:25px}
#colactualites{float:left; width:170px; padding-left:22px; padding-top:30px}	

.floatLeft{float:left; margin-right:25px}
.clearBoth{clear:both}
.alignRight{text-align:right}
.montrer{display:block}
.cacher{display:none}


h2{font-family:georgia, arial; font-size:11px; line-height:14px; color:#521514; margin-bottom:10px; font-weight:bold }
h3{font-family:georgia, arial; font-size:11px; line-height:14px; color:#521514; font-weight:bold }
.margeHaute{margin-top:10px}
.centrer{display:table-cell; vertical-align:middle; height:150px}
#content p.petit{font-size:9px}
h1 span{display:none}
.inputLong{width:345px}
textarea{width:542px}
td.paddingRight{padding-right:20px}
table{margin-bottom:10px}
#newsletter{font-family:georgia, arial; font-size:10px; line-height:14px; color:#521514; margin-bottom:10px; margin-top:30px}
#newsletter input{height:16px; background:#9d7877; border:0px; color:#ffffff; line-height:15px; padding-left:10px; font-family:georgia, arial; font-size:10px;  width:120px}

.inline{display:inline}
#AVP_list_months{width:110px; margin-left:5px}
#AVP select{margin-top:3px}