/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.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;
}

.mp-menu {
    position: absolute; /* we can't use fixed here :( */
    top: 0;
    left: 0;
    z-index: 1;
    width: 300px;
    height: 100vh;
    background : #40b0ea;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);

    transition : transform 0.5s;
    -webkit-transition : transform 0.5s;
    -ms-transition : transform 0.5s;
}

.mp-level>ul>li>a>span{
    color:#333333;
}
.mp-level>ul>li>a:hover>span{
    color:#56c1ff;
}

/* menu mobile */

.mp-level {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: auto;
    height : calc( 100vh - 50px );
    overflow : hidden;
    background: #F4F4F4;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.mp-menu > .mp-level {
    top : 80px;
}

.mp-menu > .mp-level.mp-level-open {
    height: calc( 100% - 50px );
}

.mp-level.mp-level-open {
    height : calc( 100vh - 50px );
    overflow : auto;
}

.mp-level.mp-level-open.mp-level-overlay {
    overflow : hidden;
    height : 200vh;
}

.mp-level.mp-level-open.mp-level-overlay > ul > li:not(.m_current) {
    opacity : 0;
    visibility : hidden;
}

.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: transform 0.5s;
    -moz-transition: transform 0.5s;
    transition: transform 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
    box-shadow: 1px 0 2px rgba(0,0,0,0.2);
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);

}

/* First level */
.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 {
    box-shadow: none;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform 0.5s, -webkit-transform 0.5s;
    -moz-transition: transform 0.5s, -moz-transform 0.5s;
    transition: transform 0.5s;
}

/* cover */
.mp-cover .mp-level.mp-level-open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

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

/* titles */

.mp-menu .title {
    margin: 0 20px;
    color : rgba(0, 0, 0, 0.7);
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    font-size: 16px;
    min-height : 40px;
    line-height : 40px;
    padding : 0.7em 0;
    text-transform: uppercase;
    font-weight: 400;
    display : block;
}

.mp-menu .title .text {
    vertical-align : middle;
    margin-left : 20px;
}

.mp-menu .title .picto + .text {
    margin-left : 0;
}

.mp-menu .mp-level .mp-level .mp-level .title, .mp-menu .close_bloc .title {
    color: #ffffff;
}

.mp-menu .mp-level .mp-level .mp-level .title a {
    vertical-align : middle;
    line-height : 18px;
    display : inline-block;
    padding-bottom: 3px;
}

.mp-menu .title a:hover, .mp-menu ul li .title a:hover {
    background : transparent;
    color : #56c1ff;
}

.mp-menu .title .picto, .mp-menu .title a .picto {
    font-size : 40px;
    line-height : 40px;
    overflow : visible;
    width : auto;
    margin: 0 5px;
}

.mp-menu .title .picto + .centered-height {
    width : calc(100% - 60px);
}

.mp-menu.mp-overlap .title: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 0.1s 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
    transition: opacity 0.3s, transform 0.1s 0.3s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

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

/* lists */

.mp-menu ul {
    list-style: none;
    text-align : left;
    overflow : hidden;
}

.mp-menu > .mp-level > ul {
    margin: 0;
    padding: 0;
    overflow : auto;
    width : 300px;
    height : 100%;
    position : relative;
}

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

/* lists links */

.mp-menu ul li > a {
    display: block;
    padding: 0.7em 1em 0.7em 1em;
    outline: none;
    font-size: 16px;
    line-height : 20px;
    font-weight : 400;
    text-transform : uppercase;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}

.mp-menu ul li > a .icon {
    font-size : 12px;
}

.mp-level a {
    color : rgba(0, 0, 0, 0.7);
    /* position : relative; */
}


#mp-menu .mp-level ul{
    list-style: none;
}

#mp-menu .mp-level-2 a {
    /* color : rgba(255, 255, 255, 0.7); */
    text-transform : none;
    line-height : 20px;
    vertical-align : middle;
}

#mp-menu .mp-level-2 .centered-height a {
    line-height : 1;
    display : inline-block;
    float : none;
    vertical-align : middle;
}

#mp-menu .mp-level-2 .c_container a, #mp-menu .mp-level-2 .c_container span {
    color : rgba(255, 255, 255, 0.7);
}

#mp-menu .mp-level-2 a.mp-back {
    text-transform : uppercase;
}

#mp-menu .mp-level-2 ul {
    padding : 5px 0;
}

#mp-menu .mp-level-2 li {
    padding : 0 5px;
}
/*
#mp-menu > .mp-level > ul > li > a:hover {
	background : rgba(240, 74, 49, 0.9);
	color : #ffffff;
}
*/

.mp-level a .text {
    padding-left : 0px;
    vertical-align : middle;
    -webkit-transition: border-color 0.3s ease-in, padding 0.3s ease-in;
    -moz-transition: border-color 0.2s ease-in, padding 0.2s ease-in;
    transition: border-color 0.2s ease-in, padding 0.2s ease-in;
}

.mp-level a:hover .text {
    padding-left : 5px;
}

