/* ++++++ BODY */ 
body {

 background-image: url(../images/graf/fond.jpg);     
     font-family: "Times New Roman", Verdana, Arial, Helvetica, Times, serif; 
     font-size: 14px; 
     margin: 0px 0px 0px 0px; 
     padding: 0px 0px 0px 0px; 
     color: #565656; 
     line-height: 1.2em;      
}
/* ++++++ LIENS GENERAUX*/ 
 
a:link{ 
     color: #999966; 
     text-decoration: none; 
} 
 
a:visited{ 
     color: #999966; 
     text-decoration: none; 
}  
 
a:hover{ 
     color: #CFCB92; 
     text-decoration: none; 
     background: none; 
} 
 
 
/* ++++++ GRAPH' PAGE */ 
div#conteneur { 
     margin-top: 10px; 
     margin-left: auto;      
     margin-right: auto; 
     padding: 0; 
     width: 829px; 
     height: auto; 
}
div#conteneur{
margin-top: 10px; 
margin-left: auto; 
margin-right: auto;
width: 829px; 
height: auto;
/*border: 1px solid black;*/
}
div#tete {
background: url(../images/graf/tete.jpg) no-repeat;
margin: 0 ;
width: 829px;
height: 114px;
}
div#menu{
background: url(../images/graf/menu.jpg) no-repeat;
margin:0;
width: 829px;
height: 30px;
}
div#corps{
background: url(../images/graf/corps.jpg) no-repeat;
margin:0;
width: 829px;
height: 452px;
}
div#pied{
background: url(../images/graf/pied.jpg) no-repeat;
margin:0;
width: 829px;
height: 36px;
}

/* ++++++ WWW & DROITS */
#www{ 
     position:absolute;
     margin:20px 0px 0px 650px;
     color: gray;
}
 #droits{
 position: absolute;
 margin: 0px 1px 0px 370px;
 font-size: 10px;
 color: gray;
 }
/* ++++++ MENU GALERIE */

#navigation {
  position : absolute;
  margin: 6px 0px 0px 30px;
  padding: 0 ;
  list-style: none ;
}
 #navigation li {
  display: inline ;
  margin-right: 1px ;
}

#navigation li a {
	padding-right: 15px;
	line-height: 1em;
	text-align: left;
	text-decoration: none;
}
 #navigation li a:hover, #navigation li a:focus, #navigation li a:active {
  text-decoration: none ;
}
 /* ++++++ NEWS */
 
 div#news{ 
position:absolute; 
margin:113px 0px 0px 610px; 
width:173px; 
height:147px;   
color:black;
/*border:1px solid red; */
}

/* ++++++ CONTENEUR BIO */


div#conteneurbio{
background: url(../images/graf/parchemin.jpg) no-repeat;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 829px;
height: 632px;
}

div#bio {
position: absolute;
margin: 150px 0px 0px 200px;
width: 450px;
height: auto;
color: #6B371D;
}

#bio p { /* ceci indique que tous les P placé dans la div bio doivent suivrent les règles ci-dessous */
text-align: justify; /* justify met le text au carré, c'st plus propre ;-) */
font-style: italic; /* met le texte penché, tu connais...*/
font-weight: bold; /* met le texte en gras, tu connais...*/
text-indent: 30px; /* met la première phrase de tous les P en décalé de 30px */
}

#ulbio{ /* le règles ci-dessous seront appliquées à la balise ul donc à ta liste. J'ai donc rajouté in id à la balise ul dans le code html */
list-style: none; /* enléve les points en début de liste */
font-style: italic;
font-weight: bold;
}