﻿/* Par Yann & Maxime & Fabrice*/
*
{
font-family:Arial;
}
header {/* concerne toute l'entête*/
	text-align: center;/* centre tout ce qu'il y a dans l'entête*/
	background-color: rgba(116, 208, 241);
	/* sans la consigne "display: inline;", le titre h1 est considéré comme un bloc (comme un paragraphe par exemple), il y a donc un retour à la ligne avant et après.  */
}
nav {
  background-color: silver;
  float: left;  /* le menu est à gauche de la page*/
  width: 15%;   /* prend 15% de la page en largeur*/
}
section {
  padding: 0px; /* pas de marge à l'intérieur du bloc section, on peut aussi ne rien écrire.*/
  background-color: silver;
  margin-left: 20%;/* marge de 20% à droite à l'extérieur du bloc section.*/
  margin-right: 5%;
  position: relative;  /* les positionnements et les dimensions sont relatifs au bloc section et plus sur toute la page*/
}
section article {
  background-color: rgba(116, 208, 241);
  margin-right: 17%;/* marge de 17% à gauche à l'extérieur du bloc article.*/
  text-align: justify /* le texte prend toute la largeur du bloc*/
}
section aside {
  background-color: rgba(116, 208, 241);
  position: absolute;/* place l'élément n'importe dans le bloc section que si le bloc section est défini par sa position relative(par défaut en haut à gauche)*/
  /* top et right vont avec la propriété position: absolute: */
  top: 10px;/* laisse 10 pixel au dessus du block se positionne à droite avec un espace de 1%*/
  right: 1%;/* le block se positionne à droite avec un espace de 1%*/
  width: 15%;/* prend 15% de la largeur du bloc section*/
}
footer {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.75em;    /* taille du texte */
  text-align: right;   /* alignement du texte à droite*/
  background-color: rgba(116, 208, 241);
 
}
a
{
text-align:center;
color: rgba(0, 127, 255);
}


img{
text-align: center; 
}





color: navy;
}      
            /* Mise en page du texte */
ul
{
list-style:inside ;/* considère les puces dans le paragraphe pour l'affichage, */
}

h1 {
font-weight:Bold;
}

h2 {
font-style:Italic;
text-decoration:Underline;
}
<div 