body
{
   text-align: center;
   margin: auto;
   margin-top: 0;  /* Marge avec le haut de la page*/
   margin-bottom: 10px;    /* Marge avec le bas de la page*/
   background-color: #D7D7D7; /* Couleur de fond du site*/
}

a
{
text-decoration: none;
}

#Thead /* La cellule d'en-tête du tableau de News des Avatars*/
{
   background-image: url("http://img204.imageshack.us/img204/7571/partenaires002.png");
   background-repeat: no-repeat;
   background-position: center;
   color: #a55b76;
   }


/* L'en-tête */

#header
{
   width: 750px;  /* Largeur du bloc en tête*/
   background-image: url("http://slonec.free.fr/Images/logo003.png");  /* Image de fond pour l'entête, banières, logos... */
   height: 470px;  /* Hauteur du bloc en tête*/
   background-repeat: no-repeat;  /* Pas de répitition pour l'image d'en tête, ni verticalement, ni horizontalement */
   margin-bottom: 0;  /* Marge ( ou espace ) entre le bas de l'image et le bloc suivant : menu */
}

/* Menu déroulant */

#menu
{
   width: 950px;  /* Largeur du bloc menu*/
   margin: auto;
   margin-top: 0;    /* Marge avec le haut, puis avec le bas pour le distinguer des autres blocs*/
   margin-bottom: 2px;      
}
#Menu_Deroulant, #Menu_Deroulant ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#Menu_Deroulant /* Ensemble du menu */
{
        font-family : Times New Roman; /* on utilise la police de base autant rester simple. ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}
#Menu_Deroulant a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #C1C1C1; /* couleur de fond */        
        color : #a55b76; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 150px; /* largeur */
		height: 20px;  /*Hauteur */
}
#Menu_Deroulant a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #d8ffce; /* On passe le texte en noir... */
        background: #72a3da; /* ... et au contraire, le fond en blanc */
}


#Menu_Deroulant li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border : 1px solid #D7D7D7; /* on met une bordure à chaque élément */
}
#Menu_Deroulant li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 150px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
#Menu_Deroulant li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #D7D7D7; /* on met une bordure en haut de chaque élément d'une sous liste */
}

#Menu_Deroulant li ul ul 
{
        margin    : -22px 0 0 151px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left : 1px solid #D7D7D7 ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#Menu_Deroulant li:hover ul ul, #Menu_Deroulant li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#Menu_deroulant li:hover ul, #Menu_Deroulant li li:hover ul, #Menu_Deroulant li.sfhover ul, #Menu_Deroulant li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */

}

/* Liens partenaires rapides à droite */
#links
{
border: 0;  /* Contour de la boite de partenaire nul */
}

#links a
{
text-decoration: none;  /* Pas de décoration pour les liens actifs : soulignement, gras... */
display: block;  /* Affichage des liens en type block */
color: #a55b76;  /* Couleur du texte du premier niveau du menu */
background-color: #C1C1C1;  /* Couleur de fond du block d'affichage du lien*/
}

#links a:hover
{
color: #d8ffce; /* On passe le texte en clair... */
background: #72a3da; /* ... et au contraire, le fond en foncé */
}

/* Partie principale du site */
.catlinka  a
{ 
text-decoration : none;
font-size : 11px;
text-transform: uppercase;
border-left : 5px solid #C1C1C1; 
color: #a55b76;
}

.catlinka a:hover 
{
font-size: 11px;  
padding: 0px 15px;
border-left : 5px solid #FBFBFB; 
color: #a55b76;
}

.catlinkb  a
{ 
font-size : 11px;
text-transform: uppercase;
text-decoration : none;
border-right : 5px solid #C1C1C1; 
color: #a55b76;
}

.catlinkb a:hover 
{ 
font-size: 11px; 
padding: 0px 15px; 
border-right : 5px solid #FBFBFB; 
color: #a55b76;
}

.catlinkc  a
{ 
font-size : 11px;
text-transform: uppercase;
text-decoration : none;
background-color : #C1C1C1; 
color: #a55b76;
padding: 3px 66px 3px;
}

.catlinkc a:hover 
{ 
font-size: 11px;  
background: #72a3da; 
color: #d8ffce;
padding: 3px 66px 3px;
}

#Corps

/*PARTENAIRES*/
/* Infosbulles pour les partenaires */
a.catlinkinfo {
position: relative;
color: black;
text-decoration: none;
border-bottom: 0px; /* pas de bordure pour indiquer le lien */
}
a.catlinkinfo span {
display: none; /* on masque l'infobulle */
}
a.catlinkinfo:hover {
background: none; /* correction d'un bug IE */
z-index: 1010; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.catlinkinfo: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: 10px; /* on positionne notre infobulle */
left: 10px;
padding: 3px;
border: 0px solid green;
border-left: 0px solid green;
}



/* PHOTOS*/
/* Infosbulles position gauche */
a.catlinkinfog {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}
a.catlinkinfog span {
display: none; /* on masque l'infobulle */
}
a.catlinkinfog:hover {
background: none; /* correction d'un bug IE */
z-index: 1010; /* on definit une valeur pour l'ordre d'affichage */
}
a.catlinkinfog:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
top: -60px; /* on positionne notre infobulle */
left: 50px;
}


/* Infosbulles  position medium */
a.catlinkinfom {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px; /* pas de bordure pour indiquer le lien */
}
a.catlinkinfom span {
display: none; /* on masque l'infobulle */
}
a.catlinkinfom:hover {
background: none; /* correction d'un bug IE */
z-index: 1010; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.catlinkinfom: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: -60px; /* on positionne notre infobulle */
left: -150px;
padding: 3px;
border: 0px solid green;
border-left: 0px solid green;
}


/* Infosbulles position droit */
a.catlinkinfod {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px; /* pas de bordure pour indiquer le lien */
}
a.catlinkinfod span {
display: none; /* on masque l'infobulle */
}
a.catlinkinfod:hover {
background: none; /* correction d'un bug IE */
z-index: 1010; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.catlinkinfod: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: -60px; /* on positionne notre infobulle */
left: -250px;
padding: 3px;
border: 0px solid green;
border-left: 0px solid green;
}


/* Pied de page */
#foot
{
   text-align: center;
   font-size: 10px;
   color: #C1C1C1;
}