div.BlocMenus { 
//	max-height : 2em;
	padding: 0; 
//	height: 2em;        /* hauteur du parent */
//	line-height: 2em;   /* hauteur de ligne (identique) */
}

@media print {
	div.BlocMenus { display:none; }
}

/*
    http://www.frogweb.fr/menu-horizontal/
*/
#menus, #menus ul{
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
}
#menus li{
	display:inline-block; 
	position:relative;
	border-radius:8px 8px 8px 8px;
}
#menus li li {
	display:inherit;
}

/* les a href */
#menus a{
	text-decoration:none;
	display:block;
	padding:8px 32px;
	color:#fff;
	font-family:arial;
}
#menus ul li a {
	padding:5px 8px;
}
#menus ul{
	position:absolute;
	z-index: 1000;
	min-width:100%;
	white-space: nowrap;
	text-align: left;
}
#menus ul ul {
	left:100%;
	top:0;
	overflow: hidden;
	max-width: 0;
	min-width: 0;
	transition: 0.3s all;
}
#menus ul li:hover ul {
	max-width: 60em;
}

#menus ul li{
	max-height:0;
	overflow: hidden;
	transition:all 0.8s;
}
#menus li li li {
	max-height: inherit;
}
#menus li:hover li {
	max-height: 30em;
	overflow: visible;
}

/*
#menus ul li:hover{
//	border-radius:0;
}
#menus ul li:first-child{
//	border-radius:8px 8px 0 0;
}
#menus ul li:nth-child{
//	border-radius:0;
}
#menus ul li:last-child{
//	border-radius:0 0 8px 8px;
}
*/

/* background des liens menus */
.violet {
	background-color: #65537A;
	background-image:linear-gradient(to bottom, #65537A 0%, #2A2333 100%);
}
.violet li {
	background:#2A2333
}
.violet li:hover {
	background:#65537A
}

.bleu {
	background-color: #729EBF;
	background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
}
.bleu li {
	background:#333A40
}
.bleu li:hover {
	background:#729EBF
}

.orange {
	background-color: #F6AD1A;
	background-image:linear-gradient(to bottom, #F6AD1A 0%, #9F391A 100%);
}
.orange li {
	background-color:#9F391A;
}
.orange li:hover {
	background:#F6AD1A
}

.vert{
	background-color: #CFFF6A;
	background-image:linear-gradient(to bottom, #CFFF6A 0%, #677F35 100%);
}
.vert li {
	background-color:#677F35
}
.vert li:hover {
	background:#CFFF6A
}

.jaune{
	background-color: yellow;
	background-image:linear-gradient(to bottom, yellow 0%, orange 100%);
}
.jaune li {
	background-color:yellow
}
.jaune li:hover {
	background:orange
}

#menus li:hover {
	background-image:none;
}
#menus li:hover a, .menu li li:hover a {
	color:#000
}
#menus li:hover li a, #menus li:hover li li a {
	color:#fff
}
#menus li:hover a, #menus li li:hover a, #menus li li li:hover a {
	color:#000
}