body {
	background-color:#FFFFFF;
}



#global  {
	position:relative;
	width: 860px;
	margin: auto;
}
#header  {
	height:142px;
	background-image: url(../images/head.jpg); 
}
#body  {
	background-image: url(../images/body.jpg);
	background-repeat:repeat-y;
	padding: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: none;
	text-align: justify;
	font-size: 11px; 
}
#footer  {
	height:78px;
	background-image: url(../images/foot.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #aeafb1; 
	text-decoration: none;
	text-align:center;
}




#menu  {
	position: absolute;
	top: 114px;
	left: 32px;
	z-index:100;
	width: 795px;
}
#menu dt {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	padding: 0; 
	margin: 0;
	list-style-type: none;
}
#menu dt a {
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	display: block;
	height: 100%;
	border: 0 none;
}
#menu dt a:hover {
	background: #AFCA3B;
}
#menu li, ul {
	display: block;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #3a5577;
	background: #FFFFFF;

	padding: 2px;
	padding-left: 0px;
	padding-right: 5px;

	margin: 0;
	
	text-indent: 15px;
	
	list-style-type: none;
	list-style-image: none;
}
#menu li a {
	color: #3a5577; 
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	display: block;
	height: 100%;
	border: 0;	
}
#menu li a:hover {
	background: #AFCA3B;
	color: #fff;
}




ul {
	list-style-image:url(../images/icones/liste2.gif);
	font-size:100%;
	text-indent: 0;
}
li {
	margin-left: 40px;
	padding-bottom: 0.3em;
	color: #000;
}
li.serre {
	margin-left: 40px;
	padding-bottom: 0em;
}



.passiv {
	background: #3a5577;
}
.activ {
	background: #AFCA3B;
}



.strong {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #3a5577;
	font-weight: bold;
}
.corps_bleu {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #3a5577;
	font-weight: normal;
}



a { 
	color: #AFCA3B; 
	font-weight: normal;
	text-decoration: underline;
}
a:hover {
	color: #fff;
	background-color: #AFCA3B; 
	text-decoration: none;
}
a.foot { 
	color: #AFCA3B; 
	font-weight: normal;
	text-decoration: none;
}
a.foot:hover {
	color: #fff;
	background-color: #AFCA3B; 
	text-decoration: none;
}
a.bleu {
	color: #3a5577; 
	text-decoration:none;
}
a.bleu:hover {
	color: #fff; 
	background-color: #3a5577; 
	text-decoration: none;
}


.arrow {
    background: url(../images/icones/liste.gif) no-repeat left top;
	padding: 0 2px 0 15px;
	background-color: transparent; 
}
.arrow :hover {
	background-color: #AFCA3B; 
}

.dwnload {
    background: url(../images/icones/dwnload.gif) no-repeat left top;
	padding: 0 2px 0 16px;
	background-color: transparent; 
}
.dwnload :hover {
	background-color: #AFCA3B; 
}

.ext {
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
    background: url(../images/icones/externe.gif) no-repeat right top;
	padding: 0 16px 0 0;
	background-color: transparent; 
}
.ext :hover {
	background-color: #AFCA3B; 
}



H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #3a5577;
	font-weight: bold;
}
H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #AFCA3B;
	font-weight: bold;
}



.navigation {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #aeafb1;
}
.navigation_statique {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #AFCA3B;
}



a.def {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.def span {
   display: none; /* on masque l'infobulle */
}
a.def:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.def:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: #AFCA3B;
   color: #fff;
   padding: 3px;
   border: 1px solid #3a5577;
   border-left: 4px solid #3a5577;
   border-right: 4px solid #3a5577;
}


.barre {
	float: left;
	width: 130px;
	position: relative;
	display: inline; /* on affiche le titre */
	padding: 1px; 
	width: 130px;	
}
.barre:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
.barre span {
   display: none; /* on masque le sous menu */
}
.barre:hover span {
   display: inline; /* on affiche le sous menu */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 27px; /* on positionne le sous menu*/
   left: 1px;
   background: white;
   border: 1px solid #AFCA3B;
   border-right: none;
   border-top: 1px solid #3a5577;
}
#menubdd .barre:hover span {
   display: inline; /* on affiche le sous menu */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 27px; /* on positionne le sous menu*/
   left: 1px;
   background: white;
   border: 1px solid #AFCA3B;
   border-right: none;
   border-top: 1px solid #3a5577;
}