body { /*background:url(images/structure/fd-body-bleu.jpg) repeat-x top center;*/
background:url(images/structure/fd-bois.jpg) repeat top center;
background-color:#2F6176;
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
}
.bard3px{ background:#FFFFFF; height:3px;}
.clear { clear:both; }
.clear20 { clear:both; margin:5px; padding:5px; color:#666666; }
.gauche { float:left;}
.droite { float:right;}
.droitetarifs { float:right; margin-top:10px; padding: 10px 0 10px 0;}
.gauchebrd { float:left; margin-right:10px;}
.gauchebrdcenter { float:left;  text-align:center; width:240px; padding:10px; }
.droitebrd  { float:right; margin-left:10px;}
.imgdecoleft { float:left; padding:10px 15px 15px 0;}
.texteexp{ width:635px; float:right; margin-bottom:20px; padding:5px;}
.drapeaux { padding:5px; float:right; }
.refletlac { padding:20px 0 20px 0; 	
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	text-transform: uppercase;
}


h1 { 
	background:url(images/structure/menu.png) repeat-x;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size:14px;
	color: #CCCCCC;
	padding: 0 0 0 20px;
	height:34px;
	line-height:34px;
margin:0px; 
}

h2 { 

	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size:14px;
	color: #CCCCCC;
	padding: 0;
	height:34px;
	line-height:34px;
margin:0px; 

}

h3 { 

	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size:12px;
	color: #CCCCCC;
	padding: 0 0 0 20px;
	margin-top:20px;
	height:34px;
	line-height:34px;
margin:0px; 
background: url(images/fd-h3.jpg) no-repeat center left; 

}

h4 { 
	font-family: "Times New Roman", Times, serif;
	font-size:12px;
margin:0px; 

}
img a { border:0;}


.bleu { color:#0099CC;}
.rouge { color: #FF0000;}
.jaune { color:#A36E2C;}
.blanc { color:#FFFFFF; font-weight:bold;}
.bleu { color:#0066CC; font-weight:bold;}


#actu{
width: 268px;
height: 374px;
background: #393939;
float: left;
color:#CCCCCC;
}
#actu p{ margin:5px 0 10px 0; padding:0;
 
}


#headerplus {
	width:830px;
	margin: 20px auto 0px auto; 
	padding:0;
	position: relative;
	background: #FFFFFF;
	padding-bottom:3px;
}
#localisation { width:20px; float:right; background-color:#FF0000;}

/*partie haute du site */
#header{
background: url(images/structure/fd-header2.png) top no-repeat;
	width:800px;
	margin: 20px auto 0px auto; 
	padding:18px 18px 0 18px;
	position: relative;
}

#header-top{ width:800px; 
	height:154px;
	padding:0;
	background: url(images/structure/fd-header.png) no-repeat top center;
	position: relative;
	color:#CCCCCC;
	text-align:center;
}
#headerdrap { background: #000000; text-align:right; padding:2px; height:16px; color: #666666;}
#headerdrap p { margin:0; padding:0;}


/*/////////////////////////////////////
		    Le menu
/////////////////////////////////////*/
ul#menu {
	background: url(images/structure/menu.png) repeat-x top left;
	text-transform: uppercase;
	margin:0 auto;
	padding:0 12px 0 12px;
	list-style-type:none;
	width:776px;
	position:relative;
	display:block;
	height:34px;
	font-size:12px; float:left;
}
ul#menu li {
	display:block;
	float:left;
	text-align:center;
}
ul#menu li a {
	display:block;
	color:#DEE3C6;
	text-decoration:none;
	height:34px;
	line-height:34px;
	margin:0;
	padding:0 4px; 
}
ul#menu li a:hover {
	color: #CCCCCC;
	background:url(images/fd-a-menu.png) repeat-x;
	height:34px;
	line-height:34px;
	margin:0;
	padding:0 4px; 
}
.active{
	color: #CCCCCC;
	background:url(images/fd-a-menu.png) repeat-x;
	height:34px;
	line-height:34px;
	margin:0;
}

/*Le contenu du site*/

#contenu{
background: url(images/structure/fd-contenu.png) top repeat-y;
	width:800px;
	margin: 0 auto; 
	padding:0 18px;
	padding-bottom:3px; color:#CCCCCC;
}

