body , html
{
	margin :0px 0px 0px 0px;
	height:100%;
	background: scroll #000 url(images/charte/fond.gif) left top repeat;
	scrollbar-base-color:#222;
	text-align:center;
}
#ensemble{
	text-align:left;	
	margin-left:auto;
	margin-right:auto;
	width:990px;
	height:100%;
	background: scroll url(images/charte/fond-echapement.jpg) left bottom no-repeat;
	display: table;
}
#container
{	
	texte-align:left;
	display: table;
	margin-left:auto;
	margin-right:auto;
	background: scroll url(images/charte/fondpage.jpg) left top repeat-y;
	width:830px;
	height:100%;
}
#header
{
float:left;
width:830px;
height:138px;
}
#menuflash
{
float:left;
width:830px;
height:105px;
}
#centre
{
float:left;
width:529px;
height:auto;
text-align:justify;
}
#centre p
{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#fff;
padding-right:10px;
}
#centre a:link, #centre a:visited
{
text-decoration:none;
font-weight:bold;
color:#ffdd00;
}
#centre a:hover, #centre a:active
{
text-decoration:underline;
color:#ffdd00;
}
#basdepage
{
	margin-left:auto;
	margin-right:auto;
    width:990px;
	height:77px;
	position:relative;
	background: scroll url(images/charte/baspage.jpg) left top no-repeat;
}
#basdepage p
{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
text-align:center;
color:#717171;
}
#basdepage a:link, #basdepage a:visited
{
text-decoration:none;
color:#717171;
}
#basdepage a:hover, #basdepage a:active
{
text-decoration:none;
color:#c3c3c3;
}
#idep
{
float-left;
margin-left:auto;
margin-right:auto;
margin-top:11px;
width:73px;
height:19px;
}
hr {
clear: both;
visibility: hidden;
}
#menugauche
{
float:left;
width:153px;
height:228px;
padding-left:51px;
padding-right:33px;
background: scroll url(images/charte/menu-gauche.jpg) 51px top no-repeat;
}
/*---Menu---*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 100px;
padding-left:36px;
padding-top:32px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
}

#menu dt {
cursor: pointer;
/*background: #A9BFCB;*/
height: 21px;
line-height: 21px;
/*margin: 2px 0;*/
/*border: 1px solid gray;*/
text-align: left;
color:#ccc;
}

#menu dd {
position: absolute;
z-index: 100;
margin-left: 95px;
padding-left:5px;
margin-top: -2.5em;
width: 12em;
background: #fd0;
border: 1px solid white;
}
#menu ul {
padding: 2px;
}
#menu li {
text-align: left;
height: 16px;
line-height: 16px;
}
#menu dt a {
color: #ccc;
text-decoration: none;
display: block;
}
#menu li a{
color: #000;
text-decoration: none;
display: block;
}
#menu dt a:hover {
color: #fd0;
text-decoration: none;
}
#menu li a:hover {
color: #f00;
}
.contour-cadre {
	border: thin solid #FFCF01;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCF01;
}
.texte-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFCF01;
}
.texte-intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.texte-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF6D00;
	font-weight: bold;
}
.texte-sstitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFCF01;
	font-weight: bold;
}
.formcontact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFCF01;
	background-color: #333333;
	border: 1px solid #FFCF01;
}
.fd-gauche {
	background-attachment: scroll;
	background-image: url(images/charte/fd-gauche.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.fd-droite {
	background-attachment: scroll;
	background-image: url(images/charte/fd-droite.gif);
	background-repeat: repeat-y;
	background-position: left top;
}