/*
 * Feuille de style du menu principal full CSS3
 */

@media (min-width: 767px) {
 
#nav {}

#nav ul.menuder:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

 #nav  ul.menuder{
	cursor:default;
	margin: 0;
	/*padding: 3px 0 0;*/
	line-height: 100%;
	
	border-radius: 0 0 0.6em 0.6em;
	-webkit-border-radius: 0 0 0.6em 0.6em;
	-moz-border-radius: 0 0 0.6em 0.6em;
	
	background: #E90D0C;
	background: -moz-linear-gradient(#E90D0C 0%, #9F0914 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E90D0C), color-stop(100%, #9F0914));
	background: -webkit-linear-gradient(#E90D0C 0%, #9F0914 100%);
	background: linear-gradient(#E90D0C 0%, #9F0914 100%);

	z-index: 10;
	width:100%;
}

#nav ul.menuder li {
	float: left;
	position: relative;
	list-style: none;
}
#nav ul.menuder > li {
	border-right:1px solid white;
}
#nav ul.menuder > li:last-child {
	border-right:none;
}

#nav ul.menuder li.divider {
  *width: 100%;
  height: 1px;
  margin: 0 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #6D6D6D;
}

/* main level link */
#nav ul.menuder li a {
	font-weight: bold;
	color: #e7e5e5;
	/*border-top: solid 1px transparent;*/
	text-decoration: none;
	display: block;
	/*padding:  8px 16px;*/
	padding:  3px 16px 3px 16px;
	line-height:2.4em;
	/*-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;*/
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	outline:none;
}
/* main level link hover */
#nav ul.menuder li.active a,#nav ul.menuder li:hover > a {
	color: #ffffff;
	
	background: #f9f94b;
	background: -moz-linear-gradient(#f9f94b 0%, #BF6202 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f94b), color-stop(100%, #BF6202));
	background: -webkit-linear-gradient(#f9f94b 0%, #BF6202 100%);
	background: linear-gradient(#f9f94b 0%, #BF6202 100%);
}

/* top, right, bottom, left*/
/*#nav ul.menuder li li a {padding:  8px 8px 8px 4px;}*/
#nav ul.menuder li li a {padding:  0px 8px 0px 4px;line-height:2.4em;}
#nav ul.menuder a.daddy:after { content: "\27A5";float:right; }  /* 27A5, 27A0, 279C, 27B8, 27BD */

/* sub levels link hover */
#nav ul.menuder li:hover li a {
	background: none;
	border: none;
	color: #666;
	border-radius: 0;
}
#nav ul.menuder li li.active>a,#nav ul.menuder ul li:hover > a {
	font-weight:bold;
	font-style:italic;
}


#nav ul.menuder ul a:hover {
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
		
	background: #397486 !important;
	background: -moz-linear-gradient(#397486 0%, #061335 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #397486), color-stop(100%, #061335)) !important;
	background: -webkit-linear-gradient(#397486 0%, #061335 100%) !important;
	background: linear-gradient(#397486 0%, #061335 100%) !important;
}

/* level 2 list */
#nav ul.menuder ul {
	background: #ddd; /* for non-css3 browsers */
	background: -moz-linear-gradient( #fff 0%, #cfcfcf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #cfcfcf));
	background: -webkit-linear-gradient(#fff 0%, #cfcfcf 100%);
	background: linear-gradient(#fff 0%, #cfcfcf 100%);
	
	
	display: none;
	margin: 0;
	padding: 0;
	width: 220px;
	position: absolute;
	top: 42px;
	left: 0;
	border: solid 1px #b4b4b4;
}

/* dropdown */
#nav ul.menuder li:hover > ul {
	display: block;
}
#nav ul.menuder ul li {
	float: none;
	margin: 0;
	/* top-bottom right-left */
	/*margin: 6px 0;*/
	padding: 0;
}
#nav ul.menuder ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}

/* level 3+ list */
#nav ul.menuder ul ul {
	left: 212px;
	top: -3px;
}

/* rounded corners for first and last child */
#nav ul.menuder ul li:first-child > a {
	/*-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;*/
}
#nav ul.menuder ul li:last-child > a {
	/*-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;*/
}

}  /* de min-width: 767px */