﻿body{
	margin:0;
	
	background-color: #747d7f;
	<!--InstanceEndEditable background-image:url(pattern1.jpg);-->
	text-align: center;
	font-family: Arial;
	font-weight: normal;
	color:#000;
	font-size: 11px;
	font-family:"trebuchet MS";
}

#global {
     position: relative; 
     margin-left: auto;
     margin-right: auto;
     width: 955px;
     text-align: left;
	 background-image:url(images/fd-wrapper.gif);
}
#header {
	height: 99px;
	background-image:url(images/fd-header.gif);
}

#centre {
	margin-left: 209px;
	width: 746px;
	background-image:url(images/fd-centre.gif);
}
#gauche {
	position: absolute;
	width: 191px;
	left:0;
	padding-left:18px;
	background-image:url(images/fd-gauche.gif);
	background-color:#FFFFFF;
	clear:both;
	
}

#flash{
	width:955px;
	height:114px;
	background-image:url(images/fd-flash.gif);
	text-align:center;
	margin:0px;
	padding:0px;
}
#menu-ht{
	background-image:url(images/fd-menu.gif);
	height:16px;
	width:708px;
	color:#54862f;
	padding-left:20px;
	padding-top:27px;
}
#menu-ht1{
	background-image:url(images/fd-menu-acc.gif);
	width:727px;
	height:43px;
	color:#54862f;
}
#menu-ht2{
	background-image:url(images/fd-menu-acc2.gif);
	width:727px;
	height:43px;
	color:#54862f;
}
#menu-ht3{
	background-image:url(images/fd-menu-acc3.gif);
	width:727px;
	height:43px;
	color:#54862f;
}
#footer{
	height:24px;
	background-image:url(images/fd-footer.gif);
	text-align:center;
	font-size:11px;
	color:#666666;
}
#corps{
	width:717px;
	margin-left:10px;
}
#corps p{
	margin-left:10px;
	text-align:justify;
	
}
#inst{
	margin-left:10px;
	width:600px;
	padding:0;
	margin:0;
	margin-bottom:10px;	
	margin-top:10px;	
	text-align:justify;	
}
#corpsDroit{
	width:200px;
	float: right;
	text-align:right;

}
#liquid{
	height:10px;
	}

/*classe*/
.titre{
	margin-left:15px;
	padding-left:20px;
	background-image:url(images/fd-titre.gif);
	width:458px;
	height:25px;
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:15px;
}
.listing{
	margin-left:0px;
	padding-left:20px;
	background-image:url(images/fd-titre.gif);
	background-repeat:no-repeat;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}
.listing a{
	color:#000000;
	text-decoration:none;
}

.listing a:hover{
	color:#54862f;
	text-decoration:none;
}
.titre2{
	padding-left:15px;
	padding-top:2px;
	background-image:url(images/fd-fleche.gif);
	background-repeat:no-repeat;
	font-size:11px;
	text-align:justify;
}
.titre2 a{
	color:#333333;
	text-decoration:underline;
}
.titre2 a:hover{
	color:#1d692b;
	text-decoration:none;
}
.cadre{
	margin-bottom:0;
	margin-top:-10px;
	margin-left:15px;
	padding:8px;
	background-color:#00FFFF;
	width:480px;
	border : 1px dotted #C9C9C9; 
 	text-align:justify;
    background-color:#F5F5F5;
}
#avantage{
	list-style-image:url(images/puce.gif);
	margin-left:20px;
	text-align:justify;
	padding:12px;
}
.titre span{
	color:#54862f;
}
.bold12noir{
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
.lght11vert{
	color:#54862f;
	font-size:11px;
}
.bold12vert{
	font-weight:bold;
	color:#54862f;
}
.caps14vert{
	font-weight:bold;
	color:#54862f;
	font-variant:small-caps;
	font-size:14px;	
}
A.lien:link,A.lien:active, A.lien:visited{
	font-size:11px;
	color : #666;
	text-decoration: underline;
}
A.lien:hover{
	color : #285f1a;
	text-decoration: none;
}
/*menu*/
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {
	width:191px;
	}
#menu dt {
	cursor: pointer;
	height:21px;
}
#menu li {
}
#menu li a {
	background-image:url(images/menu/menu2-over.gif);
	color:#fff;
	text-decoration:none;
	padding-left:38px;
	padding-top:4px;
	display:block;
	height:17px;
	width:153px;
}

#menu li a:hover {
	background-image:url(images/menu/menu2-on.gif);
}
#menu dt a{
	background-image:url(images/menu/menu1-on.gif);
	color:#fff;
	text-decoration:none;
	padding-left:20px;
	padding-top:4px;
	display:block;
	height:17px;
	width:171px;
}
#menu dt a:hover {
	background-image:url(images/menu/menu1-over.gif);
}

/*ssmenu*/
#ssmenu {
float:right;
margin-top:-30px;
padding-right:13px;
}

#ssmenu dl {
	float: left;
	margin-left:10px;
	font-variant:small-caps;
	color:#285f1a;
	font-size:13px;
}
#ssmenu dl a{
	color:#285f1a;
	text-decoration:none;
}
#ssmenu dl a:hover{
	color:#000;
}
#ssmenu li {
	display: inline;
	font-variant:normal;
}

#ssmenu li a {
	text-decoration: none;
	color: #000;
}
#ssmenu li a:hover {
	text-decoration: none;
	color: #285f1a;
}
#smenu4, #smenu5, #smenu6, #smenu7 {
	position: absolute;
	left: 574px;
	text-align:center;
	width: 400px;
}
/**** formulaire ****/

#corpForm {	/*** test ) ***/
	margin: 0;
	padding: 0em;	
}
#corpForm label {	/*** test ***/
	float: left;	/*** test ***/
	width: 20%;	/*** test ***/
	text-align: right;	/*** ... test ***/
	margin: 0;
	line-height: 1.8;	/*** ... test ***/
	font-weight: bold;
	color: #498827;		
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** test ***/
}

#corpForm .focus {	/*** test ***/
	background-color: #F5F5F5;
	color: black;
}
#corpForm .normal {	/*** test ***/
	background-color: #fff;
	color: black;
}
#corpForm p {	/*** test ***/
	padding: 0.1em 0;
	margin: 0 0 0.1em 0;
}
#corpForm input{
	background-color:#fff;
}
#piedForm {
	text-align: center; 
}

/*** Mise en forme des messages d'erreur ***/

#corpForm .alerte, .alerte {	/*** test ***/
	border: 1px solid red;
}
#corpForm .messageAlerte, .messageAlerte  {
	/*** test ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url(images/icon_alert.gif) no-repeat left center;
}
#centre p.reponse{
	color: #656563;
	font-size:14px;
	font-weight:normal;
	padding-left:50px;
	padding-top:50px;
	height:347px;	
}