/*
CH1
*/

html {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

body{
margin:0;
padding:0;
background-color:#7298BD;
background-image:url(../img/fond-body.jpg);
}



/* ############## CONTAINER ###################*/

#container {
padding:0;
margin:0 auto;
width:977px;
background-color:#fff;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}

/* * html #container {
	width:984px;/* Lu uniquement par IE 6 */
 /* } */

h1, p {margin:0;padding:0;}
p{line-height:18px;color:#477B9E;}
.gras{font-weight:bold;}

/* ############## HEADER ###################*/

#header {
margin:0pt 0pt 0pt;
height:277px;
background-image:url(../img/bandeau.jpg);
background-repeat:no-repeat;
}

.logo img{
float:left;
margin-left:30px;
margin-top:30px;
border:none;
}


/* ############## MENU HEADER DRAPEAUX ###################*/

div#header ul {
margin:0;
padding:0;
float:right;
margin-right:10px;
margin-top:20px;
}

div#header ul li {
display:inline;
list-style-type:none;
padding:0 0px;
}

div#header ul li a{
line-height:20px;
padding-right:4px;
padding-left:4px;
}

div#header ul li a:link, div#header ul li a:visited {
color:#FFF;
text-decoration:none;
}

div#header ul li a:hover, div#header ul li a:active {
color:#FFF;
text-decoration:none;
}

div#header ul li a img{
border:none;
}

/* ################ COLONNE GAUCHE ###################  */


#haut_colonne{
height:227px;
width:192px;
background-image:url(../img/haut_colonne_gauche.jpg);
background-repeat:no-repeat;
padding-left:10px;
padding-right:35px;
}

#colonne_gauche {
width:237px;
background-image:url(../img/fin_colonne_gauche.jpg);
background-repeat:repeat-y;
background-color:#fff;
height:auto;
float:left;
padding-bottom:50px;
text-align:center;
}

* html #haut_colonne {
width:196px;
height:227px;
background-image:url(../img/haut_colonne_gauche.jpg);
background-repeat:no-repeat;
padding-left:10px;
padding-right:20px;
}

* html #colonne_gauche {
width:auto;
margin-right:-2px;
}


#bas_colonne {
background-image:url(../img/fin_colonne_gauche.jpg);
background-repeat:repeat-y;
height:auto;
width:192px;
padding-left:15px;
padding-right:30px;
}

#colonne_gauche h1{
	color:#990000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin-bottom:10px;
	text-align:left;
}

#colonne_gauche a,a:link,a:hover,a:active{
	color:#990000;
	font-size:11px;
}

#cadre_jaune{
	background-image:url(../img/milieu-cadre-jaune.jpg);
	height:190px;
	width:207px;
}

#cadre_bleu{
	background-color:#DFF1FF;
	border:1px solid #8BB3CF;
	border-top:none;
	margin-bottom:25px;
	padding-bottom:15px;
}

#cadre_actus{
	background-color:#FFF9C4;
	border:1px solid #FFD624;
	border-top:none;
	margin-bottom:25px;
	padding-bottom:15px;
	text-align:left;
}

#cadre_actus p{padding-left:10px;padding-right:15px;}

#cadre_actus p.actus{
	color:#666;
	padding-top:5px;
}

#resa{
	background-image:url(../img/bouton_reservation.jpg);
	background-repeat:no-repeat;
	height:57px;
	margin-bottom:25px;
}

#resa h1{
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top:16px;
}

#resa a,a:link,a:hover,a:active{
	color:#fff;
	text-decoration:none;
}

/* marquee  A revoir */

#cadre_jaune .texte_marquee {
color:#477B9E;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}

/* ########################### CONTENU ###################### */

.contenu {
background-color:#FAF9EB;
width:675px;
float:left;
border:none;
padding-left:25px;
padding-right:35px;
margin-top:25px;
/*border:1px solid #000;*/
}

* html .contenu {
    width:675px; /* Lu uniquement par IE 6 */
	float:left;
}

.image_contenu{
	margin-right:20px;
}

.contenu h1{
	color:#E29D0E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:10px;
}

.contenu h1.souligne{
	padding-bottom:10px;
	border-bottom: 1px solid;
}

.contenu h1.phrase_accueil{
	color:#477B9E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:40px;
	text-align:center;
}

.contenu h2{
	color:#477B9E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:20px;
	padding-bottom:10px;
}

.contenu h3{
	color:#477B9E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:15px;
	text-transform:uppercase;
}


.contenu ul li{
	color:#8F4532;
	margin-left:20px;
	line-height:18px;
	list-style-type:circle;
	font-size:12px;
	margin-right:30px;
}


/*liste page site map*/

ul#site_map li{
	line-height:25px;
	list-style-type:disc;
}

ul#site_map li a{
	text-decoration:none;
}

