body {
margin:0px;
padding:0px;
text-align:center;
font: 100% arial, verdana, geneva, helvetica, sans-serif;
background: #e0e0e0;
}
* {
margin:0;
padding:0;
}
#enveloppe {
width:800px;
margin-left:auto;
margin-right:auto;
text-align:left;
	margin-top: 15px;
}
#en_tete {
width: 800px;
background: url(presentation/bandeau.jpg) no-repeat 170px  #84582B;
border: 1px #a7a7a7;
	height: 174px;
}

#en_tete p {
	color: #FFD952;
	font-style: oblique;
	font-weight: 600;
	font-size: 1.4em;
	margin-left: 40px;
	padding-top: 40px;
	line-height: 1.4em;
}
#navigateur {
width: 800px;
height: 40px;
background: #9F6A33;
color: transparent;
float: right;
	text-align: center;
}
#navigateur li {
width: 109px;
margin-top: 8px;
font-size: .8em;
line-height: 20px;
list-style: none;
	background: #DC9245;
	height: 20px;
	float: right;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	margin-right: 15px;
	color: black;
}
#navigateur a {
text-decoration: none;
color: black;
}
#navigateur a:hover {
color: maroon;
background: transparent;
}

#gauche {
width: 180px;
float:left;
padding-top: 80px;
}
#conteneur {
width:800px;
background-color:#FFF;
background-image: url(presentation/fond.gif);
background-repeat: repeat-y;
}
#menu h2 {
color: #FFFF33;
text-align: center;
font-weight: 500;
	font-size: .85em;
}
#menu ul {
padding-top: 12px;
	line-height: .8em;
	text-align: center;
	padding-bottom: 20px;
	font-size: .8em;
}
#menu li {
list-style: none;
	margin-bottom: 6px;
}
#menu a {
text-decoration: none;
color: black;
}
#menu a:hover {
color: maroon;
}
#corps {
width: 600px;
background-color: transparent;
float:left;
	margin-bottom: 40px;
}
#corps h1 {
color: black;
font-size: 1em;
line-height: 1.8em;
text-align: center;
background: transparent;
text-indent: 10px;
letter-spacing: .3em;
margin-top: 30px;
margin-bottom: 50px;
margin-left: 20px;
	font-weight: 500;
	height: 25px;

}
#corps h2 {
background: #FFCC00;
font-size: .83em;
line-height: 1.5em;
text-indent: 10px;
	font-weight: normal;
	border: 1px solid gray;
	margin-left: 30px;
	margin-top: 20px;
}
#corps h3 {
color: black;
font-size: 0.8em;
text-align: right;
	font-weight: normal;
	font-style: italic;
	padding-bottom: 3px;
	border-bottom: 1px gray dashed;
	margin-top: 4px;
	margin-bottom: 20px;
	margin-left: 30px;
	padding-right: 20px;
}
#corps h4 {
color: black;
font-size: 0.83em;
margin-top: 15px;

	font-weight: bold;
	margin-left: 45px;
	text-decoration: underline;
	margin-bottom: 15px;
}
#corps h5 {
font-size: 0.8em;
margin-left: 20px;
margin-top: 10px;
font-weight: normal;
}
#corps p {
font-size: .8em;
text-align: justify;
	margin-left: 45px;
	padding-right: 20px;
	margin-top: 15px;

	margin-bottom: 15px;
}
#droit {
width: 20px;
float:left;
padding-top: 20px;
}
#pied_de_page {
width:800px;
background-color: #9f6a33;
text-align:center;
padding-top: 5px;
font-size: .8em;
color: #ffffff;
text-decoration: none;
height: 18px;
}
/* Methode Clearfix */
.clearfix:after {
content: ".";              /* the period is placed on the page as the last thing before the div closes */
display: block;          /* inline elements don't respond to the clear property */
height: 0;                  /* ensure the period is not visible */
clear: both;               /* make the container clear the period */
visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {
display: inline-block;
}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */