/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
a, ul, li {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
nav {display: block;}
ul {list-style: none;}
a {text-decoration: none;}


/* HTML ELEMENTS
   --------------------------------------------------------------------------- */
*:hover {-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

/* NAVIGATION 
   --------------------------------------------------------------------------- */
#nav {width: 100%;float:left;background-color: #a33;z-index: 78;font-size: 1.1em; font-family:sans-serif; margin:0 0 2em	}
#nav > a, #agendares {display: none}
#nav li {position: relative;z-index: 80;}
#nav li a {color: #fff;display: block;}
#nav li a:active {background-color: #134 !important;}
/* first level */
#nav > ul {background-color: #a33;max-width: 1000px;margin: 0 auto;border-top: 1px solid #6B979C;}
#nav > ul > li {float: left;border-left: 1px solid #6B979C;}
#nav > ul > li > a {padding: 0.4em 1em;}
#nav > ul > li:not( :last-child ) > a {}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a {background-color: #134;}
/* second level */
#nav li ul {background-color: #922;display: none;position: absolute;top: 100%;width: 222px;z-index: 79;}
#nav li:hover > ul {display: block;left: 0;right: 0;}
#nav li ul a {border-top: 1px solid #6B979C;border-right: 1px solid #6B979C;border-left: 1px solid #6B979C;padding: 0.4em 1em;}


#nav li ul li:last-child {border-bottom: 1px solid #6B979C}


/*je pense qu'on peut virer le li.active deux lignes plus bas et aussi plus haut, à vérifier...*/

#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {background-color: #134;}
/* third level */
#nav li li ul {left: 100%!important;top: 0;display: none;}

/* MEDIA QUERIES
   --------------------------------------------------------------------------- */

@media only screen and ( max-width: 640px )
{	#agendares {display: block}
	#nav > a {width: 2.5em; /* 50 */height: 2.5em; /* 50 */text-align: left;text-indent: -9999px;background-color: #a33;position: relative;}  /*#background-color: #ed9e3f;position: relative;*/
	#nav > a:before,
	#nav > a:after {position: absolute;border: 2px solid #6B979C;top: 35%;left: 25%;right: 25%;content: '';}
	#nav > a:after {top: 60%;}
	#nav:not( :target ) > a:first-of-type,
	#nav:target > a:last-of-type {display: block;}
	/* first level */
	#nav > ul {height: auto;display: none;position: absolute;left: 0;right: 0;}
	#nav:target > ul {display: block;}
	#nav > ul > li {width: 100%;float: none;}
	#nav > ul > li > a {height: auto;text-align: left /* 20 (24) */}
	#nav > ul > li:not( :last-child ) > a {border-right: none;border-bottom: 1px solid #6B979C;}
	/* second level */
	#nav li ul {position: static;padding: 0 1em; width: 100%;}
	
	#nav > ul > li > a {padding: 0.6em 1em;}
	#nav li ul a {padding: 0.6em 1em;}

	
	
}