/*	##########################################################################################################		MAIN-MENU
	##########################################################################################################
	##########################################################################################################
	##########################################################################################################
*/
nav {
	width: 100%;
	margin: 0 auto 0 auto;
	padding-bottom: 40px;
	z-index: 10000;
}
	nav.scrolled {
		position: fixed;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+51,ffffff+100&1+0,1+51,0+100 */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}
	
		nav:after {
			content: '';
			display: block;
			clear: both;
		}

nav div#menu-mobile-closed {
	display: none;
}
 
nav ul#liste-menu {
	list-style:none;
	margin:0; padding:0;
	/*	line-height: 1.93em;	*/
}
 
nav ul#liste-menu li {
/*	width: 150px;		/*	======>	Variable en fct du nombre d'items dans le menu	*/
	padding: 7px !important;
    float: left;
    text-align: center;
    position: relative;
    border: none;
	/**/
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	background-color: #fff;
	border-left: 3px solid #fff;
}
	nav ul#liste-menu li:first-child {
	/*	background: none;
		background-image: url(../../img/ico_home.png);
		background-position: left center;
		background-repeat: no-repeat;
		/**/
		border: none;
	}
				
	nav ul#liste-menu li:hover {
		cursor: pointer;
		line-height: 27px;
	}
		nav ul#liste-menu li:hover a {
		}
	/*	nav ul#liste-menu li:first-child:hover {
			background-image: url(../../img/ico_home_hover.png);
		}	/**/
	nav ul#liste-menu li a {
		text-decoration: none;
		color: inherit;
	}
	/**/
		nav ul#liste-menu li a:hover {
		}
		
	nav ul#liste-menu li.firstItem, nav ul#liste-menu li.selectedItem {  }
	nav ul#liste-menu li.selectedItem {
		line-height: 35px;
	}
/*	nav ul#liste-menu li.selectedItem:first-child {
		background-image: url(../../img/ico_home_selected.png);
	}	/**/
	nav ul#liste-menu li.selectedItem a {
	}
 
/* Drop Down */


/*	########################################################################	COLONNES
	########################################################################
	########################################################################
*/
 
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
	display: none;
    margin: 3px 0 0 -7px;
    float: left;
    	position: absolute;
/*    left: -999em; /* Hides the drop down */
    text-align: left;
    padding: 10px 5px 10px 5px;
	/**/
	background-color: #fff;	/*		*/
	z-index: 100000;
	/* Ombre */
/*	-moz-box-shadow: 0 8px 8px rgba(0,0,0,0.2); 
	-webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.2); 
	box-shadow: 0 8px 8px rgba(0,0,0,0.2); 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
	/**/
/*	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	/**/
}
 
.dropdown_1column {width: 300px;}	/*	140	*/
.dropdown_2columns {width: 320px;}	/*	280	*/
.dropdown_3columns {width: 480px;}	/*	420	*/
.dropdown_4columns {width: 640px;}	/*	560 - Sur 4 col en 130, ça fait 40 de rab	*/
.dropdown_5columns {width: 800px;}	/*	700	*/
 
nav ul#liste-menu li:hover .dropdown_1column,
nav ul#liste-menu li:hover .dropdown_2columns,
nav ul#liste-menu li:hover .dropdown_3columns,
nav ul#liste-menu li:hover .dropdown_4columns,
nav ul#liste-menu li:hover .dropdown_5columns {
	display: block;
	/*
    left: auto;
    top: 90px;	/**/
}
 
/* Columns */ 
nav .col_1,
nav .col_2,
nav .col_3,
nav .col_4,
nav .col_5,
nav .colonne {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

nav .col_1 {width: 300px;}	/*	130	*/
nav .col_2 {width:270px;}
nav .col_3 {width:410px;}
nav .col_4 {width:550px;}
nav .col_5 {width:690px;}
nav .colonne {width: 280px;}
 
/* Right alignment */
 
nav ul#liste-menu .menu_right {
    float:right;
    margin-right: 1px;
}
nav ul#liste-menu li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
nav ul#liste-menu li:hover .align_right {
    left:auto;
    top:auto;
}
 
