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


/* SOUS MENU NIVEAU 1 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ssmenu1 {
	font-size: 0.8em;
	background: #8c189b;
	padding: 0 9px 22px 11px;
	
	/* Border-Radius */
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.ssmenu1 li {display: inline;}
.ssmenu1 li a {display: block;margin: 0;}

/* Style lien et roll over */
.ssmenu1 li a.niveau1 {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-decoration: none;
	color: #ddbae1;
	padding: 6px 10px 8px 0;
	border-top: 1px solid #a346af;
}

.ssmenu1 li a.niveau1:hover, .ssmenu1 li a.niveau1actif, .ssmenu1 li a.niveau1:focus, .ssmenu1 li a.niveau1:active {	
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-decoration: underline;
	color: #fff;
	padding: 6px 10px 8px 0;
	border-top: 1px solid #a346af;
}

/* SOUS MENU NIVEAU 2 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ssmenu2 {
	margin: 0 0 6px 8px;
}

.ssmenu2 li a.niveau2 { /* Elément liste Sous menu lien niveau 2 */
	text-decoration: none;
	display: block;	
	padding: 1px 10px 6px 0;
	color: #ddbae1;
}

.ssmenu2 li a.niveau2actif, .ssmenu2 li a.niveau2:hover, .ssmenu2 li a.niveau2:focus, .ssmenu2 li a.niveau2:active { /* Elément liste Sous menu lien niveau 2 actif et over */
	text-decoration:underline;
	display: block;
	padding: 1px 10px 6px 0;
	color: #fff;
}

/* SOUS MENU NIVEAU 3 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ssmenu3 {
	margin: 0 0 0 10px;
}

.ssmenu3 li a.niveau3 { /* Elément liste Sous menu lien niveau 3 */
	text-decoration: none;
	display: block;
	padding: 1px 10px 0 6px;
	color: #ddbae1;
	background: url('squelettes/images/puce_niveau3.gif') no-repeat 0 .3em; /* Caler la hauteur toujours en em */
	/* Si mise en place de puce : positionner la distance horizontale en px pour éviter le déplacement de la puce à l'agrandissement des polices */
}

.ssmenu3 li a.niveau3actif, .ssmenu3 li a.niveau3:hover, .ssmenu3 li a.niveau3:focus, .ssmenu3 li a.niveau3:active { /* Elément liste Sous menu lien niveau 3 actif et over */
	text-decoration:underline;
	display: block;
	padding: 1px 10px 0 6px;
	color: #fff;
	background: url('squelettes/images/puce_niveau3-over.gif') no-repeat 0 .3em; /* Caler la hauteur toujours en em */
	/* Si mise en place de puce : positionner la distance horizontale en px pour éviter le déplacement de la puce à l'agrandissement des polices */
}


/* FORMULAIRE DE RECHERCHE DANS LE MENU*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#recherche_menu, #recherche_menu_niv1 {  /* Formulaire */
	height: 22px;
	width: 115px;
	padding: 0 0 0 8px;
	z-index: 100;
}

#recherche_menu_niv1 {  /* Formulaire */
	padding: 10px 0 0 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: 0.9em;
	text-align: left;
	text-transform: uppercase;
	float: left;
}

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

#ssmenu  #recherche_menu input.boutonok, #ssmenu  #recherche_menu_niv1 input.boutonok {
	width: 22px;
	height: 16px;
	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 {
	color: #54595C;
}