body { text-align: center; width: 100%; margin: 0%; padding: 0%; background-color: rgb(230, 230, 190); }

/*-------------------------------------- EN_TETE ----------------------------------------*/
.en_tete { position: top; width: 100%; margin: 0%; padding-top: 0%; padding-bottom: 0%; text-align: center; background-color: rgb(95, 40, 0); border-bottom: solid black 0.2em; color: rgb(250, 250, 210); }
.en_tete h1 { font-variant: small-caps; font-family: Verdana, "Trebuchet MS", "Comic Sans MS", serif; font-style: italic; font-size: 150%; }
#scenario { float: left; padding-left: 5%; margin: 0%; }
#realisation { float: right; padding-right: 5%; margin: 0%; }
#scenario, #realisation, .en_tete h1 { display: inline; margin-bottom: 0%; margin-top: 0%; padding-bottom: 0%; padding-top: 0%; }
#scenario, #realisation {font-size: 1.1em; font-weight: bold; font-family: "Times New Roman", serif;}


/*---------------------------------------  MENU  ----------------------------------------*/
#menu { width: 100%; text-align: center; margin: 0%; padding-top: 0.5%; }
#bouton_gauche, #bouton_droite
	{ width: 30%; text-align: center; padding: 0%; margin: 0%;
	background: #EDE3AB; color: rgb(64, 0, 0); text-decoration: none; border: 0.11em black solid; font-size: 100%; font-weight: bold; font-family: "Times New Roman", serif; }
#bouton_gauche { float: left; margin: 0%; margin-left: 6%; }
#bouton_droite { float: right; margin: 0%; margin-right: 6%; }
#bouton_gauche:hover, #bouton_droite:hover { background-color: white; color: olive; }

/*--------------------------------------  IMAGE  ----------------------------------------*/
img { width: 775px; margin: auto; text-align: center; margin-top: 1.5%;  }

/*------------------------------------- PAGE DES COMMENTAIRES --------------------------------------*/
.commentaire { display: block; width: 775px; text-align: center; font-size: 0.9em; margin: auto; margin-top: 0.5%; margin-bottom: 1%; padding-bottom: 0.1em; background: rgb(250, 250, 210); border: solid rgb(95, 40, 0) 0.12em; color: rgb(64, 0, 0); font-weight: bold; text-decoration: none; font-family: "Times New Roman", serif; }
.commentaire:hover { background-color: white; color: olive; }

/*------------------------------------- NAVIGATION --------------------------------------*/
.navigateur { width: 775px; margin: auto; padding-top: 1%; margin-bottom: 0%; padding-bottom: 0.2%; font-size: 0.8em; font-weight: bold; font-family: "Times New Roman", serif; }
.navigateur a { font-size: 1.25em; margin-bottom: 0%; padding-bottom: 0%; color: rgb(64, 0, 0); text-decoration: none; font-weight: bold; font-family: "Times New Roman", serif; }
.navigateur a:hover { color: olive; background-color: white; }

/* #precedent { float: left; margin-left: 0.5%; }
#suivant { float: right; margin-right: 0.5%; }
#premiere_page { margin-right: 1%; }
#derniere_page { margin-left: 1%; }*/

#precedent { width: 150px; }
#premier {width: 120px; text-align: right; }
#milieu { width: 230px; position: center; }
#dernier {width: 120px; text-align: left; }
#suivant { width: 150px; text-align: right; }

#non-lien { background-color: white; color: black; font-weight: bold; border: solid 0.15em; padding: 0.1em; }

/*---------------------------------  RETOUR A L'ACCUEIL  --------------------------------*/
#accueil { width: 100%; text-align: center; font-size: 100%; margin-top: 0%; margin-bottom: 0%; padding-top: 1.5%; padding-bottom: 1%;  }
#accueil a { background: #EDE3AB; border: solid black 0.12em; padding-right: 6%; padding-left: 6%; color: rgb(64, 0, 0); font-weight: bold; text-decoration: none; font-family: "Times New Roman", serif; }
#accueil a:hover { background-color: white; color: olive; }

/*-------------------------------------  COPYRIGHT  -------------------------------------*/
body .copyright { width: 100%; position: bottom; z-index: 15; margin: auto; margin-bottom: 0%; padding-bottom: 0.40%; padding-top: 0.25%; text-align: center; color: rgb(250, 250, 210); background-color: rgb(95, 40, 0); font-size: 0.8em; font-family: "Times New Roman", serif; font-weight: bold; border-top: 0.1em black solid; text-decoration: underline; }

#livre1 { float: left; width: 18%; margin: auto; margin-left: 3%; }
#mail1 { float: right; width: 18%; margin: auto; margin-right: 3%; }
#livre1, #mail1{ background-color: white; font-weight: bold; font-size: 1em; background: #EDE3AB; color: rgb(64, 0, 0); text-decoration: none; font-family: "Times New Roman", serif; pading: 0%; padding: 0%;}
#livre1:hover, #mail1:hover { background-color: white; color: olive; }