/* CSS Document */

body{
background:url(images/fond.gif) repeat;
margin-top:0;
}

#conteneur{
width:970px;
height:auto;
margin-left: -485px;
left: 50%;
z-index:0;
position:absolute;
background: url(images/fond.jpg) repeat-y;
}
#menu {
	margin-left: -485px;
	left: 50%;
	width:970px;
	height:40px;
	position: absolute;
	z-index:200;

}
#bandeaugauche {
background:url(images/fond-vert.jpg) repeat-y;
width:265px;
height:auto;
float:left;
z-index:1;
display:block;
}
#drapeaux {
width:200px;
height:40px;
float:right;
margin-top:80px;
}
#logo {
width:auto;
height:70px;
margin-top:180px;
text-align:center;

}
#photogauche {
margin-top:10px;
width:250px;
height:240px;
padding-left:7px;
clear:both;

}
#adressegauche {
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #005500;
padding: 0 0 10px 10px;
clear:both;
}
#adressegauche a{
color: #005500;
font-weight:bold;
}
#adressegauche a:hover{
font-weight:bold;
color: #005500;
text-decoration: underline;
}

.titretexte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#005500;
}

#partenaires {
width:210px;
height:250px;
margin-top:30px;
padding: 0 0 10px 10px;
clear:both;
}
#milieu {
float:left;
width:625px;
background-color: #ffffff;
}

#flashphoto {
width: 625px;
height:455px;
background-color:#005500;
}
#bandeaudroit {
	width:80px;
	height: auto;
	background-color:#005500;
	float:right;

}
#contenuiframe{
width:625px;
background-color:#FFFFFF;
padding-top:5px;
}

.iframe{
   overflow-x: hidden;
  }
#contenutexte{
width:525px;
background-color:#FFFFFF;
padding:20px 50px 10px 50px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
text-align:justify;
}
#contenutexte a{
text-decoration:none;
color:#005500;
line-height:20px;
}
#contenutexte a:hover{
text-decoration: underline;
color:#005500;
line-height:20px;
}

.titreparagraphe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	font-style:italic;
	color: #005500;
	text-align: left;
}
.texterouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}
.cadreimage {
	border: 2px solid #005500;
	margin: 5px;
	cursor:pointer;
	}
#piedpage{
background-color:#005500;
width:960px;
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
text-align:center;
padding:10px 5px 10px 5px;
clear:both;
}
#piedpage a{
color: #ffffff;
font-weight:bold;
text-decoration:none
}
#piedpage a:hover{
font-weight:bold;
color: #ffffff;
text-decoration: underline;
}

.menupied {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	color: #FFFFFF;
}
#degrade{
width:auto;
height:100px;
background:url(images/degrade.gif) no-repeat bottom;
clear:both;
z-index:20;
}.soustitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #005500;
}
.legende {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.tetetableau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #005500;
	padding: 10px;
}
.tableausoustitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #92DB92;
	color: #005500;
	font-weight: bold;
	padding: 8px;
}
.contenutableau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 5px;
	background-color: #EBF6E4;
}

#photo {
width: 625px;
height:455px;
background: url(images/grandes/animation01.jpg);
}

#photoheb {
width: 625px;
height:455px;
background: url(images/grandes/hebergement04.jpg);
}

#photoalentours {
width: 625px;
height:455px;
background: url(images/grandes/alentours01.jpg);
}

#hotellerie {
width:625px;
height:40px;
z-index:100;
margin-top:415px;
background:url(images/hotellerie-plein-air.jpg) no-repeat;
position:absolute;
}
#campingqualite{
width:80px;
height:auto;
padding-top: 50px;
z-index:100;
position: absolute;}

/*/////////// descriptifs h�bergement ////////////////*/

#descriptif1, #descriptif2, #descriptif3, #descriptif4, #descriptif5, #descriptif6, #descriptif7{
	/*top:880px;*/
margin:410px 0 0 0;
	height: 800px;
	width: 601px;
	position: absolute;
	display:block;
	background-color:#ffffff;
	border:#005500 solid 2px;
	z-index:200;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:justify;
	visibility: hidden;
}
#fermer {
position:relative;
float:right;
z-index:20;
padding:10px;
}

.legende {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#btreservation {
float:right;
position:absolute;
z-index:10;
margin-left:275px;
}

#badgeNouveaute {
width:110px;
height:110px;
top:620px;
left:740px;
position:absolute;
z-index:300;
}

#defil {
width:525px;
height:25px;
overflow:hidden;
}