body {
    background : #111111;
    font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	 font-size: 14pt;
    color:#DDDDDD;
    }

#menu{
    float: left;
	 width: 150px;
    border: 1px solid #AAAAAA;
    font-size: 11pt;
    text-align: left;
	 margin-top: 47px;
	 padding: 3px;
    background-color: #222222;
	 list-style: none;
}

#menu ul{
	 list-style: none;
	 margin-left: 10px;
	 padding-left:10px;}

#menu a {
    color:#0099FF;
    font-size: 11pt;
    text-decoration:none;
	 font-weight: bold;
}

#menu a:hover {
	color:#697399;
}

/* L'en-tête */

#bandeau
{	border-bottom: 1px solid #AAAAAA;
   padding-left:100px;
	font-size: 18pt;
}

#bandeau a a:visited{
	color: #AAAAAA;
}

#bandeau a{
	color: #AAAAAA;
}

#bandeau p{
	margin:0px;
}
/* Le corps de la page */

#content
{   margin-left: 180px;
    width: 800px;
    border: 1px solid  gray;
    border-top: 0px;
    padding: 5px;
    background : #111111;
    font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	 font-size: 12pt;
    color:#DDDDDD;
	 text-align: justify;
	 line-height: 25px;
}

#content h1
{
	color: #FFFFFF;
	text-align: center;
	font-family: Garamond, Arial, "Arial Black", "Times New Roman", Times, serif;
	line-height: 35px;
}

#content h2
{
	height: 30px;
	padding-left: 30px;
	color: #C51015;
	text-align: left;
}
#content h3
{
	color: Green;
}

a:link, a:visited {
    color:#0099FF;
    text-decoration:none;
}
a:hover {
	color:#697399;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#footer
{
	padding: 5px;
	margin-top: -40px;
	width: 740px;
	text-align: center;
	color: Black;
	background-color: #FFBB3F;
	background-image: url("images/motif.png");
	background-repeat: repeat-x;
	border: 1px solid black;
}

img {	border: 2px solid white;	margin: 6px 10px;}

.clear {
	clear: both;
}