@font-face{
	font-family: "papyrus";
	src:url(fonts/papyrus.ttf);
}

/* SMARTPHONES */

@media only screen and (min-width: 320px) {
	a#menu-toggle{
    display: block;
    width: 100%;
    margin: 0.0% 0;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0 5px 0%;
    height: 30px;
    line-height: 23px;
    border-radius: 3px;
    text-decoration: none;
    background: #ecc299 url(img/menu.png) no-repeat 32% 1px;
    color: #780007;
    font-family: 'EB Garamond', serif;
    font-weight: normal;
	}
	#nav{
	    padding: 0;
	    list-style-type: none;
	    width: 100%;
	    margin: 0 5% 1% 0%;
		display:none;
	}
	#nav > li > ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 100%;
	}
	#nav > li{
		position:relative;
		margin: 1px 0;
	}
	#nav li a{
		display: block;
    padding: 1% 0;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    font-family: 'EB Garamond', serif;
    font-size: 1.2em;
    background-color: #ecc299;
    font-weight: normal;
    color: #780007;
	}

	#nav li a:hover{
 color: #780007;
 border-top: 2px solid #780007;


	}


	#nav > li > ul li a{
		border-radius: 0 0 3px 3px;
		border-top: 1px solid #eee;
	}
}

@media all and (min-width: 480px) {

	a#menu-toggle{
		width: 100%;
		padding: 5px 0 5px 0%;
		margin: 0.0% 0%;
		text-align: center;	
		background:#ecc299 url(img/menu.png) no-repeat 38% 1px;
	}
	#nav{
		width: 100%;
		margin: 0 15% 1% 0%;
	}
}
/* TABLETTES */
@media only screen and (min-width: 768px) {

	a#menu-toggle{
		width: 100%;
		padding: 5px 0 5px 0%;
		margin: 0.0% 0%;
		text-align: center;	
		background: #ecc299 url(img/menu.png) no-repeat 40% 1px;
	}
	#nav{
		width: 100%;
		margin: 0 15% 1% 0%;
	}
}

@media only screen and (max-width: 768px) {
a#menu-toggle {height:70px;}

}

/* 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{
    background: transparent;
    display: block;
    width: 581px;
    height: 50px;
    margin: 0 auto;
    float: left;
    margin: 0 auto;
    margin-top: 18px;
    border-bottom: 2px solid #810000;
    margin-left: 23%;
 }

	/*#nav,#cms5 #nav,#cms7 #nav,#cms7 #nav{
	    background: transparent;
	    display: block;
	    height: 145px;
	    line-height: 145px;
	    width: 100%;
	    margin: 0 auto;
	    float: none;
	    margin: 0 auto;
	}*/
	
	#nav > li{
		position:relative;
	float: left;
	margin-top: 0;
		margin: 0;
		margin-left: 0px;
	}

	#nav > li.nav13,#nav > li.nav14,#nav > li.nav15{
	margin-left: 20px;	
	}
	#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: transparent;
    /* border: 0 solid #000; */
    border-radius: 0;
    box-shadow: none;
    color: #a24f44;
    display: block;
    font-size: 26px;
    line-height: 16px;
    font-weight: normal;
    padding: 16px 2px;
    text-align: center;
    min-width: 126px;
    text-decoration: none;
    font-family: 'EB Garamond', serif;
    /* border-top: 4px solid transparent; */
}


#nav li.selected, {
	color: #780007;

}



	#nav li.selected a,#nav li a:hover {
	color: #fcddbe;
    background-color: #810000;
	}

	/*---------------Sous menu--------------*/
	#nav li:hover > ul{
		display:block
	 
	}
	#nav > li > ul li{
		border-radius: 0;
		border: 0;
	 background: #fff !important;
	}
	#nav > li > ul li a{
			 color: #000 !important;
border-bottom: 1px solid transparent !important;
	}

#nav > li > ul li a:hover,#nav > li > ul li.selected a{
	 color: #000 !important;
border-bottom: 1px solid #000 !important;

}

#nav > li > ul li.selected a{
	 color: #000 !important;
border-bottom: 1px solid #000 !important;
background: white;

}
#nav13 li.nav1315.selected a ,#nav13 li.nav1316.selected a, #nav13 li.nav1317.selected a {
background: white!important;
}

/* 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;
}