@charset "UTF-8";

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

    *,
    :after,
    ::before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    html,
    body,
    .container,
    .scroller {
        height: 100%
    }

    .scroller {
        overflow-y: scroll
    }

    .scroller,
    .scroller-inner {
        position: relative
    }

    .container {
        overflow: hidden
    }

    .menu-trigger {
        position: relative;
        padding-left: 60px;
        font-size: .9em
    }

    .menu-trigger:before {
        position: absolute;
        top: 2px;
        left: 0;
        width: 40px;
        height: 6px;
        background: #fff;
        -webkit-box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff;
        box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff;
        content: ''
    }

    .mp-pusher {
        position: relative;
        left: 0;
        height: 100%
    }

    .mp-menu {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 300px;
        height: 100%;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .mp-level {
        position: absolute;
        top: inherit;
        left: 0;
        width: 100%;
        height: auto;
        background: #333;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .mp-pusher::after,
    .mp-level::after,
    .mp-level::before {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        content: '';
        opacity: 0
    }

    .mp-pusher::after,
    .mp-level::after {
        -webkit-transition: opacity 0.3s, width .1s 0.3s, height .1s .3s;
        transition: opacity 0.3s, width .1s 0.3s, height .1s .3s
    }

    .mp-level::after {
        z-index: -1
    }

    .mp-pusher.mp-pushed::after,
    .mp-level.mp-level-overlay::after {
        width: 100%;
        height: 100%;
        opacity: 1;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .mp-level.mp-level-overlay {
        cursor: pointer
    }

    .mp-level.mp-level-overlay.mp-level::before {
        width: 100%;
        height: 100%;
        background: transparent;
        opacity: 1
    }

    .mp-pusher,
    .mp-level {
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .mp-overlap .mp-level.mp-level-open {
        -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
        -webkit-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0)
    }

    .mp-menu>.mp-level,
    .mp-menu>.mp-level.mp-level-open,
    .mp-menu.mp-overlap>.mp-level,
    .mp-menu.mp-overlap>.mp-level.mp-level-open {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .mp-cover .mp-level.mp-level-open {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        position: relative
    }

    .mp-cover>.mp-level.mp-level-open>ul>li.icon-arrow-left:hover>.mp-level:not(.mp-level-open) {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        z-index: 9999;
        position: absolute;
        top: 100%;
        left: 0
    }

    nav ul li.icon-arrow-left {
        position: relative
    }

    .mp-cover>.mp-level.mp-level-open>ul>li.icon-arrow-left>.mp-level:not(.mp-level-open) h2,
    .mp-cover>.mp-level.mp-level-open>ul>li.icon-arrow-left>.mp-level:not(.mp-level-open) a.mp-back {
        display: none
    }

    .mp-cover .mp-level.mp-level-open>ul>li>.mp-level:not(.mp-level-open) {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .mp-menu ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .mp-menu h2 {
        margin: 0;
        padding: 1em;
        color: rgba(0, 0, 0, 0.4);
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
        font-weight: 300;
        font-size: 2em
    }

    .mp-menu.mp-overlap h2::before {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 8px;
        font-size: 75%;
        line-height: 1.8;
        opacity: 0;
        -webkit-transition: opacity 0.3s, -webkit-transform .1s .3s;
        transition: opacity 0.3s, -webkit-transform .1s .3s;
        transition: opacity 0.3s, transform .1s .3s;
        transition: opacity 0.3s, transform .1s 0.3s, -webkit-transform .1s .3s;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .mp-menu.mp-cover h2 {
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
        font-size: 1em
    }

    .mp-overlap .mp-level.mp-level-overlay>h2::before {
        opacity: 1;
        -webkit-transition: -webkit-transform 0.3s, opacity .3s;
        -webkit-transition: opacity 0.3s, -webkit-transform .3s;
        transition: opacity 0.3s, -webkit-transform .3s;
        transition: transform 0.3s, opacity .3s;
        transition: transform 0.3s, opacity 0.3s, -webkit-transform .3s;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .mp-menu ul li>a {
        display: block;
        padding: .7em 1em .7em 1.8em;
        outline: none;
        text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
        font-size: 16px;
        transition: background 0.3s, -webkit-box-shadow .3s;
        transition: background 0.3s, box-shadow .3s;
        transition: background 0.3s, box-shadow 0.3s, -webkit-box-shadow .3s;
        color: #fff;
    }

    nav ul li {
        box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2)
    }

    .mp-menu ul li::before {
        position: absolute;
        right: 10px;
        z-index: -1;
        color: rgba(0, 0, 0, 0.2);
        line-height: 3.5
    }

    .mp-level>ul>li:first-child>a {
        -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2)
    }

    .mp-menu ul li a:hover,
    .mp-level>ul>li:first-child>a:hover {
        background: rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 0 -1px transparent;
        box-shadow: inset 0 -1px transparent
    }

    .mp-menu .mp-level.mp-level-overlay>ul>li>a,
    .mp-level.mp-level-overlay>ul>li:first-child>a {
        -webkit-box-shadow: inset 0 -1px transparent;
        box-shadow: inset 0 -1px transparent
    }

    .mp-level>ul>li:first-child>a:hover,
    .mp-level.mp-level-overlay>ul>li:first-child>a {
        -webkit-box-shadow: inset 0 -1px transparent, inset 0 1px transparent;
        box-shadow: inset 0 -1px transparent, inset 0 1px transparent
    }

    .mp-back {
        background: #c41811;
        outline: none;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        display: block;
        font-size: .8em;
        padding: 1em;
        position: relative;
        -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .mp-back::after {
        font-family: 'linecons';
        position: absolute;
        content: "\e037";
        right: 10px;
        font-size: 1.3em;
        color: #fff
    }

    .mp-menu .mp-level.mp-level-overlay>.mp-back,
    .mp-menu .mp-level.mp-level-overlay>.mp-back::after {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: transparent
    }

    .no-csstransforms3d .mp-pusher,
    .no-js .mp-pusher {
        padding-left: 300px
    }

    .no-csstransforms3d .mp-menu .mp-level,
    .no-js .mp-menu .mp-level {
        display: none
    }

    .no-csstransforms3d .mp-menu>.mp-level,
    .no-js .mp-menu>.mp-level {
        display: block
    }

    a.mp-back:hover {
        color: #fff
    }
}

@font-face {
    font-family: 'linecons';
    src: url(../fonts/linecons/linecons.eot);
    src: url(../fonts/linecons/linecons.eot?#iefix) format("embedded-opentype"), url(../fonts/linecons/linecons.woff) format("woff"), url(../fonts/linecons/linecons.ttf) format("truetype"), url(../fonts/linecons/linecons.svg#linecons) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (max-width: 991px) {
    .icon:before {
        font-family: 'linecons';
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        margin-right: .6em;
        -webkit-font-smoothing: antialiased
    }

    .icon-female:before {
        content: "\f182"
    }

    .icon-male:before {
        content: "\f183"
    }

    .icon-arrow-left:before {
        content: "\e037"
    }

    ul li.icon-arrow-left>a {
        position: relative
    }

    .mp-menu ul li.icon-arrow-left>a {
        display: inline-block;
        width: 80%
    }

    .mp-menu ul li.icon-arrow-left>a.fleche-droite {
        display: inline-block;
        width: 20%;
        float: right;
        height: 46.78px
    }

    .icon-arrow-left-2:before {
        content: "\e034"
    }

    .icon-arrow-left-3:before {
        content: "\e036"
    }

    .icon-arrow-left-4:before {
        content: "\e038"
    }

    .icon-arrow-right:before {
        content: "\e035"
    }

    .icon-arrow-right-2:before {
        content: "\e037"
    }

    .icon-arrow-right-3:before {
        content: "\e039"
    }

    .icon-arrow-right-4:before {
        content: "\e033"
    }

    .icon-phone:before {
        content: "\e000"
    }

    .icon-news:before {
        content: "\e001"
    }

    .icon-photo:before {
        content: "\e002"
    }

    .icon-shop:before {
        content: "\e003"
    }

    .icon-wallet:before {
        content: "\e004"
    }

    .icon-t-shirt:before {
        content: "\e005"
    }

    .icon-heart:before {
        content: "\e006"
    }

    .icon-cloud:before {
        content: "\e007"
    }

    .icon-display:before {
        content: "\e008"
    }

    .icon-diamond:before {
        content: "\e009"
    }

    .icon-banknote:before {
        content: "\e00a"
    }

    .icon-data:before {
        content: "\e00b"
    }

    .icon-music:before {
        content: "\e00c"
    }

    .icon-location:before {
        content: "\e00d"
    }

    .icon-star:before {
        content: "\e00e"
    }

    .icon-tv:before {
        content: "\e00f"
    }

    .icon-eye:before {
        content: "\e010"
    }

    .icon-megaphone:before {
        content: "\e011"
    }

    .icon-study:before {
        content: "\e012"
    }

    .icon-bubble:before {
        content: "\e013"
    }

    .icon-sound:before {
        content: "\e014"
    }

    .icon-video:before {
        content: "\e015"
    }

    .icon-stack:before {
        content: "\e016"
    }

    .icon-lab:before {
        content: "\e017"
    }

    .icon-food:before {
        content: "\e018"
    }

    .icon-cup:before {
        content: "\e019"
    }

    .icon-trash:before {
        content: "\e01a"
    }

    .icon-user:before {
        content: "\e01b"
    }

    .icon-key:before {
        content: "\e01c"
    }

    .icon-fire:before {
        content: "\e01d"
    }

    .icon-clip:before {
        content: "\e01e"
    }

    .icon-mail:before {
        content: "\e01f"
    }

    .icon-search:before {
        content: "\e020"
    }

    .icon-settings:before {
        content: "\e021"
    }

    .icon-like:before {
        content: "\e022"
    }

    .icon-calendar:before {
        content: "\e023"
    }

    .icon-camera:before {
        content: "\e024"
    }

    .icon-tag:before {
        content: "\e025"
    }

    .icon-note:before {
        content: "\e026"
    }

    .icon-clock:before {
        content: "\e027"
    }

    .icon-lock:before {
        content: "\e028"
    }

    .icon-vynil:before {
        content: "\e029"
    }

    .icon-truck:before {
        content: "\e02a"
    }

    .icon-paperplane:before {
        content: "\e02b"
    }

    .icon-bulb:before {
        content: "\e02c"
    }

    .icon-pen:before {
        content: "\e02d"
    }

    .icon-params:before {
        content: "\e02e"
    }

    .icon-world:before {
        content: "\e02f"
    }
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: 'codropsicons';
    src: url(../fonts/codropsicons/codropsicons.eot);
    src: url(../fonts/codropsicons/codropsicons.eot?#iefix) format("embedded-opentype"), url(../fonts/codropsicons/codropsicons.woff) format("woff"), url(../fonts/codropsicons/codropsicons.ttf) format("truetype"), url(../fonts/codropsicons/codropsicons.svg#codropsicons) format("svg")
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.codrops-header,
.codrops-top {
    font-family: 'Lato', Arial, sans-serif
}

.codrops-header {
    margin: 0 auto;
    padding: 2em;
    background: rgba(0, 0, 0, 0.01);
    text-align: center
}

.codrops-header h1 {
    margin: 0;
    font-weight: 300;
    font-size: 2.625em;
    line-height: 1.3
}

.codrops-header span {
    display: block;
    padding: 0 0 .6em .1em;
    font-size: 60%;
    opacity: .7
}

.codrops-top {
    width: 100%;
    background: #91cfa1;
    background: rgba(255, 255, 255, 0.1);
    text-transform: uppercase;
    font-size: .69em;
    line-height: 2.2
}

.codrops-top a {
    display: inline-block;
    padding: 0 1em;
    color: #fff;
    text-decoration: none;
    letter-spacing: .1em
}

.codrops-top a:hover {
    background: rgba(255, 255, 255, 0.95);
    color: #333
}

.codrops-top span.right {
    float: right
}

.codrops-top span.right a {
    display: block;
    float: left
}

.codrops-icon:before {
    margin: 0 4px;
    text-transform: none;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-family: 'codropsicons';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased
}

.codrops-icon-drop:before {
    content: "\e001"
}

.codrops-icon-prev:before {
    content: "\e004"
}

.codrops-demos {
    padding-top: 1em;
    font-size: 1.1em
}

.codrops-demos a {
    display: block;
    float: left;
    clear: both;
    margin: .5em .5em .5em 1.9em;
    padding: 1em 1.1em;
    width: 280px;
    outline: none;
    color: #fff;
    background: #336ca6;
    text-align: center;
    text-decoration: none;
    font-weight: 700
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
    opacity: .6
}

.content {
    padding: 4em 2em;
    max-width: 1200px;
    margin: 0 auto
}

.block {
    float: left;
    padding: 1em 3em
}

.block-40 {
    width: 40%
}

.block-60 {
    width: 60%
}

.block p {
    margin: 0;
    padding: 0 1em .6em;
    font-size: 1.8em;
    line-height: 1.5
}

.info {
    text-align: center;
    font-size: 1.5em;
    margin-top: 3em;
    clear: both;
    padding-top: 3em;
    color: rgba(255, 255, 255, 0.5)
}

.info a {
    font-weight: 700;
    font-size: .9em
}

.info a:hover {
    color: #336ca6
}

@media screen and (max-width: 69em) {
    .block {
        float: none;
        width: 100% !important;
        padding: 1em
    }
}

@media screen and (max-width: 25em) {
    body {
        font-size: 80%
    }

    .codrops-icon span {
        display: none
    }
}

.hamburger {
    padding: 8px;
    padding-bottom: 14px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: .75s;
    transition-duration: .75s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: .8
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -10px
}

.hamburger-inner::after {
    bottom: -10px
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    -webkit-transition: background-color .125s .175s ease-in;
    transition: background-color .125s .175s ease-in
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    -webkit-transition: top .05s .125s linear, left .125s .175s ease-in, -webkit-transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top .05s .125s linear, left .125s .175s ease-in, -webkit-transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top .05s .125s linear, left .125s .175s ease-in;
    transition: transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top .05s .125s linear, left .125s .175s ease-in, -webkit-transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335)
}

.hamburger--emphatic .hamburger-inner::after {
    top: 10px;
    right: 0;
    -webkit-transition: top .05s .125s linear, right .125s .175s ease-in, -webkit-transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: top .05s .125s linear, right .125s .175s ease-in, -webkit-transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top .05s .125s linear, right .125s .175s ease-in;
    transition: transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top .05s .125s linear, right .125s .175s ease-in, -webkit-transform .125s cubic-bezier(0.6, 0.04, 0.98, 0.335)
}

.hamburger--emphatic.is-active .hamburger-inner {
    -webkit-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -80px;
    top: -80px;
    -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
    transform: translate3d(80px, 80px, 0) rotate(45deg);
    -webkit-transition: left .125s ease-out, top .05s .125s linear, -webkit-transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left .125s ease-out, top .05s .125s linear, -webkit-transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -80px;
    top: -80px;
    -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    -webkit-transition: right .125s ease-out, top .05s .125s linear, -webkit-transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right .125s ease-out, top .05s .125s linear, -webkit-transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right .125s ease-out, top .05s .125s linear, transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform .125s .175s cubic-bezier(0.075, 0.82, 0.165, 1)
}

nav ul li {
    float: none
}

nav {
    line-height: normal
}

.mp-pushed #page {
    min-height: 97vh
}

.labelMenu {
    display: none;
    left: 0;
    bottom: -22px;
    position: absolute;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
}

#trigger:hover .labelMenu {
    display: block
}

#nav li.selected .hvr-bounce-to-bottom::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

@media screen and (min-width: 992px) {

    #nav li a:hover:before,
    #nav li.selected a:before {
        -webkit-transform: translateX(50%) scale(1);
        transform: translateX(50%) scale(1);
    }

    #nav li a:before{
        content: '';
        display: block;
        position: absolute;
        top: 35px;
        left: 0;
        background: #ffe9eb;
        width: 50%;
        height: 3px;
        -webkit-transform: translateX(-100%) scale(0);
        transform: translateX(-100%) scale(0);
        -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }

    #nav .nav8 a:before {
        top: 55px;
    }

     #nav .logocentre a:before {
        background: transparent;
     }

    #nav .logocentre a:hover {
        background: transparent;
    }

    li.logocentre a {
        width: auto;
    }

    #nav li a:hover,
    #nav li.selected a {
        color: #ffe9eb;
    }

    div#menu {
        background: #f89
    }

    #nav ul,
    #nav li,
    #nav li a,
    .mp-level {
        height: auto
    }

    #nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    nav {
        height: auto
    }

    #nav,
    #nav ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #nav>li {
        position: relative;
        float: left;
        margin: 0 5px;
        overflow: visible;
    }

    #nav>li.last {
        margin-right: 0
    }

    #nav>li:hover .mp-level {
        display: block
    }

    #nav>li>.mp-level {
        display: none
    }

    #nav ul {
        position: absolute
    }

    #nav>li>ul {
        top: 100%;
        left: 0
    }

    #nav>li>ul>li>ul {
        top: 0;
        left: 100%;
        padding-left: 5px
    }

    #nav ul li {
        padding-top: 5px
    }

    #nav li a {
        background: none;
        color: #fff;
        display: block;
        padding: 10px 0;
        text-align: center;
        text-decoration: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 16px;
        font-weight: 400;
        font-family: inherit;
        text-transform: none;
        /*! height: 60px; */
        position: relative;
        overflow: visible;
        transition: 0.3s all ease-in-out;
        width: 128px;
    }

    #nav li:hover>ul {
        display: block
    }

    #nav li ul li a {
        border-radius: 0;
        border: 0;
        padding: 10px 2px !important;
        font-size: .85em;
        white-space: nowrap;
        background: rgba(255, 255, 255, .9) !important
    }

    #nav li ul li a:hover {
        background: rgba(204, 204, 204, .9) !important
    }

    .mp-level h2,
    #trigger,
    .mp-back,
    #nav li a.mp-back {
        display: none
    }
}

