body { 
		margin: 0;
		color: #823A0B;
		font-family : Verdana,Arial;
		text-align : justify;
		font-size : 12px;
		background-color:#F7DDC8;
        }
#page { 
        width: 800px;
		height:600px;
        margin-left: auto; 
        margin-right: auto; 
        text-align: left;
		background-color:#F7DDC8;
		background-image:url(images/le_sida.gif);
		background-repeat:no-repeat;
        }
#entete{
		width:800px;
		height:115px;
		display:block;
		}
#proteg{
		width:288px;
        margin-left: 340px; 
		padding-top:18px;
		padding-bottom:18px;
}
#association{
		width:288px;
        margin-left: 185px; 
		padding-top:18px;
		padding-bottom:18px;
}
#bas{
width:800px;
}
#menu {
		width:185px;
		height:164px;
		padding-top:70px; /*lorsque l'on enlève le bouton evenement 92 px*/
		float:left;
}
#animation{
		width:393px;
		height:317px;
		float:left;
		margin-left:100px;
}
#paragraphe{
		width:605px;
		float:left;
		text-align:justify;
		}
		
#galerie{
		width:605px;
		float:left;
		}
#col1{
		width:300px;
		float:left;
		text-align:justify;
}
#col2 {
		width:300px;
		float:left;
}
#col3 {
		width:200px;
		float:left;
}
#col4 {
		width:300px;
}
#texte{
		width:750px;
		float:left;
		margin-right:15px;
		margin-top:18px;
		}
#mobius {
		float:right;
		margin-top:18px;
		margin-bottom:10px;
		width:800px;
		margin-left: auto; 
        margin-right: auto; 
}
li{
		margin-bottom:12px;
		font-weight:bold;
		color:#003399;
}
A:link {
	COLOR: #003399; /* marine */
}
A:hover {
	COLOR: #FF0000  /* rouge */
}
p.titre{
font-size:18px;
font-weight:bold;
}
p.valeur{
background-color:#BD8C6B;
font-size:14px;
font-weight:bold;
text-align:center;
font-family : Verdana,Arial;
}