header
{
    background: url('../images/separateur.png') repeat-x bottom;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#logo
{	
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
#logo img
{
	margin-left:300px;
	margin-top:15px;
    width: 200px;
    height: 56px;
	pointer-events: none;
}
/* Navigation */
/* section h1, footer h1, nav a */
nav a
{
    font-family: a, open-sans,sans-serif;
    font-weight: normal;
	font-size: 13px;
    color: #ffffff;
    padding-bottom: 3px;
    text-decoration: none;
	line-height: 23px
}
nav ul
{
    list-style-type: none;
    display: flex;
    margin: 0 300px 2px 0;
	}
nav li
{
    margin-right: 40px;
	/* margin-top:205px; */
}
nav a:hover
{
    /* color: rgba(110, 164, 202); */
	 color:rgb(209, 224, 235);
	/* color: rgba(125,202,218); */
}
a.active
{
	 color: rgb(209, 224, 235);
	/* background-color:#999; */
}
.active
{
	 color: rgb(209, 224, 235);
}
.none
{
	 color: white;
}
.nav_active
{
	 color: rgb(209, 224, 235);
    /* color: rgba(110, 164, 202); */
	/* background-color:#999; */
}
/* Bannière */
#banniere_bleu
{
    height: 100px;
    /* background: url('images/fond_bleu.png'); */
	/* background-color: rgba(12,60,96,0.9); */
	/* background-color: rgb(19, 20, 23); */
	background-color: rgb(12,60,96);
    width: 100%;
	z-index:100;
	position: -webkit-sticky;
    position: sticky;
    top: 0px;
}