body {
	background-color:#1A1A1A;
	color:#606060;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
	font-size:0.7em;
	padding:0;
	margin:0;
	height: 100%;
	}
	
div#contenu {
	background:url('../images/bg.png') repeat-y;
	width:686px;
	height:auto;
	margin:auto;
	padding-left:41px;
	padding-right:41px;
	}

img { display:block; margin:0; padding:0; }
ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#606060; text-decoration:none; font-weight:bold; }
a:hover { color:#F38D55; }
a img { border:0; }
h1, h2, h3, h4 { margin:0; }
h2 { font-size:90%; }
h3 { border-bottom:1px solid #606060; width:676px; padding-top:5px; margin-left:5px; }
h4 { font-size:90%; font-weight:normal; color:#000000; }
p { margin:0; padding:5px; }
div.clear { clear:both; }
.hid { display:none; }
.sign { text-align:right; font-size:80%; color:#D8D8D8; }

div#top {
	background:url('../images/top.png') repeat-x;
	width:686px;
	height:7px;
	}
	
div#header {
	background:url('../images/bg_header___.png') repeat-x bottom;
	width:666px;
	height:171px;
	border-bottom:1px solid #B7B7B7;
	padding-top:20px;
	padding-left:20px;
	}
div#header img{
	position:absolute;top:10px;
}	
div#menu {
	width:100%;
	height: 26px;
	background-color: #B7B7B7;
	background:url('../images/bg_menu.png') repeat-x bottom; 	
	}
	
div#menu ul {
	
	list-style-type:none;
	clear:both;
}

div#menu li { 
	display:inline;
	height:20px;
 }
div#menu a {
	display: block;
	float: left;
	width: 120px;
	margin-right: 1px;
	height: 20px;
	border-left: thin solid #B7B7B7;
	padding-top: 6px;
	color: white;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
}
div#menu a:hover {
	width:120px;
	height:20px;
	color:#FFF;
	background-color:#404040;
	border-left: thin solid  #F38D55;	
	}
	
.texte div {

	}
.titre h2 {
	background:url(../images/bas_titre.png) bottom left no-repeat;
	color:#8A8A8A;
	font:bold 1.5em "Trebuchet MS", Sans-serif;
	border-left:4px solid #FE7A10;
	text-indent:5px;
	margin:5px 5px;
}

.titre h2 span { color:#BFBFBF; }	
div#bottom {
	background:url('../images/bottom.png') repeat-x bottom;
	width:686px;
	height:auto;
	text-align:left;
	padding-bottom:11px;
	margin-top:20px;
	}
	
div#bottom a { color:#606060; text-decoration:none; }
div#bottom a:hover { color:#D8D8D8; }
div#bottom h4 { background-color: #E1DFDF; margin-left: 5px;padding-left: 5px; margin-right: 5px; }
.form{
	margin: 5px;
}
.form .groupbox{
	background-color: #E5E5E5;
	border:1px dotted #F8B895;
	padding: 5px;
	border-left:4px solid #F8A77C;	
}
.form .comment{
	font-size: 90%;
	color: #F8B895;
}
.form form fieldset { border:0; }

.form form input, .form form textarea, .form form select { margin: 1px;border:1px solid #BABABA;font:1em "Trebuchet MS", Verdana, Sans-Serif }
.form form input[type=checkbox]{
	border: none;
    vertical-align: middle;
}
/* BUTTONS */

.buttons a, .buttons button, .form button, .form input[type=submit],.form input[type=button]{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:120%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
button img, .buttons a img{margin:0 3px -3px 0 !important;width:16px;height:16px;padding:0 !important;border:none !important;display:inline !important;}


/* STANDARD */

button:hover, .buttons a:hover, .form input[type=submit]:hover, .form input[type=button]:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

#listLinks{
	margin: 10px 0 0 5px;
	padding: 8px 0 5px 20px;
	width: 656px;
	border: 1px solid #BFBFBF;	
	font-size: 80%;
	font-weight:lighter;
	background: #E5E5E5 url(../images/lkhome.gif) no-repeat 5px;
	overflow: hidden;	
}
#listLinks a, #listLinks a:link {
	color: #6A8398;
	padding-left: 12px;
	background: transparent url(../images/arrow.png) no-repeat 3px 5px;
	text-decoration: none;
	vertical-align: middle;
}
#listLinks a:hover, #listLinks a:focus {
	color: #D78700;
	background: transparent url(../images/arrow.png) no-repeat 3px -38px;
}
#listLinks a.historic{
	color: #8A8A8A;
	vertical-align: middle;
		background: none;
}
#listLinks a.historic:hover, #listLinks a.historic:focus {
	color: #D78700;
	background: none;
}

.ftvtree {
	MARGIN: 0.5em; FONT-FAMILY: "Trebuchet MS", Verdana, Sans-Serif;
	display: inline;
}

.directory {
	FONT-SIZE: 9pt; FONT-WEIGHT: normal;
	display: inline;	
}
.directory a {
	font-weight: normal;	
}

.directory H3 {
	MARGIN: 1em 0px 0px; FONT-SIZE: 11pt;
	display: inline;	
}
.directory P {
	MARGIN: 0px; WHITE-SPACE: nowrap ; VERTICAL-ALIGN: middle;
	height: 10px;
	
}
.directory DIV {
	MARGIN: 0px;
	
}
.directory IMG {
	VERTICAL-ALIGN: -30%;
	display: inline;	
}
.module{
	margin: 0 0 0 5px;
	}
.module img{
	display: inline;
	vertical-align: middle;
}