/* menu du site (header), régit aussi des parties du footer : */

header{
    background-color: #fff;
    position: fixed;
    z-index: 1002;
    width: 100%;
    height: 60px;
    top: 0;
}

.logo-header{
    position: absolute;
    top: 30px;
    left: 90px;
    transform: scale(0.21);
    -webkit-transform: scale(0.21);
}

.btn-menu{
    /*border: solid thin red;*/
    background: no-repeat url('../images/svg/icon-menu.svg') center;
    background-size: 100%;
    position: absolute;
    right: 2%;
    width: 30px;
    height: 100%;
    cursor: pointer;
    display: none;
}
.btn-menu:hover{
    background: no-repeat url('../images/svg/icon-menu-hover.svg') center;
    background-size: 30px;
}

.panel-menu{
    /*border: solid thin violet;*/
    position: absolute;
    width: 100%;
    text-align: center;
    display: block;
}

.menu-line{
    border: solid thin #eee;
}

.item-menu{
    /*border: solid thin black;*/
    position: relative;
    float: left;
    list-style: none;
    text-decoration: none;
    text-align: center;
    cursor: pointer;

    margin-left: 10px;
    margin-right: 10px;
    width: 70px;
}

.item-menu img{
    /*border: solid thin green;*/
    width: 50%;
    height: 50%;
}

.item-menu-selection{
    /*border: solid thin red;*/
    position: absolute;
    text-decoration: none;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.icon-menu{
    position: absolute;
}

.icon-menu-hover{
    position: absolute;
    top: 0;
    display: none;
}

.items-menu{
    /*border: solid thin blue;*/
    display: inline-block;
    margin-top: 5px;
}

.title-menu{
    /*border: solid thin green;*/
    position: absolute;
    /*text-align: center;*/
    color: grey;
    width: 100%;
    font-family: 'font3i', sans-serif;
}

#menu{
    /*border: solid thin red;*/
    height: 100%;
}

.bkg-menu{
    /*border: solid thin red;*/
    position: relative;
    width: 100%;
    height: 80px;
}

.logo-header-link{
    position: absolute;
    display: block;

    width: 185px;
    height: 100%;

    top: 0;
    left: 0;
}

/******/

.items-header{
    position: absolute;
    right: 0;
    margin-top: 20px;
}

.items-header > ul > .item-menu > .item-menu-selection .title-menu{
    display: block;
}