/* --------------------------------------------------

    KPAFUCAZONTAL

-------------------------------------------------- */

html,
body.lyt-ho,
.lyt-ho #wrap {
    height: 100%;
}


/* -------------------------
    Affichage horizontal
------------------------- */

body.lyt-ho {
    /* bloquage du scroll vertical */
    overflow: auto;
    overflow-x: scroll;
    overflow-y: hidden;
}

.lyt-ho #wrap {
    /* affiche tous les enfants inline sans retour à la ligne. */
    white-space: nowrap;
    /* évite les espaces entre les éléments enfants */
    font-size: 0;
}

.lyt-ho #head,
.lyt-ho #main,
.lyt-ho .page,
.lyt-ho .section {
    /* affichage en inline dans le parent */
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

.lyt-ho .page {
    position: relative;
}

.lyt-ho .section {
    position: relative;

    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;

    /* récupération de l'affichage */
    white-space: normal;

    /* récupération de la taile du texte (penser à mettre à jour si on modifie le font-size du body) */
    font-size: 14px; /* fallback lteIE8 */
    font-size: 1rem;
}


/* -------------------------
    Taille des pages
------------------------- */

/**
 * On définit la taille du #main avec la marge à gauche pour le menu fixe.
 */
.lyt-ho #main {
    width: 100%;
    padding-left: 60px;
    margin-left: -60px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}

/**
 * La dernière page fait au moins la taille du #main (sans les marges),
 * ce qui permet de pouvoir scroller et l'amener à gauche de l'écran.
 */
.lyt-ho .page:last-child {
    min-width: 100%;
}


/* -------------------------
    Pages plein écran
------------------------- */

/* page prenant tout l'écran (moins la taille du menu replié) */

.lyt-ho .page-full {
    width: 100%;
}

/* ces pages ne peuvent avoir qu'une seule section */

.lyt-ho .page-full > .section {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}





/* --------------------------------------------------

    OVERLAY

-------------------------------------------------- */

/**
 * Élément affiché par dessus le main lorsqu'on navigue dans le menu.
 */
.lyt-ho #overlay {
    width: 100%;
    height: 100%;
    display: block;

    z-index: 150;
    position: fixed;
    top: 0;
    left: 0;

    background-color: #fff; /* fallback lteIE8 */
    background-color: rgba(255, 255, 255, 0.8);
}


/* Transition : enter */

.lyt-ho #overlay.oj-enter {
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background-color 350ms ease-in-out;
       -moz-transition: background-color 350ms ease-in-out;
            transition: background-color 350ms ease-in-out;
}

.lyt-ho #overlay.oj-enter.oj-enter-active {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

/* Transition : leave */

.lyt-ho #overlay.oj-leave {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-transition: background-color 350ms ease-in-out;
       -moz-transition: background-color 350ms ease-in-out;
            transition: background-color 350ms ease-in-out;
}

.lyt-ho #overlay.oj-leave.oj-leave-active {
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0);
}





/* --------------------------------------------------

    HEAD

-------------------------------------------------- */


.lyt-ho #head {
    padding: 0 0 0 180px;

    z-index: 200;
    position: relative;
}
.lyt-ho #head.animate {
    -webkit-transition: padding-left 350ms ease-in-out;
       -moz-transition: padding-left 350ms ease-in-out;
            transition: padding-left 350ms ease-in-out;
}
.lyt-ho #head.is-collapsed {
    padding-left: 60px !important;
}

.lyt-ho #head #logo {
    margin: 15px;
    -webkit-transition: opacity 350ms ease-in-out;
       -moz-transition: opacity 350ms ease-in-out;
            transition: opacity 350ms ease-in-out;
}
.lyt-ho #head.is-collapsed #logo {
    opacity: 0;
}


/* -------------------------
    .section
------------------------- */

.lyt-ho #head .section {
    width: 180px;

    z-index: 151;

    background-color: #000;
    border-left: 1px solid #4d4d4d;
}
.lyt-ho #head .section.is-closed {
    width: 0;
}
.lyt-ho #head .section.is-overflow {
    z-index: 101;
    border-color: #000;
    cursor: pointer;
}