/*fin liste page site map*/

.contenu hr{
	border:1px dotted #ccc;
	margin-top:20px;
	margin-bottom:20px;
}

.contenu a:link, .contenu a:visited, .contenu a:active {
color:#4E82B5;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
font-weight:bold;
font-size:11px;

}

.contenu a:hover{
color:#85A8CB;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
font-weight:bold;
font-size:11px;
}


html>body .contenu {
margin-left:0px;
margin-right:0px;
}

.cadre_presentation{
	/*border:1px solid #ddd;*/
	width:auto;
	height:150px;
}


.contenu a img{
	text-decoration:none;
	border:none;
}

/* ################ TABLEAUX DE TARIFS ###################  */

/* tableaux de tarifs camping */

.tableau_tarifs_camping{
	width:100%;
	background-color:#FAF9EB;
	color:#477B9E;
}

.tableau_tarifs_camping td{
	border:1px solid #B3DDFF;
	background-color:#FFF;
	text-align:center;
	padding:5px;
}

.tableau_tarifs_camping td.libelle{
background-color:#FFFBDD;
border:1px solid #B3DDFF;
text-align:left;
padding-left:10px;
}

.tableau_tarifs_camping th{
	border:1px solid #B3DDFF;
	background-color:#DFF1FF;
	width:25%;
	text-align:center;
	padding:10px;
}

/* tableaux de tarifs location */

.tableau_tarifs_location{
	width:100%;
	background-color:#FAF9EB;
	color:#477B9E;
}

.tableau_tarifs_location td{
	border:1px solid #B3DDFF;
	background-color:#FFF;
	text-align:center;
	padding:5px;
}

.tableau_tarifs_location td.libelle{
background-color:#FFFBDD;
border:1px solid #B3DDFF;
text-align:left;
padding-left:10px;
}

.tableau_tarifs_location th{
	border:1px solid #B3DDFF;
	background-color:#DFF1FF;
	width:20%;
	text-align:center;
	padding:10px;
}


/* tableaux de tarifs camping-cars */

.tableau_tarifs_campingcar{
	width:100%;
	background-color:#FAF9EB;
	color:#477B9E;
}

.tableau_tarifs_campingcar td{
	border:1px solid #B3DDFF;
	background-color:#FFF;
	text-align:center;
	padding:10px;
}

.tableau_tarifs_campingcar th{
	border:1px solid #B3DDFF;
	background-color:#DFF1FF;
	width:38%;
	text-align:center;
	padding:10px;
}

/* tableaux de tarifs week end */

.tableau_tarifs_week-end{
	width:100%;
	background-color:#FAF9EB;
	color:#477B9E;
}

.tableau_tarifs_week-end td{
	border:1px solid #B3DDFF;
	background-color:#FFF;
	text-align:center;
	padding:5px;
}

.tableau_tarifs_week-end td.libelle{
background-color:#FFFBDD;
border:1px solid #B3DDFF;
text-align:left;
padding:10px;
text-align:center;
}

.tableau_tarifs_week-end th{
	border:1px solid #B3DDFF;
	background-color:#DFF1FF;
	width:35%;
	text-align:center;
	padding:10px;
}


/* ################ CONTAINER PRINCIPAL ###################  */


div#container-principal {
	padding-bottom:0px;
	background-image:url(../img/fond_container_principal.jpg);
	background-repeat:repeat-y;
	background-color:#FAF9EB;
}

/* ################ LOGOS BAS DE PAGE ###################  */


#logos{
float:right;
width:700px;
height:auto;
text-align:right;
clear:right;
margin-top:40px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
/*border:1px solid #ddd;*/
}

*:first-child+html #logos {
float:none;
margin-left:260px;
}

* html #logos{
float:none;
width:720px;
margin-left:250px;
}

#logos a img{
	border:none;
}

/* ################### FOOTER #######################  */

#footer {
background-image:url(../img/fond_footer.jpg);
background-repeat:repeat-x;
border-top:6px solid #FFCC33;
height:40px;
text-align:left;
clear:both;
padding-top:10px;
padding-left:15px;
padding-right:15px;
}

#footer p{
	float:left;
	color:#fff;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



div#footer ul {
margin:0;
padding:0;
float:right;
margin-right:0px;
margin-top:8px;
}

div#footer ul li {
display:inline;
list-style-type:none;
padding:0 0px;
}

div#footer ul li a{
line-height:20px;
font-weight:bold;
padding-right:10px;
padding-left:10px;
padding-bottom:5px;
padding-top:5px;

}

div#footer ul li a:link, div#footer ul li a:visited {
color:#fff;
font-size:11px;
text-decoration:none;
}

div#footer ul li a:hover, div#footer ul li a:active {
text-decoration:underline;
}

div#footer {
	color:#fff;
}