body {
font-size: 0.8em;
margin: 0;
padding: 0;
background: #36c;
font-family:"Trebuchet MS", verdana, arial, sans-serif;
height:100%;
}
#header {
height: 100px;
background-color: #99CCCC;
}
#conteneur {
width: 100%;
height: 100%;
overflow: auto;
background-color:#36c;
}
#centre {
background-color:#36c;
margin-left: 160px;
font-family:"Trebuchet MS", verdana, arial, sans-serif;
font-size: 0.9em;
color:#fff;
}
#menugauche {
position: absolute;
left:0;
width: 144px;
height: 100%;
background-image:url(img/bande_menu.jpg);
background-repeat:repeat-y;
background-position:0px 50%;
color:#fff;
}


#listeDeLiens   li a.lienvert:hover {
background: #0c3;
color:#000;
}
#listeDeLiens   li a.lienjaune:hover {
background: #fc0;
color:#000;
}
#listeDeLiens   li a.lienrouge:hover {
background: #f00;
color:#000;
}

#listeDeLiens   a.lienmenujaune:link {font-size:1em;color:#fc0;font-weight:normal;text-decoration:none;}
#listeDeLiens   a.lienmenujaune:visited  {font-size:1em;color:#fc0; font-weight:normal;text-decoration:none;}
#listeDeLiens   a.lienmenujaune:hover {font-size:1em;color:#993;color:#fff;background-color: #000;font-weight:bold;text-decoration:none;}

#listeDeLiens   a.lienmenujaune2:link {font-size:0.8em;color:#505050;font-weight:normal;text-decoration:none;}
#listeDeLiens   a.lienmenujaune2:visited  {font-size:0.8em;color:#505050; font-weight:normal;text-decoration:none;}
#listeDeLiens   a.lienmenujaune2:hover {font-size:0.8em;color:#505050;color:#fff;background-color: #000;font-weight:bold;text-decoration:none;}

#listeDeLiens   a.lienmenuaccueil:link {font-size:0.8em;color:#fff;font-weight:normal;text-decoration:none;}
#listeDeLiens   a.lienmenuaccueil:visited  {font-size:0.8em;color:#fff; font-weight:normal;text-decoration:none;}
#listeDeLiens   a.lienmenuaccueil:hover {font-size:0.8em;color:#fff;color:#fff;background-color: #000;font-weight:bold;text-decoration:none;}




html {
margin: 0;
padding: 0;
height:100%;
}
p {margin: 0 0 10px 0;}

/*******************************************************************************************************************

                                     MENU        
									                                                                    
******************************************************************************************************************/

#menu_logomerlin {position:relative; background-image: url(img/menu_logomerlin.png); background-repeat: no-repeat;width:126px; height:142px;}
#menu_exercices {position:relative; background-image: url(img/fr/menu_exercices.png); background-repeat: no-repeat;width:126px; height:17px;margin-top:10px;}

#listeDeLiens {float:left;padding-bottom: 2px;padding-left: 5px;}
#listeDeLiens ul {list-style-type: none;font-size:0.8em;display:block;text-align:left;}
#listeDeLiens li {display:block;text-indent:-75px;}

#menu_exos ul a:link {text-decoration:none; color:#fff;font-weight:normal;height: 100%;}
#menu_exos ul a:visited {text-decoration:none; color:#fff;height: 100%;}

.gras_vert{
font-weight: bold;
color:#0c3;
text-decoration:none;
}
.gras_jaune{
font-weight: bold;
color:#fc0;
text-decoration:none;
}
.gras_rouge{
font-weight: bold;
color:#f00;
text-decoration:none;
}



#menu_plus {
position:relative;
background-image: url(img/fr/menu_plus.png);
background-repeat: no-repeat;
width:126px;
height:171px;
margin-top:2000px;
margin-left:-10px;
}

#menu_credits {
position:relative;
margin-top:50px;
padding-left: 5px;
font-weight:normal;
font-size:0.8em;
}
#menu_credits  a:link {text-decoration:none; color:#fff;font-weight:normal;height: 100%;}
#menu_credits  a:visited {text-decoration:none; color:#fff;height: 100%;}

#menu dt.fondmenu {
height: 13px;
line-height:10px;
}

# menu dt{
vertical-align:middle;
}



/*******************************************************************************************************************

                                     FIN DU MENU        
									                                                                    
******************************************************************************************************************/







/*******************************************************************************************************************

                                    ACCUEIL       
									                                                                    
******************************************************************************************************************/
#bannière_haut{ position:relative;padding-top:10px;}
#bannière_droite{ position:absolute;margin-left:750px;top:120px;width:160px;height:600px;}

#accueil_titre {position:relative;background-image:url(img/fr/accueil_titre.jpg);background-repeat: no-repeat;width:466px; height:127px;}

#accueil_fenetre_centrale  {
position:relative;
background-image: url(img/fond_fenetre_centrale_milieu.jpg);
background-repeat: repeat-y;
width:466px;
}

#accueil_fenetre_centrale_fin {
position:relative;
height:13px;
background: url(img/fond_fenetre_centrale_fin.jpg);
background-repeat: no-repeat;
}


#paragraphe_gauche{
width:200px;
padding-left:15px;
border-right: dotted 1px #fc0;
text-align:left;
padding-right:20px;
}
#paragraphe_gauche img{
margin-top:15px;
margin-bottom:10px;
margin-left:-15px;
}

#paragraphe_droite{
position:absolute;
width:210px;
padding-left:310px;
top:0;
right:0;
}