body   {background-image: url("../images/granit_vert_fonce.jpg"); margin: 0; padding:0 ; }
header { position:absolute;  width : 1120px; height:100px;	
		 left:70px;	 top:0px;   }
nav {position:absolute; left:100px; top:70px; 
			width : 1120px; 	height:25px;	margin-left:0px;	z-index:5; }			
section {position:absolute;  left:70px; top:80px; z-index: 2;
				width:1120px;	background-color:rgb(255,255,255);	padding-left: 00px;	 }	
				
h1   { position: relative; font-size: 26px;  color: rgb(200,255,80);margin-top:15px; text-align: center; }
h2   { position: relative; font-size: 21px;  color: rgb(200,255,80);margin-top:-15px;text-align: center; } 
h3  {font-size: 20px;  color: rgb(0,0,200);text-align: center; border: 0px solid red; padding-top:20px;}
h4 {font-size: 18px;  color: rgb(100,20,120);margin-left:150px;}

p{font-size: 16px;  color: rgb(0,0,0); font-weight : bold ;font-style: normal; margin-top: 0px;    }

.niveau1  {position: relative; width:1120px;  padding-left:5px  ;margin-left:00px;z-index: 50; }
.niveau1 li {float:left;  position: relative;list-style-type: none ;
					width: 118px;          border: 0px solid red; margin:0px;  padding: 0px ;    }
.niveau1 li a {   font-weight: bold; font-size: 16px; color: rgb(0,0,0);margin-left:6px;padding-top : 5px ;   }

.niveau2   {display: none;  margin-top:0px; position: absolute;   padding: 0px;z-index: 50;border: 1px solid red;  }
.niveau2 li   {list-style-type: none; position: relative; width: 220px; background-color:rgb(235,235,235) ;border: 0px solid rgb(190,210,190);  }
.niveau2 li a    { font-size:17px; font-weight: bold;text-decoration: none; padding-left: 4px ; color: rgb(0,0,0); }
.niveau3 {display: none; position: absolute; left: 219px; top: 0px; margin-top:0px; padding: 0px;border: 1px solid red;}
.niveau3 li {list-style-type: none; position: relative; width: 200px;border: 1px solid rgb(255,210,190); }

.niveau2 li:hover   {background-color: rgb(255,255,255);border: 0px solid red;  } 
.niveau3 li:hover    {background-color: rgb(255,255,255);}
li:hover ul.niveau2, li li:hover ul.niveau3 {display: block;}

.cadre_tableau {width:850px; margin-left : 180px;  }
.cadre_texte  {width:1000px; margin-left : 50px;  }
.cadre_texte_2008  {width:940px; margin-left : 50px;  }
.cadre_image  {width:1060px; margin-left : 30px;  }
.cadre_index   {width:750px; margin-left : 200px; text-indent: -150px;  }

.titre_1 	 {font-size: 20px;color: rgb(120,0,0); padding :15px;   font-style: italic; font-weight: bold;      }

ul#metiers_art    {list-style-type: none ;  }
a span { display: none; }
 a:hover span { display: inline; width:700px;float:right ;color:rgb(0,0,0);margin-top: -30px;  }

.titre_1 { width: 1000px;font-size: 20px; 	color: rgb(180,30,30);font-style: italic;
			font-weight : bold ; text-align: center		;padding-top: 15px; padding-left:60px    }
.bas_page  {width: 980px; height: 40px;text-align: center;  color: rgb(0,0,120); }
.bas_page  a:hover { font-size: 18px;  color: rgb(0,120,0);} 
/* fin generalites */

/* registres */
.le_fond  {width: 1120px; background-image: url("../images/Granit_bleu_base.jpg"); }
.dim_01 {width: 30px;padding-left: 10px; font-size: 14px;   }
.dim_02 {width: 240px;padding-left: 10px; font-size: 14px;  }
.dim_21 {width: 180px; padding-left: 30px; font-size: 16px;  }
.dim_23 {width: 150px; background-image: url("../images/Granit_bleu_base.jpg"); }      
.dim_43 {width: 160px;font-size: 16px;margin-left: 450px;  background-color:rgb(255,255,255) ;}
/*  fin    registres */

/*histoires des maires*/
.bleu  {font-size: 18px;  color: rgb(100,0,200); font-weight : bold ;font-style :normal ; }
 span { font-size: 18px; color: rgb(160,100,30);       }  
.camille   {font-size: 14px;  color: rgb(0,0,0); font-weight : bold ;font-style :normal ;text-align: right; } 
.div_notes { padding:0px 60px 0px 40px }
.x_notes   {font-size: 12px;  color: rgb(0,0,00); font-weight : bold ;font-style :italic  } 
 /*histoires des maires*/
 
.reduit { width: 490px; margin: 18px; } 
.normal { width: 1016px; margin: 18px; }