.ligne_menu 
{
}

.ligne_menu::after
{
	content: "";
	clear: both;
	display: table;
}

.ligne_menu .menu_liens
{
	display: inline;
}

.menu_liens a, a.icone
{
	float: left;
	display: block;
	border-radius: 4px;
	color: #213A4F;
	text-align: center;
	padding: 2px 9px;
	text-decoration: none;
	font-weight: normal;
	font-family: 'Roboto Condensed', sans-serif;
	transition: 0.3s;
}

/* Change the color of links on hover */
.menu_liens a:hover 
{
    background-color: #830003;
    color: white;
}

/* Hide the link that should open and close the ligne_menu on small screens */
.ligne_menu a.icone 
{
    display: none;
}

#bouton_menu
{
	display: none;
	font-size: 2em;
}

.pasvu
{
	display: inline;
}

@media screen and (max-width: 1000px)
{
	.logo
	{
		float: left;
		width: 200px;
		margin-right: 0px;
	}
	
	#bouton_menu
	{
		float: left;
		display: inline;
	}
	
	.pasvu
	{
		display: none;
	}
	
  .ligne_menu .menu_liens
	{
		display: none;
	}
	
  .ligne_menu a.icone 
	{
    float: right;
    display: block;
		width: 70px;
  }

  .ligne_menu.responsive .menu_liens a
	{
		text-align: left;
  }
	
	.ligne_menu.responsive .menu_liens
	{
		position: absolute;
		top: 0px;
		left: 0px;
		clear: both;
		display: block;
		z-index: 10;
		width: 180px;
		background-color: #FFFFFF;
	}
}