/* CSS Document */

/*Relief*********************************************************************************************/

#relief
{
	height:528px ;
	width:808px ;
	background-image:url(images/relief.jpg) ;
	/*Position absolue pour chaque calque (compatibilité IE et Firefox)*/
	/* Utilisation des % pr le 1er calque (copatibiltité entre les écrans) */
	position:absolute ;
	top:5% ;
	left:10% ;
}

/*Banderole******************************************************************************************/

#banderole
{
	height:100px ;
	width:800px ;
	background-color:#FFFFFF ;
	position:absolute ;
	top:5px ;
	left:5px ;
}

/*Barre de menu**************************************************************************************/

#info 
{
	height:15px;
	width:170px;
	/*Au dessus du menu*/
	z-index:100;
	/*Centrer verticalement sur le menu*/
	padding-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:7pt;
	/*Aligné par rapport au menu*/
	position:absolute;
	top: 19px;
	/*Position coin droit du menu*/
	left:630px;
}

#menu 
{
	/*Largeur maximale de la liste*/
	width:800px ;
	height:20px;
	position:absolute ;
	top:106px;
	left:5px;
}

#menu ul 
{ 
	/*Liste occupe tjs tte la largeur du calque*/
	width:100% ;
	/*Padding = marge intérieure = décalage / Margin = marge extérieure de la liste*/
	/*Mise à 0 car marge automatique dans les listes*/
	margin-left:0px ;
	padding-left:0px ;
	/*Couleur sur toute la largeur du calque*/
	background-color:#999999 ;
}

/*Chargé seulement par Mozilla Firefox*/
body > html #menu ul
{
	/*Nécessaire ds Firefox pr que la liste occupe tte la largeur du calque*/
	float:left ;
}

#menu ul li 
{ 
	list-style-type:none ; 
	/*Liste horizontale*/ 
	display:inline ;
	/*hauteur des boutons = hauteur du menu*/
	height:20px ;
}

#menu ul li a
{
	/*Ajuster avec le survol (sinon ombre < bouton)*/
	float:left ;
	/*Bouton + large que le texte*/
	padding:0.2em 0.8em ;
	/* Propriétés du bouton*/
	font-family:arial, helvetica, sans-serif ;
	font-size:9pt ;
	text-decoration: none;
	color:#FFFFFF ;
	background-color:#999999 ;
	border-right:1.5px solid #FFFFFF ;
}

#menu ul li a:hover, a:active
{
	color:#FFFFFF ;
	background-color:#666666 ;
}

/*Chemin*********************************************************************************************/

#chemin
{
	clear:both ;
	height:12px ;
	width:800px ;
	background-color:#FFFFFF ;
	text-align:left ;
}

#chemin a
{
	text-decoration:none ;
	color:#999999 ;
	font-family:Arial, Helvetica, sans-serif ;
	font-size:8pt ;

}

/*Contenu********************************************************************************************/

#contenu
{
	/*Positionner sous le menu*/
	clear:both ;
	height:400px ;
	width:800px ;
	background-color:#FFFFFF ;
}