body {
background: url(images/body_bg.jpg);
margin: 0; 
padding:0;
text-align: center; /* pour corriger le bug de centrage IE */ 
}
.header {
position: absolute; 
top: 0; 
left: 0; 
width:100%; 
height:160px;		
background: url(images/top_bg.jpg) center top no-repeat;	
z-index:-1;
}		
.main{ 
margin-top: 100px;
height: auto;
width:100%;
background: url(images/bg_bottom.jpg) center bottom no-repeat;
/*border:1px solid red;*/ 
}
.global {
text-align: center; /* pour corriger le bug de centrage IE */ 
width:100px; /* compression	*/
height:auto;
padding: 0;
/*border:1px solid blue;*/
}
.menu {
text-align: left; /* pour corriger le bug de centrage IE */ 
min-width: 160px;
width: 250px;
margin: 0;
padding: 0;
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
border:1px solid #E7A52A;
background: url(images/menu.png) repeat center top;
}
.overflow	{ overflow-y: hidden; overflow-x: hidden; height: 452px; } 

.contenu {
text-align: left; /* pour corriger le bug de centrage IE */
min-width: 360px; 
width: 630px; 
height: auto; 
margin: 0; 
padding: 20px;
-moz-border-radius: 7px; 
-webkit-border-radius: 7px; 
border:3px solid #E7A52A;
}
#accueil {text-align: center;} 

ul.menu {padding: 10px; font-size: 16px; color: darkred; font-family: Verdana; cursor: pointer}
ul.menu li { color: #C60000; font-family: Verdana; cursor: pointer; }
ul.menu li:hover { color: #C60FFF; }
/*menu selectionné*/
ul.menu li.selected { color: red; font-family: Verdana; cursor: auto;}
 
ul.ss_menu { background-color: transparent; border:none; font-size: 80%;}
ul.ss_menu li { cursor: auto; }
ul.ss_menu li a { color: #330000;  }
.selected ul.ss_menu li a { color: #330000; font-family: Verdana; cursor: pointer;}
.selected ul.ss_menu li a:hover { color: #330FFF; }
/*sous-menu selectionné*/
.selected ul.ss_menu li a.sselected { color: red; cursor:auto;}

li {list-style: none; padding:0; margin: 0;}
 
#titre {position: absolute; top: 20px; left: 0; text-align: center; width: 100%; }
#titre a h1 {text-decoration: none; color: #521B4D}
#titre a h1:hover {color: #94318A} 

#bgSource {position: absolute; top: 20px;right:30px}
#bgSource a h5{text-decoration: none; color: #521B4D}
#bgSource a h5:hover {color: #94318A} 

#accueil img {border-bottom: 5px groove #BCBA95; border-right: 4px groove #BCBA95; border-left: 2px groove #BCBA95; border-top: 1px groove #BCBA95} 

#retour {position: fixed; bottom: 30px; cursor: pointer; text-align: center;padding: 0;} 

div.contenu h1 {background-color: magenta; -moz-border-radius: 21px; -webkit-border-radius: 21px; border: 1px solid #E7A52A; text-align: center;}
div.contenu li {list-style: none; padding:0; margin: 0;}
div.contenu ul {background-color: sandybrown; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #E7A52A;margin-left: 0; padding: 0; padding-left:10px}
div.contenu h3 {background-color: plum; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #E7A52A; padding: 0; padding-left:50px}
div.contenu p {}	
div.contenu h4 {background-color: #CCCC00; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #E7A52A; padding: 0; padding-left:10px;}
div.contenu code {background-color: #99FFCC}