.jeu2 {
    background-color: $color-grey-darker;
}

.jeu2-menu {

    @include outer-container;
    @include text-center;
    padding: 20px 0;

}

.jeu2-item {
    @include span-columns(4);
    @include omega(3n);
    border-right: 1px solid $color-golden;

    a {
        @include transition (all 0.3s);
        display: block;
        position: relative;
        color: $color-grey-font;
        font-size: 1.2em;
        padding: 15px 0 15px 0;

        &:after {
            @include transition (all 0.2s);
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -10px;
            top: 50px;
            width: 19px;
            height: 12px;
            content: "";
            background: url('../img/svg/icon-chevron.svg') no-repeat;
            background-size: 100%;
        }

        &:hover {

            color: $color-grey-lighter;

            &:after {
                top: 45px;
            }

        }

    }

    @include tablet-landscape-and-below {

        @include span-columns(12);
        @include omega();
        margin-top: 10px;

    }

}