.lyt-ho #head .section:after {
    content: '.';
    display: block;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    font-size: 0;

    border-color: 2px solid #f00;

    -webkit-transition: background-color 350ms ease-in-out;
       -moz-transition: background-color 350ms ease-in-out;
            transition: background-color 350ms ease-in-out;

    pointer-events: none;
}
.lyt-ho .no-pointerevents #head .section:after {
    width: 0;
    height: 0;
}
.lyt-ho #head .section.is-overflow:after {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
    pointer-events: auto;
}
.lyt-ho #head .section.is-half-overflow:after, #head.is-collapsed .section#root:after {
    background-color: rgba(0,0,0, 1);
}

.lyt-ho #head.is-collapsed .section#root:after {
    background-color: #000;
    background-color: rgba(0, 0, 0, 1);
    pointer-events: auto;
}
.lyt-ho .no-pointerevents #head .section.is-overflow .menu,
.lyt-ho .no-pointerevents #head.is-collapsed .section#root .menu {
    display: none;
}


/* -------------------------
    .section#root
------------------------- */

.lyt-ho #head .section#root {
    overflow: hidden;

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;

    border-left: none;
}
.lyt-ho #head.animate .section#root {
    -webkit-transition: width 350ms ease-in-out;
       -moz-transition: width 350ms ease-in-out;
            transition: width 350ms ease-in-out;
}

/* .lyt-ho #head .section#root {
    overflow-x: hidden;
    overflow-y: hidden;
}
.no-touch .lyt-ho #head .section#root:hover {
    overflow-y: auto;
}
.touch .lyt-ho #head .section#root {
    overflow-y: auto;
} */

.lyt-ho #head .section#root .menu {
    width: 180px; /* utile lorsque le header est collapsé */
}

.lyt-ho #head.is-collapsed .section#root {
    width: 60px;
    cursor: pointer;
}


/* --------------------------------------------------
    #left
-------------------------------------------------- */

/* -------------------------
    -logo
------------------------- */

.lyt-ho #left-logo {
    display: block;
    width: 60px;
    height: 60px;

    z-index: 200;
    position: fixed;
    top: 0;
    left: 0;
}
.lyt-ho #left-logo:after {
    content: ' ';
    width: 30px;
    height: 30px;
    display: block;

    position: absolute;
    top: 12px;
    left: 15px;

    background-image: url(img/logo.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* -------------------------
    -toggle
------------------------- */

.lyt-ho #left-toggle {
    display: block;
    width: 60px;
    height: 26px;

    z-index: 150;
    position: fixed;
    top: 60px;
    left: 0;
}
.lyt-ho #left-toggle:before,
.lyt-ho #left-toggle:after {
    content: ' ';
    display: block;
    width: 18px;
    margin-top: -7px;

    position: absolute;
    left: 15px;
    top: 50%;

    border-style: solid;
    border-color: #f2f2f2;
}
.lyt-ho #left-toggle:before {
    height: 10px;
    border-width: 2px 0;
}
.lyt-ho #left-toggle:after {
    height: 6px;
    border-width: 0 0 2px;
}
.lyt-ho #head.is-collapsed #left-toggle {
    z-index: 199;
}

/* -------------------------
    -arrow
------------------------- */

.lyt-ho #left-arrow {
    display: block;
    width: 16px;
    height: 28px;
    margin: -14px -8px;

    z-index: 102;
    position: fixed;
    top: 50%;
    left: 30px;

    background-image: url(img/arrows.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.lyt-ho #head.is-collapsed #left-arrow {
    z-index: 199;
}

/* -------------------------
    backgd
------------------------- */

.lyt-ho #left-backgd {
    display: block;
    width: 60px;

    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;

    background-color: #000;
    background-color: rgba(0, 0, 0, 1);
}
.lyt-ho #head.is-collapsed #left-backgd {
    /*z-index: 198;*/
}


