ul.menu { display: block; 
	margin-left: auto; margin-right:auto; text-align: center;	
	font-size: 0.8em;
	text-transform: uppercase;
	height: 35px; margin-bottom: 70px;
}
.menu .m_acceuil {border-bottom: 4px solid #91bd22;}
.menu .m_pat		{border-bottom: 4px solid #439e8a;}
.menu .m_act		{border-bottom: 4px solid #2cbace;}
.menu .m_heb		{border-bottom: 4px solid #514ba1;}
.menu .m_rest	{border-bottom: 4px solid #cf1646;}
.menu .m_agenda	{border-bottom: 4px solid #ef783e;}
.menu .m_contact {border-bottom: 4px solid #f4b60e;}
.menu .m_SI	{border-bottom: 4px solid #a3b5b6;}

/*bouton menu 1er niveau*/
ul.menu li{
 list-style: none;
 float: left;
 padding: 0px;
 margin: 0px;
 line-height: 35px;
 display: block;
 position: relative;
 width:12.5%;
 text-align:center;
}

/*lien bouton 1er niveau*/
ul.menu li a{
 color: #000;
 padding: 0px 2px;
 margin: 0px 0px;

}

/*lien ACTIF bouton 1er niveau -- OMBRES -- */
ul.menu a:hover, li.menu a:hover {
	text-shadow: 0px -3px 3px #b2b2b2;
	font-size: 1.05em;
}

.menu .m_acceuil a:hover {color:#91bd22;}
.menu .m_pat a:hover  {color: #439e8a;}
.menu .m_act a:hover {color:#2cbace;}
.menu .m_heb a:hover {color:#514ba1;}
.menu .m_rest a:hover {color:#cf1646;}
.menu .m_agenda a:hover {color:#ef783e;}
.menu .m_contact a:hover {color:#f4b60e;}
.menu .m_SI a:hover {color:#a3b5b6;}

/*submenu*/
.menu ul.submenu {
	padding: 20px 0px 8px 0px;
	margin: 0px;
	position: absolute;
	top: 35px;
	left: 0px;
	font-size:1em;
	display: none;
	width:100%;
	/*  ombres sousmenu  */
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
	/*  arrondis sousmenu */
	border-bottom-left-radius: 16px;-webkit-border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px; -webkit-border-bottom-right-radius: 16px;
}
.menu .m_acceuil .submenu  { background:#91bd22; z-index:6;}
.menu .m_pat .submenu  { background:#439e8a; z-index:5;}
.menu .m_act .submenu { background:#2cbace;z-index:4;}
.menu .m_heb .submenu { background:#514ba1; z-index:3;}
.menu .m_rest .submenu { background:#cf1646;z-index:2;}

.menu ul.submenu li {width: 100%; line-height: 1.5em ; padding-bottom: 0.8em;}
.menu ul.submenu li	a {color:#FFFFFF; margin-bottom:9px;text-shadow: 0px -2px 3px rgba(0,0,0,0.6)} 
.menu ul.submenu li a:hover	{font-size: 1.1em;color: #FFFFFF;text-shadow: 0px 2px 3px rgba(0,0,0,0.7);}
 
.m_pat:hover a {color: #439e8a;font-size: 1.05em;text-shadow: 0px -3px 3px #b2b2b2;}
.m_act:hover a {color: #2cbace;font-size: 1.05em;text-shadow: 0px -3px 3px #b2b2b2;}
.m_heb:hover a {color: #514ba1;font-size: 1.05em;text-shadow: 0px -3px 3px #b2b2b2;}
.m_rest:hover a {color: #cf1646;font-size: 1.05em;text-shadow: 0px -3px 3px #b2b2b2;}

.menu li:hover > ul {
    display:block; 
    -moz-animation: fadeInDown .4s ease-in ;
    -webkit-animation: fadeInDown .4s ease-in ;
    animation:fadeInDown .4s ease-in ;
}





@media only screen and (min-device-width: 0px) and (max-device-width: 850px), (min-width: 0px) and (max-width: 850px) {

ul.menu li{width:50%; line-height: 25px;}
.menu ul.submenu {top: 25px;}
.menu ul.submenu li {line-height: 1.3em; padding-bottom: 0.4em;}




}