/* CSS Document */
/* Styles sous_menu */
/* Sous menu des rubriques mairies, vie pratique, formalites.... */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SOUS MENU NIVEAU 1 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.ss_menu1 {
	list-style-type: none;
	background-color: #dddcdc;
	margin: -4px 0 4px 0;
}

ul.ss_menu1 li {
	display: inline;

}
ul.ss_menu1 li a {
	display: block;
	margin:  0px 0px 0px 0px;
	letter-spacing: normal;
	text-transform:none;

}
/* Style lien et roll over */
ul.ss_menu1 li a.niveau1 {
	font-weight: normal;
	font-size: 0.9em;
	text-decoration: none;
	color: #555354;
	padding: 5px 3px 5px 25px;
	background-position: 1.4em 1.1em;
	background-image: url(images/puce_ssmenu1_niv1.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #c5c5c5; 
	background-color: #dddcdc;
}

ul.ss_menu1 li a.niveau1:hover, ul.ss_menu1 li a.niveau1actif {	
	text-decoration: underline;
	font-weight: normal;
	color: #fff;
	background-color: #c2c837;
	padding: 5px 3px 5px 25px;
	font-size: 0.9em;

	background-image: url(images/puce_ssmenu1_niv1-over.gif);
	background-repeat: no-repeat;
	background-position: 1.4em 1.1em;
}
ul.ss_menu1 li a.niveau1actif {	
	border-bottom: 1px solid #B4BF00; 
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SOUS MENU NIVEAU 2 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.ss_menu2 { /* liste Sous menu niveau 2 */
	list-style-type: none;
	margin: 0px 0px 0px 10px;
}

ul.ss_menu2 li a.niveau2 { /* Elément liste Sous menu lien niveau 2 */
	text-decoration: none;
	display: block;	
	padding: 1px 1px 1px 1px;
	color: #9F9F9F;
	font-weight: normal;
}

ul.ss_menu2 li a.niveau2:hover { /* Elément liste Sous menu lien niveau 2 over  */
	text-decoration:underline;
}

ul.ss_menu2 li a.niveau2actif { /* Elément liste Sous menu lien niveau 2 actif */
	display: block;
	padding: 1px 1px 1px 1px;
	font-weight: normal;
	text-decoration:underline;
	color: #9F9F9F;

}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SOUS MENU NIVEAU 3 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.ss_menu3 { /* liste Sous menu niveau 3 */
	list-style-type: none;
	margin: 0px 0px 0px 10px;
}

ul.ss_menu3 li a.niveau3 { /* Elément liste Sous menu lien niveau 3 */
	text-decoration: none;
	display: block;
	padding: 1px 1px 1px 1px;
	color: #9BB2BF;
}

ul.ss_menu3 li a.niveau3:hover { /* Elément liste Sous menu lien niveau 3 over  */
	text-decoration:underline;
}

ul.ss_menu3 li a.niveau3actif { /* Elément liste Sous menu lien niveau 3 actif */
	display: block;
	padding: 1px 1px 1px 1px;
	color: #9BB2BF;
	font-weight: bold;
	text-decoration:underline;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SOUS MENU NIVEAU 4 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.ss_menu4 { /* liste Sous menu niveau 3 */
	list-style-type: none;
	margin: 0px 0px 0px 15px;
}

ul.ss_menu4 li a {
	display: block;
	padding: 1px 0px 3px 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #aaaaaa;
}

ul.ss_menu4 li a.niveau4 { /* Elément liste Sous menu lien niveau 3 */
	text-decoration: none;
	
}

ul.ss_menu4 li a.niveau4:hover, ul.ss_menu4 li a.niveau4actif { /* Elément liste Sous menu lien niveau 3 over  */
	color: #aaaaaa;
	text-decoration:underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SOUS MENU NIVEAU 5 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.ss_menu5 { /* liste Sous menu niveau 3 */
	list-style-type: none;
	margin: 0px 0px 0px 15px;
}

.ss_menu5 li ul.ss_menu5 li a {
	display: block;
	padding: 1px 0px 3px 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #0A4F55;
}

ul.ss_menu5 li a.niveau5 { /* Elément liste Sous menu lien niveau 3 */
	text-decoration: none;
	
}

ul.ss_menu5 li a.niveau5:hover, ul.ss_menu5 li a.niveau5actif { /* Elément liste Sous menu lien niveau 3 over  */
	color: #0A4F55;
	text-decoration:underline;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORMULAIRE DE RECHERCHE DANS LE MENU*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#recherche_menu, #recherche_menu_niv1 {  /* Formulaire */
	height: 22px;
	width: 115px;
	
	padding: 0px 0px 0px 8px;
	z-index: 100;
}

#recherche_menu_niv1 {  /* Formulaire */

	padding: 10px 0px 0px 20px;
}

#recherche_menu label, #recherche_menu_niv1 label { /* Label */
	display: none;
}

#recherche_menu img, #recherche_menu input, #recherche_menu_niv1 img, #recherche_menu_niv1 input { 
	vertical-align: middle;
}

#recherche_menu input, #recherche_menu_niv1 input { /* Champ de saisie */
	color: #62819e;
	border: 1px solid #dddee3;
	width: 80px;
	font-size: 90%;
	text-align: left;
	text-transform: uppercase;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}


#ss_menu  #recherche_menu a, #ss_menu  #recherche_menu_niv1 a {
	display: block;
	width: 28px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
}



#ss_menu  #recherche_menu input.boutonok, #ss_menu  #recherche_menu_niv1 input.boutonok {
	width: 22px;
	height: 16px;
	
	/* background-image: url(images/bouton_ok_fr.gif); */
	border: none;
	background-repeat: no-repeat;
	
	color: #FFFFFF;
	font-weight: bold;
	
	text-align: center;
	
}


#ss_menu  #recherche_menu input.boutonok:hover, #ss_menu  #recherche_menu_niv1 input.boutonok:hover {
	/* background-image:url(images/bouton_ok_fr-over.gif); */
	color: #54595C;
}