body   {background-image: url("../images/fonds_base_clair.jpg");  margin: 0; padding:0 ;     }
header { position:absolute;  width : 1120px; height:280px;	
		 left:370px;	 top:0px;   }
nav {position:absolute; left:100px; top:70px; 
			width : 1120px; 	height:35px;	margin-left:0px;	z-index:5; }			
section {position:absolute;  left:270px; top:80px; z-index: 2;
				width:1120px;	background-color:rgb(255,255,200);	padding-left: 00px;	 }	
	
h1   { position: relative; font-size: 26px;  color: rgb(0,0,0);margin-top:15px; text-align: center; }
h2   { position: relative; font-size: 21px;  color: rgb(0,0,0);margin-top:-16px;text-align: center; }				
h3  {font-size: 20px;  color: rgb(0,0,200); ;   margin-top:00px;     text-align: center;}
h4  {font-size: 18px;  color: rgb(0,020,100); font-weight: normal ;
				width : 520px; text-align: center; padding: 20px; }

.niveau1  {position: relative; width:1120px;  padding-left:25px  ;margin-left:00px;z-index: 50; }
.niveau1 li {float:left;  position: relative;list-style-type: none ;
					width: 218px;          border: 0px solid red; margin:0px;  padding: 0px ;    }
.niveau1 li a {   font-weight: bold; font-size: 36px; color: rgb(0,0,0);margin-left:6px;padding-top : 8px ;   }
.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  ;border: 0px solid; background-color:rgb(210,210,210);  }
.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;}

/* terre de sallertaine  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.titre_1 { width: 1000px;font-size: 24px; 	color: rgb(180,30,30);font-style: italic;
			font-weight : bold ; text-align: center		;padding-top: 20px; padding-left:00px    }
.titre_2 { width: 950px;font-size: 20px; 	color: rgb(180,30,30);font-style: italic;
			font-weight : bold ; text-align: center		;padding-top: 10px; padding-left:20px    }					
.reduit { width: 490px; margin: 18px; } 
.normal { width: 1016px; margin: 18px; }
.normal_italie { width: 900px; margin: 20px;padding-left : 80px; }
.battage { width: 950px;   font-size: 18px; 	color: rgb(0,0,0);margin-left: 80px ;
					margin-bottom: 20px ;   margin-top: -15px ;      border:0px solid red ; }
/* terre de sallertainexxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.separation {clear : both;}
.bas_page   { width: 1080px; margin: 0px; height:60px; text-align: center; }

p {	font-size: 20px;  color: rgb(0,0,0);	}
.petit {font-size: 16px; color: rgb(0,0,0); font-style:  italic;padding-left: 15px;}
.gras{font-size: 18px; color: rgb(0,0,0); font-style:  italic; font-weight: bold;}


 /* beauchene debut*/
.blason {position:absolute ;  top: 0px; left :80px;  width: 72px;  height: 80px;     }
.cadre_texte  {width:1000px; margin-left : 50px;  }
.cadre_image  {width:1060px; margin-left : 30px;  }
.cadre_image_pavillon {width:900px; margin-left : 150px;  }
.cadre_gisant_enfant	{width:800px; margin-left : 100px;  }
  /* beauchene fin*/

 /* centenaire église  */
.gauch_mesanges { width: 700px;    margin-left: 20px;   float: left; padding-top: 10px;padding-bottom: 20px;  }
.droit_mesanges  { width: 300px;  margin-top:150px; margin-left:30px; float: left; 
						font-size: 20px;  color: rgb(0,0,0); padding: 00px;      }