/* CSS Document */

a{
color:#FF0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;}

a:hover{
color:#F7CC8C ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: underline;}

.clt a{
color: #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:none;
padding-bottom:4px;
/*padding:6px;*/

}
.clt a:hover{
color: #CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration: none;

}

#bt{
border-color:#FFFFFF;
border-style:solid;
border-width:thin;
background-color:#F7CC8C;
height:25px;
width:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
}
#txt{
background-color: #F7CC8C;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.menu a{
color: #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
padding-bottom:4px;
/*padding:6px;*/

}
.menu a:hover{
color:#F7CC8C ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;

}
.menu1 a{
color: #999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:none;
padding-bottom:4px;
/*padding:6px;*/

}
.menu1 a:hover{
color: #000000 ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;

}

#texte{
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;

padding:2px;

/*padding:6px;*/

}
body{
scrollbar-base-color:#F7CC8C;
  scrollbar-3dlight-color:#F7CC8C;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#000000;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#F7CC8C;
}

#mg{
display:block;
width:165px;
height:169px;

}
#mg1{
display:block;
width:70px;
height:80px;
border-color: #D2DCFB;
border-style: dashed;
border-width:thin;
richness:inherit;
}
#in{
background-color:F7CC8C;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border: #FF0000;
border-style:solid;
border-width:thin;
}
.cont{ border-color:#FFFFFF;
border-style:solid;
border-width:medium;
padding:3px;
}

#t{
border-color: #000000;
border-style:solid;
border-width: thin;
}

#t1{
color:#999999;
size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;}

#des{
display:block;
width:45%;}

#pro{
background-color:#F9F7F8;
font-size:11px;
color:#999999;
font-family:Verdana;

}
.re a{
color: #3333CC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
padding-bottom:4px;
/*padding:6px;*/

}
.re a:hover{
color: #3333CC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration: underline;

}



a.info_bulle span.info_bulle
{								   
  display          : none; /* Rend invisible tout notre bloc span */
} 
 
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('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 */
} 

a.info_bulle:hover span.info_bulle
{				
  display        :  block;    /* Rend visible notre bloc span */
  position       :  absolute; /* Sort notre bloc de son conteneur afin de le positionner */
  
  font-size      : 12px;
  
  width          : 220px;     /* On fixe une largeur par défaut */
  
  color          : #000;      /* Réinitialisation de la couleur du texte */
  
  text-align     : justify;   /* Justification du texte */	
  
  cursor         : default;   /* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */
  
  /* Positionnement de notre info-bulle */
  top            : -40px;     
  left           : 91px;
  
  z-index        : 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement */
}  

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

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

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

#mg2{
display:block;
width:170px;
height:180px;
border-color: #D2DCFB;
border-style: dashed;
border-width:thin;
richness:inherit;
}


a.info_bulle2 span.info_bulle2
{								   
  display          : none; /* Rend invisible tout notre bloc span */
} 
 
a.info_bulle2
{				
color: #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
padding-bottom:4px;

}  
 
a.info_bulle2:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

a.info_bulle2:hover span.info_bulle2
{				
  display        :  block;    /* Rend visible notre bloc span */
  position       :absolute ; /* Sort notre bloc de son conteneur afin de le positionner */

  
  font-size      : 12px;
  
  width          : 220px;     /* On fixe une largeur par défaut */

  
 color:#F7CC8C ;     /* Réinitialisation de la couleur du texte */
  
  text-align     : justify;   /* Justification du texte */	
  
  cursor         : default;   /* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */
  
  /* Positionnement de notre info-bulle */
  top            : 175px;     
  left           : 360px;
  
  z-index        : 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement */
}