p
{
font-family:verdana;
color:#000000;
font-size:12px;
}
a
{
text-decoration: none;
color:#FFCB60;
}
a:hover
{
color:#8C0327;
text-decoration:underline;
}
a.lien2
{
color:#FFCB60;
}
a.lien2:hover
{
color:#A34251;
}
a.lien3
{
color:#FFCB60;
}
a.lien3:hover
{
color:#FFCB60;
}
a img
{
border: none;
}
a img:hover
{
border: none;
}
a.img2 img
{
border: 5px solid #8C0327;
}
a.img2 img:hover
{
border: 2px solid #FFCB60;
padding: 3px;
}
body
{
width:1001px;
background-color:#593E34;
color:black;
margin:auto;
margin-top:25px;
}
#en_tete
{
width: 1001px;
height: 135px;
background-color:#593E34;
}
#menuhor
{
background-color:#8C0327;
width:1001px;
height:30px;
background-image:url(Images/Fondmenuhor.png);
}
#corps
{
width:1001px;
color: #000000;
background-color:#A34251;
padding-top:10px;
padding-bottom:10px;
}
#pied_de_page
{
width: 1001px;
a
background-color:#8C0327;
background-image:url(Images/Fondpied_page.png);
height:auto;
float:left;
text-align: center;
color:#FFFFFF;
}
a.info span
{
   display: none; /* on masque l'infobulle */
   text-decoration:none;
   border-bottom:none;
}
a.info:hover
{
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor:auto; /* 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:normal; /* 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: 475px; /* on positionne notre infobulle */
   left: 375px;

   background:url(Images/Fondinfobulle.png);

   color: black;
   font-size:10px;
   font-style:italic;
   font-weight:bold;
   text-align:left;
   padding: 2px;

   border: 2px solid #8C0327;
   border-left: 5px solid #8C0327;
   border-right: 5px solid #8C0327;
}
a.info2 span
{
   display: none; /* on masque l'infobulle */
   text-decoration:none;
   border-bottom:none;
}
a.info2:hover
{
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor:auto; /* on change le curseur par défaut en curseur d'aide */
}
a.info2:hover span
{
   display: inline; /* on affiche l'infobulle */
   position:absolute;

   white-space:normal; /* 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: 475px; /* on positionne notre infobulle */
   left: 1150px;

   background:url(Images/Fondinfobulle.png);

   color: black;
   font-size:10px;
   font-style:italic;
   font-weight:bold;
   text-align:left;
   padding: 2px;

   border: 2px solid #8C0327;
   border-left: 5px solid #8C0327;
   border-right: 5px solid #8C0327;
}
a.info3:hover span
{
   display: inline; /* on affiche l'infobulle */
   position:absolute;

   white-space:normal; /* 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: 475px; /* on positionne notre infobulle */
   left: 1185px;

   background:url(Images/Fondinfobulle.png);

   color: black;
   font-size:10px;
   font-style:italic;
   font-weight:bold;
   text-align:left;
   padding: 1px;

   border: 2px solid #8C0327;
   border-left: 5px solid #8C0327;
   border-right: 5px solid #8C0327;
}
a.info3 span
{
   display: none; /* on masque l'infobulle */
   text-decoration:none;
   border-bottom:none;
}
a.info3:hover
{
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor:auto; /* on change le curseur par défaut en curseur d'aide */
}
a.info3:hover span
{
   display: inline; /* on affiche l'infobulle */
   position:absolute;

   white-space:normal; /* 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: 570px; /* on positionne notre infobulle */
   left: 860px;

   background:url(Images/Fondinfobulle.png);

   color: black;
   font-size:10px;
   font-style:italic;
   font-weight:bold;
   text-align:left;
   padding: 1px;

   border: 2px solid #8C0327;
   border-left: 5px solid #8C0327;
   border-right: 5px solid #8C0327;
}
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intrieure */
        margin :0; /* ni extrieure */
        list-style : none; /* on supprime le style par dfaut de la liste */
        line-height : 28px; /* on dfinit une hauteur pour chaque ment */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight:bold;
		margin-left:4px;
		margin-right:auto;
        font-family :verdana; 
        font-size : 12px; 
}

#menu a /* Contenu des listes */
{
        
		display : block; /* on change le type d'ment, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intrieure */
        background:none; /* couleur de fond */        
        color :#FFFFFF; /* couleur du texte */
        text-decoration : none; /* on supprime le style par dfaut des liens (la plupart du temps = soulign) */
        width : 123px; /* largeur */
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnat pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche  droite de chaque ment */
}

/* IE ne reconnaissant pas le slecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente  droite de chaque ment */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 123px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* ments de sous-listes */
{
        /* pour IE qui ne reconnat pas "transparent" (comme prdemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque ment d'une sous liste */
}

/* IE ne reconnaissant pas le slecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaqument */
}

#menu li ul ul 
{
        margin    : -29px 0 0 123px ; /* On dcale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnat pas "transparent" (comme pdemment) */
        border-left     : 1px solid #fff ; /* Petite bordure gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le ste ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque ment */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; 
        background:#FFCB60;
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur unment de liste */
{
        left: -999em; /* On expdie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un ment de liste ET sous-sous-lites lorsque la souris passe sur un ment de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */		
}
#menu li ul li a 
{
         background:url(Images/Fondmenu.png);
}