/******************************************************/
/* style de fond*/
body
{
	background-image: url("Fond_ecran_site.jpg");		/*Image de fond du site*/
	font-family: Calibri, Arial, Verdana, sans-serif;	/*Choix des polices par odre de priorité Calibri en premier*/
}

#bloc_page
{
	width:810px;									/*Largeur du block body*/
	margin: auto;									/*Centrage du bloc sur la page*/
	background-color: #EEEEEE; 						/* Le fond de la page sera gris */
	padding:10px;	 								/* marge intérieure de 10 pixels*/
	border: 3px solid silver;						/*Cadre*/
	box-shadow: 6px 6px 8px black;					/*Ombre*/
}

/**************************************************************************************************/
/* 						style du menu					*/
nav						
{
	width: 810px;							/* La largeur menu est de 800 pixels*/
	background-color: rgb(250, 250, 250);	/*Couleur de fond du menu*/
}
nav ul	
{
    list-style-type: none;		/*Retire la puce ronde devant le texte*/
}
nav li
{
    display: inline-block;		/*les liens sont positionné aligné*/
    margin-right: 5px;			/*Ecart entre les liens*/
}

nav a
{
    font-size: 18px;					/*taille des caratères*/
	color: #1897e7;
    text-decoration: none;
	box-shadow: 6px 6px 8px black;		/*Ombre*/
}
nav a:hover			/*Affichage en rouge au survol du lien*/
{
	color: red;
}

/**************************************************************************************************/
/*			Style de l'article*/
article
{
	display: inline-block;
	vertical-align:top;
	width:600px;					/*Largeur de l'article*/
}
#rendus 						/*Article sur les rendus*/
{
	display: inline-block;
	vertical-align:top;
	width:800px;					/*Largeur de l'article*/
}

/**************************************************************************************************/
/* 				Les styles de texte 						*/
strong					
{
	color: green;				/*Fixe la couleur verte*/
	font-size: 18px;			/*Hauteur de texte*/
}
em
{
	color: white;
	font-size: 18px;			/*Hauteur de texte*/
	font-weight: bold;			/*Ecriture en gras*/
}
h2														
{
	font-size: 18px;				/*Hauteur de texte*/
	text-decoration: underline;		/*Texte souligné*/
}
h3
{
	text-align: center;				/*centre les images*/
}

/**************************************************************************************************/
/* 				Style de l'encart					*/
aside
{
	display: inline-block;
	vertical-align:top;
	position: absolute;
	margin-left:5px;					/*décalage de l'encart à gauche*/
	margin-top:20px;					/*décalage de l'encart en haut*/
	padding:5px;						/*Marge intérieure*/
	width:195px;						/*Largeur de l'encart*/
	background-color: #706B64;			/*Couleur de fond*/
	box-shadow:0px 2px 5px #1C1A19;		/*Ombre*/
	border-radius:5px;					/*Bordure*/
	color: white;						/*Couleur du texte*/
}

/**************************************************************************************************/
/* 				Style de l'encart																  */
footer
{
	width:750px;									/*Largeur du block body*/
	margin: auto;									/*Centrage du bloc sur la page*/
	background-color: #EEEEEE; 						/* Le fond de la page sera gris */
	padding:0px;	 								/* marge intérieure de 3pixels*/
	border: 3px solid silver;						/*Cadre*/
	box-shadow: 6px 6px 8px black;					/*Ombre*/
}

#liens ul		/*Style des liens en ul*/
{
	list-style-type: none;		/*Enléve la puce devant la liste*/
}

footer img
{
	display: inline-block;
	position: absolute;
	vertical-align:top;
	margin-left:400px;				/*décalage de l'encart à gauche*/
	margin-top:10px;					/*décalage de l'encart en haut*/
}