.bg-sky {
    background-image: url("/Content/theme/img/avp/fond-hallo.jpg") !important;
}

.header {
    background-color: black;
}

.header .link.-nav {
    color: #f99f01;
}

.title.-sub {
    position: relative;
    z-index: 20;
}

.news-mobile {
    z-index: 20;
    position: relative;
}

#toile-img {
    position: absolute;
    width: 460px;
    height: 460px;
    background-size: contain;
    background-repeat: no-repeat;
    top: -1px;
    left: -1px;
    z-index: 0;
}

#hibou-img {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 245px;
    height: 270px;
    top: 530px;
}

#araigne-img {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 180px;
    right: 460px;
    height: 260px;
}

#araigne-mobile-img { display: none; }

#bat-img {
    position: absolute;
    width: 275px;
    top: 55px;
    height: 210px;
    background-size: contain;
    background-repeat: no-repeat;
    right: 15px;
}

#chauve-img {
    position: absolute;
    width: 240px;
    right: 0;
    height: 270px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 550px;
}


@media (max-width: 900px) {

    .js-activites #toile-img,
    .js-activites #araigne-mobile-img,
    .js-activites #araigne-img,
    .js-activites #bat-img,
    .js-activites #hibou-img,
    .js-activites #chauve-img {
        display: none;
    }

    #toile-img {
        left: -10px;
        width: 140px;
        height: 140px;
    }


    #araigne-img { display: none; }

    #araigne-mobile-img {
        display: block;
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        width: 75px;
        height: 290px;
        right: 185px;
        top: -120px;
    }

    #hibou-img {
        top: 230px;
        left: -15px;
        width: 80px;
        height: 80px;
    }

    #bat-img {
        width: 100px;
        top: 20px;
        height: 70px;
    }

    #chauve-img {
        width: 95px;
        top: 185px;
        right: -8px;
        height: 110px;
    }

    .js-home #chauve-img { top: 375px; }

    .js-home #bat-img { top: 255px; }

    .js-home #araigne-mobile-img { top: 0px; }

    .js-home #hibou-img { top: 350px; }
}