#page-header
{
    position: fixed;
    top: 0;
    left: 0;
    line-height: 44px;
    background-color: transparent;
    z-index: 1000;
    transition: 0.2s ease padding-left;
    background-color: #ffffff;
    right: 0;
    box-shadow: 0px -1px #dddddd inset;
}

@media (max-width: 859px)
{
    #page-header
    {
        z-index: 1002;
    }
}

#page-header .title-menu
{
    vertical-align: top;
    height: 45px;
}

#page-header .title-menu
{
    float: left;
    display: table;
    border-collapse: collapse;
    transition: 0.2s ease margin-left;
}

/*@media (max-width: 1279px)*/
@media (max-width: 1479px)
{
    #page-header .title-menu
    {
        /*margin-left: -256px;*/
        /*margin-left: -324px;*/
        margin-left: -325px;  /* visiblement il faut 1 pixel de plus pour Chrome... */
    }

    body.active-responsive-menu #page-header .title-menu
    {
        margin-left: 0;
    }
}

@media (max-width: 859px)
{
    /*#page-header .title-menu
    {
        margin-left: -256px;
    }*/
    
    body.active-responsive-menu #page-header .title-menu
    {
        width: 256px;
    }
}

@media (max-width: 360px)
{
    body:not(.active-responsive-menu) #page-header .title-menu
    {
        /*width: 563px;*/
        /*width: 469px;*/
        width: 549px;
    }
}

#page-header .title-menu .info-container,
#page-header .title-menu #button-responsive-menu,
#page-header .title-menu .title-container,
#page-header .title-menu .ariane-container
{
    display: table-cell;
    vertical-align: top;
}

#page-header .title-menu .info-container,
#page-header .title-menu .title-container,
#page-header .title-menu .ariane-container
{
    border-bottom: 1px solid #dddddd;
}

#page-header .title-menu #button-responsive-menu
{
    display: none;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: none;
    /*border: none;*/
}

/*@media (max-width: 1279px)*/
@media (max-width: 1479px)
{
    #page-header .title-menu #button-responsive-menu
    {
        display: table-cell;
    }

    body.active-responsive-menu #page-header .title-menu #button-responsive-menu
    {
        display: none;
    }
}

#page-header .title-menu #button-responsive-menu > button
{
    border: none;
    /*border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;*/
    vertical-align:top;
    height: 44px;
    width: 50px;
    /*height: 45px;
    width: 51px;*/
    background-color: #ffffff;
    background-position: center;
    background-image: url("../img/menu-regular.svg");
    background-repeat: no-repeat;
}
#page-header .title-menu #button-responsive-menu > button:hover
{
    background-image: url("../img/menu-bold.svg");
}

#page-header .title-menu .info,
#page-header .title-menu .title,
#page-header .title-menu .ariane
{
    background-color: #ffffff;
    /*border-bottom: 1px solid #dddddd;*/
    border-right: 1px solid #dddddd;
    border-left: none;
    display: table-cell;
    font-size: 1.6em;
}

@media (max-width: 859px)
{
    body.active-responsive-menu #page-header .title-menu .info-container,
    body.active-responsive-menu #page-header .title-menu .title-container
    {
        display: block;
    }

    body.active-responsive-menu #page-header .title-menu .title
    {
        width: 170px;
    }
}

#page-header .title-menu .ariane
{
    vertical-align: middle;
    font-size: 1em;
    padding: 0 1em;
}

#page-header .title-menu .ariane .separator,
#page-header .ariane-container-responsive .ariane .separator
{
    padding: 0px 0.2em;
}

#page-header .title-menu .title
{
    font-weight: bold;
    width: 162px;
    text-align: center;
    vertical-align: middle;
}

#page-header .title-menu .title a
{
    display: block;
    color: inherit;
    text-decoration: none;
    position: relative;
    bottom: -1px;
}

#page-header .title-menu .info
{
    font-weight: normal;
    width: 256px;
    text-align: center;
}

#page-header .title-menu .info span
{
    display: block;
    position: relative;
    bottom: -1px;
}

