/********************************** CONTAINER DIV PRINCIPAL **********************************/
.ddsmoothmenu {
	background			: #0076bc;							/* couleur fond */
	width				: 100%; 							/* largeur */
	font-family			: Arial, Helvetica, sans-serif; 	/* police */
	font-size			: 12px; 							/* taille */
	font-weight			: bold; 							/* épaisseur */
	line-height			: 1.3em; 							/* espacement hauteur du texte */
	background			: url(../../images/barre_navigation/menu_off.gif) repeat-x;
}

/********************************** LISTE DES MENUS **********************************/
/* style global de la liste */
.ddsmoothmenu ul {
	z-index				: 100;		/* index disposition Z */
	margin				: 0;		/* marge externe */
	padding				: 0;		/* marge interne */
	list-style-type		: none;		/* pas de bulle pour la liste */
}

/********************************** NIVEAU 1 **********************************/

/* positionnement des éléments (ne pas éditer) */
.ddsmoothmenu ul li {
	position			: relative;	/* type de positionnement */
	display				: inline;	/* sur la même ligne */
	float				: left;		/* alignement gauche */
}

/* style des éléments par défaut */
.ddsmoothmenu ul li a {
	display				: block;			/* block prend tout l'espace de la ligne */
	background			: #0076bc;			/* couleur fond */
	color				: #fff;				/* couleur texte */
	padding				: 8px 10px;			/* marge interne */	
	border-right		: 1px solid #fff;	/* bordure droite taile style couleur */
	text-decoration		: none;				/* pas de soulignement */
	background			: url(../../images/barre_navigation/menu_off.gif) repeat-x;
}

/* IE6 hack pour que les liens des ousmenus fonctionnent correctement */
* html .ddsmoothmenu ul li a {
	display				: inline-block;
}

/* lien normal et visité */
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
	color				: #fff;		/* couleur texte */
}

/* éléments sélectionnés, classe CSS qui est ajoutée dynamiquement aux éléments LI A actifs */
.ddsmoothmenu ul li a.selected {
	background			: #edf5fd;	/* couleur fond */ 
	color				: #fff;	/* couleur texte */
	background-image	: url(../../images/barre_navigation/menu_on.gif);
	background-repeat	: no-repeat;
	background-position	: 0 0;
}

/* au survol */
.ddsmoothmenu ul li a:hover {
	background			: #edf5fd;	/* couleur fond */
	color				: #fff;  /* couleur texte */
	background-image	: url(../../images/barre_navigation/menu_on.gif);
	background-repeat	: no-repeat;
	background-position	: 0 0;
}
/* menu sélectionné */
.ddsmoothmenu ul li a.on {
	background			: #edf5fd;
	color				: #fff;
	background-image	: url(../../images/barre_navigation/menu_on.gif);
	background-repeat	: no-repeat;
	background-position	: 0 0;
}
	
/********************************** SOUS MENUS **********************************/

/* positionnement et visibilité des sous menus */
.ddsmoothmenu ul li ul {
	position			: absolute;		/* type de positionnement */
	left				: 0;			/* offset position gauche */
	display				: none;			/* masque les sous menus */
	visibility			: hidden;		/* masque les sous menus */
}

/* style des sous menus (surpasse le style des éléemnts de niveau 1) */
.ddsmoothmenu ul li ul li {
	display				: list-item;
	float				: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top					: 0;
}

/* style des sous menus */
.ddsmoothmenu ul li ul li a {	
	width				: 160px;				/* largeur des sous menus */
	padding				: 5px;					/* marge interne */	
	margin				: 0;					/* marge externe */	
	border-top-width	: 0;					/* bordure haute */	
	border-bottom		: 1px solid #fff;		/* bordure basse taile style couleur */	
	font-family			: Arial, Helvetica, sans-serif; 	/* police */
	font-size			: 13px; 							/* taille */
	font-weight			: normal; 							/* épaisseur */
	line-height			: 1.2em; 							/* espacement hauteur du texte */
	background			: #0076bc;			/* couleur fond */
}

/* éléments sélectionnés, classe CSS qui est ajoutée dynamiquement aux éléments LI A actifs */
.ddsmoothmenu ul li ul li a.selected {
	background			: #00a0ff;	/* couleur fond */
	color				: #fff;  /* couleur texte */
}

/* au survol */
.ddsmoothmenu ul li ul li a:hover {
	background			: #00a0ff;	/* couleur fond */
	color				: #fff;  /* couleur texte */
}

/* menu sélectionné */
.ddsmoothmenu ul li ul li a.on {
	background			: #00a0ff;	/* couleur fond */
	color				: #fff;  /* couleur texte */
}

/* style des sous sous menus */
.ddsmoothmenu ul li ul li ul li a {	
	width				: 230px;				/* largeur des sous menus */
	padding				: 5px;					/* marge interne */	
	margin				: 0;					/* marge externe */	
	border-top-width	: 0;					/* bordure haute */	
	border-bottom		: 1px solid #fff;		/* bordure basse taile style couleur */	
	font-family			: Arial, Helvetica, sans-serif; 	/* police */
	font-size			: 13px; 							/* taille */
	font-weight			: normal; 							/* épaisseur */
	line-height			: 1.2em; 							/* espacement hauteur du texte */
}

/* menu sélectionné */
.ddsmoothmenu ul li ul li ul li a.on {
	background			: #00a0ff;	/* couleur fond */
	color				: #fff;  /* couleur texte */
}

/* Holly Hack pour IE \*/
* html .ddsmoothmenu{height: 1%;} /* Holly Hack pour IE7 et inférieur */



/********************************** FLECHES VERS LE BAS ET VERS LA DROITE **********************************/
/* voir aussi dans le fichier js/ddsmoothmenu.js ligne 19 pour adresse des images */

/* flèche vers le bas */
.downarrowclass {
	position			: absolute;		/* type de positionnement */
	top					: 12px;			/* offset position haute */
	right				: 7px;			/* offset position droite */
}
/* flèche vers la droite */
.rightarrowclass {
	position			: absolute;		/* type de positionnement */
	top					: 6px;			/* offset position haute */
	right				: 5px;			/* offset position droite */
}

/********************************** OMBRE AJOUTEE AUX SOUS MENUS **********************************/
/* voir aussi dans le fichier js/ddsmoothmenu.js ligne 22 */
.ddshadow {
	position			: absolute;		/* type de positionnement */
	background			: #a7cdf0;		/* couleur fond */
	/*left				: 0;			/* offset position gauche */
	/*top					: 0;			/* offset position haute */
	/*width				: 0;			/* largeur */
	/*height				: 0;			/* hauteur */
}
/* opacité de l'ombre, ne fonctionne pas avec IE */
.toplevelshadow {
	opacity				: 0.8;
}