styles.css 
html{  
}
	
/* propriétés générales de la page */ 
body { 
     background-color:#9BC5E6;
     text-align:center;
	}
	
#grand_bloc	{
 width:1000px;
 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:1000px;

	}
	
	
/* propriétés du menu horizontal */
#menu_horizontal {
	text-align:center;
	width:1000px;
	height:25px;
	background-color:#BFDFFF;
	}
	
	
/* propriétés du webmail */
#webmail {
	text-align:center;
	width:1000px;
	font-size:14px;
	/*height:25px;*/
	/*background-color:#ADD8E6;*/
	top:25px;
	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:1000px;
	  height:25px;
	  background-color:#9ECFD6;
	}
	
/* propriétés de la barre de défilement */
#defilement {
      width:1000px;
	  height:25px;
	  background-color:#76B7C5;
	}	
	
	
	
/* propriétés de la barre de défilement */
#communique {
      width:1000px;
	  height:300px;;
	  background-color:#5F9EA0;
	}
	
	
/* propriétés du menu vertical */
#menu_vertical {
	float:left;
	width:175px;
	height:750px;
	background: #274F56;
	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:750px;
	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:750px;
	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:750px;
	width:630px;
	overflow:auto;
	text-align:justify;
   }
   
   
   /* propriétés du contenu 2 */
   #contenu2 {
	float:left;
	width:175px;
	height:750px; 
	overflow:auto;
	font-size:15px;
	text-align:justify;
	line-height:25px;
	background-color: #274F56;
   }
   	
   	
   /* propriétés du contenu 2 */
   #contenu2a {
	float:left;
	width:175px;
	height:750px; 
	overflow:auto;
	background: #274F56;
   }
	
		

/* 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:1000px;
	background-color:#FF0000;
	} 
	
/* 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:#000066;
	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:#FFFF00;
	}
/* 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;
	}	