body {
   overflow-x: hidden;
	margin: 0;
	font-family: 'Source code pro', Calibri, serif;
	}



#banner1 { 
     display: block;
	 background-color: #451184;
	 height: 50px;
	 width: 100%;
}
#banner1 p {
position: relative;
font-weight: bold;
font-size: 30px;
color: #FEFFFF;
top: 7px;
margin: 0;
text-align: center;

}



#menu  {  

min-width: 500px;
height: 100px;
width: 100%;
position: relative;
background-image: url('skys2.JPG') ;
}

#menu ul { 

 float: left;
 position: relative;
 left: 50%;
 padding-top: 15px;
 margin-left: -60px;
 
 
 }
 #menu ul li {
margin-left: 20px;
  float: left;
   list-style-type: none;
   position: relative;
   left: -50%;
   
}


#menu ul li a {
padding-top: 10px;
text-align: center;
background-color: white;
display: inline-block;
height: 30px;
width: 100px;
text-decoration: none;
color: #6213ED;
}

#menu ul li a:hover { 
   color: white;
   background-color: #1094EA;
}

#banner2 { 
     display: block;
	 background-color: #451184;
	 height: 50px;
	 width: 100%;
}

#contenuprincipal { 
display: block;
width: 900px;
margin: auto;
}





#footer {
 text-align: center;
 display: block;
 background-image: url('space.JPG');
 height: 60px;

}
 
 #footer p {
 color: white;
 font-weight: bold;
 position: relative;
 top: 18px;
 }
 #site {
 width: 1000px;
 margin: auto;
 background-color: white;
 color: black;
 }
 
div.lien li a {
 list-style-type: none;
 color: #000000;
 text-decoration: none;
 }
 
 div.lien a:hover {
 color: blue;
 letter-spacing: 3px;
}
 
div.lien a:visited {
color: orange;
}

h1 {
color: #085CD5;
}