body {
	background-color: #ffffff;
	background-image: url(images/fond.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	}
	
#contenu-resa{
	position: absolute;
	top: 0px;
	left: 50%;
	width: 763px;
	padding: 185px 0px 0px 0px;
	margin: 0px 0px 0px -381px;
	/*background-color: #FFFFFF;*/
}
#contenu{
	position: absolute;
	top: 0px;
	left: 50%;
	width: 634px;
	padding: 185px 0px 0px 0px;
	margin: 0px 0px 0px -310px;
	background-color: #FFFFFF;
	background-image: url(images/fond_contenu.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
.remplacement{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;			 
	color: #015B0B;
	visibility:hidden;
	}
	


#entete {
 background-image:url(images/fd_test.jpg);
	position: absolute;
	left: 50%;
	width: 763px;
	padding: 0px;
	margin: 0px 0px 0px -381px;
}
#menu {
	z-index:10;
	position: absolute;
	top: 128px;
	left: 50%;
	width: 630px;
	padding: 0px;
	margin: 0px 0px 0px -308px;
	background-color:#115612;
	border-top: 1px solid #ffffff;
	border-right: 1px none #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px none #ffffff;	
}

#menu a{
	border-right: 1px solid #ffffff;
		
	padding: 0px 8px 0px 8px;
	height: 17px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
	
}
#menu a:hover { background-color:#87b339;}
#menu .on { background-color:#87b339;}



#contenu hr{
clear: both;
	width: 50%;
	border: 0; /* enleve toute bordure */
	border-bottom: 1px #153261 solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px; 
} 




#image_bd{
position: absolute;
left: 50%;
	top: 128px;
	margin: 0px 0px 0px 165px;
	background-image: url(images/bateaux_bas.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width:217px;
	height:17px;
	}	
.marge10{
margin-left:10px;
margin-right:10px;

}
.texte_courant, li {
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	font-size: 13px;	
	color: #000000;
}
.texte_courant strong{color: #0f6a04;}

li{
	
	list-style-position: outside;
	list-style-image: url(images/li.gif);
}

.important {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;			 
	color: #015B0B;
	
}
.bleu {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;			 
	color: #004192;
	
}
.rouge {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;			 
	color: #e64917;
	
}
	
.liens { font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	 }
.liens:active {color:#000000; text-decoration:none;font-weight:bold; }
.liens:visited {color:#000000;text-decoration:none;  font-weight:bold; }
.liens:link {color:#000000; text-decoration:none;font-weight:bold; }
.liens:hover {color:#000000;  font-weight:bold; }

.texteaccueil_1, .texteaccueil_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 19px;
	font-weight: bold;
	font-style:italic;	
}
.texteaccueil_3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 16px;
	font-weight: bold;
	font-style:italic;	
}
.texteaccueil_1, .texteaccueil_3 {color: #115612; }
.texteaccueil_2 {	color: #87b339;}
.texte_sstitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 16px;	
	font-style:italic;	
	color: #000000;
}

.texteBlanc14 {
text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	 
	color: #FFFFFF;
}

.texteBlanc10 {
	font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;	 
	font-size: 11px;		 
	color: #FFFFFF;	
	text-decoration:none;
}
.texteBlanc10:hover {color:#ffe127; }

.texteBleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #163480;
}
.texteBleu16 {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #163480;
}

.texte {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #000022;
}
.texte_blanc {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;	
	color: #ffffff;
}

.texteBleufonce {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	font-weight: bold;
	color: #0B0583;
	text-decoration: underline;
}



.pluspetittexte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}

.pluspetittexte:hover {color: #ffe127;}

.textenoir {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}
.textelien:link {color: #000000;}
.textelien:visited {color: #000000;}
.textelien:hover {color: #197724;}
.textelien:active {color: #000000;}
.textelien {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}


.Zoneverte {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:left;	 
	color: #000000;
	background-color:#87b339;
}
.Zoneverteclair {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	color: #000000;
	background-color:#EBFCDE;
}
.Zonevertefonce {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	color: #ffffff;
	background-color:#87b339;
	
	
}

.TdCouleur1 {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	color: #002d51;
	background-color:#faffc2;
	
	
}
.zone-tarifs{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;	
	color: #000000;
	background-color:#fff8a8;

}
.zone_titre_tarifs{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 13px;	
	color: #000000;
	background-color:#ffffff;
	border-bottom-width: thin;
	border-bottom-style:solid;
	border-bottom-color: #e64917;	

}
.pointille_bas {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #000000;		
}
.ligne_bas {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;		
}
.Zoneorange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	background-color:#FEDC96;
	height:30px;
}
.Zoneorangeclair {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:center;	
	color: #000000;
	background-color:#FFEECB;
}
.Zonerouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	background-color:#FFBE9C;
	
}
.Zonerougeclair {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:center;	
	color: #000000;
	background-color:#FFDFCE;
}
.Zonebleu {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;		 
	color: #002d51;
	background-color:#D2E5FF;
}

.ZoneBleufonce {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	color: #ffffff;
	background-color:#102b6c;
	
	
}


.ZoneBleuclair2 {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	color: #000000;
	background-color:#e7f1ff;
	
	
}
.textepetitnoir {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.texteminuscule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.petittexterouge {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	color: #A80024;
	
}
.textegros {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #A80024;
}



.li_carre{
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	list-style-image: url(images/puce.gif);
	list-style-position:inside;
	color: #ffffff;
	vertical-align: middle;
	list-style-type: none;
}
.supplement{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	}

#bloctexte{
	width: 710px;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
}

#bloctexte h1{
	clear: both;
	height: 20px;
	padding: 0px 5px 0px 5px;
	margin: 20px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	
	color: #ffffff;
	background-color:#06467a;
	border: 2px solid #031d32;
}

#bloctexte h2{
	clear: both;
	margin: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0038a0;
}

#bloctexte p{
	padding: 0px;
	margin: 0px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0038a0;
}

#bloctexte table{
	padding: 0px;
	margin: 0px;
	border-top: 1px solid black;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid black;
}

#bloctexte tr{
	padding: 0px;
	margin: 0px;
	border: none;
}

#bloctexte td{
	padding: 2px;
	margin: 0px;
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

#bloctexte ul{
	margin: 0px;
	padding: 0px 0px 0px 30px;
 }

 
 #bloccolgauche{
	float: left;
	width: 345px;
	padding: 0px;
	margin: 0px;
}

#bloccoldroite{
	float: left;
	width: 320px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}
.tipClass { font:  12px Arial, Helvetica; color: black }
a.tipClass { font:  12px Arial, Helvetica; color: black }
a.tipClass:active {color:#000000; }
a.tipClass:visited {color:#000000; }
a.tipClass:link {color:#000000; }
a.tipClass:hover {color:#000000;  }
.cadre_promo {
	border: thin dotted #FF6600;
}
.TdCouleur2 {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	color: #002d51;
	background-color:#Feed7f;
}
.TdCouleur3 {

	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	color: #002d51;
	background-color:#Fec77f;
}