@CHARSET "UTF-8";


/* ATTENTION AUX IMAGES PNG 
note : si l'on met côte à côte une image png contenant un aplat et l'on juxtapose un aplat en hexadécimal html
on peut noter une différence de luminosité sous ie et safari
il faut supprimer la couche GAMA du fichier PNG (avec l'outil tweakpng par exemple). Ca marche... sauf que le problème reste entier sous Mac / Safari.
****************************************/

body {
	background: #646464 url(images/fond_page.png) center top repeat-y; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Liens - par default
****************************************/
a {color:#785c41; text-decoration: none; } /* ocre */
a:link { color: #785c41;}
a:visited {color: #785c41;}
a:hover, a:focus, a:active {color: white;}



/* Entete 
****************************************/
#entete{
	width: 990px;
	height: 152px;
	margin: 0 auto; /* pour firefox, centrage*/
}


/* ______________________________________CONTENEUR________________________________________________  */

#conteneur {
	width: 990px;
	margin: 0 auto; /* pour firefox, centrage*/
	padding: 0;
	text-align: left;
	font-size: 100%;
}


/*  Menu ---------------------------------------------------------------------------*/
#conteneurMenu{
	width: 1010px;
	height: 94px;
	position: relative;
	margin-left:auto;
    margin-right:auto;
}


ul#menu {
	width: 296px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #ece4d9; /* fond creme */
}
ul#menu li {  	 
	display: block;
	width: 296px;
	height: 19px;
	padding: 0px;
	margin: 2px 0 0 0;
	text-align: left;
}
ul#menu li a {   
	display: block; /* indispensable pour un menu "image" */
	border: none;
	height: 19px;
	line-height: 19px;/* astuce pour centrer verticalement une seule ligne de texte*/
	font-size: 90%;
	font-weight: bold;
	color:#767d64; 
	padding: 0;
	text-align: center;
	text-decoration: none;
	text-transform: none; /* transform le texte en majuscules, autres : lowercase (all mini), capitalize (first lettre maj) et none*/
	overflow: hidden;
}  

#menu li a {
	display: block;
	line-height: 19px;
	text-indent: -5000px;/*Vire le txt a -5000*/
	overflow: hidden;
	background-position: left center;
}	
	#menu li.active a, ul#menu li.active a:hover {
		background-position: right center;
	}
	#menu li a:hover {
		background-position: center center;
	}	
	#menu_accueil {
		background: url(images/menu_accueil.jpg) no-repeat;
	}
	#menu_01 {
		background: url(images/menu_01.jpg) no-repeat;
	}
	#menu_02 {
		background: url(images/menu_02.jpg) no-repeat;
	}		
	#menu_03 {
		background: url(images/menu_03.jpg) no-repeat;
	}		
	#menu_04 {
		background: url(images/menu_04.jpg) no-repeat;
	}
	#menu_05 {
		background: url(images/menu_05.jpg) no-repeat;
	}
	#menu li.separateur {
		background: url(images/menu_separateur.jpg) no-repeat left top;
	}
	#menu li.li2px {
		height: 2px;
	}
	/* _menu en_  */
	#menu_accueil_en {
		background: url(images/menu_accueil_en.jpg) no-repeat;
	}
	#menu_01_en {
		background: url(images/menu_01_en.jpg) no-repeat;
	}
	#menu_02_en {
		background: url(images/menu_02_en.jpg) no-repeat;
	}		
	#menu_03_en {
		background: url(images/menu_03_en.jpg) no-repeat;
	}		
	#menu_04_en {
		background: url(images/menu_04_en.jpg) no-repeat;
	}
	#menu_05_en {
		background: url(images/menu_05_en.jpg) no-repeat;
	}

/* _BOUTONS_  */
a.btn_200x29 { 
  width: 200px;
  height: 29px;
  display: block;
}


a.btn_lire_toutes_news {
  background: url(images/btn_lire_toutes_news.png) no-repeat;
  background-position : center top;
}
a.btn_lire_toutes_news:hover {
  background-position : center bottom;
}/* en */
a.btn_lire_toutes_news_en {
  background: url(images/btn_lire_toutes_news_en.png) no-repeat;
  background-position : center top;
}
a.btn_lire_toutes_news_en:hover {
  background-position : center bottom;
}


a.btn_voir_tous_les_services {
  background: url(images/btn_voir_tous_les_services.png) no-repeat;
  background-position : center top;
}
a.btn_voir_tous_les_services:hover {
  background-position : center bottom;
}/* en */
a.btn_voir_tous_les_services_en {
  background: url(images/btn_voir_tous_les_services_en.png) no-repeat;
  background-position : center top;
}
a.btn_voir_tous_les_services_en:hover {
  background-position : center bottom;
}



a.btn_voir_plan_details {
  background: url(images/btn_voir_plan_details.png) no-repeat;
  background-position : center top;
}
a.btn_voir_plan_details:hover {
  background-position : center bottom;
}/* en */
a.btn_voir_plan_details_en {
  background: url(images/btn_voir_plan_details_en.png) no-repeat;
  background-position : center top;
}
a.btn_voir_plan_details_en:hover {
  background-position : center bottom;
}


a.btn_telecharger_descriptif_mini {
  background: url(images/btn_telecharger_descriptif_mini.png) no-repeat;
  background-position : center top;
}
a.btn_telecharger_descriptif_mini:hover {
  background-position : center bottom;
}/* en */
a.btn_telecharger_descriptif_mini_en {
  background: url(images/btn_telecharger_descriptif_mini_en.png) no-repeat;
  background-position : center top;
}
a.btn_telecharger_descriptif_mini_en:hover {
  background-position : center bottom;
}



a.btn_visiter_site_life_art {
  background: url(images/btn_visiter_site_life_art.png) no-repeat;
  background-position : center top;
}
a.btn_visiter_site_life_art:hover {
  background-position : center bottom;
}/* en */
a.btn_visiter_site_life_art_en {
  background: url(images/btn_visiter_site_life_art_en.png) no-repeat;
  background-position : center top;
}
a.btn_visiter_site_life_art_en:hover {
  background-position : center bottom;
}



a.btn_telecharger_descriptif {
  width: 296px;
  height: 60px;
  display: block;
  background: url(images/btn_telecharger_descriptif.png) no-repeat;
  background-position : center top;
}
a.btn_telecharger_descriptif:hover {
  background-position : center bottom;
}/* en */
a.btn_telecharger_descriptif_en {
  width: 296px;
  height: 60px;
  display: block;
  background: url(images/btn_telecharger_descriptif_en.png) no-repeat;
  background-position : center top;
}
a.btn_telecharger_descriptif_en:hover {
  background-position : center bottom;
}


	
/* _FOOTER_  */
#footer {
clear: both;
width: 990px;
height: 50px;
text-align: center;
font-size: 80%;
}
#footerPad {
padding: 20px 0 0 150px;
}