body {
margin: 0;
padding: 0;
background: #F4F8FE url(images/bg.png) repeat-x top;
text-align : center;
font-family : arial;
font-size : 12px;
}



#content{
color : #000;
position: relative;
text-align : left; 
width:800px;
height:100%;
background : #fff url(images/centre.png) repeat-y;
margin-left:auto;
margin-right:auto;
}


.ban {
width : 800px ;
height : 270px; 
text-align:center;
background : transparent url(images/ban1.jpg) no-repeat;
}










.droit h1{
margin-top:0px;
height:22px;
background:transparent url(images/h1d.png) no-repeat left;
color:#8a9eb3;
font-size:14px;
border-bottom:1px solid #8a9eb3;
padding-left:10px; }

.droit p{
padding-left:30px;
padding-right:30px; }


#bas {   
clear : both ;
text-align : center ; 
width : 800px; 
height : 43px ; 
background:#F4F8FE url(images/bas.png) no-repeat;    
color : #000;
font-size : 11px;
margin-top:50px;
}

.signature { margin : 0 ; padding : 8px 0 0 0 ; }


 a {
	color: #333333;
	font-weight: bold;
}
a:visited {
	color: #333333;
	font-weight: bold;
}
a:hover {
	color: #777777;
	font-weight: bold;
}
a:active {
	color: #333333;
	font-weight: bold;
}























a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px 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: 500; /* 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: 625px; /* on
positionne notre infobulle */
   left: 550px;
   background: white;
   color: black;/*couleur texte*/
   padding: 3px;
   border: 1px solid orange;/*bordure*/
   border-left: 4px
solid orange;/*bordure de gauche*/
}