*{
 margin:0px;
 padding:0px;
}
body{
 font-family:Andale Mono, Courier, sans-serif;
 color:#FFFFFF;
 background-color:#392C46;
 behavior: url(http://www.gotsuko.com/csshover.htc); /*utilis?pour le menu sous IE uniquement*/
}
a{
 color:#FFFFFF;
 background-color:#392C46;
 text-decoration:none;
}
a:hover{
 color:#CC99FF;
}
p{
 font-size:12px;
}
/********************************************************************/
#wrapper{
 width:95%;
 height:auto;
}
#menu{
 position:absolute;
 z-index:1000;
 top:5px;
}
#container_left{
 position:relative;
 top:60px;
 width:100%;
 height:auto;
 padding-top:40px;
 border:0px solid green;
}
#footer{
 position:relative;
 width:95%;
 top:150px;
 text-align:right;
 clear:both;
 border:0px solid #000;
} 
/********************************************************************/
div#menu ul li {position:relative; list-style: none; float:left; text-align:center;}
div#menu ul ul {position: absolute; display:none; width:150px}
div#menu li.sousmenu a {text-decoration: none; padding: 4px 0 4px ; display:block; width:150px;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:0; left: 150px;}
div#menu ul.niveau1 li.sousmenu:hover li {border-bottom:1px solid #8E66A3;}
div#menu ul.niveau2 li.sousmenu:hover li {border-left:0px solid #8E66A3;}
/********************************************************************/
#top{
 width:500px;
 height:auto;
 float:left;
 padding-left:70px;
 border:0px solid yellow;
}
#top img{
 margin-left: 10px;
 width:auto;
 height:550px;
}
#top p{
 width:500px;
 text-align:left;
 margin-top:7px;
 margin-left:10px;
}
#news{
 width:400px;
 height:500px;
 float:left;
 margin-left:10px;
 overflow-x:hidden;
 overflow-y:scroll;
 /*overflow: auto;*/
 border:0px solid blue;
}
#news li.rondactu{
 font-size:12px;
 list-style-type:circle;
 list-style-position:inside;
 color:#DAC3E0;
 }
#news li.rondold{
 font-size:12px;
 list-style-type:circle;
 list-style-position:inside;
 color:#996699;
 }
#news p{color:#DAC3E0;}
#news span.actu{color:#DAC3E0;}
#news span.old{color:#996699;}

#link{
 width:550px;
 height:auto;
 float:left;
 padding-top:40px;
 padding-left:80px;
color:#BE8ED0;
} 
#link p{
 margin-top:30px;
}
#contact{
 width:550px;
 height:auto;
 float:left;
 padding-top:40px;
 padding-left:50px;
}
#profile{
 width:550px;
 height:auto;
 float:left;
 padding-top:0px;
 padding-left:50px;
 color:#DAC3E0;
} 
#profile img,#link img,#contact img{
  margin-bottom:15px;
}
#profile span.jp{margin-left:52px;}
#profile span.jp2{margin-left:12px;}
#profile span.fr{margin-left:49px;}
#profile span.fr2{margin-left:20px;}