/*Menu thematique for IE8*/
#block-menu-features ul > li > a:before{ background-position: -10% center; }
#block-menu-features ul > li + li > a:before{ background-position: 40% center;  }
#block-menu-features ul > li+ li + li > a:before{ background-position: 100% center; }

/* Color scheme hover for IE 8 */
/*#block-system-main-menu .content > ul > li:hover{ background:#ffffff; }*/ /*Acceuil*/
#block-system-main-menu .content > ul > li.menu-item-custom-id420:hover{ background:#707173; } /*L'agglo*/
#block-system-main-menu .content > ul > li.menu-item-custom-id428:hover{ background:#f19038; } /*Economie*/
#block-system-main-menu .content > ul > li.menu-item-custom-id437:hover{ background:#009cb3; } /*Environnement*/
#block-system-main-menu .content > ul > li.menu-item-custom-id443:hover{ background:#b5a5cc; } /*Aménagement du territoire et habitat*/
#block-system-main-menu .content > ul > li.menu-item-custom-id454:hover{ background:#f8b000; } /*Transport*/
#block-system-main-menu .content > ul > li.menu-item-custom-id459:hover{ background:#990d7d; } /*Petit enfance*/
#block-system-main-menu .content > ul > li.menu-item-custom-id462:hover{ background:#44a12b; } /*Tourisme, loisirs, et sports de nature*/
#block-system-main-menu .content > ul > li.menu-item-custom-id475:hover{ background:#008aca; } /*Culture*/
#block-system-main-menu .content > ul > li.menu-item-custom-id1940:hover{ background:#962124; } /*politique*/
#block-system-main-menu .content > ul > li.menu-item-custom-id2199:hover{ background:#0033FF; } /*leader*/

/* Menu : last-1 element */
#block-system-main-menu .content > ul > li.menu-item-custom-id2199:hover,
#block-system-main-menu .content > ul > li.menu-item-custom-id475:hover{ left:auto; right:0; }

/* Menu : Effect for Firefox */
.ffpad{
	text-align: center;
    display:block; position:relative;
}
#block-system-main-menu .ffpad a{
	color: #FFFFFF;
    display: table-cell;
    font-size: 12px;
    height: 55px;
    padding: 0 5px;
    vertical-align: middle;
    line-height: 18px;
} 
.ffpad:hover .menu{ visibility:visible; }
.ffpad .menu{
 	border-top: 1px solid #6E6766;
 	background:#6E6766;
    left: 0;
    min-width: 285px;
    position: absolute;
    top: 59px;
    visibility: hidden;
    
	-webkit-transition: .7s background, .5s border-top;
	-moz-transition: .7s background, .5s border-top;
	-ms-transition: .7s background, .5s border-top;
	-o-transition: .7s background, .5s border-top;
	transition: .7s background, .5s border-top;
}
#block-system-main-menu .ffpad .menu a { height:auto; text-transform:none; }
#block-system-main-menu .ffpad .menu a:hover { color:#d1cac3; }
.menu-item-custom-id475 .ffpad .menu, .menu-item-custom-id462 .ffpad .menu{
  	left:auto;right:0;
  }
