body {
  background-image: url(deco/bg5-5.png);
  background-repeat:repeat;
  margin: 0;
  padding: 0;
  text-align:center;
  color:#0000CC;
}

body, td {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 10pt;
}

#flag {
	position:absolute;
	height:auto;
	margin: 0 0 0 0;
	padding-top:10px;
	padding-left:850px;
}

#flag_footer {
	position:absolute;
	height:auto;
	margin: 0 0 0 0;
	padding-top:15px;
	padding-left:20px;
}


img {border: none;}

h1 {font-size: 150%; }
h2 {font-size: 130%; }
h3 {font-size: 120%; }
h4 {font-size: 110%; }
h5 {font-size: 100%; }

#vert {
	color: #cccc00;
	}
	
#gris {
	color: #CCCCCC;
	}

#bleu {
	color: #0099cc;

}

#bleu_fonce {
	color: #003399;
}

a {
	color: #35B;
	text-decoration: none;
}
a:hover {
	color: #B53;
}

.a1 {
	color: #993300;
	text-decoration: underline;
}
.a1:hover {
	color: #FF6600;
}

#page {
	background-color: #FFFF99;
	width: 1010px;
	margin: 0px auto 16px auto;
	text-align: left;
}

#top {
	width: 1010px;
	height: 197px;
	background-image: url(deco/haut_accueil.gif);
	background-repeat:no-repeat;
	margin:0;
}

#top-hebergement {
	width: 1010px;
	height: 197px;
	background-image: url(deco/haut_hebergement.gif);
	background-repeat:no-repeat;
	margin:0;
}

#top-detente {
	width: 1010px;
	height: 197px;
	background-image: url(deco/haut_detente.gif);
	background-repeat:no-repeat;
	margin:0;
}

#top-decouvrir {
	width: 1010px;
	height: 197px;
	background-image: url(deco/haut_decouvrir.gif);
	background-repeat:no-repeat;
	margin:0;
}

#top-tarifs-reservation {
	width: 1010px;
	height: 197px;
	background-image: url(deco/haut_tarifs-reservation.gif);
	background-repeat:no-repeat;
	margin:0;
}

#top-contact {
	width: 1010px;
	height: 197px;
	background-image: url(deco/haut_contact.gif);
	background-repeat:no-repeat;
	margin:0;
}


#top-acces {
	width: 1010px;
	height: 197px;
	background-image: url(deco/haut_acces.gif);
	background-repeat:no-repeat;
	margin:0;
}

#mid {
	width: 1010px;
	background-color:#FFFFFF;
	margin:0;
	madding: 0;
}

#side {
	width: 180px;
	float: right;
	margin:0;
	padding: 5px 12px 5px 10px;
	border-left:dashed 1px #3366CC;

}

#main {
	width: 790px;
	float: right;
	margin:0;
	padding: 7px;
	text-align: justify;
}

#break {
	clear: both;
}

#bot {
	width: 1010px;
	height: 67px;
	background-image: url(deco/bas_accueil.gif);
	font-size: 100%;
	text-align: center;
	margin:0;
	mapping: 0;
	color: #225;
}

#bot-hebergement {
	width: 1010px;
	height: 67px;
	background-image: url(deco/bas_hebergement.gif);
	font-size: 100%;
	text-align: center;
	margin:0;
	mapping: 0;
	color: #225;
}

#bot-detente {
	width: 1010px;
	height: 67px;
	background-image: url(deco/bas_detente.gif);
	font-size: 100%;
	text-align: center;
	margin:0;
	mapping: 0;
	color: #225;
}

#bot-decouvrir {
	width: 1010px;
	height: 67px;
	background-image: url(deco/bas_decouvrir.gif);
	font-size: 100%;
	text-align: center;
	margin:0;
	mapping: 0;
	color: #225;
}

#bot-tarifs-reservation {
	width: 1010px;
	height: 67px;
	background-image: url(deco/bas_tarifs-reservation.gif);
	font-size: 100%;
	text-align: center;
	margin:0;
	mapping: 0;
	color: #225;
}

#bot-contact {
	width: 1010px;
	height: 67px; 
	background-image: url(deco/bas_contact.gif);
	font-size: 100%;
	text-align: center;
	margin:0;
	mapping: 0;
	color: #225;
}

#bot-acces {
	width: 1010px;
	height: 67px; 
	background-image: url(deco/bas_acces.gif);
	font-size: 100%;
	text-align: center;
	margin:0;
	mapping: 0;
	color: #225;
}

