/*codes couleur - bleu foncé:#0950a0, orange:#EC6E19, vert:#70BC95, vert foncé:#008000, violet:#6265CC*/
* {margin:0; padding:0; }
body { font: 80%/1em Verdana, Arial, Helvetica, Sans-Serif; color:#0486C2; background:#FFFFFF url(img/banniere.jpg) 50% 100% no-repeat; }
a { color:#EC6E19; text-decoration:none; font-weight:bold; }
a:visited  { color:#0486C2; }
a:hover, a:active { color:#008000; }
ul {list-style:none; }
.ruse { height:5em; clear:both; }
h1 { clear:both; text-align:center; font-size:2em; line-height:2em; margin:.5em 0 1em;  }
.orange { color:#EC6E19; }
.bleu { color:#0486C2; }
.petit { font-size:.8em; }
sup { font-size:.8em; }
#nav, #nav ul { /* toutes les listes */
		padding: 0;
		margin: 0;
		float : left;
		width : 22em;
		background-color:#fff;
	}
#nav li { /* tous les items de liste */
		position:relative;
		float:left;
		line-height :1.5em;
		/*margin-left:.5em;*/
		width: 22.5em;
		border:solid #EC6E19;
		border-width:0;
		/*margin-bottom:.2em;*/
	}
#nav li h2 { background:url(img/fleche.gif) left .5em no-repeat;
		padding-left:1.8em;
		cursor:pointer;
		font-weight:bold;
		color:#EC6E19; /*orange du trait inférieur du logo*/
		font-size:1em;
		font-variant:small-caps;

 }	
#nav a {
		/*width:25em;*/
		display : block;
	}
			
#nav li ul { /* listes de deuxième niveau */
		position : absolute;
		left: -999em;
		list-style:none;
		margin-left : 21.9em;
		margin-top :-1.2em;
		font-size:1em;
		font-variant:normal;
		background-color:#fff;			
	}
#nav li ul li { width:10em; padding-left:1.2em; border-width:0; line-height:1.1em; background:#fff url(img/fleche.gif) -.6em .1em no-repeat;}
#nav li ul ul { /* listes de troisième niveau et plus */
		left: -999em;
		margin:-1.6em 0 0 10em;
		background-color:#fff;
		padding-bottom:1em;
	}
#nav li ul ul li { background:url(img/fleche.gif) -1.2em .2em no-repeat; font-size:.85em; padding-left:.8em; margin-top:.65em; width:30em; border-width:0; }
#nav li ul ul li a { color:#008000; }	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
		left: auto; 
	}
	
#content {
		margin-left : 0;
	}
/*******Formulaire**********/
.acces { font-weight:bold; width:80%; margin:8em auto 0; padding:2em; }
.acces p { text-align:center; }
.acces input { font-weight:bold; color:#EC6E19; border:.1em solid #70BC95; padding:.05em; background-color:#fddcbd; line-height:.9em; }