.mp-level a .picto {
    margin : 0 10px 0 0;
    font-size : 22px;
    width : 24px;
    overflow : visible;
}

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

.mp-menu.out ul li a:hover {
    background: rgba(0,0,0,0.2);
    box-shadow: inset 0 -1px rgba(0,0,0,0);
}

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

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

#mp-menu .mp-level .picto_menu {
    position : static;
    margin : 0 0 0 6px;
    vertical-align : middle;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);

    -webkit-transition: border-color 0.2s ease-in, margin 0.3s ease-in;
    -moz-transition: border-color 0.2s ease-in, margin 0.3s ease-in;
    transition: border-color 0.2s ease-in, margin 0.3s ease-in;
}

#mp-menu .mp-level a:hover .picto_menu {
    border-color : transparent transparent transparent #ffffff;
}

/* back buttons */

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

.mp-back:hover {
    padding : 1em 1em 1em 4em;
}

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

#mp-menu  .mp-back .picto_menu, #mp-menu .mp-level-2 .mp-back .picto_menu {
    position:absolute;
    top:50%;
    margin-top:-2.5px;
    left:18px;
    display:inline-block;
    width:0px;
    height:0px;
    border-width : 3px 4px 3px 0;
    border-color : transparent #ffffff transparent transparent;
    border-style : solid;
    vertical-align:middle;
    /* background:url(/web/20190124181135im_/https://5septdirect.com/img/sprite.png) no-repeat -10px -20px; */
    overflow:hidden;
}

#mp-menu  .mp-back .picto_menu {
    border-color : transparent rgba(0, 0, 0, 0.7) transparent transparent;
}

#mp-menu  .mp-level .mp-back:hover .picto_menu {
    border-color : transparent #ffffff transparent transparent;
}

.mp-level li{
    margin-left:0;
}

.m_event:after{
    content:"\e98e";
    font-family: 'kfont';
    margin:0 20px;
}

/*#mp-menu li.eboutique a span, #mp-menu li.fooding a span{*/
/*color:#ffffff;*/
/*}*/

/* fancy mobile rules */

.mp-pusher {
    transition : transform 0.5s;
    -webkit-transition : transform 0.5s;
}

.fancy_visible .scroller, .menu_visible .scroller {
    overflow: hidden;
    /*position: relative;*/
    height: 100%;
}

.menu_visible html{
    overflow:hidden;
}

.mp-fancy {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-340px);
    -webkit-transform: translateX(-340px);
    -ms-transform: translateX(-340px);
    width: 340px;
    z-index: 1;
}

.scroller:before{
    position: absolute;
    top: 0;
    right: 0;
    width : 0;
    height : 0;
    content: '';
    display : block;
    z-index : 9999;
}

.scroller.mp-pushed {
    cursor:pointer;
}

.scroller.mp-pushed:before{
    left : 0;
    bottom : 0;
    width : auto;
    height : auto;
    background : rgba(0, 0, 0, 0.5);

    transition : background 0.5s;
    -webkit-transition : background 0.5s;
}

.mp-pusher.fancy_visible {
    transform: translateX(340px);
    -webkit-transform: translateX(340px);
    -ms-transform: translateX(340px);
}

.mp-pusher.menu_visible {
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
}

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

.mp-pusher.fancy_visible {
    transform: translateX(340px);
    -webkit-transform: translateX(340px);
    -ms-transform: translateX(340px);
}

#mp-fancy > .header {
    border-bottom : 5px solid #5cb39b;
    position:relative;
}

/* Launcher du menu */

#menu_launcher{
    cursor:pointer;
}

#menu_launcher a {
    display : block;
}

#menu_launcher .text {
    vertical-align : middle;
    font-size : 1.1em;
    color : #191818;
    line-height : 1;
    padding-bottom : 5px;
    text-transform: uppercase;
}

/* Menu icon */
.m_icon {
    display: inline-block;
    position: relative;
    margin: 10px 0;
    height: 2px;
    width: 24px;
    background: #191818;
    vertical-align: middle;
}
.m_icon:before {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    left: 0;
    height: 2px;
    width: 24px;
    background: #191818;
}
.m_icon:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0;
    height: 2px;
    width: 24px;
    background: #191818;
}

/* Partie Logo */
#mh_close{
    text-align:right;
    padding-right:15px;
    padding-top:15px;
}
#mh_close .icon{
    padding:10px;
    cursor:pointer;
}
#logo_mh{
    margin-top:10px;
    text-align:center;
}

#logo_mh img{
    width: 200px;
}

/*
     FILE ARCHIVED ON 18:11:35 Jan 24, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:10:56 Jan 07, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 75.766
  exclusion.robots: 0.084
  exclusion.robots.policy: 0.073
  cdx.remote: 0.066
  esindex: 0.011
  LoadShardBlock: 45.265 (3)
  PetaboxLoader3.datanode: 60.279 (5)
  load_resource: 98.037 (2)
  PetaboxLoader3.resolve: 66.798 (2)
*/