/*--------éléments de base-------*/
html {
margin:0
}
body {
font-family:georgia, serif;
margin:0 100px 20px 150px;
}
/*titres*/
h1 {
color:#f02485;
text-align:center;
} 
h2 {
color:#02A6EB;
border-bottom:1px solid  #02A6EB;
}  
h3 {
margin-left:10%;
} 
/*paragraphes et liens*/
p {
text-align:justify
}  
div p {
text-align:center
} 
p.hover span:hover {
color:#C0C0C0;
} 
a {
color:#f02485;
text-decoration:none;
}
a:hover {
text-decoration:underline;
color:#02A6EB;
} 
/*code*/
pre, code {  
font-family:"courier new",serif;
padding-left:10px;
border-left:5px solid gray
}
pre {  
margin-left:12%;
}
/*----------positionnement----------*/ 
		 
#menu {
position:absolute;
top:80px;
left:0;
width:130px;
border-left:5px solid gray;
background-color:#E8E8E8;
} 
body>#menu {	
position:fixed;
-moz-border-radius:0 15px 15px 0;
}					 
#menu ul {
margin-left:20px;
}
body>#menu ul {
margin-left:0px;
}
#menu li {
list-style-type:none;
list-style-image:url(nav.png);
}
body>#menu li {	 
margin-left:-20px;
}
#menu li:hover {
list-style-image:url(nav2.png)
}
#footer {	
width:100%;						 
height:75px;
background:url(header.gif) no-repeat; 
border-top:1px solid gray;
margin-top:20px;	
} 
/*cadres exemples*/
.boite {
background-color:#fccfe4;
margin:5px auto 5px auto;
width:76%; 
padding:10px;  
border:1px outset black;
} 
.boite p {
text-align:left
}
/*coins arrondis (pour gecko)*/
.coins {  
-moz-border-radius:20px;
}
/*multicolonnage (pour gecko)*/
.col {	
-moz-column-count:3;
-moz-column-width:30%; 
-moz-column-gap:20px;	
}