#footer {background: url(images/structure/fd-footer.png) bottom no-repeat;
	width:800px;
	height:66px;
	margin: 0 auto 10px auto; 
	padding:10px 18px 18px 18px;
	position: relative;
	color:#CCCCCC;
	text-align:center;}



.fd-top { height:165px; background:url(images/fd-top.png) top repeat-x; padding:20px 0;}
.adresse { width:250px; border-right:#999999 1px solid; padding-left:10px; float:left; text-align:center;}
.bienvenue { width:510px; float:right; padding-left:10px; padding-right:10px;}

.fd-bas { width:520px; height:260px; background:url(images/fd-bas.png) top repeat-x; padding:0; float:left;}
.carte { float:right; padding:10px; width:252px; }
.larg260 { width:235px; padding:0 10px 10px 10px; float:right; margin-top:10px;}
.larg260bis { width:239px; padding:0 10px 10px 10px; float:left; border-right: #666666 1px solid; margin-top:10px;}
.col390 { width:370px; padding:10px; float:left; margin-top:10px;}
.fdbc { color:#FFFFFF; border: #999999 1px solid; padding:10px 10px 5px 10px; margin-bottom:5px; float:left; text-align:center}
.img10px { margin:0 10px 10px 10px; float:left;} 



.pad10{ padding:10px;}

.photoalea { background: #333333; padding:10px; border: 1px solid #000000; margin:5px;}

a {color:#0066CC; text-decoration:none; }
a:hover{color:#FF6600;}


#chambre { padding:10px; width:410px; height:520px; background:url(images/fd-chambre.jpg) no-repeat top left; position:relative;
} 
#nochambre { font-size:24px; float:right; padding-right:35px; padding-top:15px; height:45px; color:#FFFFFF;}
.photochambre { background:url(images/fd-minichambre.png) bottom right no-repeat; margin-top:5px; padding-right:10px; padding-bottom:10px; float:left; }
.plan { width:230px; height:165px; float:left; padding-right: 20px;}
.basdroite {
	position: absolute;
	margin:0 5px;
	bottom: 0; 
	border-top: solid #CCCCCC 1px; 
}


/* Le Menu galerie */
#chambre ul{
margin: 5px auto;
color:#FFFFFF;
padding: 5px 0 5px 240px;
}

* html #chambre ul{ /*règle pour IE seul*/
width: 99%;
}

#chambre ul li{
list-style-type:none;
background:url(images/etoile-mini.jpg) no-repeat left top ;
padding-left:20px;
display: block;
margin: auto;  
}

th, td {
border-bottom:1px solid #666666;
 }




/*galerie*/

.photogal{ 
background: url(images/fd-photo.png) top left no-repeat; float:left; 
width:171px;
height:133px;
padding: 9px 9px 11px 9px; text-align:center; margin-top:5px; margin-left:5px; color:#FFFFFF;
}

.nbrpg{ border: #FFFFFF 1px solid; background: #333333; padding:3px; margin:10px 2px 2px 7px; float:left;
}



.tform { width:110px; float:left;}
.cdrform { width:285px; float:right; padding:10px; margin-top:10px; border-left: #666666 solid 1px;}
.cdrformtxt { width:440px; float:left; padding:10px; margin-top:10px;}



.hivers { background:url(images/hiver.jpg) top left no-repeat; float:left; color:#333333; text-align:center; padding:5px; margin: 5px; width:70px; border: solid 1px #666666; }
.automne { background:url(images/automne.jpg) top left no-repeat; float:left; color:#333333; text-align:center; padding:5px; margin: 5px; width:70px; border: solid 1px #666666; }
.ete { background:url(images/ete.jpg) top left no-repeat; float:left; color:#333333; text-align:center; padding:5px; margin: 5px; width:70px; border: solid 1px #666666; }
.printemps { background:url(images/printemps.jpg) top left no-repeat; float:left;  color:#333333; text-align:center; padding:5px; margin: 5px; width:70px; border: solid 1px #666666; }


.decactu { float:right; padding-left:10px; width:655px;}


#popnews { background:#333333; color:#FFFFFF;}

#map_canvas { width:780px; height:350px;}

 a.plus{ color: #0099FF; text-decoration:none;} 
 a:hover.plus{ color:#999900;}