body
    {
    margin-top: 2px;
    padding: 0;
    color: #333;
    font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    background: #899089 fixed;
    text-align: center;
	   }
a
    {
    color: #7B917C;
    }
a:hover
    {
    color: #990000;
	background: url(anim.gif) no-repeat left bottom;
	text-decoration: none;
    }
acronym
    {
    border: none;
    }
.referencement {
    color: #990000;
	background: url(anim.gif) no-repeat left bottom;
	font: 15px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	
    }
#preamble h3 span, #explanation h3 span, #participation h3 span, #benefits h3 span, #requirements h3 span, #lresources h3.resources span, #larchives h3.archives span, #lselect h3.select
    {
    color: #990000;
    }

#container
    {
    margin: 0 auto;
    width: 820px;
    position: relative;
    background: #fdfdfb;
    padding: 0 10px 0 10px;
    text-align: left;
	border: outset;
	border-width: 1px 2px 2px 1px;
	border-color: #ccc #444 #333 #ddd;
	
    }
* html #container
    {
    width: 820px;
    w\idth: 820px;
    }

#pageHeader
    {
    position: absolute; 
    top: 13px; height:75px;
    left: 15px;background: transparent; width:100%;color:#993300;
    }
#positionnement { border:0px solid #FF6600; background: url(algtab.jpg) repeat-x left center; width:88%; padding-left:10px; }
h1
    {
     height: 61px;
    overflow: hidden;
    margin-top: 7px;font-size: 0.9em;
    color: #8c9b89;
    }
h1 span
    {
    color: #8c340c; text-align:left
	
    }
h2
    {
    margin: 0;
	font-size: 1.4em;
    color: #8c9b89;
	line-height:25px;
    }
p { line-height: 28px; }
#quickSummary
    {
    padding-top: 94px;
    }
#quickSummary a
    {
	color: #B5BFB6;
	text-decoration: none;
    }
#quickSummary  a:visited {
	color: #B5BFB6;
	text-decoration: none;
    }
#quickSummary a:hover
    {
	color: #990000;
	text-decoration: none;
    }
#quickSummary .p2
    {
    font-size: 12px;
    position: absolute;
    top: 70px;
    right: 20px;
    margin: 0;
    }
#container #intro #quickSummary .p1
    {
	font-size: 11px;
	height: 171px;
	background: url(background1.jpg) no-repeat center;
	margin: 0;
	width: 820px;
	color: #fff;
	font: 12px/150% Trebuchet MS;
	text-align: center;
	
    }
#container #intro #quickSummary .p1  span
    {
	padding: 5px 578px 10px 15px;
	display: block;
	margin-left: 8px;
	font: 13px/150% Trebuchet MS;
	text-align: justify;
    }

#preamble, #supportingText
    {
    margin: 0 15px 0 265px;
    }
#supportingText p, #preamble p
    {
    line-height: 150%;
    margin: 10px 0 10px 3px;
	padding-left:10px;
    }
#supportingText img { padding: 0 5px; }
#explanation h3, #participation h3, #benefits h3, #requirements h3
    {
    width: 99%;
    height: 25px;
    margin: 30px 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #333333;
    }
#preamble h3
    {
	width: 100%;
	height: 25px;
	margin: 30px 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #990000;
    }
#explanation h3
    {
    
    }
#participation h3
    {
   
    }
#benefits h3
    {
    
    }
#requirements h3
    {
    
    }
#requirements
    {
    margin-bottom: 40px;
    }

#linkList
    {
    position: absolute;
    top: 315px;
    left: 0;
    width: 210px;
	    }
ul { line-height: 21px; }
#lselect ul, #larchives ul, #lresources ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 40px;
    }
#lselect ul li a
    {
	text-decoration: underline;
	display: block;
	font-size: 13px;
	height:20px;
	padding: 5px 0;
    }
#lselect ul li.c, #lselect ul li a.c
    {
    display: inline;
    font-size: 12px;
    color: #333;
    }
#lselect ul li a.c
    {
    text-decoration: none;
    }
#lselect ul li a:hover
    {
   color: #990000;
	text-decoration: none;
    }
#lselect ul li
    {
    font-size: 12px;
    border-bottom: 1px solid #E6EEF0;
    }
#linkList #larchives ul li
    {
    font-size: 13px;
    border-bottom: 1px solid #E6EEF0;
    display: block;
    padding: 5px 0;
    }
#linkList #lresources ul li
    {
    font-size: 13px;
    border-bottom: 1px solid #E6EEF0;
    display: block;
    padding: 5px 0;
    }
#h3.resources
    {
    background: url() no-repeat;
    width: 150px;
    height: 25px;
    margin: 30px 0 5px 30px;
	text-align:left;
	   }
#lresources { margin: 30px 0 5px 30px;
text-align:justify;
	   }
#larchives h3.archives
    {
    background: url() no-repeat;
    width: 80px;
    height: 25px;
    margin: 30px 0 5px 30px;
    }

#footer
    {
    background: url(footer.gif) no-repeat;
    color: #fff; 
    height: 48px; width:460px; 
    text-align: center;
    padding: 0 0px 0 0;
    line-height: 26px;
    font-size: 11px;
    }
#footer a
    {
    color: #fff;
    text-decoration: none;
    }
#footer a:hover
    {
    text-decoration: underline;
    }
#formbas {
	align:center;
	text-align: right;
	margin: 0;
	padding: .5em;
	background: #999999;
	border: 1px solid #ffffff;
}
input {
	font-weight: bold; 
	background: #ececec;
	border: 1px solid #990000;
}
.cherche {
	left: 0;
	font-weight: normal; 
	background: #ececec;
	border: 1px solid #990000;
	text-align: justify;
	width: 220px;
}
#infos {
	border: none;
	margin: 0;
	padding: 0;
	width: 29em;
}
#form {
	color: black;
	background: #efefef;
	margin: 0;
	padding: 1em;
	border-top: 1px solid #666666;
	border-right: 1px #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px #666666;
}
#form p {
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#form fieldset {
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#form legend {
	font-weight: bold;
	background: transparent;
	color: #990000;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
}
#form fieldset#infosperso label, #form fieldset#origine label {
	float: left;	
	width: 100%;
	text-align: left;	
	margin: 0;
	padding: 0 .5em 0 0;
}
#form label.obligatoire {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}
#form a.aide {
	text-decoration: none;
}

#form a.aides:hover {	
	cursor: help;
}
#form .commentaire {
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
}
#form .focus {	
	background: indianred;
	color: #FFFFFF;
}
input:focus {
	background: white;
	color: black; border:#990000 1px solid;
}
#form .textarea {	
	background: indianred;
	color: #FFFFFF;
}
#titre span {
	font-weight: bold;
	color: gray;
	background: transparent;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
}
#referencer {  text-align:left;  }	
		#referencer .referencer { position:relative; }	
		#referencer img { margin-left:0px; border:0px solid #b81e8e;}
			#referencer a { text-decoration: none; border:none; cursor:pointer;/* definition du lien qui affichera le "calque" */}
			#referencer a:hover { background:none; border:none;/* correction d'un bug IE */ }
			#referencer a span { display:none;}
			#referencer a:hover span {display:inline; position:relative;border:0px solid #fc0;bottom:10px;right:190px; }