/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/


/**le bloc menu complet*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	background:#FFF;
	color: #000000;
	
}

body.section-1 { }
body.section-2 {  background-color:#CC0; widht: 200px; height: 300px;}
body.section-3 {  background-color:#FFC; widht: 200px; height: 300px;}

/**texte du menu*/
a:link { text-decoration: none; color: #666;}
a:active { text-decoration: none; color: #990; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }
#menu {
	background-repeat: no-repeat;
	line-height: 18px;
    width: 300px;
    overflow: auto;
    top: 10px;
    bottom: 0;
	left: 0;
    position:fixed;
    height:800px;
    
}
/**positions relative des sections entre elles et style de la liste*/
#menu ul {
	font-size:10px;
	list-style: none;
	margin: 0px 20px 12px 10px;
	color: #000000;
	}
	



/**style des noms de sections*/
#menu ul li.section-title { color:#000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
                            
}
/**bloc images*/
#content {
    height: 100%;
    margin: 50px 0 0 0px;
    
}
/**bloc globale image et menu !!*/
.container {
  padding: 0px 5px 25px 5px;
	
}
/**texte du contenu*/

#content p { width: 400px; 
             margin-bottom: 9px; 
			 margin-left: 250px; 
			 color:#000;
			 font-family:Verdana, Geneva, sans-serif;
			 font-size: 9px;

}
a img { border: none; }

/**début du menu*/
p {
   	/**position globale du menu*/
	list-style: none;
	margin-top: 100px;
	margin: 0px 0 12px 10px;
    color: #FFF;
}
 h1{ font-size: 32px; 
     }
h2 { font-size: 24px;
     }
h3 { font-size: 16px;
    }
h4 { font-size: 12px;
     }

#img-container	{ margin-top: 140px; padding: 0; margin-left: 390px; width: 600px; }/**modifier l'article*/
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0;  }

#once { clear: left; }