/* SMARTPHONES */
@media only screen and (min-width: 320px) {
	a#menu-toggle{
	color:#000;
	display: block;
	width: 50%;
	margin: 1% 5%;
	text-align: left;
	text-transform: uppercase;
	padding: 5px 0 5px 40%;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	text-decoration: none;
	background: rgba(255,255,255,.9) url('img/menu.png') no-repeat 38% 4px;
	box-shadow: 0 3px 2px #ccc;
	font-family:Lato;
	}
	#nav{
		padding:0;
		list-style-type: none;
		width: 90%;
		margin: 0 5% 1% 5%;
		display:none;
	}
	#nav > li > ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 100%;
	}
	#nav > li{
		position:relative;
		margin: 1% 0;
	}
	#nav li a{
		color:#000;
	display: block;
	padding: 1% 0;
	text-align: center;
	background: rgba(255,255,255,.9);
	text-decoration: none;
	border-radius: 3px;
	box-shadow: 0 3px 2px #ccc;
	font-size: 1.2em;
	font-family:Lato;
	text-transform: uppercase;
	}
	#nav > li > ul li a{
		border-radius: 0 0 3px 3px;
		border-bottom: 1px solid #eee;
	}
}

/* TABLETTES */
@media only screen and (min-width: 768px) {

	a#menu-toggle{
		width: 38%;
		padding: 5px 0 5px 32%;
		margin: 1% 15%;	
	}
	#nav{
		width: 70%;
		margin: 0 15% 1% 15%;
	}
}

/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
	a#menu-toggle{
		display: none;	
	}
	#nav, #nav ul{
		margin:0;
		padding:0;
		list-style-type:none
	}
	
	#nav{
		width:910px;
	display:block;
	top: 0;
	right:0;
	position: absolute;
	}
	
	#nav > li{
		position:relative;
	float:left;
	margin:0;
	width:150px;
	height:71px;
	}
	
	#nav > li.nav13{width:152px;}
	#nav > li.nav12{width:153px;}
	#nav > li.nav11{width:152px;}
	#nav > li.nav10{width:153px;}
	
	#nav ul{
		position:absolute;
		display:none
	}
	
	#nav > li > ul{
		top:100%;
		left:0;
	}
	
	#nav > li > ul > li > ul{
		top:0;
		left:100%;
		padding-left:5px;
	}
	
	#nav ul li{
		padding-top:5px
	}
	
	#nav li a{
		background: none;
		display:block;
		line-height:20px;
		padding:30px 0 0 0;
		margin:0;
		border-radius: 0;
		box-shadow: none;
		font-size: 11.5px;
		height:41px;
	}
	
	#nav li.nav13 a,
	#nav li.nav12 a{
		line-height:12px;
		padding:29px 15px 0;
		height:42px;
	}
	
#nav > li a:hover, #nav > li a.selected{ font-weight:900}
	
/* sous menu **/

#nav li:hover > ul{
	display:block;
	z-index:10000;
	padding:0;
}

#nav > li> ul>li{padding:0px;height:30px;border-bottom:1px solid #fff;}

#nav > li> ul > li a{
	display:block;
	line-height:30px !important;
	padding:0px !important;
	font-weight:500;
	height:30px !important;
	background: #df7b06;
	color:#fff;

}

#nav > li.nav13 > ul > li a,
#nav > li.nav11 > ul > li a,
#nav > li.nav3 > ul > li a{
	background: #a60329;
}


#nav > li> ul>li a:hover, #nav > li> ul>li a.selected{ font-weight:700}

#nav li:hover a {font-weight:900}
#nav li:hover li a {font-weight:500}
#nav li:hover li a:hover {font-weight:700}




	/* pour fixer le menu lorsqu'on scrolle */
	/*
	#nav.fixed{
		position: fixed;
		top:0;
		left:0;
		z-index: 1000;	
		width:100%;
		background: rgba(196,196,196,0.9);
		margin:0;
		padding:10px;
		box-shadow: 0 0 5px #333;
		-moz-transition: box-shadow 0.8s, background 0.5s;
		-webkit-transition: box-shadow 0.8s, background 0.5s;
		-o-transition: box-shadow 0.8s, background 0.5s;
		-ms-transition: box-shadow 0.8s, background 0.5s;
		transition: box-shadow 0.8s, background 0.5s;
	}
	*/

}


/* thème smartphone (osbolète) */

.smartphone #nav > li{
	float:none;
}

.smartphone #nav{
	width: auto;
	float: right;
}

.smartphone .smartli {
	margin: 0;
}