/***** Etape 1 : Image en arriere plan   *****/
body{	


	/***** Etape 3 : La largeur du site *****/
	 width: 800px;  
	/***** Etape 4 : Centrer le contenu *****/
	 margin: auto; 

}

/***** Etape 19 : Espacement entre le header et le paragraphe *****/

header {
margin-bottom : 20px;
}

header h1 {
/***** Etape 2 : Titre 1 en rouge *****/
     color: #08088A; 
/***** Etape 16 : Taille *****/
	font-size:40px;
}
header h2 {
/***** Etape 2 : Titre 1 en rouge *****/
     color: #319FDF; 
/***** Etape 16 : Taille *****/
	font-size:30px;
}
header h3 {
/***** Etape 2 : Titre 1 en rouge *****/
     color: white; 
	 
/***** Etape 16 : Taille *****/
	font-size:20px;
}



/*****    HEADER *****/
header nav {
/***** Etape 5 : background en #319FDF *****/
			 background-color: #319FDF; 
			
/***** Etape 10 : Arrondir le menu *****/			
			border-radius: 30px; 
			
/***** Etape 11 : Largeur du menu *****/		
			height: 35px; 
			margin-top: -40px;

			

}

header nav ul li {

/***** Etape 6 : Enlever les puces *****/
			list-style-type :none; 

/***** Etape 7 : Affichage en ligne *****/
			 display:inline; 

/***** Etape 12 : Centrer les éléments du menu *****/
			 line-height: 35px; 
			
/***** Etape 13 : Espace Elements de la liste *****/			
		   margin-left: 15px;
			
/***** Etape 14 : Text en gras *****/			
		font-weight: bold;
		color:white;
			
}

header nav ul li a {
/***** Etape 8 : Enlever les décorations des liens *****/
text-decoration:none;
/***** Etape 9 : Couleur des liens *****/
color:white;
}

header nav ul li a:hover {
/***** Etape 15 : changer la couleur au passage de la souris *****/
color:#0154A0;
}

/*****    FIN HEADER *****/

/*****    SECTION *****/

/***** Etape 17 : changer la taille de la section *****/
section {
width: 840px;
margin-left: -45px;

}

section article {
/***** Etape 18 : changer le format du paragraphe *****/
background-color :white;

border-radius: 0px;

margin-left: +45px;
}

section article p {
  text-align: justify ;
   
  }

/*****    FIN SECTION *****/