.lyt-ho #right {
    width: 0;
    right: 0;
    display: block;
    overflow: hidden;

    position: fixed;
    top: 0;
    bottom: 0;

    background-color: #000;
    background-color: rgba(0, 0, 0, 0.70);

    -webkit-transition: width 350ms ease-in-out;
       -moz-transition: width 350ms ease-in-out;
            transition: width 350ms ease-in-out;

    cursor: pointer;
}
.lyt-ho #right:after {
    content: ' ';
    display: none;
    width: 16px;
    height: 28px;
    margin: -14px -8px;

    position: fixed; /* POUR IE8 mettre absolute */
    top: 50%;
    right: 20px;

    background-image: url(img/arrows.png);
    background-repeat: no-repeat;
    background-position: -18px 0;
}

.lyt-ho #right.is-visible {
    width: 40px;
}
.lyt-ho #right.is-visible:after {
    display: block;
}




/* --------------------------------------------------

    MAIN

-------------------------------------------------- */

/* -------------------------
    .dgt-submenu
------------------------- */

.lyt-ho .dgt-submenu {
    width: 180px;
    padding: 0;
    overflow-y: hidden;
    overflow-x: hidden;
}

.no-touch .lyt-ho .dgt-submenu:hover {
	overflow-y: auto;
}
.touch .lyt-ho .dgt-submenu {
	overflow-y: auto;
}

/* ouverture d'un sous-menu */

.lyt-ho #head .dgt-submenu.enter,
.lyt-ho .page .dgt-submenu.enter {
    width: 0 !important;
}
.lyt-ho #head .dgt-submenu.enter-active,
.lyt-ho .page .dgt-submenu.enter-active {
    width: 180px !important;
    -webkit-transition: width 400ms ease-in-out;
       -moz-transition: width 400ms ease-in-out;
            transition: width 400ms ease-in-out;
}

/* fermeture d'un sous-menu */

.lyt-ho #head .dgt-submenu.leave,
.lyt-ho .page .dgt-submenu.leave {
    width: 180px !important;
}
.lyt-ho #head .dgt-submenu.leave-active,
.lyt-ho .page .dgt-submenu.leave-active {
    width: 0 !important;
    -webkit-transition: width 300ms ease-in-out;
       -moz-transition: width 300ms ease-in-out;
            transition: width 300ms ease-in-out;
}

.lyt-ho .dgt-submenu li {
    width: 180px; /* Impotant durant la transition */
    /*padding: 65px 15px 15px;*/

    /*position: absolute;
    top: 0;
    right: 0;
    bottom: 0;*/
}
.lyt-ho .dgt-submenu .menu {
    padding-top: 65px;
}



.lyt-ho #head .dgt-submenu {
    overflow: hidden !important;
}
.lyt-ho #head .dgt-submenu .menu {
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.lyt-ho #head .section#root #logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.lyt-ho #head .section#root #tools {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.lyt-ho #head .section#root #menu {
    height: auto;
    position: absolute;
    top: 65px;
    left: 0;
    right: 0;
    bottom: 32px;
    overflow-y: hidden;
    overflow-x: hidden;
}
.lyt-ho #head .dgt-submenu:hover .menu,
.lyt-ho #head .section#root:hover #menu {
    overflow-y: auto;
}
.lyt-ho #head .dgt-submenu.is-overflow .menu,
.lyt-ho #head .section#root.is-overflow:hover #menu {
    overflow: hidden !important;
}

/* --------------------------------------------------
    PAGES
-------------------------------------------------- */

/* Transition : enter * /

.lyt-ho .page.oj-enter {
    opacity: 0;
    -webkit-transition: opacity 600ms ease-out;
}

.lyt-ho .page.oj-enter.oj-enter-active {
    opacity: 1;
}

/* Transition : leave * /

.lyt-ho .page.oj-leave {
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in;
}

.lyt-ho .page.oj-leave.oj-leave-active {
    opacity: 0;
}


/* --------------------------------------------------
    SCROLL OVERLAY
-------------------------------------------------- */

