#bloc_page
{width:90%;
 margin:auto;}

body
{background-color:#C3D9E0;/*le fond de la page est bleu clair*/
 width:95%;
 
}

/*Header*/

header 
{background-color:#6E81BD; /*couleur du fond du header=bleu-violet*/
 font-family:Impact, fantasy,serif;
 font-weight: 1000px;
 font-style: oblique;
 }

 header h1   /*couleur et style du titre*/
 {font-family:Impact, fantasy,serif;
 border:3px double;
 font-style: oblique;
 font-size:50px;
 margin:auto;
 
 }
 


#logo, header h1
{display: inline-block;
    margin-bottom: 0px;
	float:left;}

header h2
{ font-family: Dayrom, serif;
    font-size: 1.1em;
    margin-top: 0px;
    font-weight: normal;}


 /*navigation*/
header nav
{ display:inline-block;
	 width:640px;
	overflow:auto;
	}

header nav ul
{ list-style-type: none;}

header nav li
{
    display: inline-block;
    margin-right: 15px;
}

header nav a
{font-size: 1.3em;
    color: #181818;
    padding-bottom: 3px;
	underline:#0000FF;
	}

 header nav a:hover
{color: purple;
    border-bottom: 3px solid #760001;}




/*section*/

section
{   display:inline-block;
    margin-left: 20px;
    border: 1px solid blue;
	vertical-align:top;
}
p
{
    color:black;   /*paragraphes en noir*/
	font-size:20px; /*paragraphe de 14 pixels*/
	width:70%;
}
em
{
    color: ;   /*paragraphes en bleu*/
}

h1
{
    color:#FF0040 ;   /*titre en rouge*/
	font-size:40px; /*titre de 40 pixels*/
	font-family:Gill Sans,sans serif; /*police du titre*/
	text-align: justify;
	border:3px double;
	
	}

.introduction
{
 color: blue;   /*paragraphes en bleu*/
}

footer  h3/*pied de page*/
{font-family:Comic Sans, cursive;
font-style:oblique;
color:#5F04B4;
}