body
{
	width: 100%;
	
	margin: auto; /* Pour centrer notre page */
	background-color: #00548e;
	background-repeat: repeat;
	background-attachment: fixed;
	min-width : 1000px;
}

#corps
{
	width: 95%;
	margin: auto;
	border: 10px solid #222222;
	background-image: url(Images/en_tete_3.png)
}

/* L'en-tête */
#en_tete
{
 border-bottom: 10px solid #222222;
 margin-bottom: 10px;
 background-color: #555555;
}

#en_tete h1
{
 text-align: left;
 margin-left: 20px;	
 color: #0096ff;
 font-size: 400%;
 font-family: "Arial Black", arial, serif;
}

#en_tete p
{
 text-align: left;
 margin-left: 20px;
 color: #0096ff;
 font-size: 200%;
 font-family: "Arial Black", arial, serif;
 font-style: italic;
}

/* Le menu */

#menuDeroulant
{
 width: 95%;
 height: 46px;
 margin: auto;
 list-style-type: none;
 margin: 0;
 padding: 0;
 top: 0;
 text-align: center;
 background-color:#444444;
 font-family: arial;
 position: absolute;
  top:10px
}

#menuDeroulant li
{
 float: left;
 width: 16%;
 margin: 0;
 padding: 0;
 border: none;
 list-style-type:none;

}

#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: none;
}

#menuDeroulant .sousMenu li
{
 float: none;
 width: 100%;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}

#menuDeroulant li a:link,
#menuDeroulant li a:visited
{
 display: block;
 color: white;
 margin: 0;
 padding: 14px 8px;
 text-decoration: none;
}
#menuDeroulant li a:hover
{ 
background-color: #333333;
}


#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background-color:#333333;
}
#menuDeroulant .sousMenu li a:hover
{
 background-color: #222222;
 color: white;
}

#menuDeroulant li:hover > .sousMenu { display: block; }


/* Le corps de la page */

.article
{
	width: 90%;
	margin: auto;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	background-image: url(images/article_fond_fractal.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #555555;
	padding: 20px;
	border: 5px solid #222222;
}


.article h1
{
	font-family: "Arial Black", arial, serif;
	color: #0096ff;
	text-align: center;
}

.article h2
{
	font-family: "Arial Black", arial, serif;
	color: #0096ff;
}

.article h3
{
	font-family: "Arial Black", arial, serif;
	color: #2f2f2f;
}

.article p
{
	text-indent: 20px;
	font-family: arial, serif;
	color: white;
	text-align: justify;
}

.article ul
{
	font-family: arial, serif;
	padding: 0px; 
	padding-left: 20px; 
	margin: 0px; 
	margin-bottom: 5px; 
	color: white;
}

.article ul a :hover
{
	color: #007cd2;
}

.article ol
{
	list-style-type: none;
}

.article a 
{
	font-family: arial;
	color: #0096ff;
}

.article a :hover
{
	color: #007cd2;
}


.article a img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
	border: none;
}

.article a img:hover
{
    display: block;
    margin-left: auto;
    margin-right: auto;
	border: 2px solid;
}

.article .pochette
{
    display: block;
    margin-left: auto;
    margin-right: auto;
	border: none;
}


/*Le pied de la page*/

#pied_de_page
{
	padding: 2px;
	margin-top: 10px;
	clear: both;
	border-top: 5px solid #222222;
	background-color:#444444;
	text-align: center;
	color: white;
	font-family: arial, serif;
}