.lyt-ho #scroll-overlay {
    height: 100%;
    display: block;

    pointer-events: none;

    position: absolute;
    top: 0;
    left: 0;

    background-color: #eee;
    background-color: rgba(0,0,0,0.2);
}
.lyt-ho #scroll-overlay.oj-leave {
    -webkit-transition: background-color 400ms ease-in-out;
       -moz-transition: background-color 400ms ease-in-out;
            transition: background-color 400ms ease-in-out;
}
.lyt-ho #scroll-overlay.oj-leave-active {
    background-color: transparent;
}











/* --------------------------------------------------

    CONTENT

-------------------------------------------------- */

.lyt-ho h1,
.lyt-ho li {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            column-break-inside: avoid;
}



.lyt-ho .ending {
    height: 100%;
    display: block;
    position: relative;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-column-break-before: always;
       -moz-column-break-before: always;
            column-break-before: always;

    background-repeat: no-repeat;
    background-position: right bottom;
    margin-right: -30px;
}

.lyt-ho .dgt-mo-only{
	display:none;
}
/* --------------------------------------------------

    LISTS SCROLL BARS

-------------------------------------------------- */

/*.lyt-ho .dgt-list ul {
	overflow-y:hidden;
}

.lyt-ho .dgt-list:hover ul {
	overflow-y:auto;
}*/
/* --------------------------------------------------

    GLOBAL

-------------------------------------------------- */

html, body.lyt-ho {
    height: 100%;
}
body.lyt-mo {
    width: 100%;
    overflow-x: hidden;
}

body.lyt-mo.mobile-menu-opened {
    overflow: hidden;
}


.lyt-mo #wrap {
    border-top: 50px solid #555;
}


/* --------------------------------------------------
    HEAD
-------------------------------------------------- */

.lyt-mo #head {
    width: 270px;

    z-index: 2;
    overflow: auto;
    position: fixed;
    top: 50px;
    left: -270px;
    bottom: 0;

    color: #fff;
    background-color: #000;

    -webkit-overflow-scrolling: touch;

    -webkit-transition: right 300ms ease-in-out;
       -moz-transition: right 300ms ease-in-out;
         -o-transition: right 300ms ease-in-out;
            transition: right 300ms ease-in-out;
}

.lyt-mo #head h1 {
    display: none;
}

.lyt-mo #head .menu {
    border-top: 1px solid #222;
}
.lyt-mo #head .menu li {
    border-bottom-color: #222;
}

.lyt-mo.mobile-menu-opened #head {
    /*display: block;*/
/* BK    right: 0;*/
	left: 0;
/* KB */
    -webkit-transition: left 300ms ease-in-out;
       -moz-transition: left 300ms ease-in-out;
         -o-transition: left 300ms ease-in-out;
            transition: left 300ms ease-in-out;
}


/* --------------------------------------------------
    MEAD
-------------------------------------------------- */

.lyt-mo #mead {
    width: 100%;
    height: 50px;
    display: block;
    z-index: 2;
    position: fixed;
    top: 0;
/* BK    right: 0;*/
	left: 0;
/* KB */

    background-color: #000;
    -webkit-backface-visibility: hidden;
}

.lyt-mo.mobile-menu-opened #mead {
/* BK    width: 270px;
    right: 0;*/
	width: 270px;
	left: 0;
/* KB

    -webkit-transition: width 300ms ease-in-out;
       -moz-transition: width 300ms ease-in-out;
         -o-transition: width 300ms ease-in-out;
            transition: width 300ms ease-in-out;
 */
}

.lyt-mo #mead .close,
.lyt-mo #mead .back,
.lyt-mo #mead .icon,
.lyt-mo #mead .logo,
.lyt-mo #mead .toggle {
    display: block;
    height: 50px;
    line-height: 50px;
    position: relative;

    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
}

.lyt-mo #mead .close:after,
.lyt-mo #mead .back:after,
.lyt-mo #mead .icon:after,
.lyt-mo #mead .logo:after,
.lyt-mo #mead .toggle:after {
    content: ' ';
    display: block;
    background-image: url(oj-img/sprites.svg);
    background-repeat: no-repeat;

    position: absolute;
    top: 50%;
    left: 50%;
}
/* BK*/

.lyt-mo.mobile-menu-opened #mead .icon,
.lyt-mo.mobile-menu-opened #mead .logo {
	display:none;
}
/* -------------------------
    BACK
------------------------- */

