body {
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #D0A85B ;
}
#header {
	height: 220px ;
	background: url(images/fond.jpg) repeat-x left top ;
}
#conteneur {
	width: 90% ;
	margin: 0 auto ;
	position: relative;
	text-align: left ;
	border: 2px solid #C08B26 ;
	background: url(images/basfond.gif) repeat-x left bottom ;
	background-color:white
}
#centre {
background-color:#9999CC;
margin-left: 150px;
}

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

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(images/titregauche.gif) no-repeat left bottom ;
	color: #C08B26 ;
	border-bottom: 1px solid #C08B26 ;
}

div#contenu h3
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(images/titregauche.gif) no-repeat left bottom ;
	color: #C08B26 ;
	border-bottom: 1px solid #C08B26 ;
}

div#contenu h4
{
    margin-top: 0;
    padding-left: 14px;
    font-size: 90%;
    color: #f93;
    background: url(images/date_icon.gif) no-repeat 0 50%;
}

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

div#contenu a
{
	color: #9D0808 ;
}

div#contenu a:hover
{
	color: #990000 ;
}
#gauche {
position: absolute;
left:0;
width: 240px;
margin-left: 5px ;

}
#pied {
height: 30px;
background-color: #E7D3A9;
}

#gauche h2 {
    padding: 25px 0 0 35px;
    color: #666;
    background: url(images/sidebar_icon.gif) no-repeat 5px 15px;
    height: 32px !important; /* for most browsers */
    height /**/:57px; /* for IE5/Win */
}

#gauche ul, #sidebar p {
    padding: 5px 15px 1em;
    margin-left: -5px;
}

#gauche ul { margin-bottom: 1em }
#gauche ul ul { margin-bottom: 0; border-bottom: 1px solid #ddd; }
#gauche ul ul ul { border-bottom: none; margin-bottom: 0; }
#gauche ul li ul li { background: url(images/tictac_green.gif) no-repeat 0 6px; }

a:link {
font-family:arial, sans-serif;
font-size:100%;
color:#8E610C;
background-color:transparent;
text-decoration:none;
}

a:hover {
font-family:arial, sans-serif;
font-size:100%;
color:#990000;
background-color:transparent;
text-decoration:none;
}


a:visited {
font-family:arial, sans-serif;
font-size:100%;
color:#8E610C;
background-color:transparent;
text-decoration:none;
}

ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url(images/bg_menu.gif) repeat-x 0 -25px ;
	list-style-type: none ;
}

a img, img {
    border: none;
}

#gauche ul {
    list-style: none;
    margin: 0 0 0px 1em;
	padding-left: -7px;
}
#gauche li {
    list-style: none;
    padding-left: -7px;
    margin-bottom: 3px;
	display : list-item;
	list-style-image : url(images/puce.gif);
	list-style-position: outside;
}


.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}

div.fd-tl {
	display: block;
	border: 1px dashed #ccc;
	padding: 6px;
}
div.fd-tl span {
	display: block;
}
div.fd-tl div.fd-file{
	border-bottom: 1px solid #336699;
	padding: 5px;
	background: transparent url('../../images/menu.png') bottom center repeat-x;
}
div.fd-tl div.fd-alt {
	background: transparent url('../../images/menu-active.png') bottom center repeat-x;
}
div.fd-tl div.fd-firstfile {
	border-top: 1px solid #336699;
}
div.fd-tl div.fd-file span.fdexp-info {
	margin-left: 20px;
	font-size: 80%;
	margin-top: -.75em;
}
div.fd-tl img {
	vertical-align: middle;
	padding: 2px;
}