/* Drop Down Content Stylings */
 
nav ul#liste-menu p,
nav ul#liste-menu h2,
nav ul#liste-menu h3,
nav ul#liste-menu ul li {
/*    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    font-size:12px;
    text-align:left;
    text-shadow: 1px 1px 1px #FFFFFF;
	*/
	color: #fff;
	border:0;
}
									nav ul#liste-menu ul li:first-child { background-image:none; width:inherit; }
									nav ul#liste-menu ul li:first-child:hover { background-image:none; }
nav ul#liste-menu h2 {
}
nav ul#liste-menu h3 {
}
nav ul#liste-menu p {
}
 
nav ul#liste-menu li:hover div a {
    font-size: 13px;
	line-height: 13px;
	text-transform: uppercase;
    color: #fff;
	text-decoration: none;
	padding: 0 0 3px 0;
	margin:0;
}
	nav ul#liste-menu li:hover div a span { text-transform: uppercase; }
nav ul#liste-menu li:hover div a:hover {
	padding-left: 5px;
}


/*	########################################################################	SOUS-LISTE
	########################################################################
	########################################################################
*/
nav ul#liste-menu {
	z-index: 100000;
}
nav ul#liste-menu li ul {
    list-style:none;
    padding:0;
	margin:0;
	height: auto;
}
nav ul#liste-menu li ul li {
    position:relative;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
	background: none;
	margin-top: 10px;
	line-height: normal;
}
	nav ul#liste-menu li ul li:first-child { margin-top:0; }
nav ul#liste-menu LI UL LI:hover {
	background: none;
	line-height: normal;
	color: #fff;
}
	nav ul#liste-menu li ul li.selected,
	nav ul#liste-menu li ul li.selected:hover {
		background-color: #fff;
		color: #fff;
		line-height: normal;
		padding:0;
	}
		nav ul#liste-menu li ul li.selected a {
		background-color: #fff;
		line-height: normal;
		}
			nav ul#liste-menu li ul li a:hover,
			nav ul#liste-menu li ul li.selected a:hover {
				color: #fff;
				line-height: normal;
			}
			
			
			
			
			
			
			
			
			
/*	##########################################################################################################		FOOTER-MENU
	##########################################################################################################
	##########################################################################################################
	##########################################################################################################
*/
 
ul#footer-menu {
	list-style:none;
	margin:0; padding:0;
	/*	line-height: 1.93em;	*/
}
	ul#footer-menu:after {
		content:'';
		display:block;
		clear: both;
	}
		
 
ul#footer-menu li {
/*	width: 150px;		/*	======>	Variable en fct du nombre d'items dans le menu	*/
	padding: 0 14px 0 14px !important;
    float: left;
    text-align: center;
    position: relative;
    border: none;
	/**/
	font-size: 12px;
	text-transform: uppercase;
	color: #cec4c0;
	background: none;
	border-left: 1px solid #cccccc;
}
	ul#footer-menu li:first-child {
		border: none;
	}
				
	ul#footer-menu li:hover {
		cursor: pointer;
	}
		ul#footer-menu li:hover a {
			color: #cec4c0;
		}
	ul#footer-menu li a {
		text-decoration: none;
		color: inherit;
	}
	/**/
		ul#footer-menu li a:hover {
			color:#fff;
		}
		
	ul#footer-menu li.firstItem, ul#footer-menu li.selectedItem {  }
	ul#footer-menu li.selectedItem {
		color: #fff;
	}
	ul#footer-menu li.selectedItem a {
		color: #fff;
	}
 
/* Drop Down */


/*	########################################################################	COLONNES
	########################################################################
	########################################################################
*/
 
ul#footer-menu .dropdown_1column,
ul#footer-menu .dropdown_2columns,
ul#footer-menu .dropdown_3columns,
ul#footer-menu .dropdown_4columns,
ul#footer-menu .dropdown_5columns {
	display: none;
}