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

     background-color: #000000;     
     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: #FFCC00; 
     text-decoration: none; 
} 
 
a:visited{ 
     color: #FFCC00; 
     text-decoration: none; 
}  
 
a:hover{ 
     color: #99CCFF; 
     text-decoration: none; 
     background: none; 
} 
 
 
/* ++++++ GRAPH' PAGE */ 

div#conteneur{
background: url(../images/graf/artsarvernes2011.jpg) no-repeat;
margin-top: 10px; 
margin-left: auto; 
margin-right: auto;
padding: 0;
width: 829px; 
height: auto;
/*border: 1px solid black;*/
}
div#tete {
margin: 0 ;
width: 829px;
height: 114px;
}
div#menu{
margin:0;
width: 829px;
height: 30px;
}
div#corps{/* sert à caller le pied*/
margin:0;
width: 829px;
height: 452px;
}
div#pied{
margin:0;
width: 829px;
height: 36px;
}

/* ++++++ WWW & DROITS */
#www{ 
     position:absolute;
     margin:20px 0px 0px 650px;
     color: #C0C0C0;
}
 #droits{
 position: absolute;
 margin: 0px 1px 0px 370px;
 font-size: 10px;
 color: #C0C0C0;
 }
/* ++++++ 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:102px 0px 0px 610px; 
width:173px; 
height:147px;   
color:black;
/*border:1px solid red; */
}

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


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

div#bio {
position: absolute;
margin: 35px 0px 0px 150px;
width: 550px;
height: auto;
color: #000000;
}

#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;
}