BODY {
scrollbar-face-color: #2E96AE; 
scrollbar-shadow-color: #DEFAFA;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #2E96AE; 
scrollbar-darkshadow-color: #2E96AE; 
scrollbar-track-color: #DEFAFA; 
scrollbar-arrow-color: #DEFAFA;
}

A:link { 
color: #005A87; text-decoration: none; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; 
}

A:hover { 
color: #CF0B25; text-decoration: none; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;	
}

A:visited { 
color: #005A87; text-decoration: none; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; 
}

.cadre {	border: 1px dotted #A5C5D2;}


#top {
background: url(images/top.gif);
}

#newsletter {
background: url(images/newsletter.jpg);
        width: 290px;
        height: 145px;
        padding: 0;
        margin: 0;
}

#fondbleu {
background: url(images/fond_bleu.gif);
}

#cadretop {
background: url(images/cadre_top.gif);
}

#cadrecentre {
background: url(images/cadre_centre.gif);
    padding: 5px;
}

#cadrebas {
background: url(images/cadre_bas.gif);
}

#page {       
        width: 100px;
        height: 15px;
        padding: 0;
        margin: 0;
        color: #005A87;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 11px "verdana, arial, sans-serif";
        background: #FAE5BA;
}


#topmenu {       
        width: 800px;
        height: 15px;
        background: url(images/menu_top.gif);
}

#topmenu a {       
        width: 100px;
        height: 15px;
        padding: 0;
        margin: 0;
        color: #005A87;
        text-decoration: none;
        display: block;
        text-align: center;
        font: 12px "verdana, arial, sans-serif";
}

#topmenu a:hover {
        color: #005A87;
        background: #F6C099;
		height: 15px;
}


#topmenu a:active {
		height: 15px;
        background: #FAE5BA;
        color: #005A87;
}

.style1 {
color: #00007C;text-decoration: none;font-size: 12px;font-family: Arial, Helvetica, sans-serif;
}

.style2 {
color: #00007C;text-decoration: none;font-size: 11px;font-family: Arial, Helvetica, sans-serif;
}

.style3 { color: #004D76; text-decoration: none; font-size: 15px; font-family: arial narrow; font-weight: bold; 
}


a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 30px; 
    left: 10px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #ffc; 
    width:170px;
}
a.tooltip:hover em span {
    position: absolute; 
    top: -8px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    background: transparent url(images/infobulle.gif); 
    margin:0; 
    padding: 0; 
    border: 0;
}






a.info_bulle
{				
  color           : #2F368A;
  
  text-decoration : none; 
  
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('images/comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

/* Rend invisible tout notre bloc span */
a.info_bulle span.info_bulle 
{								   
  position   :  absolute;
  top        :  -2000em;
  left       :  -2000em;
  width      :  1px;
  height     :  1px;
  overflow   :  hidden; 
} 

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span.info_bulle, a.info_bulle:focus span.info_bulle, a.info_bulle:active span.info_bulle
{
  top        :  -10px;
  left       :  80px;
  width      :  160px;
  height     :  auto;
  overflow   :  visible;
} 

span.header
{
   display         : block; 
   height          : 25px;  /* Hauteur correspondant à celle de notre image */
   line-height     : 120%;  /* Propriété qui centrera le texte verticalement */
   text-align      : center;
   background      : transparent url('./images/lien_top.gif') no-repeat 0 0; 
   font-size       : 15px; 
   font-weight     : bold;
} 

span.content
{
   display     : block; 
   background  : transparent url('./images/lien_centre.gif') repeat-y;
   padding     : 0 8px;
} 

span.footer
{
   display     : block; 
   height      : 5px; 
   background  : url('./images/lien_bas.gif') no-repeat bottom left; 
   font-size   : 0; /* Corrige l'espacement inutile sous IE */
}