@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {

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

        MAIN > UNIVERS VIEW
        Menu d'un univers
        
     ------------------------------------------------------------------------       */
/*  MENU MOBILE > BARRE NAVIGATION */
.mobile-navbar {
    width: 100%;
    background: #292828;
    height: 50px;
    position: relative;
}
    .mobile-navbar-inside {
        padding: 0 20px;    
        display: flex; display: -webkit-flex; 
        flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
    }
        .mobile-navbar-inside img {
            margin: auto auto auto 0;
            height: 65px;
            z-index: 900;
            position: relative;
        }

        .nav-icon {
            margin: auto 0 auto auto;
            margin-top: 10px;
            z-index: 99999;
            cursor: pointer;
            position: relative;
            height: 40px;
            width: 40px;
            color: #FFF;
        }
            .nav-icon .material-icons {                
                font-size: 33px;
                line-height: 33px;
            }
        div.icon-close {
          display: none;
          position: absolute;
          top: 10px;
          right: 10px;
          cursor: pointer;
        }
            .icon-close .material-icons {                
                font-size: 33px;
                line-height: 33px;
            }


/*  MENU MOBILE > CONTENU */
#mobile-navigation {
    background: url('../_img/nav-mobile-bg.jpg') top center #ffffff;
    z-index: 999998;
    position: absolute;
    left: 0px;
    width: 100%;
    -moz-box-shadow: 0px 30px 10px 0px #656565;
    -webkit-box-shadow: 0px 30px 10px 0px #656565;
    -o-box-shadow: 0px 30px 10px 0px #656565;
    box-shadow: 0px 30px 10px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);     
}
.mobile-navigation-inside {
    padding: 10px;
}
    .mobile-navigation-inside a.main-logo {
        width: 100%;
        padding: 5px 0 15px;
        display: block;
        text-align: center;
    }
        .mobile-navigation-inside a.main-logo img {
            height: 85px;
            width: auto;
        }
    .mobile-navigation-inside .nav-univers {
        width: 350px;
        margin: 0 auto;
        display: flex; display: -webkit-flex; 
        flex-flow: column nowrap; -webkit-flex-flow: column nowrap;
    }
        .mobile-navigation-inside .nav-univers a {
            height: 30px;
            width: 100%;
            text-align: left;
            line-height: 1.0;
            display: flex; display: -webkit-flex; 
            flex-flow: row wrap; -webkit-flex-flow: row wrap;
            border-top-left-radius: 9px;
            border-bottom-right-radius: 9px;
            font-size: 15px;
            background: #f1f1f1;
            color: #243f92;
            margin-bottom: 7px;
            text-transform: uppercase;
            -moz-box-shadow: 0px 1px 3px 0px #999999;
            -webkit-box-shadow: 0px 1px 3px 0px #999999;
            -o-box-shadow: 0px 1px 3px 0px #999999;
            box-shadow: 0px 1px 3px 0px #999999;
            filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=180, Strength=3);     
        }
            .mobile-navigation-inside .nav-univers a:hover {
                text-decoration: none;
            }

            .mobile-navigation-inside .nav-univers a .text {
                margin: auto 13px;
            }

            .mobile-navigation-inside .nav-univers a.my-lnh {
                background: #820000 !important;
                color: #FFF !important;
            }
                .mobile-navigation-inside .nav-univers a.my-lnh .material-icons {
                    color: #FFF;
                    margin: auto 13px auto auto;
                }
        .mobile-navigation-inside .nav-univers a.competitions {
            color: #FFF !important;
            padding: 4px 0;
            font-size: 14px;
            height: auto;
        }
            .mobile-navigation-inside .nav-univers a.competitions img {
                height: 38px;
                width: 38px;
                margin: auto 4px auto 10px;
            }
            .mobile-navigation-inside .nav-univers a.competitions .text {
                padding: 0;
            }
        .mobile-navigation-inside .nav-univers a.competitions.global-6892 {
            background: #228ece !important;
        }
        .mobile-navigation-inside .nav-univers a.competitions.d1-26623 {
            background: #cb8f23 !important;
        }
        .mobile-navigation-inside .nav-univers a.competitions.d2-25326 {
            background: #12448e !important;
        }
        .mobile-navigation-inside .nav-univers a.competitions.cdl-17182 {
            background: #1e2059 !important;
        }
        .mobile-navigation-inside .nav-univers a.competitions.tdc-27039 {
            background: #d50a12 !important;
        }
        .mobile-navigation-inside .nav-univers a.competitions.tdh-18238 {
            background: #ceab6b !important;
        }
        .mobile-navigation-inside .nav-univers a.competitions.hsg-10345 {
            background: #222221 !important;
        }
        .mobile-navigation-inside .nav-univers a.competitions.others-19173 {
            background: #757574 !important;
        }

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

        TOP > UNIVERS INDEX
        Listing des univers
        
     ------------------------------------------------------------------------       */
.univers-index-wrapper {
    display: none;
}

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

		MAIN > UNIVERS VIEW
        Menu d'un univers
		
	 ------------------------------------------------------------------------		*/
.univers-view-wrapper {
    display: none;
}

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

        FOOTER
        Menu footer de l'univers
        
     ------------------------------------------------------------------------       */
div.nav-footer-wrapper {
    padding: 20px 10px 55px;
    flex-flow: row wrap; -webkit-flex-flow: row wrap;
}
    div.col-competitions {
        width: 100%;
        margin: 0 auto;
        border-right: none;
        padding-right: 0;
        margin-bottom: 10px;
    }

    div.col-nav {
        width: 62%;
        margin: 0;
        margin-right: auto;
    }
        div.col-nav .univers-title {
        }
        div.col-nav .links-wrapper {
            height: 130px;
        }
            div.col-nav .links-wrapper a {
                margin-bottom: 2px;
            }

    div.col-banner {
        width: 36%;
        margin: 0;
        margin-left: auto;
    }
        div.col-banner img {
            width: 100%;
            height: auto;
        }


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

        BASELINE PARTENAIRES
        Menu partenaires bloqué en bas de page
        
     ------------------------------------------------------------------------       */
.baseline-name {
    position: relative;
    z-index: 3;    
}

div#baseline-container div.baseline-inside {
    height: 150px;
}

div.baseline-partners-wrapper {
    flex-flow: row wrap; -webkit-flex-flow: row wrap;
}
    div.baseline-partners-wrapper a {
        margin: 5px auto;
        width: 70px;
    }
        div.baseline-partners-wrapper a img {
            width: 70px;
        }

}