/* Styles du bloc coteo_block_footer_groupe new-version */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

.o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version {
    background: #FFFFFF;
}

.o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__banner {
    width  : auto;
    height : auto;
    padding: 25px 25px 5px;
}

.o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__banner p.h3-like {
    font-size: 1.7rem;
    color    : #0f3055;
    font-family: 'Pacifico', cursive;
    line-height: 1.3;
}

.o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__banner a.uk-button.uk-button-default {
   background: #ffe401;
   border: 2px solid #ffe401 !important;
   color: #0f3055;
   border-radius: 25px;
   padding: 12px 10px 12px 20px;
}

.o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__banner a.uk-button.uk-button-default:hover {
   background: #0f3055;
   border-color: #0f3055 !important;
   color: #FFFFFF;
}

.o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__intro p {
    color: #0f3055;
}

.o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__intro p>a {
    font-weight: bold;
    color      : #0f3055;
}

.o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__intro p>a:hover {
    text-decoration: underline;
    color          : #0c70e2;
}

.o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__links p.h4-like {
   color: #0c70e2;
}

.o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__links ul>li>a {
    text-decoration: none;
    color          : #0f3055;
}

.o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__links ul>li>a:hover {
    text-decoration: underline;
}


@media screen and (min-width: 640px) {
    .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__banner {
        width      : 100%;
        height     : 250px;
        padding    : 0;
        display    : flex;
        align-items: center;
    }

    .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__banner>div {
        padding: 20px;
    }

    .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__banner p.h3-like {
        color: #FFFFFF;
    }

    .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__links {
        position      : relative;
        padding-bottom: 50px;
    }

    .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__links::before {
        content         : "";
        position        : absolute;
        bottom          : -80px;
        left            : 20px;
        width           : 260px;
        height          : 225px;
        background-image: url('/packages/coteo_package_groupenatureetvacances/images/ban-footer-nature-vacances-tongs.png');
        background-size : cover;
    }
}


@media screen and (min-width: 960px) {
    .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__banner img {
        margin-left: 30px;
    }

   .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__banner a.uk-button.uk-button-default {
      padding: 14px 15px 14px 25px;
   }

    .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__links {
        padding-right: 80px;
    }

    .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__links::after {
        content            : "";
        position           : absolute;
        bottom             : -50px;
        right              : -90px;
        width              : 223px;
        height             : 421px;
        background-image   : url('/packages/coteo_package_groupenatureetvacances/images/ban-footer-nature-vacances-items.png');
        background-size    : cover;
        background-position: bottom right;
    }
}

@media screen and (min-width: 1200px) {

    .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__banner {
        position: relative;
    }

    .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__banner::after {
        content            : '';
        position           : absolute;
        bottom             : 0;
        right              : -76px;
        width              : 600px;
        height             : 354px;
        background-image   : url('/packages/coteo_package_groupenatureetvacances/images/ban-footer-nature-vacances-famille.png');
        background-size    : cover;
        background-position: bottom right;
    }

    .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__links::before {
        bottom: -130px;
        left  : 400px;
    }

    .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__image img {
        position : absolute;
        top      : 20px;
        left     : -150px;
        max-width: initial;
        width    : 480px;
    }
}

@media screen and (min-width: 1600px) {
    .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__banner::after {
        right : -87px;
        width : 675px;
        height: 400px;
    }

   .o-page .coteo-block-footer-groupe.coteo-block-footer-groupe--new-version .coteo-block-footer-groupe__banner a.uk-button.uk-button-default {
      padding: 8px 20px 8px 30px;
   }
}

