nav {position:relative; ; top:-10px;  text-align: center;
	
	width : 900px; 		margin-left:0px; margin-bottom:60	z-index:5; }
	

	
h1   { position: relative; font-size: 32px;  color: rgb(000,000,090);  margin-top: 12px;  margin-left :100px;   text-align: left; }
h2   { position: relative; font-size: 24px;  color: rgb(015,060,030);  margin-top: -15px; margin-left :100px;   text-align:left; }				
h3  {  position: relative; font-size: 22px;  color: rgb(0,0,200);   margin-top:0px;     margin-left :80px;   text-align: left;}
h4  {font-size: 20px;  color: rgb(0,020,100); font-weight: bold ;
				width : 450px; text-align: center;  margin-top:-10px;}
				
footer 	  { width: 800px;  height:60px; text-align: center; font-size: 22px ; margin-top: 0px;font-weight : bold ; }
			
				

.niveau1  {position: relative; width:900px;  ;margin-left:00px;z-index: 50; }
.niveau1 li {float:left;  position: relative;list-style-type: none ;
					width: 170px;          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); }
.niveau2 li:hover   {background-color: rgb(255,255,255);border: 0px solid red;  } 
li:hover ul.niveau2, li li:hover  {display: block;}
		

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  display: flex;
}

ul li a {
  display: block;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
}

ul li a:hover {
  background-color: #cccccc;
}