/* Feuille de style, réalisé par Marc NACHIN, développeur multimédia à Sixt Fer à Cheval*/

body 
{
	margin: 0px; 
	padding: 0 ; 
	text-align: center ; 
	font: 0.8em "Century Gothic", helvetica, sans-serif ; 
	color: #444 ;
	background: #FFEFCC;
}	

/*LE CONTENEUR DU TOUT*/
#conteneur 
{
	width: 770px ; 
	margin: 0 auto ; 
	text-align: left ;
	background: #fff ;
}

/*PARTIE TITRE*/
#header 
{
	height: 190px ;
	background:     url(img/header.jpg) no-repeat left top;
	margin: 0;
	position: relative;
}

/*MENU*/
ul#menu  /*configuration des listes contenu dans le menu*/
{	
	position: absolute;
	height: 25px ; /* On donne une hauteur au menu correspondant a la taille de l'image utilisée en fond*/
	margin: 0px 0px 0px 200px ;
	bottom: 0; 
	padding-left: 8px ;
	background:    url(img/fondMenu.jpg) repeat-x 0 -25px ; /*on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel */
	list-style-type: none ;
}

ul#menu li
{
	float: left ; /* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces*/
	text-align: center ; /*on centre le texte */
	align: center ;
}

ul#menu li a 
{ 
	line-height: 25px ; /*hauteur de ligne*/
	font-size: 1.2em ; /*taille de police*/
	color: #FBF2E5 ; /*couleur*/
	display: block ; /*Nous pouvons dimensionner les a grâce à la propriété display: block*/
	padding-left : 9px ; 
	padding-right : 9px ;
	text-decoration: none ;
}

ul#menu li a:hover /* Et pour finir on décale l'image de fond au passage de la souris pour laisser aparaître l'état survolé de l'image, voir le tutoriel sur les roll over pour plus de détails */
{
	background:    url(img/fondMenu.jpg) repeat-x 0 0 ;
	color: #FBF2E5;
}

/*PARTIE CENTRALE*/
#contenu
{
	min-height: 400px;
	padding: 20px 30px 20px 230px ;
	background: url(img/gauche.jpg) no-repeat left top;
}

#contenu h1
{
	color: #8A1C2A;
	margin: 0px;
}

#contenu h2
{
	text-decoration: underline;
	margin-top: 0px;
}

#contenu p 
{
	text-align: justify ;
}

#contenu td
{
	font-size: 0.9em ;
}

.img2 { 
float: right ;
margin-left: 15px;
margin-top: 0px; 
margin-bottom: 10px;
}

.spacer {
  clear: both;
}

#contenu a
{
	color: #8A1C2A;
}

.jaune {
  background-color: #ddd;
  width: 200px;
  line-height: 25px;
  padding-left: 10px;
}

.verte {
  background-color: #eee;
  width: 120px;
  line-height: 25px;
  padding-left: 10px;
  margin-right: 7px;
}


.img { 
	float: left ;
}

.spacer {
  clear: both;
}

/*PARTIE PIED*/
p#footer 
{
	line-height: 21px ;
	font-size: 0.9em ;
	color: #fff ; 
	background-color: #8A1C2A; 
	text-decoration: none ;
	text-align: center;
}

#footer a
{
	text-decoration: none ;
	color: #fff;
}