/* ACEF Rive-Sud, Version 2011 : ACEFweb */
/* ===== MENU.CSS ====================================================== */
/*nat ajouté couleur du top-menu en gris, ligne 23*/
/* ===== TOP MENU ======================================================== */
#top_menu {
	position: relative;
	margin: 10px;
	padding: 0 10px 0 0;
	font-size: .85em;
	text-align: right;
	}
	
#top_menu li {
	display: inline; 
	padding: 0 10px 0 10px;

	}

#top_menu :first-child {border-left: none;}

#top_menu a {
	font-weight: bold;
	color:#a3a3a3;
	}

/* ===== MENU ============================================================ */	
nav {
	width: 100%;		 	/* pour centrer menu */ 
	margin: 0 auto; 		/* pour centrer menu */ 
	background-color:#880029;
	color:white;
	font-weight: bold;
							/* 	position: sticky;  
								top: 0px;  */
	}

nav li {					/* Pour disposer le menu à l'horizontal - partie 1*/
	float: left;
	width: 16.6667%; 			/* 100% divisé par le nombre d'éléments dans le menu */
	text-align: center;
	line-height: 2.25em;
	}

nav ul::after {				/* Pour disposer le menu à l'horizontal - partie 2 */
	content: "";	
	display: table;
	clear: both;
	}
	
nav li:hover {				/* Pour mettre en relief quand la souris passe dessus le menu non cliquable(li au lieu de a)*/
	left: auto;
	background-color:white;	
	color:#880029;
	}

nav a:hover {				/* Pour mettre en relief quand la souris passe dessus le menu cliquable (balise a)*/
	text-decoration: none;	/*Pour que le lien ne soit pas souligné */
	background-color:white;	
	color:#880029;
	}

nav a{						/* Pour que la zone cliquable ne soit pas juste le mot */
	display: block;
	text-decoration: none;	/*Pour que le lien ne soit pas souligné */
	background-color: #880029;	
	color:white;
	line-height: 2.25em;
	}

.sous {						/* Styles généraux des sous-menus */
	display: none;			/* Pour que le sous menu soit caché par défaut */
	background-color: #880029;	
	color:white;
	position:absolute;		/* Pour que le contenu sous le menu ne bouge pas */
	width: 100%;
	z-index: 1000;			/* Pour que le sous-menu s'affiche au premier plan (par dessus le contenu) */
	}

nav > ul li:hover .sous{
	display: block;			/* Pour que le sous menu s'affiche quand la souris passe sur l'onglet de menu correspondant */
	}

.sous li {					/* Pour aligner en colonne, il faut annuler flottement hérité du menu principal */
	float: none;
	width: 100%;	
	text-align: left;
	box-shadow: 0px 1px 2px #CCC; /* Petite ombre autour des sous-menus pour qu'ils se distingues du reste de la page */
	}

.sous a {
	padding: 0 10px;
	}

.sous a:hover {
	border-bottom:none;
	}

nav ul li {					/* Pour replacer les sous-menus correctement sous leur onglet correspondant
							 et pour qu'ils fassent bien la même taille */
	float: left;
	width: 16.6667%;		/* Même % que menu principal */
	text-align: center;
	position: relative;
	}
	

	
/* ===== MENU LAT�RAL  =================================================== */
	
.nav_lat a {
	display: block;
	line-height: 2em;	
	}
	
.nav_lat ul a {
	border-bottom: 1px dotted #a3a3a3;
	}

.nav_lat_second {
	position: absolute;
	left: -999px;
	padding-left: 20px;
	}
	
.nav_lat_second  .nav_lat_second li{
	list-style-type: disc;
	margin-left: 1em;
	}
	
.benev .nav_lat_second  .nav_lat_second li{
	list-style-type: none;
	margin-left: 1em;
	}





/* ===== MENU ancien ============================================================ */	
.nav_princ {
	width: 99.1%;
	position: relative; 
	border-radius: 0px; /*valeur précédente, sans photo, bords arrondis = 20px*/
	z-index:1;
	}
	
ul.nav_princ  {
	float: left;
	padding-left: 0%;
	}

ul.nav_princ li {
	float: left;
	}

ul.nav_princ a {
	display: block;
	padding: 0px 25px;
	line-height: 2.25em;	
	text-align: center;
	font-weight: bold;
	}
	
.main_nav a:hover {				/*Pour que le lien ne soit pas souligné */
	text-decoration: none;
	}

ul.nav_princ li:hover ul {		/* Pour faire afficher les items du menu */
	left: auto;
	}

ul.nav_second {
	position: absolute; 
	left: -999em; 
	margin-left: -1px;
	margin-top: 0.1px;
	}

ul.nav_second li:first-child {
	margin-left: 0px; 

	}
	
ul.nav_second a {
	padding-left: 18px;	
	display: block; 
	text-align: left; 
	}

.nav_princ .services .nav_second, .nav_princ .services .nav_second a,
.nav_princ .profil .nav_second, .nav_princ .profil .nav_second a {
	width: 10em;								/* Fixe la largeur du sous-menu */
	}
	
.nav_princ .def .nav_second, .nav_princ .def .nav_second a ,	
.nav_princ .prevention .nav_second, .nav_princ .prevention .nav_second a {
	width: 11em;								/* Fixe la largeur du sous-menu */
	}
	
.nav_princ .comm .nav_second, .nav_princ .comm .nav_second a {
	width: 12em;								/* Fixe la largeur du sous-menu */
	}	
	
.nav_princ .appui .nav_second, .nav_princ .appui .nav_second a {
	width: 8em;									/* Fixe la largeur du sous-menu */
	}
	
.nav_princ.agenda .nav_second, .nav_princ .agenda .nav_second a , .nav_princ li.agenda:hover .nav_second{
	width: 5.1em;									/* Fixe la largeur du sous-menu et besoin du "hover" pour afficher 
												en liste verticale au lieu d'horizontale dans Explorer 7 et 8 (sous Windows XP) */