body {
font-size: 0.8em;
margin: 0;
padding: 0;
background: #5A723D;
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:#5A723D;
}
#centre {
background-color:#5A723D;
margin-left: 160px;
font-family:"Trebuchet MS", verdana, arial, sans-serif;
font-size: 0.7em;
color:#fff;
}
#menugauche {
position: absolute;
left:0;
width: 144px;
height: 100%;
background-image:url(img/bande_menu_vert.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/titre_exo_vert.jpg);
background-repeat: no-repeat;
width:251px; height:23px;
margin-top:20px;
margin-bottom:40px;
}



#case_vert{
position:relative;
background-image: url(img/case_vert.jpg);
background-repeat: no-repeat;
width:456px;
/*height:104px;*/
height: auto !important;
height: 104px;
min-height: 104px; 
margin-top:10px;
padding-top:2px;
/*overflow-y: hidden;*/
line-height: 15px ;
}


p#titre{
position:absolute;
padding-left:10px;
color:#000;
font-size: 1.3em;
display:inline;
}
p#contient{
position:absolute;
padding-left:150px;
color:#000;
font-size: 1.3em;

}
p#apercu{
position:absolute;
margin-left:10px;
margin-top:30px;
width:87px;
height:56px;
text-align:left;
}

p#descriptif {
position:absolute;
margin-left:120px;
margin-top:20px;
font-size: 1.3em;
width:300px;
}

img {border:0 none;}

p#soustitre{
color:#000;
font-weight:bold ;
font-size:1.6em;
}