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


body{
font: 12px arial,sans-serif;
background-color:#000;
text-align:left;
}

.darkgrey{
color:#4b4843;
}

.lightgrey{
color:#808080;
}

p{
}

a{
color:#fff;
text-decoration: none
}

a:visited {
color:#fff;
text-decoration: none
}



/*FOND*/

div#fond{
height:459px;
width:1194px;
background:url(../images/fond.jpg) no-repeat;
background-color:#000;
margin:0 auto;
}

div#fond object.logo{

align: bottom;
margin-left:175px;
position: absolute;
}


/*CONTAINER*/

div#container{
text-align:left
}

div#container{
width:944px;
float:right;
}


/*HEADER*/

div#header{
height:70px;
}


/*MENU*/

div#menu{
background:url(../images/fond_menu.gif) no-repeat;
width:644px;
height:22px;
}

#menu ul{

 padding:0;
 margin:0;
 list-style-type:none;
 }

#menu li {
 float:left; /*pour IE*/
 }



#menu ul li a {
 display:block;
 float:left;
 height:22px; 

 }

#menu li.m2 a {background:url(../images/bt_level.png) no-repeat 0 0; width:85px;}
#menu li.m3 a {background:url(../images/bt_3d.png) no-repeat 0 0; width:85px;}
#menu li.m4 a {background:url(../images/bt_2d.png) no-repeat 0 0; width:85px;}
#menu li.m6 a {background:url(../images/bt_resume.png) no-repeat 0 0; width:85px;}



#menu li.m2 {background:url(../images/bt_level_pressed.png) no-repeat 0 0; width:85px; height:22px; margin-right:4px;}
#menu li.m3 {background:url(../images/bt_3d_pressed.png) no-repeat 0 0; width:85px; height:22px; margin-right:4px;}
#menu li.m4 {background:url(../images/bt_2d_pressed.png) no-repeat 0 0; width:85px; height:22px; margin-right:4px;}
#menu li.m6 {background:url(../images/bt_resume_pressed.png) no-repeat 0 0; width:85px; height:22px; margin-right:4px;}



#menu li a:hover {background-position:0 -22px;}





/*CONTENT*/


div#content{
float:left;
width:600px;
background: #000;
padding:22px;
}

div#content a{
color:#4b4843;;
text-decoration: none;
}



div#content p{
line-height:1.4;
color: #FFF;
margin-left:22px;
margin-right:22px;
}

div#content .small{
line-height:1.4;
color: #FFF;
margin-left:22px;
margin-right:22px;
font-style: italic ;
font-size: 11px ;
}



div#content object{
margin-top:22px;
margin-left:60px;
margin-right:60px;
}

div#content img{
margin:0px 10px 10px 0px;
border:0px;
}

div#content h1{
display:block;
font-weight:normal;
font-size: 0.95em;
background:url(../images/fond_menu.gif);
text-align:left;
color:#fff;
height:22px;
margin:0px;
margin-top:12px;
margin-bottom:22px;
}






/*ABOUT*/

div#about{
background:url(../images/top_about.png) no-repeat;
padding-top:139px;
}

div#about{
float:right;
width:255px;
height:350px;

}

div#about p{
color: #FFF;
margin:0px 22px 22px 22px;

}





/*RSS*/

div#rss{
background:url(../images/top_links.png) no-repeat;
padding-top:44px;
}

div#rss{
float:right;
clear:right;
width:255px
}

#rss dd{
color:#4b4843;
text-align:left;
margin-left:22px;
margin-left:22px;
}


#rss dt{
color:#4b4843;
text-align:left;
margin-right:22px;
margin-left:22px;

}

#rss i{
color:#4b4843;
text-align:left;
margin-left:22px;
margin-left:22px;
}

#rss a{
display:block;
font-weight:normal;
font-size:12px;
background:url(../images/fond_menu.gif);
text-align:left;
color:#fff;
height:22px;
margin-bottom:11px;
}




/*FOOTER*/

div#footer{
height: 22px;
background: #000;
color: #FFF;
}

div#footer p{
text-align:right;
color:#4b4843;
margin:0;
padding:5px 10px;
}

div#footer{
clear:both;
width:100%
}