@charset "UTF-8";
html, body, h1, h2, h3, h4, ul, li {
	margin: 0px;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #464544;
}
a:hover {
	color: #000000;
}
.left {
	float: left;
}
.right {
	float: right;
}
.info {
	text-align:left;
}
.clear {
	clear: both;
}
/* tableau */
table{
width:760px;
	border-collapse: separate;
	margin:0px;
}
th strong{
	color:#FFFFFF;
}
th{
	height:29px;
	padding-left:5px;
	padding-right:5px;
	color:#FFFFFF;
	text-align:left;
	border-top: 3px solid #CCCCCC;

}
tr{
	height:30px;
}
td{
	padding-left:5px;
	padding-right:11px;
		border-top: 3px solid #CCCCCC;

}

body {
	background: #cccccc;
	text-align: center;
	font: 11px verdana, arial, sans-serif;
	color: #695F4C;
	padding-bottom: 10px;
}
 #container {

    text-align: left;
	margin: 37px auto;
	width: 820px;
	background: #D4CAB6;
    }

 #header {
   background: #D9D1BC url(images/nuancier.png) no-repeat;
  height: 100px;

    }

 #mainContent {

    	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */

    	background: #FFFFFF;

    }
#mainContent p{
margin: 0.5em 2.5em;
}
#mainContent h3{
margin: 1em 2em 0 1em;
border-top: 1px solid #695F4C;
}
 #footer { 

    	padding: 0 10px 0 20px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
    	background:#DDDDDD;
    } 

 #footer p {
	text-align: center;
	font-size: 9px;
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 5px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
    }
 #footer li {
	text-align:center;
   list-style: none;
  display: inline;
  color: #463F32;
    }
 #footer a {
text-decoration:none;
color:#463F32;
}