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

		TOP > UNIVERS INDEX
        Listing des univers
		
	 ------------------------------------------------------------------------		*/
.univers-index-wrapper {
    background: #000;
    width: 100%;
}
    .univers-index-inside {
        width: 999px;
        margin: 0 auto;
        display: flex; display: -webkit-flex; 
        flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
        justify-content: flex-start; -webkit-justify-content: flex-start;
    }
        .univers-index-inside .home {
            display: flex; display: -webkit-flex; 
            flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
            justify-content: space-around; -webkit-justify-content: space-around;
            width: 70px;
        }
            .univers-index-inside .home img {
                margin: auto;
                width: 51px;
                height: 41px;
            }
        .univers-index-inside .link {
            margin: 0px;
            height: 46px;
            display: flex; display: -webkit-flex; 
            flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
            justify-content: center; -webkit-justify-content: center;
            text-align: center;
            padding: 0px;
            border-right: 1px solid #5b5b5b;
            transition: all 0.4s;
            width: 130px;
        }
            .univers-index-inside .link .logo-wrapper {
                display: none;
                width: 100%;
                height: 40px;
                -webkit-transition: all .5s ease-in-out 0s;
                -moz-transition: all .5s ease-in-out 0s;
                -ms-transition: all .5s ease-in-out 0s;
                -o-transition: all .5s ease-in-out 0s;
                transition: all .5s ease-in-out 0s;
            }
                .univers-index-inside .link .logo-wrapper .inside {
                    display: flex; display: -webkit-flex; 
                    flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
                    justify-content: space-around; -webkit-justify-content: space-around;
                }

                .univers-index-inside .link:hover .logo-wrapper {
                    -webkit-animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
                            animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;                    
                }

            .univers-index-inside .link.last {
                border: none;
            }

        .univers-index-inside .link.small-lnh {
            width: 90px;
        }       

        .univers-index-inside .link a {
            display: inline-block;
            font-size: 11px;
            color: #FFF;
            padding: 5px 10px;
            margin: auto 0;
            line-height: 1.2;
            text-transform: uppercase;
        }
        .univers-index-inside a:hover {
            text-decoration: none; 
        }
            .univers-index-inside .link:hover {
                transition: all 0.4s;            
            }
            .univers-index-inside .link.lnh:hover {
                background: #228ece;
            }
            .univers-index-inside .link.lsl:hover {
                background: #cb8f23;
            }
            .univers-index-inside .link.prol:hover {
                background: #12448e;
            }
            .univers-index-inside .link.cdl:hover {
                background: #c99712;
            }
            .univers-index-inside .link.tdc:hover {
                background: #cc0000;
            }

        .univers-index-inside a.home {
            margin: auto 0;
            padding-right: 10px;
            border: none;
        }
        .univers-index-inside a.my-account {
            background: #820000;
            color: #FFF;
            width: 80px;
            text-align: center; 
            margin: 0;
            margin-right: 0px;
            padding: 5px;
            display: flex; display: -webkit-flex; 
            flex-flow: row wrap; -webkit-flex-flow: row wrap;
            justify-content: space-around; -webkit-justify-content: space-around;
        }
        .univers-index-inside a.my-account .material-icons {
            margin: auto;
            width: 100%;
        }
        .univers-index-inside a.my-account .text {
            margin: auto;
            width: 100%;
            line-height: 1.2;
            font-size: 10px;
            text-transform: uppercase;
        }

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

		MAIN > UNIVERS VIEW
        Menu d'un univers
		
	 ------------------------------------------------------------------------		*/
.univers-view-wrapper {
    margin-top: 55px;
    height: 99px;
    width: 100%;
    position: relative;
    display: flex; display: -webkit-flex; 
    flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
}
    .univers-view-wrapper a.home {
        margin: auto 0;
        margin-left: 6px;
        margin-right: 15px;
        border: none;
        position: relative;
        z-index: 200;
        height: 130px;
        display: flex; display: -webkit-flex; 
        flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
        justify-content: space-around; -webkit-justify-content: space-around;
        border-radius: 10px;
    }
        .univers-view-wrapper a.home img {
            height: 130px;
            width: auto;
            margin: auto;
        }
    .univers-view-inside {
        width: 100%;
        height: 44px;
        margin: auto;
        padding: 0px 20px 0px 160px;
        display: flex; display: -webkit-flex; 
        flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
        justify-content: flex-start; -webkit-justify-content: flex-start;
        position: absolute;
        left: 0px;
        top: 55px;
        z-index: 150;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background: #FFF;
    }
        div.theme-wide .univers-view-inside {
            border-radius: 10px; 
        }

        .univers-view-inside .spacer {
            display: none;
            width: 0px;
            background: #cccccc;
            height: 44px;
            margin: 0;
            padding: 0px;
        }
        .univers-view-inside .link {
            margin: 0 auto;
            display: flex; display: -webkit-flex; 
            text-align: center;
        }
        .univers-view-inside .link a {
            display: inline-block;
            font-size: 11px;
            font-weight: 700;
            color: #243f92;
            padding: 0;
            margin: auto 0;
            line-height: normal;
            text-transform: uppercase;
            letter-spacing: -0.1px;
        }
            .univers-view-inside .link a.active {
            }

        .univers-view-inside .link:hover {
        }
        .univers-view-inside a:hover {
            text-decoration: none; 
        }


        .univers-view-inside .link.logo {
            margin: 0;
            height: 44px;
            display: flex; display: -webkit-flex; 
            text-align: center;
        }
            .univers-view-inside .link.logo a {
                padding: 0;
            }

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

        FOOTER
        Menu footer de l'univers
        
     ------------------------------------------------------------------------       */
