/***********************Header***********************/
.header {
    display: flex;
    width: 100%;
    align-content: stretch;
    align-items: stretch;
    position: relative;
    margin: 0 auto;
    z-index: 9999;
    background: #fff;
    border-bottom: 1px solid #e7eaec;
     height:13vh;
    box-shadow: 0px 0px 33px -3px #666;
}
.f-nav {
    z-index: 9999;
    position: fixed !important;
    top: 0;
    width: 100%;
    height: auto!important;
    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.52);
}
.left_header {
    padding: 0;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
}
.right_header {
    height: 100%;
    display: flex;
    align-content: stretch;
    align-items: stretch;
    flex-direction: row-reverse;
}
.right_header>div{padding: 0;}
.box_center_element {
     display: flex;
    align-content: center;
    align-items: center;
    height: 100%;
    justify-content: center;
    border-right: 1px solid #e7eaec;

}
.box_center_element.last_box{border-right: none;}
.search {
    width: 80%;
    position: relative;
}
.panier {
    display: block;
    margin: 0 auto;
    color: #fff;
}

.login a i{
    color: #fff;
}
.logo {
    height: 100%;
    margin: 0;
    border-right: 1px solid #e7eaec;
}

.logo img {
    display: block;
    margin: 5px auto;
    max-height: 12vh;
}

.mainmenu {
    margin: 20px;
    display: flex;
}
.mainmenu a {
    font-family: ubuntuBold;
    font-size: 19px;
    color: #676767;
    display: inline-block;
    margin: 0 30px;
    text-transform: uppercase;
}

.search_rs {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.login {
    display: flex;
    align-items: center;
    align-content: center;
}

.bloc_con_user {
    display: flex;
    align-items: center;
    align-content: center;
    height: 100%;
    padding: 0 10px !important;
}
.link_panier {
    width: 25px;
    background-image: url(/Files/App_002/img/icon_panier.png);
    display: block;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
position: relative;
}
.link_panier:hover{    background-image: url(/Files/App_002/img/icon_panier_hover.png);}

@media (max-width:767px)
{
.header {position:relative;}
}



.box_white {
    background: #e6e6e6;
    padding: 10px;
}