body {
margin: 0;
padding: 0;
background: url(images/barres.png) repeat;
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;
}


.menu {
float : left ; 
width : 160px; 
margin-left:8px;
margin-right : 10px ;
text-align:justify;
background:transparent;
}
.menu h1{
margin-top:0px;
height:22px;
background:transparent;
color:#227EC6;
font-size:14px;
border-bottom:1px solid #227EC6;
text-align:center;}

.menu ul{
padding:5px; }

.menu li{
background:#fcfcfc url(images/div.png) no-repeat bottom;
list-style:none;
height:30px; 
}
.menu li:hover{
background:#fcfcfc url(images/divhover.png) no-repeat bottom;
list-style:none;
height:30px; 
}

.menu a{
margin-left:10px;
text-decoration:none;
padding-left:18px;
background:transparent url(images/white.png) no-repeat left;
}
.menu a:hover{
text-decoration:none;
padding-left:18px;
background:transparent url(images/blue.png) no-repeat left;
}
.droit {
margin-right:20px;
float : right ;
width : 560px;
text-align:justify;
background:transparent;
margin-bottom:30px;
 }


.droit h1{
margin-top:0px;
height:22px;
background:transparent url(images/h1d.png) no-repeat left;
color:#227EC6;
font-size:14px;
border-bottom:1px solid #227EC6;
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*/
}


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

.droit img{
border:0px; 
}


.adsense {
margin-top:30px;
}