.lyt-mo #mead .back {
    width: 50px;
    float: left;
    display: none;
}
.lyt-mo #mead .back:after {
    width: 14px;
    height: 28px;
    margin-top: -14px;
    margin-left: -7px;

    background-position: -95px -52px;
}

/* -------------------------
    CLOSE
------------------------- */

.lyt-mo #mead .close {
    width: 50px;
    float: left;
    display: none;
}
.lyt-mo #mead .close:after {
    width: 14px;
    height: 28px;
    margin-top: -14px;
    margin-left: -7px;

    background-position: -95px -52px;
}

/* -------------------------
    ICON
------------------------- */

.lyt-mo #mead .icon {
    width: 50px;

/* BK     float: left;*/
	float:right;
}
.lyt-mo #mead .icon:after {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    /*
    modif
    background-image: url(oj-img/logo.png) !important;
    background-position: 0 0;
    */
    background-image: url(oj-img/small-logo.svg) !important;
    background-position: 0 0;
    background-size: cover;
}

/* -------------------------
    LOGO
------------------------- */

.lyt-mo #mead .logo {
    width: 100px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px;
}
.lyt-mo #mead .logo:after {
    width: 98px;
    height: 20px;
    margin-top: -9px;
    margin-left: -49px;
    /*background-image: url(oj-img/logo.png) !important;*/
    background-position: -36px -173px;
}

/* -------------------------
    TOGGLE
------------------------- */

.lyt-mo #mead .toggle {
    width: 50px;

/* BK    float: right;*/
	float: left;
/* KB */
}

.lyt-mo.mobile-menu-opened #mead .toggle{
	float:right;
    -webkit-transition: right 300ms ease-in-out;
       -moz-transition: right 300ms ease-in-out;
         -o-transition: right 300ms ease-in-out;
            transition: right 300ms ease-in-out;
}

.lyt-mo #mead .toggle:before,
.lyt-mo #mead .toggle:after {
    content: ' ';
    display: block;
    width: 18px;
    margin-top: -7px;

    position: absolute;
    left: 15px;
    top: 50%;

    border-style: solid;
    border-color: #f2f2f2;
}
.lyt-mo #mead .toggle:before {
    height: 11px;
    border-width: 1px 0;
}
.lyt-mo #mead .toggle:after {
    height: 6px;
    border-width: 0 0 1px;
}

.lyt-mo.mobile-menu-opened #mead .toggle{
	border:none;
}
.lyt-mo.mobile-menu-opened #mead .toggle:before{
	border:none;
}
.lyt-mo.mobile-menu-opened #mead .toggle:after{
	border:none;
	width: 14px;
    height: 28px;
    margin-top: -12px;
    margin-left: -7px;
    background-position: -580px -51px;
    content: ' ';
    display: block;
    background-image: url(oj-img/sprites.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
}


/* -------------------------
    HAS BACK ?
------------------------- */
/* lorsqu'on n'est pas au 1er niveau */

.lyt-mo #mead.has-back .back {
    display: block;

    -webkit-transition: left 300ms ease-in-out;
       -moz-transition: left 300ms ease-in-out;
         -o-transition: left 300ms ease-in-out;
            transition: left 300ms ease-in-out;

}
.lyt-mo #mead.has-back .icon {
/*    display: none;*/
}


/* --------------------------------------------------
    MAIN
-------------------------------------------------- */

.lyt-mo #main {
    width: 100%;

    z-index: 1;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;

    -webkit-transition: margin-left 300ms ease-in-out;
       -moz-transition: margin-left 300ms ease-in-out;
         -o-transition: margin-left 300ms ease-in-out;
            transition: margin-left 300ms ease-in-out;
}
.lyt-mo.mobile-menu-opened #main {
/*BK     margin-left: -270px;*/
	margin-left: 270px;
}

