/************** Initialisation **************/
ul#outils, ul#outils li, ul#navigation, ul#navigation ul, ul#navigation li { list-style: none inside; margin: 0; padding: 0; }
/************** menu outils **************/
ul#outils { float:right; margin: 0 0 0 15px; padding: 0px 20px; background: #262827;}
ul#outils li {float:left;}
ul#outils li a {float:left;height:15px; padding: 3px 15px; font-size:0.9em; color: #fff;  background: #262827;}
ul#outils li a:hover {color:red;}
/************** menu principal *************/

/* Niveau 1*/
ul#navigation {	clear: both;	background: #222643; margin-top:0.4em;}



ul#navigation>li { vertical-align: top;	margin-right: 1px; display: inline-block;	position:relative; text-align: center; height: 24px;	width: 197px;	z-index: 2; border-left: solid 1px #52556c; font-family: 'Oswald', sans-serif; font-weight:normal; font-size:14px; line-height:0.9em;}


ul#navigation>li.last { border-right: solid 1px #52556c;}

@media screen and (max-width: 1024px) {
 ul#navigation>li { vertical-align: top;	margin-right: 1px; display: inline-block;	position:relative; text-align: center; height: 24px;	width: fit-content;	z-index: 2; border-left: solid 1px #52556c; font-family: 'Oswald', sans-serif; font-weight:normal; font-size:14px; line-height:0.9em;}
}



ul#navigation>li:hover, ul#navigation>li.select { background-position: bottom center;  }


ul#navigation>li>a {	display:block; height:24px;  width:197px; text-transform:uppercase; font-size: 0.85em; color: #fff; line-height:2em;}

@media screen and (max-width: 1024px) {
ul#navigation>li>a {	display:block; height:24px;  width: fit-content; text-transform:uppercase; font-size: 0.85em; color: #fff; line-height:2em; padding: 0 25px;}
}

@media screen and (max-width: 768px) {
ul#navigation>li>a {	display:block; height:24px;  width: fit-content; text-transform:uppercase; font-size: 0.85em; color: #fff; line-height:2em; padding: 0 20px;}
}




ul#navigation>a.aselect { }

/* Niveau 2*/
ul#navigation ul { display: none; position:absolute; left:0; top: 24px; padding-bottom: 10px;}
ul#navigation li:hover ul { display:block;  }

ul#navigation ul li { width: 198px;	border-top: 1px solid #52556c; background:#222643; font-family: Arial, Helvetica, sans-serif; }
ul#navigation ul li:hover, ul#navigation ul li.select {background:#383c5c; }

ul#navigation ul li a { display:block; padding: 10px;  color: #FFF; line-height: 16px; }
ul#navigation ul li a:hover, ul#navigation ul li a.aselect  {color: #fbbd1a ; }


/*FLUID */
.hide-for-small {
	display: none;
}
.show-for-small {
	display: block;
}


.nav-bar, .snav {
    padding: 5px;
    background: #272A49;
}

.snav {
    padding: 5px;
    background: #3d3333;
    margin-left: 10px;
}


.nav-bar li{
  list-style: none;
    padding: 10px 3px;
   
}
.nav-bar a{
color: #fff;
font-family: 'Oswald', sans-serif;
    font-size: 15px;
    
   
}


.snav li{
  list-style: none;
    padding: 10px 3px;
   
}
.snav a{
color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
   
}