.navbar-container {
	width: 100%;
	display: block;
	position: fixed;
	top: 0;
	background-color: #FDFDFD;
	z-index:100;
}

.navbar-container .navbar {
	display: -webkit-box;
  	display: -moz-box;
	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	max-width: 1048px;
	margin: auto;

	justify-content: space-between;
	box-sizing: border-box;
	align-items:  center;
}

.navbar-container .navbar img{
	z-index: 100;
}

.navbar-container .navbar-menu ul {
	display: -webkit-box;
  	display: -moz-box;
	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
}

.navbar-container a {
	color: #191919;
	display: -webkit-box;
  	display: -moz-box;
	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	align-items: center;

	font-family: Bricolage Grotesque;
	font-weight: normal;
	font-size: 16px;
	font-weight:normal;
	line-height: 24px;
}

.navbar-container .logo{
	margin-right: 16px;
}

.footer-navbar{
	display: -webkit-box;
  	display: -moz-box;
	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	align-items: center;
}

.footer-navbar li{
	display:inline;
}

.button-group{
	display: -webkit-box;
  	display: -moz-box;
	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	flex-wrap:wrap;
	box-sizing: border-box;
	align-items:  center;
}

.button{
	font-family: Bricolage Grotesque;
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	border-radius:69px;
	text-align:center;
	display:inline-block;
}

.button-primary, .button-primary-large{
	padding:12px 24px;
	background-color: #FA8700;
	color: #461f04;
	border:none;
}

.button-primary:hover, .button-primary-large:hover{
	background-color: #ffa10a;
}

.button-secondary, .button-secondary-large{
	padding:12px 24px;
	color: #191919;
	border:1px solid #191919;
}

.button-secondary:hover, .button-secondary-large:hover{
	background-color: #F9EFE3;
}

.button-retour a{
	color: #191919;
	font-family: Bricolage Grotesque;
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
}

.button-retour a:hover{
	text-decoration: underline;
}

.button-retour a img{
	margin-right: 10px;
}

.menu-hamburger{
	position:absolute;
	right:16px;
}

.navbar-nom{
	display: -webkit-box;
  	display: -moz-box;
	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

/* Extra small devices (phones, 600px and down) */
@media screen and (max-width: 600px) {
	.navbar{padding:18px 16px;}
	.menu-hamburger {display:block;}
	.navbar-menu {
		position:absolute;
		background-color:#FFFCF7;
		width:100%;
		height:100vh;
		top:0;
		left:100%;
		transition: all 0.5s ease;
		padding: 0 24px;
		box-sizing: border-box;
	}
	.navbar-container .navbar .toggle-menu{
		box-shadow: 5px 10px 18px #888888;
		left:0;
	}
	.navbar-menu ul{
		position:relative;
		display: -webkit-box;
  		display: -moz-box;
		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
		flex-direction:column;
		width:100%;
		margin-top: 128px;
	}.navbar-menu ul li{
		text-align: center;
	}
	.navbar-menu ul li a{
		margin: 8px 0;
		padding:12px 16px;
		width:100%;
		height:100%;
		border-radius: 24px;
		box-sizing: border-box;
		font-weight:500;
	}
	.navbar-menu ul li .nav-active{background-color:#FA8700;color:white;}
	/*.navbar-nom {display:none;}*/
	.button-nav{flex-direction:row;}
	.button-primary-large{width:100%;margin-bottom:16px;margin-right:0px;}
	.button-secondary-large{width:100%;}
	.footer-container{margin-bottom: 64px;}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media screen and (min-width: 601px) {
	.navbar-container .navbar .nav-active{text-decoration: underline;font-weight:500;}
	.menu-hamburger {display:none;}
	.navbar-menu {display:block;}
	/*.navbar-nom {display:none;}*/
	.button-primary-large{padding:12px 64px;margin-bottom:0px;margin-right:16px;}
	.button-group{flex-direction:row;}
	.navbar-container .navbar-menu ul li{margin-left: 32px;}
	.navbar-container .navbar{padding: 18px 24px;}
	.footer-container{margin-bottom: 96px;}
}
/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width: 768px) {
	.menu-hamburger {display:none;}
	.navbar-menu {display:block;}
	/*.navbar-nom {display:flex;}*/
	.button-primary-large{padding:12px 64px;margin-bottom:0px;margin-right:16px;}
	.button-group{flex-direction:row;}
	.navbar-container .navbar-menu ul li{margin-left: 32px;}
}
/* Large devices (laptops/desktops, 992px and up) */
@media screen and (min-width: 992px) {
	.menu-hamburger {display:none;}
	.navbar-menu {display:block;}
	/*.navbar-nom {display:flex;}*/
	.button-primary-large{padding:12px 128px;margin-bottom:0px;margin-right:16px;}
	.button-group{flex-direction:row;}
	.navbar-container .navbar-menu ul li{margin-left: 32px;}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
	.menu-hamburger {display:none;}
	.navbar-menu {display:block;}
	/*.navbar-nom {display:flex;}*/
	.button-primary-large{padding:12px 128px;margin-bottom:0px;margin-right:16px;}
	.button-group{flex-direction:row;}
	.navbar-container .navbar-menu ul li{margin-left: 32px;}
}

.footer-line{
	display:block;
	width:100%;
}

.footer-line svg{
	vertical-align: top;
}

.footer-container ul{
	list-style: none;
	display:inline-block;
}

.footer-container ul li{
	display:inline-block;
	margin-right:8px;
	align-content:center;
}

.footer-icon img{
	padding:8px;
}

.footer-line-signature{
	font-size:16px;
	line-height:16px;
	font-weight: normal;
	font-style:normal;
	color:#403F3E;
}

.language-switcher{
	font-size:16px;
	line-height:16px;
	font-weight: normal;
	font-style:normal;
	color:#403F3E;
}

.language-switcher a{
	color:#403F3E;
}

.language-switcher a:hover{
	font-weight: 500;
	text-decoration: underline;
	color:#191919;
}

.language-switcher-list li{
	margin: 0 16px;
}

.language-switcher ul .language-switcher-list-selected{
	font-weight: 500;
	text-decoration: underline;
}