.lyt-mo #main:after {
    content: ' ';
    display: block;

    z-index: 500;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;

    background: rgba(0, 0, 0, 0);

    -webkit-transition: background 300ms ease-in-out;
       -moz-transition: background 300ms ease-in-out;
         -o-transition: background 300ms ease-in-out;
            transition: background 300ms ease-in-out;
}
.lyt-mo.mobile-menu-opened #main:after {
    width: auto;
    height: auto;

    right: 0;
    bottom: 0;

    background: rgba(0, 0, 0, 0.5);
}


/* --------------------------------------------------
    PAGE
-------------------------------------------------- */

.lyt-mo .page {
    position: relative;
    height: 100%;
}
.lyt-mo .page.is-mobile-hidden {
    display: none;
}


/* --------------------------------------------------
    SECTION
-------------------------------------------------- */

.lyt-mo .section.full-height {
    position: relative;
    min-height: 100%;
}













/* --------------------------------------------------

    GLOBAL

-------------------------------------------------- */

.lyt-mo .menu li {
    border-bottom: 1px solid #d9d9d9;
}
.lyt-mo .menu a {
    position: relative;
    padding-top: 16px;
    padding-right: 40px;
    padding-bottom: 16px;
}
.lyt-mo .menu a:after {
    content: ' ';
    width: 22px;
    height: 16px;
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -8px;

    vertical-align: middle;

    opacity: 0.4;
    background-image: url(oj-img/sprites.svg);
    background-repeat: no-repeat;
    background-position: -123px -87px;
}
.lyt-mo .menu a:active {
    background-color: #f6f6f6;
    background-position: -132px -87px;
}
.lyt-mo .menu a:active:after {
    opacity: 1;
    background-position: -132px -27px;
}


.lyt-mo .menu a:after {

}

/*
.lyt-mo .menu a[href="#"]:after {
    background-position: -147px -87px;
}
*/

















/* --------------------------------------------------

    DGT MENU

-------------------------------------------------- */

.lyt-mo .dgt-menuwrap {
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
}
.lyt-mo .dgt-menuwrap .section {
    width: 100%;
    display: inline-block;
    vertical-align: top;

    white-space: normal;
    font-size: 1rem;
    line-height: 1.4;
    text-indent: 0;
}

.lyt-mo .dgt-menuwrap .dgt-rootmenu {
    transition: margin-left 300ms ease-in-out;
}
.lyt-mo .dgt-menuwrap-at-0 .dgt-rootmenu { margin-left:    0%; }
.lyt-mo .dgt-menuwrap-at-1 .dgt-rootmenu { margin-left: -100%; }
.lyt-mo .dgt-menuwrap-at-2 .dgt-rootmenu { margin-left: -200%; }
.lyt-mo .dgt-menuwrap-at-3 .dgt-rootmenu { margin-left: -300%; }
.lyt-mo .dgt-menuwrap-at-4 .dgt-rootmenu { margin-left: -400%; }
.lyt-mo .dgt-menuwrap-at-5 .dgt-rootmenu { margin-left: -500%; }
.lyt-mo .dgt-menuwrap-at-6 .dgt-rootmenu { margin-left: -600%; }
.lyt-mo .dgt-menuwrap-at-7 .dgt-rootmenu { margin-left: -700%; }

/* .section.dgt-rootmenu,
.lyt-mo .section.dgt-submenu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    transition: margin-left 300ms ease-in-out;
}

.lyt-mo .section.dgt-rootmenu {
    margin-left: 0;
}
.lyt-mo .section.dgt-submenu {
    margin-left: 100%;
}

.lyt-mo .dgt-menu-at-1 .section.dgt-rootmenu {
    margin-left: -100%;
}
.lyt-mo .dgt-menu-at-1 .section.dgt-submenu {
    margin-left: 0;
} */







/* --------------------------------------------------

    ORANGE A DEPLACER

-------------------------------------------------- */

/* #mead {
    height: 60px;
}
.lyt-mo #mead .logo {
    padding: 15px;
    width: auto;
    background-color: transparent;
}
.lyt-mo #mead .logo:after {
    content: ' ';
    width: 150px;
    height: 35px;
    display: block;
    text-decoration: none;
    text-indent: 105%;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(img/logo.png);
    background-position: 0 0;
    background-repeat: no-repeat;
} */