body        { background-color:#E8F0FF;
              
              
}

#container  {width:1000px; margin: 0 auto;
             position:  relative; padding:5px;
             border-style:inset; border-width:thin; border-color:White;
             background-color: #D0D0D0}
#topbar     {width:auto; display:block; height:180px; border-color:#AC9993 }
#navbar     {width:300px; margin: 0 auto; display:block; 
             height:25px; padding:2px;
             text-align:center; color: Purple;
             background-image:url(v2/images/fondbleu.gif);
             border-style: inset; border-width:thin; border-color:White; }

#main       {width:auto; display:block;
             border-color: #FFFFFF;
             border-width: 1px;
             }


/*
div.spacer, permet de faire deux colonne dans #container
*/

div.spacer  {clear:both; height:2px; display:block;}
#footer     {width:auto; display:block; height:25px;
             color: #4D6A9B;
             font-family:Georgia;
             text-align: center;}

.style0
            {
                width: 1000px;  background-color:#DDDDDD;
                }
.style1
            {
                width: 900px;
                }
                
.style3
            {
                 width:100px;
                 border-color: Silver; 
                 border: 2px groove #B5C9D4; border-bottom: 2px groove #B5C9D4;
                 margin:15px;
                }
.style4
            { 
                font-family:Georgia; font-size: larger; text-align: center; 
                vertical-align: middle; font-style:italic; 
                color:White; float:none;
                }
.style5
            {
                width: 50px;
            }
.style8
            { 
                height: 130px;
                border-style:inset; border-width:thin; border-color:White;                  
            }
.style9
            {
                height:25px; text-align:center; color: #FFFFFF; background-color: Purple; 
            }
           
.style10
            {
                 color:#4D6A9B; font-family:Georgia;
                 text-align: center; font-size: large;
                 margin-top:10px;
            }
           
.style11
            {
                height: 150px;
                border-color: #FFFFFF;
                border-width: 1px;
                background-color: #D03EA3;
            }
            
.stylemenu
            {
                display:block; 
                margin:10px;
                text-align: center;
                height:50px;
            }

.stylessmenu
            {
                display:block; 
                margin:  0 0 0 2px;
                text-align: center;
                height:20px;
            }
             
.stylenouveautes
            {
                display:block; 
                margin:20px;
                text-align: center;
                height:30px;
            }

.item       {padding:15px;  background: transparent url(v2/images/item.png) no-repeat center ; 
             width:980; display:block; min-height:130px;
             
             }
.item_lien  {width:300px; margin: 0 auto; display:block; 
             height:25px; padding:2px;
             text-align:center; color: Purple;
             background-image:url(v2/images/fondbleu.gif);
             border-style: inset; border-width:thin; border-color:White; 
             }
.titre      {width:200px; margin: 0 auto; display:block; height:25px; padding:2px;
             text-align:center; color: Purple;
             background-image:url(v2/images/fond.gif);
             border-style: inset; border-width:thin; border-color:White;  
             }
p.special_letter:first-letter 
            {font-size: x-large; font-weight: bold; color: #ff0000;
             }

.arrondi    {margin: 0pt auto; width: auto; background-color: #4D6A9B;
             display:block; min-height:140px; padding:2px; 
            }


#menu, #menu 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 : 25px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */  
}
#menu /* Ensemble du menu */
{
        
        font-family : Lucida Handwriting; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
        padding-bottom : 0px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li*/
        
}
#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
        
}

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


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


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

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

#menu li ul ul 
{
        margin    : -20px 0 0 160px ; /* 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 #fff ; /* 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 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-image:url(v2/images/itemmenu.png); /* couleur de fond */        
        color : White; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 160px; /* largeur */
}
#menu a:hover               /* Lorsque la souris passe sur un des liens */    
{
        color: #3F3FAC;     /* On passe le texte en bleu... */
        background:#D0D0D0; /* ... et le fond en background */
}
#menu li:hover ul ul, #menu 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 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 é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 */
}
#menu, #menu 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 : 20px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        
        font-family : Lucida Handwriting; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
        padding-bottom : 0px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li*/
        
}

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

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