body
{
    margin:0px;
}

body, td, font, p, div
{
    font-size:11px;
    font-family:Verdana;
    text-decoration:none;
    color: #000000;
}

#lexpage
{
    margin:0px; 
}

font.invisible
{   
    color: #FFFFFF;
}

font.petit
{
    font-size:9px;
}

font.evidence
{
    color: #729CFE;
}

a
{
    text-decoration:none;
    color: #364FA3;
}

a:hover
{
    text-decoration:none;
    color: #729CFE;
}

a.evidence, a.evidence:hover
{
    font-weight:bold;
}

a.petit, a.petit:hover
{
    font-size:9px;
}

a.spoiler
{
    border: 1px solid gray;
    color: #f3f3f3;
    background-color: #f3f3f3;
    padding: 0px 10px 0px 10px;
}

a.spoiler:hover
{
    color:gray;
}

a.spoiler img
{
    visibility:hidden !important;
    border:0px;
}

a.spoiler:hover img
{
    visibility:visible !important;
    border:0px;
}

input, select, textarea
{
    font-size:11px;
    font-family:verdana;
    border:1px solid #BABABA;
}   

input.submit
{
    border: 1px solid #9ca3c5;
    background-color: #f4f6fb;
    color: #364FA3;
}

ul
{
    list-style-image:url('puce.gif');   
}

.titre
{
    height:19px;
    
    margin-left:-4px;
    padding:0px;
    padding-left:4px;
    padding-right:6px; /* +2 car pas de bordure */
    
    background-color:#9ca3c5;
    background-image:url('titre-back.jpg');
    background-repeat:repeat-x;
}

/* Merci IE */
.titre .titre_texte
{
    font-weight:bold;
    color:#FFFFFF;
        
    margin-left:8px;
    margin-right:8px;
    margin-top:1px;
}

.corps
{
    border:1px solid #9ca3c5;
    padding:0px !important;
    /* Hack IE */
    padding:5px;
}

/* Merci IE */
.corps .corps_texte
{
    text-align:left;
    margin:5px !important;  
    /* Hack IE */
    margin:0px;
}

.corps .auteur
{
    text-align:right;
    font-size:9px;
    margin-right:1px;
    margin-bottom:1px;
}

.bouton
{
    text-align:center;
    margin:6px;
    width:110px;
    padding-top:3px;
    padding-bottom:3px;
    background-color:#f4f6fb;
    border:1px solid #9ca3c5;
}

.bouton a
{
    font-size:11px;
}

.avatar
{
    width:100px;
    height:100px;
    background-image:url('avatar.gif'); 
    text-align:center;
}

.avatar img
{
    margin-top:10px;
}

.avatarsmall
{
    width:46px;
    height:46px;
    padding:0px;
    background-image:url('avatarsmall.gif');    
    float:left;
}

.avatarsmall img
{
    margin-top:2px;
    margin-left:-2px;
    width:40px;
    height:40px;
}



#footer
{
    clear:both;
    width:100%;
    margin-top:10px;
    border:0px;
    border-top:1px solid #9ca3c5;
    padding-top:3px;
    text-align:center;  
    padding-bottom:2px;
    background-color:#f4f6fb;
}

#top
{
    height:100px;
    background-image:url('top-back1.jpg');
    background-repeat:repeat-x; 
}

#logo
{
    position:absolute;
    top:10px;
    left:25px;
    width:340px;
    height:80px;
    background-image:url('logo.gif');
}

#slogan
{
    position:absolute;
    top:10px;
    left:460px;
    width:480px;
    height:80px;
    background-image:url('slogan.gif');
}

#slogan #texte
{
    margin-left:70px;
    padding-top:20px;
    width:350px;    
    text-align:center;
    font-size:12px;
    font-weight:bold;
}

#slogan #auteur
{
    font-size:9px;
    text-align:right;
    margin-top:10px;
    margin-left:60px;
    margin-right:100px;
}

#top2
{
    height:50px;
    background-image:url('top-back2.jpg');
    background-repeat:repeat-x; 
}

#top2 #menu
{
    position:absolute;
    left:0px;
    top:100px;
    margin-left:180px;
    margin-top:17px;
    width:600px;
}

#top2 #date
{
    position:absolute;
    right:0px;
    top:100px;
    width:320px;
    height:50px;
    background-image:url('top-back3.jpg');
    background-repeat:repeat-x; 
}

#top2 #date div
{
    margin-top:18px;
    width:240px;
    margin-left:80px;
    text-align:center;  
}

#top2 #date div a
{
    color:#f4f6fb; 
    font-weight:bold;   
}

#page
{
    margin-top:20px;
    margin-left:180px;
    margin-right:180px;
    padding:0px;    
}

#gauche
{
    float:left;
    width:160px;
    border:0px;
    border-right:1px solid #BABABA;
    border-bottom:1px solid #BABABA;
    margin-top:-30px;
    text-align:center;
    margin-bottom:50px;
}

#gauche .avatar
{
    margin-left:20px;
}

#gauche .avatar img
{
    margin-top:10px;    
}

#droite
{
    float:right;
    width:160px;
    border:0px;
    border-left:1px solid #BABABA;
    border-bottom:1px solid #BABABA;
    margin-top:10px;
    text-align:center;
    margin-bottom:50px;
}

.content
{
    padding-left:10px;
    padding-right:10px; 
}


#menu dl, #menu dt, #menu dd, #menu ul, #menu li 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image:none;
}

#menu dl 
{
    float:left;
    width:100px;
    border:0px;
}

#menu dt, #menu dt a
{
    cursor: pointer;
    color:#364FA3;
    text-align: center;
    font-weight: bold;
    margin: 1px;
    border-right:1px solid #BABABA;
}

#menu dt:hover, #menu dl:hover dt
{
    color:#729CFE;   
}

#menu dl:hover dd
{
    width:100px;
    display:block;
}

#menu dd    
{
    display: none;
    border:1px solid #9ca3c5;
    background-color:#f4f6fb;
    padding:10px;
}

#menu li 
{
    text-align: left;
}

#menu li a, #menu dt a 
{
    display: block;
}