/*
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;
}
 

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;

}


	

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

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

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

.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.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:20px;
	padding-bottom:10px;
	margin-left:35px;
	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{
	color:#F8C058;
	margin-left:65px;
	margin-right:65px;
	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;
}


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

/* ################ COLONNE DROITE ###################  */

#colonne_droite{
	width:240px;
	height:auto;
	background-color:#FAF9EB;
	margin-top:25px;
	margin-right:10px;
	float:right;
}

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

#colonne_droite a img{
border:none;
text-decoration:none;
}


/* ################ 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;
}

* 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;
}