/* menu principale
 * menu_plain
 */

nav#main-menu{
    position:relative;
    padding-left: 600px;
}

nav#main-menu a{
    display: inline-block;
    height: 94px;
    line-height: 94px;
    padding: 0 1.3em;
    text-decoration: none;
    font-weight: bold;
    color: #424345;
    margin: 0;
    border-bottom: 9px solid white;
}

nav#main-menu a.current{
    background-color: #f78f1e;
    color: white;
    border-color: #f78f1e;
}
nav#main-menu a:hover, nav#main-menu a:active{
    border-color: #808388;
}

nav#main-menu a.disabled{
    text-decoration: line-through;
}


nav#sub ul{
	margin: 0 0 0 1em;
	padding:0;
}
nav#sub ul:first-child{
	margin-left: 0;
}

nav#sub > ul > li{
	margin-top: .3em;
	font-size: 110%;
}
nav#sub > ul > li:first-child{
	margin-top: 0;
}

nav#sub ul li a{
	color:black;
	text-decoration: none;
}
nav#sub ul li a:hover{
	color: #f78f1e;
}
nav#sub ul li.current a{
	font-weight: bold;
}
nav#sub ul li.current a:before{
	content: "∷ ";
}

@media only screen and (max-width: 900px){
    nav#main-menu{
		padding-left: 170px;
    }
    nav#main-menu a {
		margin: 0;
		padding: 0.2em;
		height: 50px;
		line-height: 50px;
    }
}

@media only screen and (max-width: 1025px)and (min-width: 901px){
    nav#main-menu{
		padding-left: 235px;
    }
    nav#main-menu a {
		margin: 0;
		padding: 0.4em;
		height: 50px;
		line-height: 50px;
    }
}

@media only screen and (max-width: 1500px) and (min-width: 1026px){
    nav#main-menu{
		padding-left: 300px;
    }
    nav#main-menu a {
		padding: 0.6em;
		height: 65px;
		line-height: 65px;
    }
}