/*#block-system-main-menu .content > ul > li:nth-child(1):hover a{ color:#6e6766; }
#block-system-main-menu .content > ul > li:nth-child(1):hover,
#block-system-main-menu .content > ul > li:nth-child(1).hover,
#block-system-main-menu .content > ul > li.active-trail:nth-child(1){ background:#ffffff; } */
#block-system-main-menu .content > ul > li.menu-item-custom-id420:hover,
#block-system-main-menu .content > ul > li.menu-item-custom-id420.hover,
#block-system-main-menu .content > ul > li.active-trail.menu-item-custom-id420{ background:#707173; } /*L'agglo*/
#block-system-main-menu .content > ul > li.menu-item-custom-id428:hover,
#block-system-main-menu .content > ul > li.menu-item-custom-id428.hover,
#block-system-main-menu .content > ul > li.active-trail.menu-item-custom-id428{ background:#FF4E56; } /*Economie*/
#block-system-main-menu .content > ul > li.menu-item-custom-id437:hover,
#block-system-main-menu .content > ul > li.menu-item-custom-id437.hover,
#block-system-main-menu .content > ul > li.active-trail.menu-item-custom-id437{ background:#009cb3; } /*Environnement*/
#block-system-main-menu .content > ul > li.menu-item-custom-id443:hover,
#block-system-main-menu .content > ul > li.menu-item-custom-id443.hover,
#block-system-main-menu .content > ul > li.active-trail.menu-item-custom-id443{ background:#b5a5cc; } /*Aménagement du territoire et habitat*/
#block-system-main-menu .content > ul > li.menu-item-custom-id454:hover,
#block-system-main-menu .content > ul > li.menu-item-custom-id454.hover,
#block-system-main-menu .content > ul > li.active-trail.menu-item-custom-id454{ background:#f8b000; } /*Transport*/
#block-system-main-menu .content > ul > li.menu-item-custom-id459:hover,
#block-system-main-menu .content > ul > li.menu-item-custom-id459.hover,
#block-system-main-menu .content > ul > li.active-trail.menu-item-custom-id459{ background:#990d7d; } /*Petit enfance*/
#block-system-main-menu .content > ul > li.menu-item-custom-id462:hover,
#block-system-main-menu .content > ul > li.menu-item-custom-id462.hover,
#block-system-main-menu .content > ul > li.active-trail.menu-item-custom-id462{ background:#44a12b; } /*Tourisme, loisirs, et sports de nature*/
#block-system-main-menu .content > ul > li.menu-item-custom-id475:hover,
#block-system-main-menu .content > ul > li.menu-item-custom-id475.hover,
#block-system-main-menu .content > ul > li.active-trail.menu-item-custom-id475{ background:#008aca; } /*Culture*/
#block-system-main-menu .content > ul > li.menu-item-custom-id1940:hover,
#block-system-main-menu .content > ul > li.menu-item-custom-id1940.hover,
#block-system-main-menu .content > ul > li.active-trail.menu-item-custom-id1940{ background:#962124; } /*politique*/
#block-system-main-menu .content > ul > li.menu-item-custom-id2199:hover,
#block-system-main-menu .content > ul > li.menu-item-custom-id2199.hover,
#block-system-main-menu .content > ul > li.active-trail.menu-item-custom-id2199{ background:#0033FF; } /*Leader*/


#block-system-main-menu li.menu-item-custom-id420 .ffpad .menu a:hover{ color:#707173; } /* Font color L'agglo*/
#block-system-main-menu li.menu-item-custom-id428 .ffpad .menu a:hover{ color:#FF4E56; } /* Font color Economie*/
#block-system-main-menu li.menu-item-custom-id437 .ffpad .menu a:hover{ color:#009cb3; } /* Font color Environnement*/
#block-system-main-menu li.menu-item-custom-id443 .ffpad .menu a:hover{ color:#b5a5cc; } /* Font color Aménagement du territoire et habitat*/
#block-system-main-menu li.menu-item-custom-id454 .ffpad .menu a:hover{ color:#f8b000; } /* Font color Transport*/
#block-system-main-menu li.menu-item-custom-id459 .ffpad .menu a:hover{ color:#990d7d; } /* Font color Petit enfance*/
#block-system-main-menu li.menu-item-custom-id462 .ffpad .menu a:hover{ color:#44a12b; } /* Font color Tourisme, loisirs, et sports de nature*/
#block-system-main-menu li.menu-item-custom-id475 .ffpad .menu a:hover{ color:#008aca; } /* Font color Culture*/
#block-system-main-menu li.menu-item-custom-id1940 .ffpad .menu a:hover{ color:#962124; } /* Font color politique*/
#block-system-main-menu li.menu-item-custom-id2199 .ffpad .menu a:hover{ color:#0033FF; } /* Font color leader*/

#block-system-main-menu .ffpad .menu a:hover