#trigger {
    position: absolute;
    top: 0;
    z-index: 1.0E+15;
    left: 0
}

.ongletMenuBurger {
    color: #000;
    background: #d1d1d1;
    padding: .2em .5em;
    margin: .3em;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em
}

#iconBurger,
.ongletMenuBurger {
    fill: #000;
    color: #000
}

.ongletMenuBurger:hover,
.ongletMenuBurger:focus,
.ongletMenuBurger:hover #iconBurger {
    fill: #fff;
    color: #000;
    background: #585858
}

.ongletMenuBurger svg {
    margin-right: .5em
}

.ongletMenuBurger>span {
    margin: -35px;
    opacity: 0
}

@media screen and (min-width: 1200px) {
    li.logocentre a {
        width: auto;
    }

    #nav>li {
        margin: 0 15px;
    }

    #nav li a {
        font-size: 17px;
        width: 134px;
    }
}

@media screen and (min-width: 1400px) {
    li.logocentre a {
        width: auto;
    }

    #nav>li {
        margin: 0 10px;
    }

    #nav li a {
        font-size: 17px;
        width: 170px;
    }
}

@media screen and (min-width: 1700px) {
    li.logocentre a {
        width: auto;
    }

    #nav>li {
        margin: 0 20px;
    }

    #nav li a {
        font-size: 18px;
        width: 142px;
    }
}