.header-aside-left {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    background: #fff;
    display: flex;
    justify-content: center;
    align-content: space-between;
    flex-wrap: wrap;
    border-right: 1px solid #e6e5e5;
    padding: 15px;
    z-index: 999;
}
.menu-box:after {content: '';position: absolute;right: 0;top: 0;width: 25%;height: 100%;z-index: 999;background: url(/Files/App_002/Images/menu-right.jpg) center no-repeat;background-size: cover;}
.header-top {
    position: absolute;
    z-index: 21;
}
.logo {
    transform: rotate(-90deg);
}
.open-menu {
    float: left;
    width: 50px;
    height: 30px;
    padding: 6px 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}
.open-menu div{
    width: 100%;
    background: #104e9c;
    height: 2px;
    transition: all .3s;
}
.open-menu.open {
    width: 45px;
    height: 35px;
    align-items: center;
    top: 5px;
}
.open-menu.open div:nth-child(2) {
    display:none;
}
.open-menu.open div:nth-child(1) {
 transform:rotate(45deg);
 position:absolute;
}
.open-menu.open div:nth-child(3) {
 transform:rotate(-45deg);
 position:absolute;
}
.search {
    cursor: pointer;
    color: #fff;
    display: block;
    position: absolute;
    right: 30px;
    top: 25px;
    font-size: 30px;
    line-height: initial;
    transition:all .3s;
}
.search:hover{
    transform:scale(0.95);
}
.select-items {
    padding: 0 !important;
    list-style: none;
    display: flex;
    width: 60px;
    max-width: 95%;
    justify-content: space-between;
    margin: 0 !important;
}

a.select-item.active,a.select-item:hover {color: #104e9c !important;}

a.select-item {
    font-size: 15px;
    font-weight: 700;
    color: #000 !important;
    text-decoration: none !important;
    text-transform: uppercase;
}
.box-soc-links-header-accueil {
    position: absolute;
    width: 175px;
    display: flex;
    justify-content: space-between;
    font-size: 25px;
    top: 95vh;
    flex-wrap: wrap;
}
.link-soc-header {
    color: #fff !important;
    text-decoration: none !important;
    transition: all .5s;
    border-radius:50%;
    height: 28px;
    width: 28px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    line-height: initial;
}
.link-soc-header:nth-child(1):hover{
    background:#3b5998 !important;
    transform: scale(1.2);
}
.link-soc-header:nth-child(2):hover{
    background:#1da1f2 !important;
     transform:scale(1.2);
}
.link-soc-header:nth-child(3):hover{
    background:#cd201f !important;
     transform:scale(1.2);
}
.link-soc-header:nth-child(4):hover{
    background:#dd4b39 !important;
     transform:scale(1.2);
}
.link-soc-header:nth-child(5):hover{
    background:#0077b5 !important;
     transform:scale(1.2);
}
.link-soc-header span {
    position: absolute;
    top: 2px;
}
.search-open {
    position: fixed;
    height: 100vh;
    width: 92vw;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    z-index: 21;
    transition: all 1s;
    transform: translateX(150%);
}
.search-open.open {
    transform: none;
}
.menu-box {
    position: fixed;
    height: 100vh;
    width: 92vw;
    top: 0;
    left: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    z-index: 4;
    transition: all 1s;
    transform: translateX(-150%);
}
.menu-box.open {
    transform: none;
    padding: 50px 20px;
}
.closebtn {
    position: absolute;
    top: 40px;
    right: 40px;
    font-size: 22px;
    color: #000;
    cursor: pointer;
}
.FrameMenu {
    height: auto !important;
    width: auto !important;
}
.FrameMenu li{
    margin:20px 0;
    display: flex !important;
    align-items: flex-start;
    flex-wrap: wrap;
}
.item-menu {
    padding: 0 !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color: #104e9c !important;
    font-size: 20px;
    font-family: 'Proxima Nova' !important;
    text-decoration:none !important;
}
.item-menu.active,.item-menu:hover{
    color: #da2f29 !important;
}
.item-menu span{
    padding:0 !important;
}
.item-menu .rmToggle{
    right: auto !important;
    left: -25px !important;
    top:2px !important;
}
.item-menu .rmToggle:before{
    content:'\e90b';
    position:absolute;
    top:0;
    left:0;
    font-family: 'icomoon' !important;
    font-size:15px;
}
.rmSlide {margin-top: -110px !important;background: #fff;left: 115% !important;/* height: auto !important; */overflow: auto !important;overflow-x: hidden !important;}
.rmSlide .item-menu {
    font-weight: 400;
    font-size: 18px;
    width: 100% !important;
    padding: 5px 10px !important;
}
.rmSlide li{
    margin:5px 0 !important;
}
.rmLevel1 {
    overflow: auto !important;
    padding-left: 25px !important;
}
.rmLevel2 {
     padding-left: 20px !important;
}
.rmslide-niv-2 ~ .rmSlide {
    margin-top: 0 !important;
    width: 100% !important;
    left: 0px !important;
    border-radius: 5px;
    position: relative !important;
    /* height: auto !important; */
}
.rmslide-niv-2 ~ .rmSlide ul{
    position: relative !important;
    left: 0 !important;
}
.rmslide-niv-2 ~ .rmSlide a{font-size:15px;}
@media screen and (max-width: 1600px) {
.logo img{width:255px;}
}
@media screen and (max-width: 1440px) {
.logo img{width: 215px;}
}
@media screen and (max-width: 1366px) {
.logo img{width: 215px;}
}
@media screen and (max-width: 1280px) {
.logo img{width: 210px;}
.open-menu {
    width: 40px;
}
}
@media screen and (max-width: 1200px) {
.logo img{width: 200px;}
}
@media screen and (max-width: 1024px) {
.logo img{width: 165px;}
}
@media screen and (max-width: 991px) {
.header-aside-left {
    height: auto;
    float:left;
    position:relative;
    justify-content:space-between;
    align-items:center;
    flex-direction:row-reverse;
    border-bottom: 1px solid #e6e5e5;
}
.menu-box:after {display:none}
.logo{transform:none;}
.logo img{width: 170px;}
.menu-box {
    width: 100vw;
    left: 0;
    padding: 20px 20px !important;
    flex-wrap: wrap;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 120px !important;
}
.rmSlide {
    position: relative !important;
    margin-top: 0 !important;
    left: auto !important;
    height: auto !important;
}
.FrameMenu li{
    flex-wrap:wrap;
    align-items: center;
}
.FrameMenu li a{
    width:100% !important;
}
.header-top {
    position: relative;
}
.rmSlide .item-menu {
    font-size: 13px;
    padding: 0 !important;
}
}
@media screen and (max-width: 800px) {

}
@media screen and (max-width: 768px) {
.item-menu {
    font-size: 13px;
}
.rmslide-niv-2 ~ .rmSlide a{font-size:12px;}
}
@media screen and (max-width: 500px) {
.select-items {
    width: 45px;
}
a.select-item {
    font-size: 13px;
}
}