body { 
    margin:0px;
    text-align:center; 
    font-family:Verdana, Ariel, Helvetica, sans-serif;
    font-size:9px;
    }
img {border:none; }    
    
a {
    text-decoration:none; 
    color:darkblue;
}
a:hover { text-decoration:underline; }    

p { margin:5px 0 0 0; padding:0px; text-indent:15px; }


h4 { text-decoration:underline; }

 div.page {
    position:relative;
    text-align:left;
    height:275px;
    margin:0px;
    padding:5px;
    overflow:auto;
    border:1px solid #eff8e5mp_mp;
    background:#fff url("images/page.png") no-repeat bottom right;
}


div.menu ul { padding:0px 0px 60px 0px; margin:0px; }
div.menu a { color:black; }
div.menu li {
    float:left;
    border-right:2px solid black;
    list-style-type:none;
    margin:10px 0 0 10px;
    padding:0px 5px;
    }
    


table {
width:400px;
border-right:1px solid black;
}
th {	
    padding:5px;
    text-align:center;
    border:1px outset black; 
    background-color:#ffedbc;
    }
    
td { 
    border-left:1px solid black;
    padding:3px;
    background-color:#e9eff8;
    }




h4 { font-decoration:underline; }
div.calendrier 
    {
    text-align:center;
    position:absolute;
    width:200px
    height:200px;+
    border:1px solid black;
    right: 20px;
    top:20px;
    }
div.calendrier li,div.calendrier ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}
table a { color:black; }    
    
div.calendrier table
    {
    border:none;
    text-align:center;
    width:100px;
    }
div.calendrier a { color:black; }
div.calendrier td { border:none; color:#444;}    
div.calendrier th { background:none ; border:none; color:black; }
div.calendrier td { background:none; border:none; }


div.blog 
{
    overflow:auto;
    height:500px;
    width:400px;
}


dt { 
font-weight:bold;
}
dd { 
position:relative;
top:-12px;
left:100px;
width:250px;
}




    
div.presentation 
{
    text-indent:15px;
    text-align:justify;
    margin:0px 30px 30px 30px;
    padding:10px;
    width:330px;
    height:175px;
    overflow:auto;
    clear:both;
}    

div.top3 div
{
    float:left;
    width:125px;
    height:150px;
    margin:10px 10px 20px 10px;
    padding:0px 2px;
    background-color:#e9eff8;
}

div.top3 p { margin:0px; padding:0px; text-indent:0px;}

div.top3 div img
{
    margin:7px;
    width:108px;
    heigth:108px;
    border:1px solid black;
}

div.stats
{
    margin:40px 20px 20px 20px;
    padding:1px 3px;
    background-color:#ccc;
    width:250px;
    height:60px;
    clear:both;
}


div.footer p { padding:0px; margin:0px; }
div.footer {
    padding:0px;
    position:absolute;
    width:300px;
    margin:0px 60px;
    text-align:center;
    bottom:3px;
    border-top:1px solid #999;
    border-bottom:1px solid #999;    
    }


.center { text-align:center; }
.selected:after { content:" -" }
.selected:before{ content:"- " }
.normal { font-weight:normal; }

.gris
{ background-color:#e0e0e0; padding:2px 5px;}
.noir
{ background-color:#f0f0f0; padding:2px 5px; }