html 
{
	overflow: scroll; /* Pour forcer la scrollbar */
	}
	
body
{
background-color: #d0c0b3;
background-image: url("images/sanpedrone1.jpg");
background-repeat: repeat-y;
background-position: top center;
background-attachment: fixed;
/* texte */
color: #492838; /* */
font-family: lucida handwriting; /* */
font-size: 18px;
font-weight: lighter;
line-height: 20px; /* */ 
text-align: center; /* texte justifié */
/* corps */
width:100%;
   margin: auto; /* Pour centrer la page */
   margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.  */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
}


#page
{
	position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
   	width:760px;
	}

a
{
	text-decoration: none;
	color: #492838;
}

img
{
	border-width: 0px;
   border-color: white;
    border-style: solid;	
}

#menu
{
position: absolute;
top: 540px;
left: 0px;
width: 350px;
height: 90px;
border-width: 0px;
   border-color: white;
    border-style: solid;		
}

/* PAGE MENU */
#presentation
{
position: absolute;
top: 180px;
left: 250px;
width: 250px;
height: 300px;
border-width: 0px;
   border-color: white;
    border-style: solid;	
}

#caillou
{
	position: absolute;
top: 100px;
left: 50px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;	
}

#feuilleverte
{
position: absolute;
top: 30px;
left: 450px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;		
}

#bogue
{
	position: absolute;
top: 350px;
left: 50px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;	
}

#feuillejaune
{
position: absolute;
top: 300px;
left: 550px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;		
}

/* PAGE LECTURE */

#aleatoire
{
	position: absolute;
top: 100px;
left: 50px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;	
}

#suivie
{
position: absolute;
top: 30px;
left: 480px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;		
}

#choisie
{
	position: absolute;
top: 270px;
left: 250px;
width: 150px;
height: 150px;
border-width: 0px;
   border-color: white;
    border-style: solid;	
}

#sommaire
{
position: absolute;
top: 300px;
left: 550px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;		
}



/* PAGE PRESENTATION */

#auteur
{
	position: absolute;
top: 100px;
left: 50px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;	
}

#manuel
{
position: absolute;
top: 20px;
left: 440px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;		
}

#site
{
	position: absolute;
top: 240px;
left: 300px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;	
}

#pourquoiparesser
{
position: absolute;
top: 260px;
left: 510px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;		
}


/* PAGE PHOTO */

#photo
{
	position: absolute;
top: 340px;
left: -80px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;	
}

#texte
{
	position: absolute;
top: 20px;
left: 5px;
}

#riviere
{
position: absolute;
top: 20px;
left: 370px;
width: 380px;
height: 506px;
border-width: 1px;
   border-color: white;
    border-style: solid;		
}

/* PAGE ECRIRERECUEILLIR */

#recueillir
{
	position: absolute;
top: 100px;
left: 50px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;	
}

#ecrire
{
position: absolute;
top: 20px;
left: 440px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;		
}

#vosparesses
{
	position: absolute;
top: 240px;
left: 250px;
width: 200px;
height: 200px;
border-width: 0px;
   border-color: white;
    border-style: solid;	
}

#connexion
{
position: absolute;
top: 500px;
right: 0px;
width: 150px;
height: 150px;
border-width: 0px;
   border-color: white;
    border-style: solid;
font-family: garamond;
}

#connexion a
{
	text-decoration: none;
	color: white;
}