#bot a {
	color:#000;
	font-size: 100%;
}

#top h1 {
	margin: 0;
	padding: 0 0 0 171px;
	color:#0000CC;
	font-size: 24px;
}
#top h2 {
	margin: 0;
	padding: 1px 0 5px 180px;
	color: #FF6600;
	font-size: 90%;
}

/* Menu */
.zul {
	padding: 0;
	margin: 10px 0 20px 0;
	list-style: none;
}

.zli1,.zli2,.zli3,.zli4, .zli4_static {
	background-image: url(deco/etoile_orang.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	
}
.zon {
	background-image: url(deco/etoile_bleu.gif);
}
.zli1 {
	display:none;
	margin-left: 0px;
	color: #FFCC00;
}
.zli2 {
	margin-left: 16px;
	color: #FFCC00;
}
.zli3 {

	margin-left: 32px;
	color: #FFCC00;
}
.zli4 {
	display:none;
	margin-left: 48px;
	color: #FFCC00;
}

.zli4_static {
	margin-left: 16px;
	color: #FFCC00;
}


/* SITE MAP */
.zul_map {
	padding: 0 0 0 50px;
	margin: 10px 0 0 200px;
	list-style: none;
	border-left:#cccc00 solid 1px;
}

.zli1_map,.zli2_map,.zli3_map,.zli4_map {
	padding-left: 5px;
	
}
.zon_map {
}
.zli1_map {
	margin-left: 0px;
	color: #FFCC00;
	padding: 20px 0 0 0;
	font-weight:bold;
	border-bottom:#cccc00 dashed 1px;
}
.zli2_map {
	margin-left: 50px;
	padding: 10px 0 0 0;
	color: #FFCC00;
}
.zli3_map {
	margin-left: 75px;
	color: #FFCC00;
	padding: 5px 0 0 0;
}
.zli4_map {
	margin-left: 100px;
	color: #FFCC00;
	padding: 5px 0 0 0;
}

/* styles zite */
#zadmin {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 3px 0 0 0;
}
.ztable {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 5px 0;
	width: 100%;
}
.zalert {
	border: 1px solid #C00;
	background-color: #FEA;
	padding: 0 2px;
}


/* Formulaire Contact */

.champs_form {
  	border: 1px solid #B66E1D;
	width:260px;
	color:#006600;
	background-color:#FFFFFF;
}

.bouton_form {
  	border: 1px solid #B66E1D;
	color:#006600;
	background-color:#E3AB3A;
}

.texte_titre_form {
	font-family: Verdana;
	font-size: 16px;
}

.texte_confirm_form {
	font-family: Verdana;
	font-size: 14px;
	color:#006600;
}

.titre2_form { 
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #007700;
}

.textearea_form {
  	border: 1px solid #B66E1D;
	width:96%;
	color:#006600;
	background-color:#FFFFFF;
	clear:left;
	text-align:left;
}

.texte_colonne {
	font-family: Verdana;
	font-size: 12px;
}

.fond_form {
background-color:#FFFFFF;
}

.flash {
  	border: 2px solid #cccc00;
	color:#00457D;
	font-weight:bold;

}

.Style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.Style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: xx-small;
	color: #E53B19;
}
.Style3 {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.Style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

/* propriétés du menu horizontal */

#menu_horizontal {
background: transparent;
float: left;
margin:160px 0px 0px 20px;
width: 100%;
font: 1em, Calligraph421 BT, Arial, Times New Roman ;
}

#menu_horizontal ul {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}

#menu_horizontal  li {
margin: 0pt;
background: transparent;
float: left;
}

#menu_horizontal a {
background: transparent scroll right bottom;
padding: 5px 10px 4px 6px;
display: block;
text-decoration: none;
font-weight: bold;
color: #648040;
}

#menu_horizontal a { 
float: none;
}

#menu_horizontal  a:hover {
background: transparent;
color: #333333;
}

#menu_horizontal .zli1 {
display: inline;

}

#menu_horizontal .zli2 {
display:none;

}

#menu_horizontal .zli3 {
display:none;
}
#menu_horizontal .zli4 {
display:none;
}

/* LIVRE D'OR*/
/* CSS Document */

#livre {
width:800px;
margin: 0px auto 16px auto;
}

#header_livre {
width:800px;
height:100px;
}

#footer_livre {
width:800px;
height:50px;
}