/* 
FEUILLE DE STYLE ACCUEIL
Auteur:Bruno SIMON 21-12-2007 revue par Franck SAGE & Quentin LAUV été 2009
*/


/* POSITIONNEMENT GENERAL */
body,html{margin:0px; padding:0px; font-family:Verdana,sans-serif; font-size:12px; color:#000000;text-align:center;}
body{/*background-color:#f0efde;*/background:#f0efde url(../images/body.jpg) top center no-repeat; top: 7%;}

/* IMAGES SANS BORDURE */
img{border:0;}

/* FORMULAIRE */
form{display:inline;}

/* PAGE : TAILLE ET BORDURES (CENTRAGE) */
#page   { padding:0px; position:absolute; left: 50%;  top: 7%; width: 960px; height: 700px; margin-left: -480px; text-align:left;} /* moitié de la largeurmargin-left:auto; margin-right:auto; width:960px; text-align:left;} /* width:958px MSIE6 */

/* ENTETE */
#header  {width:960px; height:160px; position:relative; z-index:2;}
#headerHaut     {float:left; width:960px; height:110px; background:url(../images/haut.png) no-repeat;}

#logoHaut   {margin:2px 0px 0px 15px;float:left;width:99px;height:110px;border:0;}
#boutonContact   {margin:35px 0px 0px 30px;float:left;width:175px;height:60px;border:0;}

#MenuHaut    {float:right;margin:30px 15px 0px 10px;width:auto; text-align:right; font-weight:bold; color:#9E0B28;}
#MenuHaut    a      {float:left; font-size:13px;font-weight:bold; color:#FFFFFF; text-decoration:none;}
#MenuHaut    a:hover {text-decoration:underline;}
#MenuHaut    span {float:left;}
#MenuHaut    input.rechercheI   {float:left;padding:1px 3px;width:106px;height:19px;border:0px;background:#fff url(../images/recherche_fd.gif) 0px 0px no-repeat;}
#MenuHaut    input.rechercheS   {float:left;margin:0px; width:23px;height:19px;border:0px;}

#drapeau {float:right;margin:10px 15px 0px 0px; padding:0px; width:200px; text-align:right;}
#drapeau img {margin:2px;}
#drapeau input#fieldSearch {float:right; width:100px; height:15px; margin:0px 0px 0px 2px; padding:0px; font:bold 12px Arial,sans-serif;}
#drapeau input#imgSearch {float:right; margin:0px;}

/* ZONE PRINCIPALE */  
#ZonePrincipale   {clear:both;float:left;width:960px; height:470px;}
	
	#ZonePrincipaleHaut {float:left;width:960px; height:270px; background:url(../images/background.jpg);}

		#ZonePrincipaleBas {float:left; width:960px; height:200px;}
	
		#ZonePrincipaleBas .temoignages {padding:15px 20px; float:left; width:600px; height:185px; background:url(../images/temoignage.jpg);overflow:hidden;}
		#ZonePrincipaleBas .temoignage {text-align:justify; margin:0px 10px; float:left; width:475px;}
		#ZonePrincipaleBas .titre_temoignageArt  {font-size:12px;font-weight:bold;color:/*#353331*/white; padding:5px;}
		#ZonePrincipaleBas .temoignage span.text_temoignageArt {font-size:12px;color:/*#353331*/white;}
		#ZonePrincipaleBas .temoignageLogo {margin:0px 0px 0px 5px;; float:left;width:100px;overflow:hidden;}
		#ZonePrincipaleBas .temoignageLogo img {width:100px; height:100px;}
		#ZonePrincipaleBas .temoignages a  {color:#000000;text-decoration:none; text-transform:uppercase; font:bold 12px Arial,sans-serif;}
		
		#ZonePrincipaleBas .actus { float:left; text-align: justify; width:320px; height:200px; background:url(../images/actualite.jpg); overflow:hidden;}
		#ZonePrincipaleBas .actuContenu {padding:0px; width:298px; height:140px; overflow:auto;}
		#ZonePrincipaleBas .actu {width:290px; padding:5px 0px 0px;}
		#ZonePrincipaleBas .actu span.date_actuArt  {font-size:11px;color:black; padding:0px;font-weight:bold;}
		#ZonePrincipaleBas .actu span.titre_actuArt {font-size:12px;color:#564406;padding:0px;}
		#ZonePrincipaleBas .actus a  {color:black;padding:0px; text-decoration:none; text-transform:uppercase; font:bold 12px Arial,sans-serif;}
		/*#ZonePrincipaleBas .actu span.debut_breve {font-size:11px;color:#FFFFFF;}*/
		
		#ZonePrincipaleBas .titre_rubrique  {color:white; margin:10px 0px 0px;font:18px Arial, sans-serif; text-decoration:none;}

/* ZONES MASQUEES 
.apparent   {visibility: visible; display: block;}
.cache      {visibility: hidden; display: none;}*/

/*  PIED DE PAGE*/
#pied         {float:left;width:960px;height:100px; display: block; position: relative;}   
#pied.talon   {background:url(../images/bas_sommaire.png) no-repeat;}
#pied.talon p{float:left; width:100%; text-align:center; clear:both; color:#333333; font-size:10px; margin: 1.5em 0px 0px;}
#pied.talon a[name="localisation"], #pied.talon a[name="contact"] {color:#b3071B;}
#pied #menuBas1         {float:left;margin:14.5px 0px 0px 15px;width:650px; font-size:13px;font-weight:bold;color:#9e0b28;line-height: 1.7em;}
#pied #menuBas1 a       {color:#fff;text-decoration:none;}
#pied #menuBas1 a:hover {text-decoration:underline;}
#pied #logoVeritas {float:right;margin:1px 15px 0px Opx;width:129px; height:58px;background:url(../IMG/png/ISO_9001.png) no-repeat; text-decoration:none;}

#nav-container{width:960px; height:50px;clear:both; text-decoration: none;}

ul#menulist, ul#menulistTri{text-transform :uppercase; text-decoration: none; text-align : center;}

ul#menulist, ul#menulist ul, ul#menulistTri, ul#menulistTri ul {
	margin:0px 0px 0px;
	padding: 0;
	list-style:none;
	line-height : 50px;
	text-align : center;
	text-decoration: none;
}

ul#menulist ul, ul#menulistTri ul{
	margin:20px 0px 0px;
	padding: 0;
	list-style:none;
	line-height : 30px;
	text-align : center;
	text-decoration: none;
}

