body { font-family: Trebuchet MS, Helvetica, sans-serif; color: #515050; font-size: 
0.8em;; margin-top: 10px; padding: 0; background-color:#dddddd; SCROLLING="NO" 
}

#conteneur { 
width: 984px; margin: 0 auto; background-color: #FFFFFF; 
} 

#centre { 
padding-top: 0px;
width: 950px;
height: 100%;
margin-left:20px;
} 
#haut{ 
background: url(../images/haut.gif); 
width: 984px; height: 16px; background-repeat: no-repeat; background-position: 
top; padding:0; margin: 0;
} 
#pied { 
clear:both; background: url(../images/pied.gif); 
width: 984px; height: 16px; background-repeat: no-repeat; background-position: 
bottom; padding:0; margin: 0;
} 

#contenupied { 
color: #515050; text-align: center; 
font-size: 0,8em; 
} 
#pave{ 
background: url(../images/pave.gif); 
width: 393px; height: 56px; background-repeat: no-repeat; 
background-position: top; 
padding:0; margin: 0;
text-align: center; 
vertical-align: middle;
color: #f946110;
font-weight: bold;
font-size: 1.15em;
} 
 
#cadremaj { 
background-color: #fff200; 
border: 2px #0195FF solid ; 
font-weight: bold;
color: #0195FF;
width: 350px;
text-align: center; padding:0; margin: 0; 
margin-left: auto;
margin-right: auto;
}
.titrerubrique {
color: #0195FF;
font-weight: bold;
font-size: 1.5em;
line-height: 50px;
margin: 0
padding: 0;
}

.titresousrubrique {
color: #0195FF;
font-weight: bold;
font-size: 1.15em;
margin: 0
padding: 0;
}


.cadreHaut { 
background: url(../images/cadrehaut.gif); 
width: 400px; 
height: 13px; background-repeat: no-repeat; 
background-position: bottom; padding:0; margin:0;
}

.cadreBas { 
background: url(../images/cadrebas.gif); 
width: 400px; 
height: 13px; background-repeat: no-repeat; 
background-position: top; padding:0; margin: 0;
}
.cadre { 
border-right: 1px #83CBFF solid ;
border-left: 1px #83CBFF solid ;
margin:10;
}


#tirets { 
background: url(../images/tirets.gif); background-repeat:
repeat-x ; width: 500px; height: 3px; padding:0; margin: 0; 
} 



p { color: #515050; text-align: justify; margin: 0; padding: 0; } 
.texte2{ color: #0196FF; text-align: justify; margin: 0; padding: 0; } 

.texteubic { color: #0196FF; font-weight: bold; }
  a.texteubic:visited { text-decoration:none } 
  a.texteubic:hover { color: #0196FF; font-weight: bold; } 
  a.texteubic:link { text-decoration:none} 


.textepumit { color: #000000; font-weight: bold; } 
a{ font-size: 1em; color: #515050; } 
a:hover {color: #515050; } 

a.info 
{
   position: relative;
   color: black;
   text-decoration: none;
}
a.info span 
{
   display: none; /* on masque l'infobulle */
}

a.info:hover {
   color:#FFFFFF; 
   background:#00a0d7;   
   
   font-family:Trebuchet MS,Helvetica,sans-serif;
   font-size:16;
   margin-top:10px;
   padding:0pt;
   font-weight:bolder;
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: pointer; /* on change le curseur par défaut en curseur d'aide */
}

a.info:hover span 
{
   display: inline; /* on affiche l'infobulle */
   position: absolute; 
   color:#515050;
   font-size:12;
   margin-top:12px;
   padding:0pt;
   font-family:Trebuchet MS,Helvetica,sans-serif;
   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: 15px; /* on positionne notre infobulle */
   left: 20px;
   font-weight:bolder;
   background: white;

   color: #0096ff;
   padding: 3px;

   border: 1px solid black;

}
a.info2 
{
   position: relative;
   color: black;
   text-decoration: none;
}
a.info2 span {
   display: none; /* on masque l'infobulle */
}

a.info2:hover 
{

   color:#FFFFFF; 
   background:#00a0d7;   
   
   font-family:Trebuchet MS,Helvetica,sans-serif;
   font-size:16;
   margin-top:5px;
   padding:0pt;

   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: pointer; /* on change le curseur par défaut en curseur d'aide */
}

a.info2:hover span 
{
   display: inline; /* on affiche l'infobulle */
   position: absolute; 
   font-weight:bolder;
   color:#515050;
   font-size:12;
   margin-top:12px;
   padding:0pt;
   font-family:Trebuchet MS,Helvetica,sans-serif;
   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: 15px; /* on positionne notre infobulle */
   left: 0px;

   background: white;

   color: #0096ff;
   padding: 3px;
   border: 1px solid black;
}