h1
{
  font-size: 32px;
  text-shadow: -1px -1px #6565cc, 1px 1px #000080, -3px 0 4px #000;
  font-family:Arial, Helvetica, sans-serif;
  color: #000080;
  padding:16px;
  font-weight:lighter;
  box-shadow:2px 2px 6px #888;  
  text-align:center;
  display:block;
   
}

h2{
	font-size: 28px;
  text-shadow: -1px -1px #6565cc, 1px 1px #000080, -3px 0 4px #000;
  font-family:Arial, Helvetica, sans-serif;
  color: #000080;
}

/*taille pour les écrans au-dessus de 640px*/
h3{
	font-size: 1.5em;
	color: #000080;
	}
	h4 {
	font-size:1.1em;
	color: #000080;
	}

/*taille s'ajuste à la taille des écrans en-dessous de 640px*/
@media screen and (max-width: 640px){
  h3{
	font-size: 1em;
	color: #000080;
	}
	h4 {
	font-size:1em;
	color: #000080;
	}
}

body{
	background-color:#efefef;
}

li{
	font-size:1.20em;
}

@media screen and (max-width: 640px){
	li{
		font-size:1em;
	}
}

.paragraphe{
	text-align:justify;
	font-size:1.1em;
}

aside{
	border: 2px solid #000080;
	border-radius: 10px;
    padding-bottom:15px;
	box-shadow:2px 2px 6px #888;  
}


.image_thumbnail{
	text-align:center;
}

/*mise en forme de la fenêtre modale*/

.modale-conteneur{
	position:absolute; /*valeur flotante*/
	z-index:1000; /*pour monter la "couche" au plus haut, au-dessus de tout le reste*/
	top:0; /*position à partir du haut*/
	left:0; /*position à partir de la gauche*/
	width:100%;
	height:100%;
	/*background-color:rgba(0,0,0,0.5); /*a=opacité, transparence, 0=invisible 1=100%*/
	display:none; /*pour cacher l'élément*/
	flex-direction:row; /*permet d'agencer les éléments dans le sens souhaité*/
	justify-content:center; /*le bloc est donc centré dans l'axe horizontal*/
	align-items:center; /*alignement vertical*/
}

.modale-fenetre{
	display:inline-block; /*bloc se crée à partir de son contenu*/
	padding:15px;
	background-color:#fff;
	border-radius:10px;
	margin:10px
}
.modale-fermer {/*bouton fermer*/
background-color:#ddd;
padding:5px 15px;
border-radius:10px;
display:inline-block;
cursor:pointer;
}

/*Conception du MENU*/

#navigation li {
  display: inline;
}

#navigation {
  margin: 0 ;
  padding: 0 ;
  list-style: none ;
  text-align: center ;
}

#navigation li {
  display: inline ;
  margin-right: 1px ;
  color: #fff ;
  background: #000080 ;
}

#navigation li a {
  padding: 4px 20px ;
  background: #000080 ;
  color: #fff ;
  border: 1px solid #000 ;
  font: 1.2em "Trebuchet MS",Arial,sans-serif ;
  line-height: 1.2em ;
  text-align: center ;
  text-decoration: none ;
}

footer{
	background-color:#000080;
	text-align:center;
	padding:20px;
	color:#efefef;
	margin-top:20px;
}