@charset "UTF-8";


ul li {font: normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif;}

/*Dropdown Main Menu ( Menu Principal )*/
ul.dropdown { position: relative; float: left; margin: 0; padding: 0;  z-index: 1; }

	ul.dropdown li { float: left; display: block; margin: 0; padding: 0; zoom: 1; }
	ul.dropdown li:hover { position: relative; z-index: 599;}
	
	ul.dropdown li a { display: block; font-weight:bold; height: 25px; margin: 0; padding: 5px 20px 0 20px; border-left: 1px #eee solid; text-decoration: none; text-align: left; }
	ul.dropdown li a:link, ul.dropdown li a:visited { color: #eee;}
	ul.dropdown li a:hover, ul.dropdown li a:active, ul.dropdown li a:focus { color: #fff; background: #990000; }
	
	a:link#btn-profil, a:visited#btn-profil { background: #ff0000; width:30px; }
	a:link#btn-actu, a:visited#btn-actu { background: #ff5a00; width:26px;}
	a:link#btn-communiques, a:visited#btn-communiques { background: #ff9600; width:80px;}
	a:link#btn-actions, a:visited#btn-actions { background: #aeb000;width:40px; }
	a:link#btn-photos, a:visited#btn-photos { background: #0096ff; width:40px; }
	a:link#btn-video, a:visited#btn-video { background: #d70065; width:40px;}
	a:link#btn-equipe, a:visited#btn-equipe { background: #ff004e; width:40px;}
	a:link#btn-agenda, a:visited#btn-agenda { background: #9f23ff; width:45px;}
	a:link#btn-liens, a:visited#btn-liens { background: #06ce85; width:30px;}
	
	a:hover#btn-profil, a:active#btn-profil , a:focus#btn-profil,   
	a:hover#btn-actu, a:active#btn-actu , a:focus#btn-actu, 
	a:hover#btn-communiques, a:active#btn-communiques, a:focus#btn-communiques, 
	a:hover#btn-actions, a:active#btn-actions , a:focus#btn-actions, 
	a:hover#btn-photos, a:active#btn-photos , a:focus#btn-photos, 
	a:hover#btn-video, a:active#btn-video, a:focus#btn-video, 
	a:hover#btn-equipe, a:active#btn-equipe , a:focus#btn-equipe, 
	a:hover#btn-agenda, a:active#btn-agenda, a:focus#btn-agenda, 
	a:hover#btn-liens, a:active#btn-liens, a:focus#btn-liens { background: #990000; }
		
	/*Rend les sous -menu visible lorsque l'on survole les elements de liste*/
	ul.dropdown li:hover > ul { visibility: visible; }
	
		/*Drop Down-horizontal ( Sous Menu Horizontal)*/	
		ul.dropdown ul {
			visibility: hidden;
			position: absolute;
			top: 100%;
			left: 0;
			float: left;
			margin: 0 0 0 1px; padding: 0; 
			z-index: 598;
			background: #fff;
		}
			ul.dropdown ul li a { display: block; height: auto;  float: left; clear: both; width: 100px; margin: 1px 0 0 0; padding:7px 25px 8px 25px; border: none; }
			ul.dropdown ul li a:link, ul.dropdown ul li a:visited { color: #eee; background: #999; }
			ul.dropdown ul li a:hover, ul.dropdown ul li a:active, ul.dropdown ul li a:focus { color: #fff; background: #990000; }
				
				/*Drop Down-horizontal niveau 2 ( Sous Menu Horizontal niv 2)*/
				ul.dropdown ul ul { top: 0; left: 100%; }

				/*Class subMenu*/
				ul.dropdown-horizontal li.dir a{ display: block; float: left; clear: both; margin: 0 0 1px 0 ; }
				
				ul.dropdown-horizontal li.dir a:link,
				ul.dropdown-horizontal li.dir a:visited { background: #999; }
				ul.dropdown-horizontal li.dir a:hover, 
				ul.dropdown-horizontal li.dir a:active, 
				ul.dropdown-horizontal li.dir a:focus { background: #990000; }
				
					ul.dropdown-horizontal li.dir ul li a:link, 
					ul.dropdown-horizontal li.dir ul li a:visited { background: #aeb000; }
					ul.dropdown-horizontal li.dir ul li a:hover, 
					ul.dropdown-horizontal li.dir ul li a:active, 
					ul.dropdown-horizontal li.dir ul li a:focus { background: #990000; }