:html, body{margin:0;padding:0}

body{
font: 75% verdana, arial, helvetica, sans-serif;
background-color: #dcdcdc;
color: #038;
}

p{margin:0 10px 10px}

div#navigation a{display:block;color: #036; padding: 4px; font-weight: bold;}

div#header {background: #eee; padding: 5px; font-weight: bold; color: #ff6600;}
div#header img{border: 0px none;}
div#header a{padding-left: 50px;} 

div#content p{padding-left: 15px; padding-right: 15px; line-height:1.4}
div#content h3 {color: #036; padding: 10px;}
div#content li {list-style: none; font-style: italic; line-height:1.4}
div#navigation{background:#69C;}
div#extra li{list-style: none; font: 90%; font-style: italic; color: #ff6600; padding: 1px;}
div#extra a {font-style: italic; color: ff6600;padding: 2px;} 
div#extra p {padding: 5px;}
div#footer{background: #333;color: #ff6600;}
div#footer p{margin:0;padding:5px 10px; text-align: center;}
div#footer a{display:inline;padding:0;color: #ff6600;}
div#wrapper{float:left;width:100%}
div#content{margin: 0 25%;}
div#navigation{float:left;width:25%;margin-left:-100%}
div#extra{float:left;width:25%;margin-left:-25%}
div#footer{clear:both;width:100%;}

#navlist 
{
padding-left: 0;
margin-left: 0; 
border-bottom: 0.5px solid #dcdcdc;
}

#navlist li
{
list-style: none;
margin: 0; 
padding: 0.25em;
border-top: 1px solid #dcdcdc;
}

#navlist li a 
{ 
text-decoration: none;
}

a:{color: #036; font-weight: bold;}
a:hover, a:active {color: #036; } 
a: hover, a:visited {background-color: #dcdcdc;}
a:hover {background-color: #DCDCDC;} 

.news {color:#ff6600;font: 140%;}
.news a{color: #ff6600;}


#classes {float: left; margin-left: 2em;}
#elisavena {float: left; margin-right: 1em;}
#lesanspapier {float: right;}

#francophonie {float: left; margin-right: 1em;}
#carte {float: right; margin-left: 1em;}

.header {background-color: #FFF; font-weight: bold;}
.review {background-color: #FFF; padding: 0.5em;}
.link {list-style-type: none;}