.d-flex {display: flex;justify-content: space-between;align-items: center;}
.header {z-index: 33;background: #fff;padding: 10px 50px 10px 55px;}
.logo {
}
.img-responsive.img-logo-f {
    max-width: 120px;
}
#menu-toggle span {
	display: block;
	float: left;
	background: #000;
}
#menu-toggle {height: 25px;width: 25px;}
#menu-toggle #hamburger {position: absolute;height: 25px;width: 25px;}
#menu-toggle #hamburger span {width: 25px;height: 3px;position: relative;top: 0px;right: 0;margin-bottom: 5px;background: #b3b3b3;}
#menu-toggle #hamburger span:nth-child(1) {transition-delay: .5s;background: #b3b3b3;}
#menu-toggle #hamburger span:nth-child(2) {
	transition-delay: .625s;
	width: 25px;
	float: right;
}
#menu-toggle #hamburger span:nth-child(3) {
transition-delay: .75s;
margin-bottom: 0;
}
#menu-toggle #cross {
  position: absolute;
  height: 30px;
  width: 30px;
  transform: rotate(45deg);
  z-index: 2;
}
#menu-toggle #cross span:nth-child(1) {
  height: 0%;
  width: 1px;
  position: absolute;
  top: 0px;
  left: 15px;
  transition-delay: 0s;
  background: #000000;
}

#menu-toggle #cross span:nth-child(2) {
  width: 0%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 15px;
  transition-delay: .25s;
  background: #000;
}

#menu-toggle.open #hamburger span {
  width: 0%;
}
#menu-toggle.open #hamburger span:nth-child(1) {
  transition-delay: 0s;
}
#menu-toggle.open #hamburger span:nth-child(2) {
  transition-delay: .125s;
}
#menu-toggle.open #hamburger span:nth-child(3) {
  transition-delay: .25s;
}
#menu-toggle.open #cross span:nth-child(1) {
  height: 100%;
  transition-delay: .625s;
}
#menu-toggle.open #cross span:nth-child(2) {
  width: 100%;
  transition-delay: .375s;
}	
.menu {
	position: fixed;
	right: 0;
	top: 120px;
	width: 100%;
	height: calc(100% - 120px);
	z-index: 9999;
	transition: 0.7s ease transform;
	transform: translateX(300vw);
	transition-delay: 0.5s;
	background-image: url("/Files/App_002/Images/bg-menu.png");
	background-color: #0072c6;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 335px;
	overflow-x: hidden;
}

.menu-open {
transform: translateX(0vw);
}
.big {position: absolute;cursor: pointer;border-radius: 0;display: flex;justify-content: center;align-items: center;z-index: 999999999;top: 30px;right: 50px;}
.big::before, .big::after {content: '';position: absolute;height: 2px;width: 32px;top: 0;left: 0;background: #ffffff;}
.big:hover::before, .big:hover::after {
content: '';
position: absolute;
height: 2px;
width:32px;
top: 0;
left: 0;
background:#0b4a81;
}
.big::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.big::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menuFixed {margin-top: 180px;height: 100%;width: 100%;}
.boxlangue {
display: flex;
justify-content: flex-end;
padding-right: 70px;
}
.box-langue {display: flex;align-items: flex-end;width: 100%;}
.menu-principale {
	position: relative;
}

@media screen and (max-width: 1600px){
.menu {
    padding: 0 225px;
}
}
@media screen and (max-width: 1366px){
.menu {
    padding: 0 125px;
}
}

@media screen and (max-width: 1200px){
.menu {
    padding: 0 80px;
}
}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 991px) {
.menuFixed {
    margin-top: 85px;
}
.menu {
    padding: 0 30px;
}
#menu-toggle {
}
.header {
    z-index: 33;
    background: #fff;
    padding: 20px 15px;
    width: calc(100% - 60px);
    margin: 0 auto;
}

.big {
	width: 20px;
	height: 20px;
	position: absolute;
	cursor: pointer;
	border-radius: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999999999;
	top: 30px;
	right: 30px;
}
}

@media screen and (max-width: 767px){
.header {
    z-index: 33;
    background: #fff;
    padding: 5px 15px;
    width: 100%;
    margin: 0 auto;
}
.img-responsive.img-logo-f {
    max-width: 80px;
}
.menu {
    padding: 0 125px; 
    top:90px;
}
}
@media screen and (max-width:550px) {

}
@media screen and (max-width:375px) {

}