html, body{margin:0; padding:0}
	body{
	background-color:#eaece9;
	background-image:url(img/fd.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	height: 100%
    }	
#main{


	background-repeat:no-repeat;
	background-position:center center;
	background:orange;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
     position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
	 width: 984px;

}
	
	
#centre {
	background-image:url(index_fichiers/img/raee.gif);
	float:left;
	width:460px;
	font-size:.8em;
	text-align:justify;
	line-height:1.6em;
	height: 100%;/*border-top: 1px dashed black;*/
	padding: 30px 24px 20px 22px;
	background-position: center center; background-repeat:no-repeat; 
    border-left:1px dashed #ccc
	}
	
	#centre address{font-size: .9em; margin: 0 0 6px 0; color: #eb8b03; font-style:normal ;}
    #centre a{ font-size:1em; letter-spacing:1px; text-decoration:none; color:#333333; border-bottom:1px dotted #FF6600; font-weight: bold;}
    #centre a:hover{ background-color:#d65c35; color:#FFFFFF;}
    #centre li{list-style-image:url(img/puc2.gif); margin:0; padding:0; }
	
    #centre h1{
	font-family: Georgia, serif;
	letter-spacing: .1em;
	font-size: 1.6em;
	line-height: 1.2em;
	padding: 0 0 0 6px;
	margin: 0 40px 10px 0;
	color: #333;
    text-align: left;
	border-bottom: 1px solid #d55e35;
	border-left: 22px solid #d55e35;
	}
/*html>body #gauche h1{background-image:url(img/puce_h1.png);}*/

    #centre h2{  	padding: 0 0px 0 10px;
	border-bottom: 1px solid #009933;
	border-left: 12px solid #009933;
	letter-spacing: 2px;
	font-weight: bold; 
	font-size:1.2em; 
	margin: 4px 40px 4px 4px; 
	text-align:left;
	color:#333}

    #centre h3{
	padding: 0 0 0 10px;
	margin: 4px 40px 4px 6px; 
	color:#666565; 
	border-bottom: 1px solid #d55e35;
	border-left: 12px solid #d55e35;
	font-family: arial; font-weight: bold; font-size:1.1em; text-align:left; letter-spacing:.1em}

    #centre h4{ background-image:url(img/fl_lien.png); background-repeat:no-repeat; padding:0 0 6px 32px; margin:0; background-position:0 5px; font-weight:normal; font-size:.9em}
    #centre hr{color: #fff;}
   
   
#droite{background:#ffb516; height:100%; width:224px; float:left}
	
#right{
	width: 224px; 
	height:100%;  
	float: left;/*border-top: 1px dashed black*/; 
	margin:0; 
	padding:0 }
#adresse{font-size:.7em; text-align:center; padding-top:4px;clear:both; height:40px; border-top:1px dashed grey; background-color:#FFFF99 }
#adresse a { color:#000000}

#sites_right{}
#sites_right blockquote{margin:0px; background:white}
html>body #sites_right blockquote{margin:4px 4px 4px 8px; }

#sites_right blockquote h1{padding: 2px 2px 2px 14px; display:block; background:#e10217;color:white; font-size:1.1em;}
#sites_right blockquote ul{ list-style-image:url(img/puce_right.gif); margin:0 10px 0 18px; padding:0 0 10px 0; text-align:}
#sites_right blockquote ul li{ font-size:.8em; padding: 0 0 8px 0; font-weight:bold}
#sites_right blockquote ul li a:link, #sites_right blockquote ul li a:visited{ color:#000000; font-weight:normal}
#sites_right blockquote ul li a:hover, #sites_right blockquote ul li a:active{ color:white; background:#e10217; text-decoration:none;font-weight:normal}
/*e2ecf8*/
.infobulle{
	z-index:900;
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 4px 2px 2px 8px;
	font-family: Verdana, Arial;
	font-size: .7em;
	background-color: #fca850;
	opacity : 0.8 ;
	-moz-opacity : 0.8 ;
	-khtml-opacity : 0.8 ;
	filter : alpha(opacity=80) ; width:300px
}