#page-header .title-menu .dummy
{
    /*border-bottom: 1px solid #dddddd;*/
    border-right: 1px solid #dddddd;
    border-left: none;
    display: table-cell;
    background-color: #ffffff;
}

#page-header .title-menu .dummy-sm    {width: 8px;}
#page-header .title-menu .dummy-md    {width: 12px;}
#page-header .title-menu .dummy-lg    {width: 24px;}
#page-header .title-menu .dummy-xl    {width: 66px;}

@media (min-width: 1480px)
{
    #page-header .title-menu .dummy-hidden-xl,
    body.active-responsive-menu #page-header .title-menu .dummy-hidden-xl-active-responsive-menu,
    body:not(.active-responsive-menu) #page-header .title-menu .dummy-hidden-xl-inactive-responsive-menu
    {
        display: none;
    }
}

@media (min-width: 1241px) and (max-width: 1479px)
{
    #page-header .title-menu .dummy-hidden-lg,
    body.active-responsive-menu #page-header .title-menu .dummy-hidden-lg-active-responsive-menu,
    body:not(.active-responsive-menu) #page-header .title-menu .dummy-hidden-lg-inactive-responsive-menu
    {
        display: none;
    }
}

@media (min-width: 860px) and (max-width: 1240px)
{
    #page-header .title-menu .dummy-hidden-md,
    body.active-responsive-menu #page-header .title-menu .dummy-hidden-md-active-responsive-menu,
    body:not(.active-responsive-menu) #page-header .title-menu .dummy-hidden-md-inactive-responsive-menu
    {
        display: none;
    }
}

@media (min-width: 761px) and (max-width: 859px)
{
    #page-header .title-menu .dummy-hidden-sm,
    body.active-responsive-menu #page-header .title-menu .dummy-hidden-sm-active-responsive-menu,
    body:not(.active-responsive-menu) #page-header .title-menu .dummy-hidden-sm-inactive-responsive-menu
    {
        display: none;
    }
}

@media (min-width: 361px) and (max-width: 760px)
{
    #page-header .title-menu .dummy-hidden-xs,
    body.active-responsive-menu #page-header .title-menu .dummy-hidden-xs-active-responsive-menu,
    body:not(.active-responsive-menu) #page-header .title-menu .dummy-hidden-xs-inactive-responsive-menu
    {
        display: none;
    }
}

@media (max-width: 360px)
{
    #page-header .title-menu .dummy-hidden-xxs,
    body.active-responsive-menu #page-header .title-menu .dummy-hidden-xxs-active-responsive-menu,
    body:not(.active-responsive-menu) #page-header .title-menu .dummy-hidden-xxs-inactive-responsive-menu
    {
        display: none;
    }
}

/*#page-header .title-menu .dummy-responsive
{
    display: none;
}

@media (max-width: 1479px)
{
    #page-header .title-menu .dummy
    {
        display: none;
    }
    
    #page-header .title-menu .dummy-responsive-lg
    {
        display: table-cell;
    }
}

@media (max-width: 859px)
{
    #page-header .title-menu .dummy-responsive-md
    {
        display: table-cell;
    }
}

@media (max-width: 360px)
{
    #page-header .title-menu .dummy-responsive-sm
    {
        display: table-cell;
    }
}*/

body:not(.active-responsive-menu) #page-header .title-menu .dummy-hidden-inactive-responsive-menu
{
    display: none;
}

body.active-responsive-menu #page-header .title-menu .dummy-hidden-active-responsive-menu
{
    display: none;
}

.ariane-container-responsive
{
    display: none;
    position: absolute;
    top: 45px;
    left: 0px;
    right: 0px;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 0 1em;
}

@media (max-width: 859px)
{
    .ariane-container
    {
        display: none !important;
    }

    .ariane-container-responsive
    {
        display: block;
    }
}

body.active-responsive-menu .ariane-container,
body.active-responsive-menu .ariane-container-responsive
{
    display: none !important;
}

body.active-downloads-popup .ariane-container-responsive
{
    display: none;
}

@media (max-width: 859px)
{
    body.active-responsive-menu #page-header
    {
        box-shadow: none;
        background-color: transparent;
    }
}