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



body 

{

	margin: 0px 0 ; 

	padding: 0 ; 

	text-align: center ; 

	font: 0.8em "helvetica", sans-serif ; 

	color: #444 ;

	background: #FFFFFF url(img/fon0d.jpg) no-repeat left top fixed;

}

	



/*LE CONTENEUR DU TOUT*/

#conteneur 

{

	width: 770px ; 

	margin: 0 auto ; 

	text-align: left ;

	background: #fff ;

	border-left: 1px solid #6588B6;

	border-right: 1px solid #6588B6;

}



/*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*/

	width: 768px;

	margin: 0px ;

	padding: 0px ;

	padding-left: 2px ;

	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 ;

	margin-left: 5px;

}



ul#menu li a 

{ 

	line-height: 25px ; /*hauteur de ligne*/

	font-size: 1.1em ; /*taille de police*/

	color: #FBF2E5 ; /*couleur*/

	display: block ; /*Nous pouvons dimensionner les a grâce à la propriété display: block*/

	padding-left : 6px ; 

	padding-right : 6px ;

	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: 30px 30px 20px 30px ;

}



#contenu h1

{

	color: #6588B6;

	margin: 0px;

	margin-top: 15px;

	font: 1.6em "helvetica", sans-serif ;

}



#contenu h2

{

	color: #6588B6;

	margin: 0px;

	margin-top: 15px;

	font: 1.3em "helvetica", sans-serif ;

}



#contenu p 

{

	text-align: justify ;

}



#contenu td {

font: 0.75em, helvetica, sans-serif;

color: #222;

}



.img2 { 

float: right ;

margin-left: 15px;

margin-top: 0px; 

}



.img1 { 

float: left ;

margin-right: 15px;

margin-top: 15px; 

}



.spacer {

  clear: both;

}



#contenu a

{

	color: #6688B6;

}



.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: #6588B6; 

	text-decoration: none ;

	text-align: center;

}



#footer a

{

	text-decoration: none ;

	color: #fff;

}