#gauche{ clear:both; background:#fff; width:204px; float:left; background:white url(img/fd_gche.jpg) no-repeat}


#gauche img{ margin-left:2px}

#gauche .titre_info{ font-size:1.2em; font-weight:bold}
#gauche blockquote  {
    padding: 0px 0 0 0;
    margin: -1px -9px 0 0;
}
html>body #gauche blockquote{ margin: -1px 5px 0 0;}
#gauche blockquote ul {
	list-style-image:url(img/actu_puce.gif);
	margin:-4px 10px 0 2px;
	padding:0px 0 0px 24px;
	background:#ec0000;
	width:179px;
}

#gauche blockquote li {
    color:#fff;
    font-size: .8em;
    font-weight: normal;
    margin: 0;
    padding: 0 3px 8px 4px;
    color:#fff;
}
/*#gauche blockquote a {
    color: white;
    text-decoration: underline;
    font-size: .7em;
    font-style:italic;
}*/

#gauche blockquote h1{ color:#FFFFFF; background-color:#000000; font-size:1em; margin:0 0 0 0 0; padding:0 0 0 10px}

 #pub_contenu{background-color:#9d9d9d; font-size:.8em; font-weight:bold; padding: 0 2px 0 4px; margin-top:-10px; height:auto}
 .pub_img{float:left;  margin-left:-2px; padding-left:4px; }
 .pub_img img{ border:1px solid black; margin:2px}
 .pub_comment{float:left; font-size:.8em; font-weight:normal}
 .pub_comment img{ margin-top:40px; margin-left:4px}

 #pub_contenu br{clear:both}

#top{float:left; width:320px; text-align:left; padding:0 0 0 0; margin: 0; height:87px; }    
		
#menu{
clear: left;
float:left;
width: 760px;
height: 26px;
padding:-30px 0 0 0; 
background-color:#009933
}

html>body #menu{ padding:-40px 0 0 0; }

#conteneur{
float: left; 
width: 760px;
background-image:url(../img/banniere.jpg);  
background-repeat:no-repeat; 
margin-left: 0px;
background-color:white}
html>body #conteneur {margin-left: 0px;}




/**************** menu coding *****************/

#menu ul { /* toutes les listes */     
    padding: 0;  
    list-style: none;
    line-height: 1;
    margin:0px 0 0 0;
    height:26px; 
    text-align:right;  
    padding:2px 44px 0 10px;
}
#right_menu ul{    padding: 0;  
    list-style: none;
    line-height: 1;
    margin:-20px 0 0 0;
    height:26px; 
    text-align:right;  
    padding:2px 0x 0 0px;}

#menu ul ul{padding:0; margin:0; border-top: 1px solid white;}

#menu a, #right_menu a {  
    text-align: right;
    font-size:12px;
    font-weight:bold;
    display: block;
    border-top:0px;
    padding: 7px 4px 4px 4px;
    color:#fff;
    text-decoration: none;
    line-height: 14px;
    font-variant:small-caps;
    border-left:1px solid #c1beb0;
}

#right_menu a{
    padding: 7px 40px 4px 40px;}
html>body #menu a{padding: 5px 4px 4px 10px;}

#menu a:hover, #right_menu a:hover { background-image:url(img/fd_m.jpg);
color: #fff;
}

#menu li { /* tous les items de liste */ 
    float: right;
     /* largeur obligatoire, sinon opera devient fou */
}
#right_menu li{ float:left}

#menu li ul { /* listes de deuxième niveau */           
    position: absolute;
    width: 10em;
    left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
    text-align: left;background: #FFFFFF; border-left:1px solid #fff; 

}
#menu li li a {display:block; width: 10.7em;text-align: left;color: #fff; border:0px; border-bottom:1px solid #c1beb0; padding-left:10px; background-color: #009933;}

#menu li:hover ul, #menu li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
    left: auto; background-color:#f3f3e7;
}
                  

/**************** menu coding *****************/   
/**************** menu coding *****************/