/* CSS Document */
/* Styles sous_menu */
/* MENU SOUS RUBRIQUE */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Arriere plan */
#menussrub_bg {
	background-image: url(images/home_menussrub_bgrepeat.gif);
	background-repeat: repeat-y;
	
	width: 175px;
	margin:  0px 0px 0px 50px;
}
/* fond */
#menussrub_fond {
	background-image: url(images/home_fond_menussrub.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	width: 175px;
	padding:  0px 0px 2px 0px;
	
}

#ssmenu {
	/* height: 213px; */
	
	padding:  3px 0px 20px 0px;
	
	background-image: url(images/home_bg_ssmenurub.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	
	list-style-type: none;
}
/*
html>body #menussrub {
	height: auto;
	min-height: 213px;
}
*/
#ssmenu li {
	display: inline;
	
}
#ssmenu li a {
		width: 122px;

		display: block;
		margin:  0px 5px 0px 1px;
}
/* Style lien et roll over */
#ssmenu li a.niveau1 {

	padding: 7px 3px 7px 45px!important;
	padding: 8px 3px 8px 45px;
	
	
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;

	background-image: url(images/home_puce_ssmenurub.gif);
	background-position: 18px 1em;
	background-repeat: no-repeat;
	
	font-size: 0.95em;
	color: #1b1c20;
	font-weight: bold;
	text-decoration: none;
}
* html #ssmenu li a.niveau1 { /* Hack pour ie6 qui reconnait les border transparent */
	border: none;
}
#ssmenu li a.niveau1:hover, #ssmenu li a.niveau1actif {	
	background-image: url(images/home_puce_ssmenurub-over.gif);
	background-position: 30px 1em;
	background-repeat: no-repeat;
	background-color: #f39f00;

	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	
	padding:  7px 3px 7px 45px;

	text-decoration: underline;
	color: #fff;
	font-weight: bold;

}


/* Sous menu niveau 2 */

.ssmenu2 { /* liste Sous menu niveau 2 */
	list-style-type: none;
	margin: 0px 0px 0px 35px;
}

.ssmenu2 li a.niveau2 { /* Elément liste Sous menu lien niveau 2 */
	text-decoration: none;
	display: block;
	
	padding: 1px 35px 3px 10px;
	color: #f38900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	
	
}

.ssmenu2 li a.niveau2:hover { /* Elément liste Sous menu lien niveau 2 over  */

	color: #f38900;
	text-decoration:underline;
}

.ssmenu2 li a.niveau2actif { /* Elément liste Sous menu lien niveau 2 actif */
	display: block;
	background-image: url(images/page_bg_niveau2.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.5em;
	padding: 1px 35px 3px 10px;
	color: #EB5C00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	text-decoration:underline;
	
	
	
	
}



/* Sous menu niveau 3 */


ul.ssmenu3 { /* liste Sous menu niveau 3 */
	list-style-type: none;
	margin: 0px 0px 0px 10px;
}

#ssmenu li ul.ssmenu3 li a {
	display: block;
	background-repeat: no-repeat;
	background-position: 0em 0.6em;
	width: 115px;
	padding: 1px 0px 3px 10px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #838082;
	
}


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

	
}

ul.ssmenu3 li a.niveau3:hover, ul.ssmenu3 li a.niveau3actif { /* Elément liste Sous menu lien niveau 3 over  */
background-image: url(images/page_bg_niveau3.gif);
	color: #838082;
	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;
}


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



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


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