body   {background-image: url("../images/fonds_base_clair.jpg");  margin: 0; padding:0 ;     }

header { position:absolute;  width : 1120px; height:300px;	
	
	left:120px;	 top:0px;   }
	
nav {position:absolute; left:50px; top:80px; 
	
	width : 1120px; 	height:32px;	margin-left:0px; margin-bottom:60	z-index:5; }
	
section {position:relative;  left:50px; top:110px; z-index: 2;
				width:1120px;	background-color:rgb(255,255,250);	padding-left: 00px;	 }	
	
h1   { position: relative; font-size: 32px;  color: rgb(000,000,090);  margin-top: 12px;  margin-left :120px;   text-align: left; }
h2   { position: relative; font-size: 24px;  color: rgb(015,060,030);  margin-top: -15px; margin-left :80px;   text-align:left; }				
h3  {  position: relative; font-size: 22px;  color: rgb(0,0,200);   margin-top:50px;     margin-left :60px;   text-align: left;}
h4  {font-size: 24px;  color: rgb(0,020,100); font-weight: bold ;
				width : 450px; text-align: center;  margin-top:-10px;}

.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: 200px;          border: 0px solid red; margin:0px;  padding: 0px ;    }
.niveau1 li a {   font-weight: bold; font-size: 28px; color: rgb(150,50,100);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;}

.reduit { width: 490px; margin: 18px; }
.normal { width: 1016px; margin: 18px; }
.separation {clear : both;}



 .gauch { width: 700px;    margin-left: 20px;   float: left; padding-top: 10px;padding-bottom: 20px;  }
 .droit { width: 340px;  margin-top:100px; margin-left:40px; float: left;   font-size: 22px;  color: rgb(0,0,0); padding: 00px;      }
 
.rapace-text_01 { position: relative;    background-color: #ecece0;  width: 450px;font-size: 32px; 	 color: rgb(000,000,090);font-style: normal;
			font-weight : bold ; text-align: left	; margin-top:10px; padding-left:10px    }

.rapace-text_02 { position: relative;   background-color: #ecece0; width: 450px;font-size: 28px; 	 color: rgb(015,060,030); font-style: italic;
			font-weight : bold ; text-align: left	;  margin-top:10px; padding-left:10px    }

.rapace-text_03 { position: relative; font-size: 20px;  color: rgb(0,0,200);   margin-top:10px;     margin-left :10px;  
				text-align: left;    width: 1000px          }







.bas_page   { width: 800px; margin: 0px; height:60px; text-align: center;font-size: 28px ; background-color: #b3f3d6}




 /* terre de sallertaine xx xxxxxxxxxxxxxxxxxxxxxxxxxaaxxxxxxxxx * /