/*Style pour le corps de la page */
body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Arial", helvetica, sans-serif ;
	background: #e4eeee;
}

/*Style des en-têtes */
h1#header
{
	height: 150px;
	background: url(../images/interrogation.jpg) left top;
	margin: 0;
}

h1#header a
{
	width: 400px ;
	height: 70px ;
	display: block ;
	background: url(../images/title.gif) no-repeat ;
	position: relative ;
	left: 210px ;
	top: 15px ;
	text-indent: -5000px ;
}

h1{
	color: #557fa3;
}

/*Menu déroulant*/
#sommaire ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
 #sommaire ul li ul {
 display:none;
 }
#sommaire li {
 float:left;
 margin:5px;
 padding:0;
 background-color:black;
 }
 #sommaire li ul {
 position:absolute;
 }
#sommaire li a {
 display:block;
 width:100px;
 color:white;
 text-decoration:none;
 padding:10px;
 }
#sommaire li a:hover {
 color:#FFD700;
 }
 #sommaire ul li:hover ul {
 display:block;
 }
#sommaire li:hover ul li {
 float:none;
 }
/*Style du menu*/
ul#sommaire {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

ul#sommaire li {
  float: left;
}

ul#sommaire li a {
  display: block;
  color: white;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
ul#sommaire li a:hover {
  background-color: #111;
}

ul#astuces li, ul#presentation li{
	color: #557fa3 ;
}

/*Style des textes dans la page*/
div#conteneur
{
	width: 770px ;
	margin: 10 auto ;
	text-align: left ;
	border: 2px solid #7c7c7c;
	background: #fff ;
}

div#contenu
{
	padding: 50 25px 0 100px ;
	background: url(../images/bg_page.gif) no-repeat 25px 60px ;
}

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #7c7c7c;
	border-bottom: 1px solid #7c7c7c;
}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 10px ;
	border-bottom: 1px solid #7c7c7c;
	border-left: 3px solid #7c7c7c;
	color: #7c7c7c;
}

div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
	color: #557fa3 ;
}

div#contenu a
{
	color: #557fa3 ;
}

div#contenu a:hover

{
	color: #7c7c7c;
}
/*Pour internet explorer*/
<!--[if IE]>
<style type="text/css">
html pre
{
  width: 636px ;
}
</style>
<![endif]-->