ul#menulist ul, ul#menulistTri ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	left:0px;
	top:30px;
	text-decoration: none;}

ul#menulist, ul#menulistTri {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align : center;
	text-decoration: none;}

ul#menulist li ul, ul#menulistTri li ul{ 
	display:none; 
	position: absolute;   
	text-transform :none;
	text-decoration: none;}

ul#menulist li:hover>ul, ul#menulistTri li:hover>ul{ display:block; text-decoration: none;}


#menulist ul ul, #menulistTri ul ul {
	top: -1px;
	left:320px;
	text-decoration: none;}
	
ul#menulist > li, ul#menulistTri > li{
	cursor:pointer;
	display:block;
	padding:0;
	color : #fff;
	background:url(../images/menu.jpg);
	text-decoration : none;
	width: 320px;
	height: 50px;
}

ul#menulist ul li a, ul#menulistTri ul li a{
	display:block;
	padding:0;
	color : #efffee; 
	background:url(../images/ssmenu.png);
	text-decoration : none;
	width: 320px;
	height: 30px;
	overflow:hidden;
}

ul#menulistTri ul li a span{font:16px Arial, sans-serif; line-height:1.8em; text-decoration: none;}

ul#menulist ul li span a, ul#menulistTri ul li span a {
	background:url(../images/ssmenu.png);
	width: 320px;
	height: 30px;
	text-decoration: none;
}

ul#menulist li, ul#menulistTri li{
  position:relative;
  margin:0px;
  padding:0px;
  display:inline;
  float:left;
  text-decoration: none;
}

ul#menulist li:hover, ul#menulist li a:hover, ul#menulistTri li:hover, ul#menulistTri li a:hover {
  color: #FFF;
  text-decoration: none;
}

ul#menulist ul li a:hover, ul#menulistTri ul li a:hover {
 background:url(../images/ssmenu_hover.png);
 color:#fff;
 text-decoration: none;
}

ul#menulist a:hover, ul#menulistTri a:hover {
 background:url(../images/menu_hover.jpg);
 color:#fff;
 text-decoration: none;
}