.affichage {
	width: 890px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align:left;
}
.container_principal {
		background-color: #BDB5A8;
		width: 890px;
}

.container_principal_site {
		background-color: #ffffff;
		width: 890px;
		color: #4c4b47;
}

.container_gauche {
	width: 400px;
	/*height: 366px;*/
	text-align:justify;
	float: left;
}
.zone_droite {
float: right;
width: 490px;
text-align:justify;
}
.container_menu {
float: right;
width: 490px;
}

.container_chemin {
width: 890px;
height: 16px;
}
.container_chemin_site {
width: 890px;
height: 18px;
background-color: #cecac3;
}
.chemin {
color: #4c4b47;
width: 370px;
float: left;
margin-left: 12px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
}

a.langue {
	text-decoration: none;
	color: #4c4b47;
	font-size: 11px;
}
a:hover.langue {
	text-decoration: underline;
}

.pied {
	font-size: 12px;
	text-align: left;
}
.texte_rouge {
color: #82002a ;
}

.titre_rouge {
	color: #82002a;
	font-size: 14px;
	font-weight: bold;
}

.texte_gris {
color: #4c4b47;
}

.texte_leger {
color: #CECAC3;
}

a {
color: #82002a;
font-weight: bold;
text-decoration: none;
font-size: 11px;
}

a:hover {
text-decoration:underline;
}


a.chemin {
	text-decoration: none;
	color: #4c4b47;
	font-size: 11px;
	font-weight: normal;
}

a.chemin:hover {
text-decoration:underline;
}

a.menu_bateaux {
	text-decoration: none;
	color: #4c4b47;
	font-size: 13px;
	font-weight: normal;
}

a.menu_bateaux:hover {
text-decoration:underline;
}

.thinpoint {

border: 1px dashed #cecac3;
}

a img {border:1px solid white} /* défini l'encadrement des images dans les liens hors survol */
a:hover img {border:1px #7e7e7e solid} /* défini l'encadrement des images lors du survol */

.spec {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.sep_spec {
	border-bottom-style: solid;
	border-bottom-color: #cecac3;
	border-bottom-width: 1px;
}

.sstitre {
display: inline; 
float: right;
color: #4c4b47;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;

}

/*---------- bubble tooltip -----------*/
a.tt{
	font-family: Arial, Helvetica, sans-serif;
    position:relative;
    z-index:24;
    color:#666666;
	font-size: 10px;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25;  background:; }
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top: 0px; left:0;
	padding: 0 0 0 0;
	width:100px;
	height: 50px;
	border: 1px solid #999999;
	text-align: right;
}
a.tt:hover span.top{
	display: block;
	margin: -45px 0px 0;
	text-decoration:none;
	
}