@charset "UTF-8";
/* Menu Top*/

#nav {
	width: 100%;
    padding: 1rem 0;
	background: #f0f0f0;
}
#nav_wrapper {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#nav-top img {
	margin-left:15px;
	border:0px;
}
#nav-top a img  {
	border:0px; 
}
#menu {
	font-family: sans-serif;
}
#menu ul {
	margin:0;
	list-style:none;
	font-size:14px;
	color:#fff;
}
#menu ul li {
    display: inline-block; 
    margin-right: 1rem;
}
#menu ul li a {
	color: #ffffff;
    font-family: sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    padding: 1rem;
    text-align: center;
    font-size: 1rem;
    background-color: #182945;
    border-radius: 50px;
    font-weight: 500;
    display: inline-block;
    position: relative;
}
#menu a:hover, #menu .active a {
	background-color: #95a9cd;
}

/* Menu gauche*/

#left-col {
	width: 240px;
	padding-right:16px;
	text-align:right;
}
#left-col ul {
	padding:0; margin:0;
	margin-top:25px;
	list-style:none;
	text-align:right;
}
#left-col ul li {
	margin-bottom:25px;
}
#left-col ul li a, #left-col a {
	font-family: sans-serif;
	font-size:18px;
	text-decoration:none;
	color:#16509d;
}


/* Menu bottom*/

#nav-bottom {
	width:100%;
    padding: 2rem 0;
	text-align:left;
}
#nav-bottom .gauche, #nav-bottom .droite {
	padding:0; margin:0;
	width:225px;
}

#nav-bottom ul {
	list-style:none;
}
#nav-bottom ul li {
	margin-top:10px;
    display: inline-block;
	position: relative;   
}
#nav-bottom ul li:first-of-type {
	 margin-right: 2rem;
}
#nav-bottom ul li:first-of-type:after {
	content: '';
	position: absolute;
	height: 2rem;
	width: 2px;
	background-color: #95a9cd;
    top: -4px;
    right: -12px;
}
#nav-bottom ul li a {
	font-family: sans-serif;
	font-size:16px;
	text-decoration:none;
    color: #ffffff;
}
#nav-bottom ul li a:hover {
	color: #95a9cd;
}
#nav-bottom ul ul {
	margin:3px 0 0 30px; padding:0;
	list-style-image:url(images/fleche-li.png);
}
#nav-bottom ul ul li a {
	font-family: sans-serif;
	font-size:11px;
	color:#fff;
}
#nav-bottom ul ul li {
	margin-top:0
}