body 
{
            width:100%;
            height:100%;
	        padding:0 0 5em 0;
	        margin:0 auto;
	        background:#eee;
	        }
#container  
{
            
            margin: 0px; 
            text-align:center; 
            background-color: #eee;
            }
#topbar     {width: 100%; 
             height:180px;
             text-align:center; }
#navbar     {width: 100%; 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;
             
             
             }

#container_mot  { margin: 0px auto;
             position:  relative; padding:5px;
             border-style: ridge; border-width: thin; border-color: White;
             background-color: #FFFFFF;
             
             }
/*
div.spacer, permet de faire deux colonne dans #container
*/

div.spacer  {clear:both; height:2px; display:block;}
#footer     {display:block; height:25px;
             color: #4D6A9B;
             font-family:Georgia;
             text-align: center;}
.Navig	
{ 
    border-bottom:1px blue; 
    border-right:1px blue; 
    border-left:0px; border-top:0px;
    height:25px; 
    background-image:url('v2/images/fondbleu.gif');  
    font-family: Arial; 
    font-weight: bold; 
    color:#000000; 
    font-size: 14px;
    text-align:center;
    width:20%;
}
.Navigici
{
    border-bottom:1px blue; 
    border-right:1px blue; 
    border-left:0px; border-top:0px;
    height:25px; 
    background-image:url('v2/images/fondgris.gif');  
    font-family: Arial; 
    font-weight: bold; 
    color:#000000; 
    font-size: 14px;
    text-align:center;
    
    
}
.Navig:hover
{
    background-image:url('v2/images/fondgris.gif');
    border-color:Black;
}

.mot_president
{
    color: Black; 
    font-family:Georgia;
    text-align: justify; 
    font-size: medium;
    margin-top:10px;
    padding:15px 15px 15px 15px;
}
.style_recitsdevies
            {
                 width:80px;
                 border-color: Silver; 
                 border: 0px groove #B5C9D4;
                 margin:5px;
                }
.mini a:hover
{
    background-image:url(../images/logo_recitsdevies-cd.jpg);
}

.style0
            {
                width: 1000px;  background-color:#DDDDDD;
                }
.style1
            {
                width: 900px;
                }
                
.style3
            {
                 width:100px;
                 border: 0px none ThreeDShadow;
                 margin:15px;
                }
.style4
            { 
                font-family:Georgia; font-size: larger; text-align: center; 
                vertical-align: middle;
                color:#293955;
                display:block;
                padding: 10px 100px 10px 100px;
                }
.style4_pub
            { 
                font-family:Georgia; font-size: medium; text-align: center; 
                vertical-align: middle;
                color:#293955;
                display:block;
                padding: 10px 10px 10px 10px;
                }
.style41
            { 
                font-family:Georgia; font-size: larger; text-align: center; 
                
                vertical-align: middle; font-style:italic; 
                color: Yellow; float:none;
                }
.style5
            {
                width: 50px;
            }
.style8
            { 
                height: 100px;
                border-style: none; border-width: inherit; border-color: transparent; 
                margin: 5px 5px 5px 5px;                 
            }
.style9
            {
                height:25px; text-align:center; color: #FFFFFF; background-color: Purple; 
            }
           
.style10
            {
                 color:#4D6A9B; font-family: Georgia;
                 text-align: center;
                 margin-top:10px;
            }
           
.style11
            {
                height: 150px;
                border-color: #FFFFFF;
                border-width: 1px;
                background-color: #D03EA3;
            }
            
.stylemenu
            {
                width:80%;
                display:block; 
                margin: 0px auto; 
                
            }

.stylessmenu
            {
                text-align:center;
                display:block; 
                margin:  0px 0px 0px 2px;
                text-align: center;
                height:20px;
            }
             
.stylenouveautes
            {
                display:block; 
                margin:20px;
                text-align: center;
                height:30px;
            }
.item_titre
{
                width:30%;
                margin: 20px auto;
                padding: 10px 0px 10px 0px;
                display:block;
                
                font-weight:bold; font-family:Lucida Handwriting;
                
	            clear: both;
	            -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            -moz-box-shadow: 0px 0px 10px #4D6A9B;  
	            -webkit-box-shadow: 0px 0px 10px #4D6A9B;  
	            border-radius: 10px; box-shadow: 0px 0px 30px #4D6A9B; 
}

.item       
            {                
                width:90%;
                margin: 20px auto;
                padding: 10px 0px 10px 0px;
                display:block;
                background: #fff;
                
	            clear: both;
	            -moz-border-radius: 10px;
	            -webkit-border-radius: 10px;
	            -moz-box-shadow: 0px 0px 10px #b3bec7;  
	            -webkit-box-shadow: 0px 0px 10px #b3bec7;  
	            border-radius: 10px; box-shadow: 0px 0px 10px #b3bec7; 
            }
            
.mini 
            {
	            width: 45%;
	            display:inline-block;
	            vertical-align: top;
	            margin: 10px auto;
            }

             
.styleforum  
            {
            width: 960px;
            display:block;
            text-align:center;
            margin:20px auto;
            border-color: Silver; 
            border: 2px groove #B5C9D4;
            }
.item_lien  {width:300px; margin: 0px auto; display: inline-block;  
             height:25px; padding:2px;
             text-align:center; color: White; 
             font-family: Georgia; font-weight:bold;
             background-image:url(v2/images/fondgris.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 */
}