body{
    background: url("IMG/Body2.png");
    background-size: cover;
 }

header {
	background-image: url("IMG/Header.png");
    background-color:;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-bottom: solid 1px #FF0000;
	border-left: solid 1px #FF0000;
	border-right: solid 1px #FF0000;
	border-top: solid 1px #FF0000;
	font: normal 100% 'Tahoma', Times, serif;
	letter-spacing: 0.0em;
	margin: 5px;
	padding: 5px 5px 5px 5px;
	border-radius: 30px;
	box-shadow: 4px 4px 6px black;
	height: 180px;
	}
	
#liens {
	background-color:#3E7F52;
	border-bottom: solid 2px #C81218;
	border-left: solid 2px #C81218;
	border-right: solid 2px #C81218;
	border-top: solid 2px #C81218;
	letter-spacing: 0.0em;
	text-align:center;	
	margin: 5px;
	padding: 5px 5px 5px 5px;
	width:auto;
	border-radius: 30px;
	box-shadow: 4px 4px 6px black;
	}	


#contenu {
	background:#;
	border-bottom: solid 1px #FF0000;
	border-left: solid 1px #FF0000;
	border-right: solid 1px #FF0000;
	border-top: solid 1px #FF0000;
	font: italic normal 130% 'Times New Roman', Times, serif;
	letter-spacing: 0.0em;
	margin: 5px;
	padding: 5px 5px 5px 5px;
	border-radius: 30px;
	box-shadow: 4px 4px 6px black;
	 }
	 
#footer  {
	 background-color:#4c9b64;
	 background-image: url("IMG/footer.png");	 
	 border-bottom: double 1px #FF0000;
	 border-left: solid 1px #FF0000;
	 border-right: solid 1px #FF0000;
	 border-top: solid 1px #FF0000;
	 font: normal 130% 'Times New Roman', Times, serif;
	 letter-spacing: 0.0em;
	 margin: 0px;
	 padding: 5px 5px 5px 5px;
	 border-radius: 30px;
	 box-shadow: 4px 4px 6px black;
     height:100px;
	 }	 	 
	 
#contenu li{
         text-align: center;
         list-style-type: none;		 
         margin: 10px;
         padding: 5px;
         font: normal 130% 'Tahoma', Times, serif; /*Police des liens du contenu*/
         background: white; /*Couleur des liens du contenu*/
	     border: solid 1px;
	     border-radius: 30px;
	     box-shadow: 4px 4px 6px #696969; 
}

#contenu a {	 
	   display:block;
	 	 }

#contenu li a{
	  text-decoration: none; /*supprime le surlignement des liens hypertextes*/
	}

#contenu li:hover{
	      color:red; /*couleur du contour du lien au passage de la sourie*/
          background-color: #4A9A66; /*Couleur des liens du contenu au passage de la sourie*/
	    }	 
	 
#contenu li a:hover{
	      color:white; /*couleur du texte du lien  du contenu au passage de la sourie*/
		  }	 

.article{
   	Font: normal 85% 'comic sans ms', Times, serif;
   	letter-spacing: 0.0em;
   	background-color: #A6E6B5;
   	margin: 30px;
   	padding: 20px;
   	border: solid 1px #FF0000;
   	border-radius: 30px;
   	box-shadow: 4px 4px 6px black;
  }
  
.flotte {
    float:left;
  }
  
.Rouge{
	color: #FF5959;
}

.Bleu{
	color: #3A5996
	} 

  img {
	border: 0px solid Black;
    border-radius: 3%;
    margin:  3px;
	padding: 5px;
    box-shadow: 4px 4px 6px #06311B;
  }
  
hr {
    background-color: #FFDF85 ; 
    height: 3px; 
   }		 

#contenu h1 {
	color: black; /*couleur de la police des titres du menu*/
    margin: 0px;
    padding: 0px;
  	font: normal 200% 'comic sans ms', Times, serif; /*Taille et police des titres du contenu*/
    background: white; /*Couleur de fond des titres du contenu*/
  	border: solid 2px #188744;
  	border-radius: 20px;
  	box-shadow: 4px 4px 6px black;
  }

/* ////////////////////////////////////////////////////////////////////////////////Code CSS du menu //////////////////////////////////////////////////////////*/

body nav{   
  font-family: Tahoma; /*Police du texte du menu*/
  font: normal 140% 'comic sans ms', Times, serif; /*Taille du texte du menu*/
  display: inline-block;
  }

body nav ul{
  list-style: none; /*Supprime les puces*/
  margin: 0;
  padding: 0;
}

body nav ul li{
  margin: 0px;
  padding: 0px;
  float: left;
  width: 180px; /*Largeur des etiquettes du memu*/
  height: 50px; /*Hauteur des étiquettes du menu*/
  background-color: #FFDF85; /*Couleur des pavés du menu*/
  line-height: 50px;
  text-align: center;
  border-radius: 30px;
  border: solid 1px;
  box-shadow: 4px 4px 6px black;
}

body nav ul li a{
  display: block;
  text-decoration: none;
  color: #0D2B02; /*couleur du texte du menu*/
  height: 100%;
  border-radius: 30px;
  border: solid 0px;
  box-shadow: 0px 0px 0px black;
}

body nav ul li a:hover{ /*Couleur au passage de la sourie*/
  color:red;
  background-color: black;
}

body nav ul li ul li{
  display: none;
}

body nav ul li:hover ul li{
  display: block;
}