#block-system-main-menu .content > ul > li > a{
	text-align:center;
	color:#fff;
	font-size: 13px;
	text-transform: uppercase;
	padding: 15px 7px;
	display:block;
}
#block-system-main-menu .content > ul > li > .ffpad > ul{
	position:absolute;
	top:0;
	left:0;
	min-width:285px;
	visibility:hidden;
	border-top: 1px solid #6e6766;

	-webkit-transition: .7s background, .5s border-top;
	-moz-transition: .7s background, .5s border-top;
	-ms-transition: .7s background, .5s border-top;
	-o-transition: .7s background, .5s border-top;
	transition: .7s background, .5s border-top;
}
#block-system-main-menu .content > ul > li:hover > .ffpad > ul{
	top:58px;
	visibility:visible;
	background: #6e6766;
}
#block-system-main-menu .content > ul > li > .ffpad > ul:before{
	content:"";
	width:0;
	height:3px;
	background:none;
	display:block;
	z-index: 10;
	position:relative;
	top: -1px;

	-webkit-transition: .5s background, .5s width ease-in-out;
	-moz-transition: .5s background, .5s width ease-in-out;
	-ms-transition: .5s background, .5s width ease-in-out;
	-o-transition: .5s background, .5s width ease-in-out;
	transition: .5s background, .5s width ease-in-out;
}
#block-system-main-menu .content > ul > li:hover > .ffpad > ul:before{ width:100%; }
#block-system-main-menu .content > ul > li.menu-item-custom-id420:hover > .ffpad > ul:before{ background: #707173; } /* L'agglo */
#block-system-main-menu .content > ul > li.menu-item-custom-id428:hover > .ffpad > ul:before{ background: #FF4E56; } /* Economie */
#block-system-main-menu .content > ul > li.menu-item-custom-id437:hover > .ffpad > ul:before{ background: #009cb3; } /* Environnement */
#block-system-main-menu .content > ul > li.menu-item-custom-id443:hover > .ffpad > ul:before{ background: #b5a5cc; } /* Aménagement du territoire et habitat */
#block-system-main-menu .content > ul > li.menu-item-custom-id454:hover > .ffpad > ul:before{ background: #f8b000; } /* Transport */
#block-system-main-menu .content > ul > li.menu-item-custom-id459:hover > .ffpad > ul:before{ background: #990d7d; } /* Petit enfance */
#block-system-main-menu .content > ul > li.menu-item-custom-id462:hover > .ffpad > ul:before{ background: #44a12b; } /* Tourisme, loisirs, et sports de nature */
#block-system-main-menu .content > ul > li.menu-item-custom-id475:hover > .ffpad > ul:before{ background: #008aca; } /* Culture */
#block-system-main-menu .content > ul > li.menu-item-custom-id1940:hover > .ffpad > ul:before{ background: #962124; } /* politique */
#block-system-main-menu .content > ul > li.menu-item-custom-id2199:hover > .ffpad > ul:before{ background: #0033FF; } /* Leader */


#block-system-main-menu .content > ul > li > .ffpad > ul > li{
	position:absolute;
	top:20px;
	left:0;
	min-width:285px;
	min-height:10px;
	opacity: 0;
	visibility:hidden;

	-webkit-transition: .7s opacity, .7s top,  .7s border-top;
	-moz-transition: .7s opacity, .7s top,  .7s border-top;
	-ms-transition: .7s opacity, .7s top,  .7s border-top;
	-o-transition: .7s opacity, .7s top,  .7s border-top;
	transition: .7s opacity, .7s top,  .7s border-top;
}
#block-system-main-menu .content > ul > li > .ffpad > ul > li:last-child{ margin-bottom: 8px;}
#block-system-main-menu .content > ul > li:hover > .ffpad > ul > li{
	position:relative;
	top:0;
	opacity: 1;
	visibility:visible;
	z-index: 5;
	/*background: #6e6766;*/
}
#block-system-main-menu .content > ul li.menu-item-custom-id475 > .ffpad > ul,
#block-system-main-menu .content > ul li:last-child > .ffpad > ul{
	left:auto;
	right:0;
}
#block-system-main-menu .content > ul > ul > li{
	text-align:left;
	display:block;
	height:auto;
	padding:0 10px;
}
#block-system-main-menu .content > ul > li > .ffpad > ul > li > a{
	color:#fff;
	display:block;
	padding:7px;
	border-width: 0;
	font-weight: normal;
	font-size:13px;
}
#block-system-main-menu .content > ul > li > .ffpad > ul > li > a:hover{	color:#d1cac3; border-width:285px; }
#block-system-main-menu .content > ul > li > .ffpad > ul > li > a:after{
	content:"";
	width:0;
	height:1px;
	background:none;
	display:block;
	margin-top: 4px;

	-webkit-transition: .5s background, .5s width;
	-moz-transition: .5s background, .5s width;
	-ms-transition: .5s background, .5s width;
	-o-transition: .5s background, .5s width;
	transition: .5s background, .5s width;
}
#block-system-main-menu .content > ul > li > .ffpad > ul > li > a:hover:after{
	background:#d1cac3;
	width:100%;	
}
/** LEVEL 3 **/
#block-system-main-menu .content > ul > li > .ffpad > ul > li > ul {
	position:relative;
	top:0;
	left:0;
	right:auto;
	margin:0 0 0 10px;
}
#block-system-main-menu .content > ul > li > .ffpad > ul > li > ul > li a{
	font-weight: normal;
	font-size:12px;
}
#block-system-main-menu .content > ul > li > .ffpad > ul ul {
	position:relative;
	top:0;
	left:0;
}