styles.css 
html{  
}
	
/* propriétés générales de la page */ 
body { 
     background-color:#9BC5E6;
     text-align:center;
	}
	
#grand_bloc	{
 width:1175px;
 margin-left: auto;
 margin-right: auto;
 text-align:left;
}

 /* propriétés du titre livre d'or */
   #titre_livreor {
	width:600px;
	height:auto; 
	font-size:15px;
	text-align:justify;
	line-height:25px;
   }	
   
   
   
/*Propriétés de la pagination*/
#pagination, #pagination a:link, #pagination a:visited {
    color:#000080;
	font-size:15px;
	text-decoration:none;
	text-align:center;
	}
 
 /* propriétés du contenu livre d'or */
   #contenu_livreor {
	width:600px;
	height:auto; 
	font-size:15px;
	text-align:justify;
	line-height:25px;
   }
	
/* propriétés du baniere */
#baniere {
    height: 240px;
	width:1175px;
	}
	
	
/* propriétés du menu horizontal */
#menu_horizontal {
	text-align:center;
	width:1175px;
	height:25px;
	background-color:#320500;
	/*background-color:#74703A;*/
	}
	
	
/* propriétés du webmail */
#webmail {
	text-align:center;
	width:1175px;
	font-size:14px;
	/*height:25px;*/
	/*background-color:#ADD8E6;*/
	top:95px;
	position:relative;
	}
	
/* propriétés des liens (de base et déjà visités) contenus dans le webmail */
#webmail a:link, #webmail a:visited {
	color:#FFFFFF;
	/*font-weight:bold;*/
	text-decoration:none;
	}
	
/* propriétés des liens (au dessus et actifs) contenus dans le bloc menu_horizontal */
#webmail a:hover, #webmail a:active {
	text-decoration:underline overline;
	color:#FFFF00;
	}	
	

	
/* propriétés du chemin de fer */
#chemin_fer {
      width:1175px;
	  height:25px;
	  /*background-color:#9ECFD6;*/
	  /*background-color:#CC9900;*/
	  background-color:#8C503A;
	}
	
/* propriétés de la barre de défilement vous êtes le ..........*/
#defilement {
      width:1175px;
	  height:25px;
	  background-color:#655000;
	  /*background-color:#FFCC66;*/
	  /*background-color:#662F2F;*/

	}	
	
	
	
/* propriétés de la barre de défilement */
#compteur {
      width:1175px;
	  height:25px;;
	  background-color:#CD5C5C;
	  /*background-color:#7B68EE;*/
	}
	
/* propriétés de la barre de défilement */
#ligne_communique {
      width:1175px;
	  height:25px;;
	  background-color:#D2B48C;
	  align:center;
	  /*background-color:#BB60FF;*/
	}
	
	
/* propriétés de la barre de la photo
#photo {
      width:1175px;
	  height:135px;;
	  background-color:#734F06;
	}
*/	
	
/* propriétés des liens de la photo */
#photo a:link, #photo a:visited, #photo a:hover, #photo a:active{
	color:#FFFF00;
	font-weight:bold;
	text-decoration:none;
	}
	
	
/* propriétés du menu vertical */
#menu_vertical {
	float:left;
	width:175px;
	height:450px;
	background:#551A00;
	overflow:auto;
  }	

/* propriétés du menu avis */
#avis {
	float:left;
	width:175px;
	height:450px;
	background:#A67A6F;
	overflow:auto;
  }	


/* bloc central uniquement crée pour uniformiser les hauteurs des deux blocs contenus (menu_vertical et contenu) */
#bloc_central {
	}
	
	
/* propriétés du contenu 1 */
#contenu1 {
	float:left;
	font-size:15px;
	text-align:justify;
	line-height:25px;
	padding-right:25px;
	padding-left: 25px;
	background-color:#FFFFFF;
	height:450px;
	width:600px;
	overflow:auto;
	text-align:center;
   }
   
/* propriétés du contenu 1a (texte)*/
   #contenu1a {
	float:left;
	line-height:25px;
	padding-right:25px;
	padding-left: 25px;
	background-color:#FFFFFF;
	height:450px;
	width:600px;
	overflow:auto;
	text-align:justify;
   }
   
   
   /* propriétés du contenu 1b (texte)*/
   #contenu1b {
	float:left;
	padding-right:10px;
	padding-left: 10px;
	background-color#FFFFFF;
	height:450px;
	width:630px;
	overflow:auto;
	text-align:justify
   }
   
   
   /* propriétés du contenu 2 */
   #contenu2 {
	float:left;
	width:175px;
	height:450px; 
	overflow:auto;
	font-size:15px;
	text-align:justify;
	line-height:25px;
	background-color:#551A00;
   }
   	
   	
   /* propriétés du contenu 2 */
   #contenu2a {
	float:left;
	width:175px;
	height:450px; 
	overflow:auto;
	background:#551A00;
   }
	
		

/* propriétés des liens du communique */
#communique a:link, #communique a:visited {
	color:#FFFF00;
	font-weight:bold;
	text-decoration:none;
	}


	
/* propriétés du pied de page */
#pied_page {
	clear:both;
	text-align:center;
	color:#FFFFFF;
	width:1175px;
	background-color:#320500;
	} 
	
/* comportement de la liste dans le bloc menu_horizontal */
#menu_horizontal li {
    margin-right:40px;
    list-style-type: none;
    display: inline;
	}
	
	
/* propriétés des liens (de base et déjà visités) contenus dans le bloc menu_horizontal */
#menu_horizontal a:link, #menu_horizontal a:visited {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	
/* propriétés des liens (au dessus et actifs) contenus dans le bloc menu_horizontal */
#menu_horizontal a:hover, #menu_horizontal a:active {
	text-decoration:underline overline;
	color:#FFFF00;
	}
/* propriétés des liens (de base et déjà visités) contenus dans le bloc chemin_fer */
#chemin_fer a:link, #chemin_fer a:visited {
	color:#000066;
	font-weight:bold;
	text-decoration:none;
	}
/* propriétés des liens (au dessus et actifs) contenus dans le bloc chemin_fer */
#chemin_fer a:hover, #chemin_fer a:active {
	text-decoration:underline overline;
	color:#FF0000;
	}
/* propriétés des liens (de base et déjà visités) contenus dans le bloc menu_vertical */
#menu_vertical a:link, #menu_vertical a:visited {
	color:#FFFFFF;
	font-size:15px;
	text-decoration:none;
	}
/* propriétés des liens (au dessus et actifs) contenus dans le menu vertical */
#menu_vertical a:hover, #menu_vertical a:active {
	text-decoration:underline;
	color:#FFFF00;
	}
	
/* propriétés des liens (de base et déjà visités) contenus dans le bloc contenu 1*/
#titre_livreor a:link, #titre_livreor a:visited {
	color:#000000;
	font-size:15px;
	text-decoration:none;
	}
	
#contenu_livreor a:link, #contenu_livreor a:visited {
	color:#000000;
	font-size:15px;
	text-decoration:none;
	}
	

	
/* propriétés des liens (de base et déjà visités) contenus du lien special */
#lien_special a:link, #lien_special a:visited {
	color:#FF0000;
	font-size:15px;
	text-decoration:underline;
	}
/* propriétés des liens (au dessus et actifs) contenus du lien special */
#lien_special a:hover, #lien_special a:active {
	text-decoration:underline;
	color:#FF0000;
	}