/* CSS Document */
/* --------------------------- généralités -----------------------------------------------*/
body {margin:0; padding:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
#container {margin: 0 auto;  text-align:left; width:780px; position:relative;background:#069;}
/* ------------------------ Haut de page = photo + barre de navigation -------------------------------------- */
#head h1 span { display:none; } #head h1  { background:url("../images/head.jpg") no-repeat top left; height:354px; margin:0;}
#head ul {list-style:none; margin:0; padding:0; display:inline; 
		position:absolute; top:290px; left:20px; }
#head li { display:inline; margin:0; padding:0; 
		border-right: 1px solid #eee;}
#head li.dernier { border: none; }
#head a, #footer a { font-family: Arial, Verdana, sans-serif; font-size:small; color:#ddf; text-decoration:none; 
		padding:0 6px  ; /*margin-right:5px;*/ }
#head a:hover {color:#FC9;} 
#head .curent {color:#fc9; font-family: Arial, Verdana, sans-serif; font-size:small;padding:0 6px  ; }
/* ------------------------ Milieux de page = colonne + cadre d'affichage -------------------------------------- */
#main { position:relative}
#main h1 { margin:0 15px 1.5em; font-size:15px;} 
#main h2 { margin:0 15px 0.8em; font-size:12px;} 
#main h3 { margin:0 15px 0.8em; font-size:11px;}
#main h4 { margin:0 15px 0.8em; font-size:11px;}
#main p { margin:0 15px 2em; font-size:11px;} 

/*  ---colonne de gauche et navigation---  */ 
#gauche { padding-top: 20px; padding-right:600px; color:#fff; height:450px;}
#gauche ul {list-style:none; margin:0 0 0 10px; padding:0;}
#gauche li { 
		margin-bottom:5px;
		padding:5px 0 0 10px ;
		height:35px;
		background:url("../images/btngauche.gif") no-repeat top left;
		}
#gauche li a {text-decoration:none; color:#eef; font-weight:bold; padding-bottom:2px;}
#gauche li a:hover {color:#069; border-bottom-color:#069;  }
#gauche li#rubriqueactuelle {color:#069; font-weight:bold; }

/*  ---cadre de droite---        ( ATTENTION = dans #info, pas dans #droite)  */ 
#droite {
	background: url("../images/haut.gif") no-repeat top left;
	width:580px;
	position:absolute;
	top:20px;
	right:20px;
	visibility: visible;
	height: 349px;
}
#info {  background:#fff url("../images/bas.gif") no-repeat bottom left; width:580px; height:450px;
		margin-top:19px; padding-bottom:15px; color:#0c598f;}
#info h1 { border-bottom:1px solid #f60; color: #f60;}
#info h2 { color:#f60; margin-bottom:0.8em;}
#info a { color:#56f; text-decoration:underline;} #info a:hover {color:#000;}


/*   ---onglets dans le cadre (portes coulissantes)---   */          
ul#menu { border-bottom:1px solid #069; list-style:none; font-weight:bold;
			margin:0 0 10px 0 ; padding:0 0 18px 5px;}
#menu li { float:left; margin:0 0 0 5px; padding:0 0 0 9px; 
			/*  \*/ padding:3px 0 2px 9px; /*  */
			background:url("../images/1pt.gif") no-repeat top left;}
#menu a { padding:3px 9px 2px 0; 
			background:url("../images/1gd.gif") no-repeat top right;
			float:left; /* "Commented Backslash Hack" bidouille pour IE5/MAC grace au \ placer juste avant la fin du commentaire \*/ 
			float:none; /* IE5.2/mac ne voit qu'un seul commentaire là où les autres navigateurs en voit deux. fin de la bidouille */
			color:#fc9; text-decoration:none;
			}		


li#curent  {background-image:url("../images/2pt.gif") ; padding-bottom:0;/*  \*/ padding-bottom:3px; /*  */}
#curent a {background-image:url("../images/2gd.gif") ; padding-bottom:3px; color:#069;}
#menu #curent a:hover { color:#069;}
#menu a:hover { color:#fff;}
	

/* ------------------------ Pied de page =  barre de liens -------------------------------------- */
#footer { background:#fff url("../images/footer2.gif") no-repeat top left; width:780px; height:150px;}
#footer p { list-style:none; padding:25px 0 10px 0; text-align:center; color:#069; }
#footer a { font-size:11px; color:#56f; text-decoration:underline;} #footer a:hover {color:#000;}


/* ============================ page legales.html ======================== */
#legales #info  a { float:left; margin:20px; border:none;}