/*
body, nav, ul, li, a  {margin: 0; padding: 0;}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a {text-decoration: none;}
.container {
    width: 90%;
    max-width: 900px;
    margin: 10px auto;
}
*/
.toggleMenu {
    display:  none;
	background:url(../images/icon_menu.png) #008AD2 no-repeat center right;
    padding: 12px 50px 12px 12px;
    color: #FFF;
	text-decoration:none;
	font-weight:bold;
	font-family: Verdana, Arial, sans-serif;
	/*margin-top:8px;*/
	margin:0;
	position:relative;
	z-index:3000;
}

#nav {
    list-style: none;
	/*background-color:#206079;*/
     *zoom: 1;
     position: relative;
	 /*font-family: 'Roboto Condensed', sans-serif;*/
	 margin:0;
	 padding:0 0 0 0;
	 /*z-index: 3000;*/
	 z-index:2000; /*Pour ne pas passer par dessus post it*/
	 float:left;
	 width:100%;
	 height:auto;
}

#nav ul.children{
	margin:0;
	padding:0;
	background:#fff;
	padding:0px;
}

#nav:before,
#nav:after {
    content: " ";
    display: table;
}

#nav:after {
    clear: both;
}

#nav ul {
    list-style: none;
    /*width: 11em;*/
	width:auto;
	min-width:100%;
	margin:0;
	padding:0;
}

#nav a {
    padding:4px 6px 4px 7px;
    color:#333;
    *zoom: 1;
	font-weight:normal;
	text-decoration:none;
}

#nav > li {
    float: left;
    z-index: 200;
	width:20%;
}

/*Correspond au titre de la rubrique*/
#nav > li > a {
    display: block;
	font-size:1em;
	height:138px;
	padding-top:87px;
	font-weight:500;
	text-align:center;
	font-family: "Raleway",sans-serif;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	transition: all .1s ease-in;
	text-transform:uppercase;
}

#nav > li:hover{}
#nav > li:hover li a{}

#nav > li:hover > a {
	height:135px;
}

#nav > li > a::after {
    transition: all 500ms ease 0s;
}

#nav > li:hover > a::after {
    border-style: solid;
    border-width: 0 20px 20px 0;
    content: "";
    display: block;
    height: 0;
	left: 7px;
    position: absolute;
    bottom: 0;
    vertical-align: bottom;
    width: 0;
}

#nav > li:hover > a > span{
    color: #4091B4 !important;
}

/* Pour la rubrique au texte long "La Communauté de Communes" */
@media screen and (max-width:1113px) {
}

/*Correspond à la rubrique / niveau 1*/
#nav > li > .parent {
    background-position: 5% 50%;
    /*background: url("images/downArrow.png") #f8f8f8 no-repeat 5% 50%;
	padding-right:30px;
	padding-left:30px;*/
}

/*fin titre de la rubrique*/

#nav li ul {
    position: absolute;
    left: -9999px;
    z-index: 100;
}

/* La sous rub / niveau 2 */
#nav li li a {
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    margin: 2px 0;
    padding: 5px 10px;
    position: relative;
    transition: all 500ms ease 0s;
    z-index: 100;
}

#nav li li a:hover{
	color:#333;
}

/* La page / niveau 3 */

/*Le niveau 3 du menu est caché pour Aéroport car pb quand niveau 3 dans la dernière rubrique sur écran ordi portable*/
#nav li li ul {
	display:none;
}

#nav li li li a {
    z-index:200;
	opacity:0.9;
}

#nav li li li a:hover{
    /*background-color:#20425e;*/
	opacity:0.75;
}

#nav li {
    position: relative;
}

#nav > li.hover > ul {
    left: 0;
}

#nav li li.hover ul {
    left: 100%;
    top: 0;
}



@media screen and (max-width:890px) {	
	#nav{
		padding:0;
		margin:0;
		background-image:none;
		height:auto;		
		float:none;
		width:100%;
		font-size:1em;
	}
	
	#nav > li {
	width:100%;
	}
	
	
	#nav > li > .parent {
	padding-right:10px;
	padding-left:5px;
    background-position: 5% 50%;
    background: url("images/downArrow.png") #053B53 no-repeat 5% 50%;
	}
	
	/*Pour faire ressortir les contact*/
	#nav > li.page-item-0 > a,
	#nav > li.page-item-17 > a{
		border-bottom:13px solid #043348;
	}
	
	#nav > li > a {
		height:auto;
		color:#FFF;
		padding-top:10px;
		padding-bottom:10px;
		font-size:1.4em;
		font-weight:normal;
	}
	
	/*Pour afficher  accueil, contact, etc.*/
	#menu li.page-item-0{
		display:block;
	}
	

	#nav > li {
       float: none;
    }
	
	/* La sous rub / niveau 2 */
	#nav li li a{
		border-bottom:none;
		background-image:none;
		padding-left:20px;
		background-color:rgba(255,255,255,1);
		padding-top:10px;
		padding-bottom:10px;
		font-size:1.3em;
	}
	
	/* La page / niveau 3 */
	#nav li li li a {
	background-color:#fff;
	}
	
	#nav li li ul {
		display:block;
	}
	
    #nav ul {
        display: block;
        width: 100%;
		background:5px;
		
    }
   #nav > li.hover > ul , #nav li li.hover ul {
        position: static;
    }
	#nav > li > .parent {
       background-position: 95% 50%;
	   background-color:#fff;
	   color:#4091b4;
	   margin:0;
    }
	#nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
}






/** BUG CRASH IE7 **/
#nav a {
    *zoom: 1;
}