div.nav-footer-wrapper {
    width: 100%;
    padding: 20px 20px 60px;
    background: #f1f1f1;
    margin-top: 0px;
    display: flex; display: -webkit-flex; 
    flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
}
    div.col-competitions {
        width: 190px;
        margin: 0 auto;
        border-right: 1px solid #FFF;
        display: flex; display: -webkit-flex; 
        flex-flow: row wrap; -webkit-flex-flow: row wrap;
        padding-right: 20px;
    }
        div.col-competitions a {
            width: 70px;
            height: 49px;
            margin: 0 auto;
            margin-bottom: 7px;
            -webkit-transition: all .5s ease-in-out 0s;
            -moz-transition: all .5s ease-in-out 0s;
            -ms-transition: all .5s ease-in-out 0s;
            -o-transition: all .5s ease-in-out 0s;
            transition: all .5s ease-in-out 0s;
        }
            div.col-competitions a.global-6892 {
                background: url('../_img/footer/footer-lnh.png') no-repeat top left;
            }
            div.col-competitions a:hover.global-6892, div.col-competitions a.global-6892.is-active {
                background: url('../_img/footer/footer-lnh-hover.png') no-repeat top left;
            }

            div.col-competitions a.d1-26623 {
                background: url('../_img/footer/footer-lsl.png') no-repeat top left;
            }
            div.col-competitions a:hover.d1-26623, div.col-competitions a.d1-26623.is-active {
                background: url('../_img/footer/footer-lsl-hover.png') no-repeat top left;
            }

            div.col-competitions a.d2-25326 {
                background: url('../_img/footer/footer-prol.png') no-repeat top left;
            }
            div.col-competitions a:hover.d2-25326, div.col-competitions a.d2-25326.is-active {
                background: url('../_img/footer/footer-prol-hover.png') no-repeat top left;
            }

            div.col-competitions a.cdl-17182 {
                background: url('../_img/footer/footer-cdl.png') no-repeat top left;
            }
            div.col-competitions a:hover.cdl-17182, div.col-competitions a.cdl-17182.is-active {
                background: url('../_img/footer/footer-cdl-hover.png') no-repeat top left;
            }

            div.col-competitions a.tdc-27039 {
                background: url('../_img/footer/footer-tdc.png') no-repeat top left;
            }
            div.col-competitions a:hover.tdc-27039, div.col-competitions a.tdc-27039.is-active {
                background: url('../_img/footer/footer-tdc-hover.png') no-repeat top left;
            }

            div.col-competitions a.tdh-18238 {
                background: url('../_img/footer/footer-tdh.png?v=2019') no-repeat top left;
            }
            div.col-competitions a:hover.tdh-18238, div.col-competitions a.tdh-18238.is-active {
                background: url('../_img/footer/footer-tdh-hover.png?v=2019') no-repeat top left;
            }

            div.col-competitions a.hsg-10345 {
                background: url('../_img/footer/footer-hsg.png') no-repeat top left;
            }
            div.col-competitions a:hover.hsg-10345, div.col-competitions a.hsg-10345.is-active {
                background: url('../_img/footer/footer-hsg-hover.png') no-repeat top left;
            }

            div.col-competitions a.others-19173 {
                background: url('../_img/footer/footer-others.png') no-repeat top left;
            }
            div.col-competitions a:hover.others-19173, div.col-competitions a.others-19173.is-active {
                background: url('../_img/footer/footer-others-hover.png') no-repeat top left;
            }

    div.col-nav {
        width: 300px;
        margin: 0 auto;
    }
        div.col-nav .univers-title {
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            padding: 7px 0;
            margin-bottom: 15px;
            border-top: 1px solid #e10816;
            border-bottom: 1px solid #e10816;
            color: #e10816;
        }
        div.col-nav .links-wrapper {
            display: flex; display: -webkit-flex; 
            flex-flow: column wrap; -webkit-flex-flow: column wrap;
            height: 180px;
        }
            div.col-nav .links-wrapper a {
                width: 50%;
                display: block;
                margin: 5px 0;
                text-transform: uppercase;
            }

        div.col-nav .links-wrapper.baseline {
            height: auto;
        }
            div.col-nav .links-wrapper.baseline a {
                width: 100%;
            }

    div.col-banner {
        width: 300px;
        margin: 0 auto;
    }
        div.col-banner img {
            width: 100%;
        }


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

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

div#baseline-container div.baseline-inside {
    position: absolute;
    z-index: 2;
    top: 18px;
    padding-top: 20px;
    height: 110px;
    width: 100%;
    background: #FFF;  
}

div.baseline-partners-wrapper {
    width: 90%;
    margin: 0 auto;
    display: flex; display: -webkit-flex; 
    flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
    justify-content: center; -webkit-justify-content: center;
}
    div.baseline-partners-wrapper a {
        margin: auto 15px;
        width: 90px;
    }
        div.baseline-partners-wrapper a img {
            width: 90px;
        }