/* --------------------------------- DEFINITIONS GENERALES -------------------------------- */
html, body{
	background-color: #f3e7d1;
	text-align: justify;
	font-family: "Trebuchet MS",Sylfaen, Verdana;
	font-size: 13px;
	margin:0;
	padding:0;
	height: 100%;
}

/* ---------------------------------- SURFACE DE PAGE ------------------------------------- */
#conteneur{
	position: relative;
	left:50%;
	margin-left: -356px;
	width: 713px;
	/*margin: 0 auto;*/
	min-height: 100%;
	/*border: 1px solid #000;*/
	background-image: url(images/index_02.jpg);
	background-repeat: repeat-y;
}

/* ------------------------------------ BANDEAU DU HAUT ----------------------------------- */
#banniere{
	margin-top: 0;
	width: 100%;
	height: 312px; 
	/*border: 1px solid #000;*/
	background-image: url(images/index_01.jpg);
	background-repeat: no-repeat;
}

#titre{
	margin-left: 275px;
	margin-top: 70px;
	width: 45%;
}

#diapo {
	position:relative;
	width:550px;
	margin-left : 95px;

}
/* --------------------------------- CONTENU DE LA PAGE ----------------------------------- */
#page{
	width: 70%;
	margin-left: 105px;
	margin-top: -30px;
	height: auto;
	padding-bottom: 66px;
	/*color: #000;*/
}

/* ---------------------------------- PIED DE PAGE ---------------------------------------- */
#bas{
	position: absolute;
	bottom:0;
	left:0;
	width: 713px;
	height: 66px;
	/*border: 1px solid #000;*/
	background-image: url(images/index_03.jpg);
	background-repeat: no-repeat;
}

/* ----------------------------- MISE EN PLACE DU TITRE ----------------------------------- */
#nom{
	padding : 0; 
	margin : 0 ;
	margin-top:8px;
	margin-left: 100px;
	overflow: hidden ;
}

#nom li a span{
position: absolute;
left: -5000px;
}

#nom li {
float : left; 
display : block;
 
} 

#nom li a {
/*padding : 0; 
margin : 0 0 0 0 ;*/
width : 250px ; 
height : 80px ; 
display : block;
} 

/* ------------------------------------ IMAGE DU TITRE ------------------------------------ */
a.titre{
background: url(images/titre.png); 
background-position : 0 0;

}
a.titre:hover {
background: url(images/titre.png); 
background-position : 250px 0 ;}


/* ------------------------------- MISE EN PLACE DU MENU ---------------------------------- */
#menu{
	padding : 0; 
	margin : 0 ;
	margin-top:35px;
	margin-left: 40px;
	overflow: hidden ;
}

#menu li a span{
position: absolute;
left: -5000px;
}

li {
float : left; 
display : block;
 
} 

li a {
/*padding : 0; 
margin : 0 0 0 0 ;*/
width : 106px ; 
height : 30px ; 
display : block;
} 

/* ------------------------- CATEGORIES DU MENU - IMAGES --------------------------------- */
 a.ferme{
background: url(images/menu/menu_ferme.png); 
background-position : 0 0;

}
 a.ferme:hover {
background: url(images/menu/menu_ferme.png); 
background-position : 106px 0 ;}

 a.activites{
background: url(images/menu/menu_activites.png); 
background-position : 0 0;

}
 a.activites:hover {
background: url(images/menu/menu_activites.png); 
background-position : 106px 0 ;}

 a.photos{
background: url(images/menu/menu_photo.png); 
background-position : 0 0;

}
 a.photos:hover {
background: url(images/menu/menu_photo.png); 
background-position : 106px 0 ;}

 a.tarifs{
background: url(images/menu/menu_tarifs.png); 
background-position : 0 0;

}
 a.tarifs:hover {
background: url(images/menu/menu_tarifs.png); 
background-position : 106px 0 ;}

 a.contact{
background: url(images/menu/menu_contact.png); 
background-position : 0 0;

}
 a.contact:hover {
background: url(images/menu/menu_contact.png); 
background-position : 106px 0 ;}

 a.livre{
background: url(images/menu/menu_livre.png); 
background-position : 0 0;

}
 a.livre:hover {
background: url(images/menu/menu_livre.png); 
background-position : 106px 0 ;}


/* --------------------------- MISE EN FORME DES TITRES ----------------------------------- */
h1{
	font-family: Sylfaen;
	font-size: 24px;
	text-align:center;
}

h6{
	position: relative;
	bottom: -20px;
	color: #f2e3ce;
	text-align: center;
} 

/* --------------------------- MISE EN FORME DES LIENS ----------------------------------- */
a {
	color: Olive;
	text-decoration: none;
}

a:visited{
color : green;
text-decoration : none;}