@charset "utf-8";
/* CSS Document */

body {
	color: #9babb8;
	background-color: #31658D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	behavior: url(csshover.htc); 
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9babb8;
}
a:link {
	color: #9babb8;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #9babb8;
}
a:hover {
	text-decoration: none;
	color: #222a31;
}
a:active {
	text-decoration: none;
	color: #9babb8;
}

.titre-page {
	font-size: 16px;
	font-weight: bold;
	color: #869faf;
}

/* BLOCS DIVERS */

#cadre{
	width: 1024px;
	margin-left:auto;
	margin-right:auto;
}

#cadre800{
	width: 800px;
	margin-left:auto;
	margin-right:auto;
}

div#zoneactive{
	/*width: 107px;*/
	line-height: 20px;
}

div#zoneactive:hover{
	height:20px;
	color:#222a31;
	background-color: #4f7591;
	vertical-align:middle;
}

div#zoneactive a:hover{
	height:20px;
	color:#222a31;
	background-color: #4f7591;
}

/*div#selected-fixe{
	line-height:23px;
	color:#222a31;
	border-left:4px;
	border-left-style:solid;
	border-left-color:#762626;
	background:#7f8c97;
	vertical-align:middle;
	padding-left:5px;
}
*/


/* MENUS DEROULANTS */

/* BARRE DE NAVIGATION */

div#menu {
	width: 107px;
	height:23px;
	text-align:center;
}

div#menu a {
	/* Définit la couleur du texte des liens --*/
	color: #9babb8;
}

div#menu a:hover {
	/* Définit la couleur du texte des liens --*/
	color: #FFGG11;
}

div#menu ul {
	padding: 0;
	width: 107px;
	margin:0px;
	text-align:center;
	/*background: #343f48*/
}

div#menu ul li {
	/*  Définit la position des lignes dans les blocs de la barre de navigation --*/
	position:relative;
	list-style: none;
	width: 107px;
	text-align:center;
	border-bottom: 1px solid transparent;
}

div#menu ul li.sousmenu {
	background: none;
	text-align:center;
}

div#menu ul li.sousmenu:hover {
	/* Définit la couleur de survol des options de la barre de navigation--*/
	/* Sauf modification apportée aux éléments , cette propriété est transmise à toutes les lignes
	      des menus suivants --*/
	background-color:#2c506e;
	background:url(../images/commun/option-menu-actif.gif);
}

div#menu ul li.sousmenu2 {
	background: none;
	text-align:center;
}

div#menu ul li.sousmenu2 a:hover {
	/* Définit la couleur de survol des options de la barre de navigation--*/
	/* Sauf modification apportée aux éléments , cette propriété est transmise à toutes les lignes
	      des menus suivants --*/
	background:url(../images/commun/option-menu-actif.jpg);
}



div#menu li a {
	text-decoration: none;
	padding: 4px 0px 4px 0px;
	display:block;
	width:107px;
	color:#9babb8;
}

div#menu li a:hover {
	text-decoration: none;
	/*padding: 4px 0px 4px 0px;*/
	display:block;
	width:107px;
	color:#222a31;
	background-color:#315a7c;
}

/* Affiche les blocs de sous menu au survol*/
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3,
div#menu ul.niveau3 li.sousmenu:hover ul.niveau4 {display:block;}

/* FIN BARRE DE ANVIGARTION --*/

/* MENU DE SECOND NIVEAU (sous les options de navigation) */

div#menu ul ul {
	/* Définit la position du premier sous menu par rapport aux options de navigation --*/
	position: absolute;
	top: 23px;
	left: 0px;
	display:none;
	padding-top:6px;
}


div#menu ul ul li.sousmenu:hover {
	/* Définit la couleur de survol des options de la barre de navigation--*/
	background: none;
	width:107px;
}

div#menu ul ul li a {
	/* Définit la position et le style des lignes du premier sous menu --*/
	position:relative;
	list-style: none;
	background-color:#315a7c /*303b4a */;
	/*background:  url(../images/commun/fond-menu-1-fleche.png) no-repeat;*/
	text-align: center;
	text-decoration: none;
	padding: 4px 0px 4px 0px;
	display:block;
	border-bottom: 1px solid transparent /*#31658D*/;
	width:107px;
}

div#menu ul ul li a:hover {
	color: #222a31;
	padding: 4px 0px 4px 0px;
	background-color:#5f8549;
	width:107px;
	/*background:url(http://unbound-frogs.org/test/images/commun/option-menu-actif.gif);*/
	border-bottom: 1px solid transparent;

}

/* MENU DE TROISIEME NIVEAU */

div#menu ul ul ul {
	position: absolute;
	top: 0px;
	left: 107px;
	display:none
}

div#menu ul ul ul li a {
	text-decoration: none;
	padding: 4px 0px 4px 0px;
	display:block;
	border-left: 4px solid transparent;
	border-bottom: 1px solid transparent;
	width:107px;
}

div#menu ul ul ul li a:hover {
	color: #222a31;
	padding: 4px 0px 4px 0px;
	background:url(../images/commun/fond-menu-2-fleche.png) no-repeat;
	border-bottom: 1px solid transparent;
}