body{ 
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}

.navbarcontainer {
position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color:#fff;
	border-bottom:0.5px solid #e6e6e6;
	z-index:1;
}

.navbar {
    overflow: hidden;
    background-color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

.faireundon {
    float: right;
}

.faireundon a
{ background-color:#bfbfbf}

.langues {
    float: right;
}


.logo
{
    width:100%;
	float:left;
}


.navbar a {
    float: left;
    font-size: 14px;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	line-height:30px;
	font-weight:bold;
}


a.logo {
	padding:0px;
		line-height:30px;
		float: left;
		width:172px;
		padding-top:5px;
		margin-right: 40px;
	}


.dropdown {
    float: left;
    overflow: hidden;
}
.dropbtn{
	font-size: 16px;    
    border: none;
    outline: none;
    color: black;
    background-color: inherit;
    font: inherit;
    margin: 0;
	line-height:30px;
	font-weight:bold;
		}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: black;
    background-color: inherit;
    font: inherit;
    margin: 0;
	line-height:30px;
	font-weight:bold;
}

.dropdown-content a{
font-weight:normal;
}

.navbar a:hover, .dropdown:hover .dropbtn {
    background-color: #e6e6e6;
}

a.logo:hover {
  background-color: #fff;
	}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}


/* ICONE Mobile */
.mobilebutton {
    display: inline-block;
    cursor: pointer;
	float: right;
	margin-right:3%;
}

.bar1, .bar2, .bar3 {
    width: 30px;
    height: 5px;
    background-color: #000;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

button
{
    background-color:#fff;
	border:none;
	font-size: 14px;    
    border: none;
    outline: none;
    color: black;
    background-color: inherit;
    font: inherit;
    margin: 0;
	line-height:30px;
	
	padding: 14px 16px;
}




/*MEDIA QUERIES */
@media screen and (max-width:1500px){
.navbar{
    width:100%;
}
}

@media screen  and (min-width:1501px) and (max-width:1780px){
.navbar{
    width:75%;
}
}

@media screen and (min-width:936px){
.menubuttonmobile{
    display:none
}

.navbarmobile{
    display:none
}
}

@media screen and (max-width:935px){
.menubuttonmobile {
    display:inline-block;
}

.navbar a, .dropbtn {
    display:none;
}
}

/* DESIGN MOBILE */
.menubuttonmobile {
    width:100%;
	background-color:#fff;
	z-index:1;
	position:fixed;
	top:0;
	left:0;
}

.navbarmobile {
    overflow: hidden;
    background-color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:fixed;
	top:40px;
	left:0;
	width:100%;
	background-color:#fff;
		border-bottom:0.5px solid #e6e6e6;
	z-index:1;
}


.navbarmobile a {
    float: left;
    font-size: 16px;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	line-height:30px;
	text-align:center;
	width:100%;
}  

.dropdownmobile
{
    overflow: hidden;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:100%;
	background-color:#bfbfbf;
}

.dropdownmobile a {
    float: left;
    font-size: 16px;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	line-height:25px;
	text-align:center;
	width:100%;
}  


.dropbtn-mobile{
    overflow: hidden;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color:#fff;
	line-height:30px;
    font-size: 16px;
    color: black;
    padding: 14px 16px;
    text-decoration: none;
	width:100%;
	}

.navbarmobile a:hover, .dropdownmobile:hover .dropbtn-mobile:hover {
    background-color: #e6e6e6;
}

.triangle-down {
	width: 0;
	height:0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 15px solid #bfbfbf;
	display:inline-block;
}

.languesmobile a
{
	width:41%;
}

a.anglaismobile 
{
	float:right;
}