body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#003f8a;
margin-top: 10px;
padding: 0; background-image:url(/images/bg.gif); 
text-align:justify;

}
a:link,a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#003f8a;
text-decoration : none; 
white-space : nowrap; 
} 
a:active
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color:#e70000;
text-decoration : underline; 
white-space : nowrap; 
}

a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#003f8a;
text-decoration : none; 
white-space : nowrap; 
} 
a:hover { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color:#e70000;
text-decoration : none; 
white-space : nowrap; 
} 
#header {
height: 250px;
}
#conteneur {
width: 900px;
margin: 0 auto; 
border:1px solid #ff0000;
background-color: #ffffff; 
}
#centre {
margin-left: 215px;
width: 660px;
padding-left:5px;
padding-right:5px;
}
#gauche {
float:left;
width: 200px;
padding:10px;
}
#celgauche {
float:left;
width: 320px;
margin-top:10px;
margin-left:5px;
}
#celdroite {
float:right;
width: 320px;
margin-top:10px;
margin-right:5px;
}
#celcentre {
float:right;
width: 660px;
margin-top:10px;
}
#pied {
height: 30px;
padding-top:10px;
clear:both;
}
p {margin: 0;}

.img-gauche {float:left;}
.img-droite {float:right;}

#nav{ /* toutes les listes */
width: 900px;
margin: 0 auto; 
list-style: none;
}
#nav ul { /* toutes les listes */
	padding:0;
    margin: 0;
	list-style: none;
	line-height: 20px; z-index:500;
}
#nav a {
	display: block; color:#FFFFFF;
	width: 150px; 
	text-indent:0px;
	font-size:12px; 
}
#nav li a.bg {
background:url(/img-2008/cssplay_0.gif) no-repeat top left;
text-align:center;
font-weight:bold;
line-height: 36px;
}
#nav li a.bg:hover {
background:url(/img-2008/cssplay_1.gif) no-repeat top left;
text-align:center;
font-weight:bold;
line-height: 36px;
} 

#nav li { /* tous les items de liste */
	float: left;
	width: 150px; /* largeur obligatoire, sinon opera devient fou */

}

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background-color:#3b1abd;
	width: 150px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}
#nav li ul a {
color:#f9f9f9; 
text-indent:10px;

}

#nav li ul a:hover{ /* listes de deuxième niveau */
	background-color:#e50003;
	text-decoration:underline;
	color:#f9f9f9; 
	}
#nav li ul ul { /* listes de troisième niveau et plus */
	margin: -20px 0 0 150px;
}
/*deuxième niveau 250px*/                
#nav ul a {width: inherit;}
#nav ul.niveau2bis ul {left: 170px;}  
#nav ul.niveau2bis {display:block; width:170px;}      
#nav ul.niveau2bis li a {width: 170px;}
#nav li ul.niveau2bis ul { /* listes de troisième niveau et plus 250 px*/
	margin: -20px 0 0 170px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, 
#nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;	
}
#nav li:hover, #nav li.sfhover{
	background: #3b1abd;
}

/* page style */
.red {color: #FF0000;}
.redvendu {color: #FF0000; font-weight:bold; float:right; font-size: 18px}

.titre {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: large;
color: #FF0000;
}
.small {font-size: x-small; font-style:italic;}
.smallred {font-size: x-small; font-style:italic;color: #FF0000;}

.hrred {
height: 2px;
color: red;
background-color: red;
border: 0;
width:95%;
margin-left: 0;
}
.hrbleu {
height: 2px;
color:#003f8a;
background-color: #003f8a;
border: 0;
width:95%;
margin-left: 0;
}

a.info {
   position: relative;
   color: red;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 100; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */

}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 20px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: red;
   padding: 3px;
   border: 1px solid red;
}

a.tarif,a.tarif:hover { color:#C00}