button {
    border-radius: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
}

*, *::before, *::after {
    box-sizing: inherit;
    min-width: 0;
    min-height: 0;
}

[hidden] {
    display: none !important;
}

/* -------------- */
/* Start - Header */
/* -------------- */
.old_header {
    background-color: #FF4130;
    min-height: 5rem;
    position: fixed;
    width: 100%;
    z-index: 100;
    /*min-width: 95rem;*/
}

/* >>>>>>>> */
/* elements */
/* >>>>>>>> */
.header__banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 5rem;
}

.header__logo {
    width: 17.2rem;
}

.header__logo__image {
    width: 100%;
    filter: brightness(0) invert(1) !important;
}


.header__link {
    color: #FFFFFF;
}

    .header__link:hover,
    .header__link:focus,
    .header__link:active {
        color: #FFFFFF;
    }

.header__burger {
    display: flex;
    flex-wrap: wrap;
    margin: 0 1rem;
    position: relative;
}

.icon {
    width: 2.4rem;
}

.icon_burger {
    display: block;
    background-color: #FFF;
    width: 2.4rem;
    height: .2rem;
    border-radius: .2rem;
}

.icon_burger-middle {
    margin: .5rem 0;
}

.icon_burger-top,
.icon_burger-bottom {
    position: absolute;
    left: 0.5rem;
}

.icon_burger-top {
    top: 50%;
    transform: translateY(-.8rem);
}

.icon_burger-bottom {
    bottom: 50%;
    transform: translateY(.8rem);
}

.active .icon_burger-top {
    animation: open-menu .2s steps(1) both;
}

.active .icon_burger-bottom {
    animation: open-menu .2s steps(2) both;
}

.active .icon_burger-middle {
    opacity: 0;
}

.header__buttons {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: flex-end;
    color: #FFFFFF;
}
/* +++++++++ */
/* modifiers */
/* +++++++++ */
.header__button_offer {
    background-color: #FFE039;
    color: #FF4130 !important;
}

.header__button_invitation,
.header__button_reduction,
.header__button_quiz,
.header__button_info_annulation {
    padding: 0 1rem;
    background-color: #FFE039;
    color: #FF4130 !important;
    width: 12.4rem;
    height: 2.4rem;
    text-align: center;
}

.header__button_info_annulation {
    background-color: #eeeeee;
    color: black !important;
}

.header__button_search-toggle {
    background-color: transparent;
}

.header__buttons__group_top-mobile {
    display: flex;
    flex-wrap: wrap;
}

.header__button_burger {
    width: 3.4rem;
    height: 3.4rem;
}

.header__button_fav,
.header__button_me,
.header__button_search-toggle,
.header__button_burger {
    padding: .5rem;
    display: block;
}

.header__button_burger {
    background-color: transparent;
}

/*  header search suggestion */
.suggestion_list {
    display: none;
    position: absolute;
    background-color: #FF4130;
    z-index: 1;
}

    .suggestion_list ul {
        list-style: none;
        padding: 1rem;
        margin: 0;
        font-size: 14px;
    }

    .suggestion_list a {
        display: block;
        overflow: hidden;
        color: #FFFFFF;
        padding-right: .5rem;
        padding-bottom: .5rem;
        font-style: italic;
    }

        .suggestion_list a > * {
            font-weight: normal;
            font-style: normal;
            vertical-align: middle;
        }

        .suggestion_list a img {
            float: left;
            margin: 0 5px;
        }

    .suggestion_list li {
        border-bottom: .1rem solid #FFFFFF;
        padding-bottom: .5rem;
        padding-top: 1rem;
        transition: background-color .2s ease;
    }

        .suggestion_list li:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

        .suggestion_list li:hover,
        .suggestion_list li.selected {
            background-color: rgba(255, 255, 255, .3);
        }

.list_item_avignon {
    font-weight: bold;
    background: #ffe038;
    animation: clignoteBg 2s infinite;
}

    .list_item_avignon a {
        color: #ff422f !important;
    }

@keyframes clignoteBg {
    0% {
        background-color: #ffe038;
    }

    50% {
        background-color: transparent;
    }

    100% {
        background-color: #ffe038;
    }
}

.header__city {
    color: white;
    font-size: 16px;
    margin-top: -18px;
    text-decoration: none;
    float: right;
}

.header__city:hover {
    color: white;
    text-decoration: none;
}
/* ------------ */
/* End - Header */
/* ------------ */
@media screen and (min-width: 650px) {
    .main_wrapper {
        padding: 5px;
        padding-bottom: 0px;
        background: white;
        width: 96rem;
        margin: auto;
    }
    /**********************/
    /*    Styles pages    */
    /**********************/
    body {
        min-width: 97rem;
    }

    .old_menu_container {
        max-width: 95rem;
        margin: auto;
    }

    /* >>>>>>>> */
    /* elements */
    /* >>>>>>>> */
    .header__content,
    .main {
        width: 95rem;
        margin: auto;
    }

    .header__banner {
        min-height: 10.5rem;
        display: table;
        position: relative;
        overflow: visible;
    }
        /* >>>>>>>> */
        /* elements */
        /* >>>>>>>> */
        .header__banner > * {
            display: table-cell;
            vertical-align: bottom;
            padding-bottom: 2.8rem;
        }

    .header__logo {
        width: 28.5rem; /* IE 9 FIX */
        max-width: 28.5rem;
        height: 10.5rem;
        padding: 0;
    }

    .header__logo__image {
        bottom: 50%;
        transform: translateY(-60%);
    }

    .header__logo__image__region {
        bottom: 50%;
        width: 100%;
    }

    .header__button {
        border-radius: 0.4rem;
        font-size: 1.4rem;
        font-weight: 700;
        color: #FFFFFF;
    }

    .header__buttons__mobile {
        display: none;
    }

    .header__button:focus,
    .header__button:hover {
        color: #FFFFFF;
        text-decoration: none;
    }

    .header__button_search {
        background-color: #0209BD;
    }
    /* +++++++++ */
    /* modifiers */
    /* +++++++++ */
    .header__button_search-toggle {
        display: none;
    }

    .header__button_search {
        margin-left: 1.5rem;
        width: 14.5rem;
        height: 3rem;
    }

    .header__button_offer {
        display: block;
        height: 3rem;
        text-align: center;
        line-height: 3rem;
        width: 14.5rem;
    }

    .header__button_fav,
    .header__button_me,
    .header__button_invitation,
    .header__button_reduction,
    .header__button_quiz,
    .header__button_info_annulation {
        position: absolute;
        top: 0;
    }

    .header__button_fav {
        right: 13.5rem;
    }

    .header__button_me {
        right: -1rem;
    }

    /* Voucher DISPLAY */
    .header__buttons_with_voucher .header__button_fav {
        right: 27.5rem;
    }

    .header__buttons_with_voucher .header__button_me {
        right: 14.5rem;
    }

    .header__buttons_with_voucher .header__box_my_voucher {
        background-color: #FFFFFF;
        border-radius: 0.4rem;
        right: -1rem;
        color: #C10000;
        width: 14.5rem;
        text-align: center;
        margin: 4px 0 4px auto;
        line-height: 15px;
        font-weight: bold;
        padding: 4px;
    }

    .header__button_fav,
    .header__button_me {
        padding: .3rem 1rem;
        top: .5rem;
    }

        .header__button_fav .icon_fav,
        .header__button_me .icon_user {
            margin-right: 1rem;
            vertical-align: bottom;
        }

    .header__button_invitation {
        left: calc(45% - .5rem);
        transform: translateX(-100%);
    }

    .header__button_reduction {
        right: calc(55% - .5rem);
        transform: translateX(100%);
    }

    .header__button_info_annulation {
        right: calc(41% - .5rem);
        transform: translateX(100%);
    }

    .header__button_quiz {
        right: calc(40.8% - .5rem);
        transform: translateX(100%);
    }

    .header__button_cities {
        display: none;
    }

    .header__search {
        padding-left: 1.5rem;
        /*padding-right: 1.5rem; fix décalage bouton recherche */
        width: 52rem;
        position: relative;
        right: inherit;
    }
    /* >>>>>>>> */
    /* elements */
    /* >>>>>>>> */
    .header__search__input {
        width: 33rem;
        height: 3rem;
        float: left;
        border: 0;
        border-radius: 0.2rem;
        padding-left: 3.5rem;
        background-image: url('/img/icons/Glass-Red.png');
        background-repeat: no-repeat;
        background-size: 1.8rem;
        background-position: 0.7rem 50%;
    }

        .header__search__input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #707070;
            font-style: italic;
        }

        .header__search__input::-moz-placeholder { /* Firefox 19+ */
            color: #707070;
            font-style: italic;
        }

        .header__search__input:-ms-input-placeholder { /* IE 10+ */
            color: #707070;
            font-style: italic;
        }

        .header__search__input:-moz-placeholder { /* Firefox 18- */
            color: #707070;
            font-style: italic;
        }

    .header__search__inspiration {
        right: 18rem;
        bottom: .6rem;
        font-size: 1.2rem;
        font-weight: 600;
        position: absolute;
    }

    .suggestion_list {
        right: 7rem;
        min-width: 55rem;
        box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    }

    .header__burger {
        display: none;
    }

    .onlymobile {
        display: none !important;
    }

    .slide_menu .list__item {
        margin-right: 1rem !important;
    }

    /* +++++++++ */
    /* modifiers */
    /* +++++++++ */
    .nav_header {
        background-color: #FFFFFF;
        position: static;
    }

        .nav_header .nav__header-container {
            border-bottom: .05rem solid #E3E4E5;
            height: 3rem;
        }

        .nav_header .nav__group {
            overflow: hidden;
        }

            .nav_header .nav__group.nav__group_category {
                display: flex;
                justify-content: space-between;
            }

        .nav_header .list__item {
            display: inline-block;
            height: 3rem;
            line-height: 3rem;
            padding-top: 0.3rem;
        }

        .nav_header .nav__header-region,
        .nav_header .nav__header-gift {
            float: right;
        }

        .nav_header .list__item:not(:last-child) {
            margin-right: 2rem;
        }

        .nav_header .nav__link {
            padding: 0;
        }

    /* New category style */

    .block_new_category > div {
        overflow-x: hidden;
    }

    .list_new_category {
        display: inline-flex;
        position: relative;
        left: 0;
        transform: translateX(0px);
        transition: transform 0.5s ease;
    }

    /* ------------ */
    /* End - Header */
    /* ------------ */
}
/* Fin media */

/* ------------ */
/* Start - Navs */
/* ------------ */
/* >>>>>>>> */
/* elements */
/* >>>>>>>> */
.nav__link {
    color: #707070;
    font-size: 1.2rem;
    line-height: normal;
}

/* +++++++++ */
/* modifiers */
/* +++++++++ */
.nav_header {
    transition: left .2s ease;
}

    .nav_header.opened {
        left: 0;
        z-index: 1;
        background-color: #56565694;
        overflow-y: auto;
        bottom: 0;
        top: 5rem;
    }

        .nav_header.opened .nav__header-container {
            background: white;
        }



.nav_footer .nav__link {
    color: #FFFFFF;
}

.nav_footer .pro__link {
    font-weight: 600;
}

.nav__group_category {
    font-weight: 700;
    text-transform: uppercase;
}

    .nav__group_category .nav__link {
        color: #FF4130;
        font-size: 1.6rem;
    }

.nav__header-region .nav__link {
    font-weight: 700;
    color: #FF4130;
}

.nav__header-paris {
    float: left;
    margin-right: 2rem;
}

.nav__group_localisation {
    text-transform: uppercase;
}

    .nav__group_localisation .nav__link {
        font-size: 1.4rem;
    }

        .nav__group_localisation .nav__link:hover,
        .nav__group_localisation .nav__link:focus {
            color: #707070;
        }

        .nav__group_localisation .nav__link:active {
            color: #707070;
        }

.list__item {
    white-space: nowrap;
}

.slide_menu {
    width: 830px;
    float: left;
    overflow: hidden;
}

    .slide_menu .prev_category {
        position: relative;
        cursor: pointer;
        float: left;
        width: auto;
        padding: 4px;
        margin-top: -29px;
        color: #ff4130;
        font-weight: bold;
        font-size: 18px;
        transition: .6s ease;
        border-radius: 100%;
        user-select: none;
        background-color: white;
        border: solid 2px whitesmoke;
        display: none;
    }

    .slide_menu .next_category {
        position: relative;
        cursor: pointer;
        float: right;
        width: auto;
        padding: 4px;
        margin-top: -29px;
        color: #ff4130;
        font-weight: bold;
        font-size: 18px;
        transition: .6s ease;
        border-radius: 100%;
        user-select: none;
        background-color: white;
        border: solid 2px whitesmoke;
    }

        .slide_menu .prev_category > img,
        .slide_menu .next_category > img,
        .nav__link > img {
            width: 16px;
            height: 16px;
        }

    .slide_menu .prev_category > img {
        rotate: 180deg;
    }

.nav__link > img {
    rotate: 90deg;
}

/* Menu Content (Dropdown by default) */
.menu-content {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    z-index: 1000;
    padding: 10px;
}

    .menu-content .list__item {
        margin: 5 0 5 0;
    }

.menu_hidden {
    display: none !important;
}

img {
    vertical-align: middle;
    border-style: none;
}

.footer_body {
    bottom: -170px;
    position: relative;
}

/* +++++++++ */
/* modifiers */
/* +++++++++ */
.nav_header {
    position: fixed;
    max-width: 100%;
    width: 100%;
    transition: left .2s ease;
    box-sizing: border-box;
}

    .nav_header.opened {
        left: 0;
        z-index: 1;
        background-color: #56565694;
        overflow-y: auto;
        bottom: 0;
        top: 5rem;
    }


@media screen and (max-width: 650px) {
    .menu-opened,
    .search-opened {
        overflow: hidden;
    }

    .nav_header {
        padding-right: 20%;
    }

    .mobile_white_color_link_more {
        color: white;
        align-content: center;
    }

    .sr-only-mobile {
        position: absolute !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0,0,0,0) !important
    }

    [class*="hidden-mobile"] {
        display: none !important;
    }

    .main {
        display: flex;
        flex-wrap: wrap;
        overflow-x: hidden;
        padding-top: 5rem;
    }

        .main > * {
            width: 100%;
        }

    .header {
        position: fixed;
        z-index: 1;
        width: 100%;
    }

    .header__search {
        position: absolute;
        top: 5rem;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        background-color: #ff4130;
        transition: right .2s ease;
        z-index: 2;
    }

    .header__search__input {
        display: block;
        flex: 1;
        border: .1rem solid #707070;
        border-right: 0;
        padding-left: 1rem;
        min-height: 4rem;
    }

    .header__search__inspiration {
        width: 100%;
        font-size: 1.2rem;
        text-align: right;
    }

    .suggestion_list {
        position: absolute;
        top: 65px;
        right: 0;
        overflow-y: auto;
        width: 100%;
    }

        .suggestion_list ul {
            padding: .5rem;
        }

            .suggestion_list ul img {
                display: none;
            }

            .suggestion_list ul a {
                width: 100%;
                padding-left: .5rem;
                padding-right: .5rem;
            }

    .header__link {
        padding: .5rem 0;
        display: inline-block;
    }

    .header__button_search {
        top: .4rem;
        position: absolute;
        right: .6rem;
        width: 4rem;
        height: 4rem;
        border: 0;
        background: url(/img/icons/Glass-Red.png) center / 3rem no-repeat #FFFFFF;
    }

        .header__button_search:focus,
        .header__button_search:hover {
            background-color: rgba(255, 255, 255, .9);
        }

        .header__button_search:active {
            background-color: rgba(255, 255, 255, .8);
        }

    .nav_complete .nav__link {
        display: block;
        padding-left: 4rem;
        line-height: 2.4rem;
    }

    .nav_complete .list__item {
        font-size: 1.2rem;
        text-decoration: underline;
        border-bottom: 0.1rem solid #1A2E41;
    }

    .nav__group_category .nav__link,
    .header__button_cities {
        color: #000000;
        background-color: transparent;
    }

    .header__buttons__mobile .header__button {
        color: #FFFFFF;
    }

    .nav_header .nav__link,
    .header__button_cities,
    .header__buttons__mobile .header__button {
        display: block;
        font-size: 1.6rem;
        text-transform: uppercase;
    }

        .header__button_cities .nav__link,
        .header__buttons__mobile .header__button {
            font-weight: 700;
        }

    .nav_header .nav__link,
    .header__button_cities,
    .header__buttons__mobile .header__button {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-left: 5.5rem;
        height: 4rem;
        width: 100%;
        font-weight: 700;
        border-bottom: 0.1rem solid #000000;
    }

    .header__button_cities {
        position: relative;
    }

        .header__button_cities:after {
            content: '';
            position: absolute;
            top: 50%;
            right: 1rem;
            transform: translateY(-50%);
            background: no-repeat url(/img/icons/arrow-point-to-right-black.png);
            background-position: center;
            background-size: 2.4rem;
            width: 3rem;
            height: 3rem;
            transition: transform .2s ease;
        }

        .header__button_cities.active:after {
            transform: translateY(-50%) rotateZ(90deg);
        }

    .nav__group_category .nav__link {
        font-weight: normal;
    }

    .list_cities .nav__link {
        padding-left: 10rem;
    }

    [class*="_mobile-top"] {
        margin-top: .5rem;
        order: -1;
    }

    [class*="_mobile-order-2"] {
        order: 2;
    }

    [class*="_mobile-order-3"] {
        order: 3;
    }

    [class*="_mobile-order-4"] {
        order: 4;
    }

    [class*="_mobile-order-5"] {
        order: 5;
    }

    [class*="_mobile-order-6"] {
        order: 6;
    }

    [class*="_mobile-order-7"] {
        order: 7;
    }

    [class*="_mobile-order-8"] {
        order: 8;
    }

    [class*="_mobile-order-9"] {
        order: 9;
    }

    [class*="_mobile-order-10"] {
        order: 10;
    }

    [class*="_mobile-order-11"] {
        order: 11;
    }

    [class*="_mobile-order-12"] {
        order: 12;
    }

    [class*="_mobile-order-13"] {
        order: 13;
    }

    .pub__notifier {
        padding-right: .5rem;
    }

    .pub_rotary-wide img {
        max-height: 150px;
        object-fit: cover;
    }

    .pub_rotary-high > .maxget > .mobile > a > img {
        max-height: 150px;
        object-fit: cover;
    }

    /* block item */
    .block__item,
    .list_top .list__item {
        width: 9rem;
        float: left;
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    .block__img {
        width: 100%;
    }


    .block__header__link,
    .block__link_more,
    .button_expend:after {
        width: 2.4rem;
        height: 2.4rem;
        background-image: url(/img/icons/arrow-point-to-right.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 1.5rem;
    }

    .button_expend {
        background-position: center right .5rem;
        height: 2.4rem;
    }

        .button_expend:after {
            content: '';
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            transition: transform .2s ease;
        }

    .active.button_expend:after {
        transform: rotateZ(90deg);
    }

    .block__link_more {
        position: absolute;
        top: 0;
        right: 0;
    }

    .block_calendar {
        max-height: 30px;
    }

        .block_calendar .list {
        }

        .block_calendar .btn_search {
            display: block;
            position: initial;
            text-align: center;
            width: 100%;
        }

        .block_calendar .block__link_button a,
        .block_calendar .block__link_button a:hover,
        .block_calendar .block__link_button {
            border: none;
            padding: .4rem 1rem;
            margin-right: 1rem;
            border-radius: 0.5rem;
            background: #FF4130;
            color: white;
        }

            .block_calendar .block__link_button a:hover {
                text-decoration: underline;
            }

        .block_calendar .list__item {
            white-space: nowrap;
            display: inline-block;
            margin-bottom: 0.5rem;
        }

            .block_calendar .list__item .block__link_button {
                margin-right: 0rem;
                margin-left: 1rem;
            }

        .block_calendar .list_buttons .list__item:not(:last-child) .block__link_button {
            border-right-width: 0;
        }

        .block_calendar nav {
            text-align: center;
        }

    .block_news {
        margin-bottom: .5rem;
        height: min-content;
    }

        .block_news .slide_container a {
            width: 100vw;
        }

        .block_news .news_div {
            height: calc( 100vw * 8 / 23 );
        }

        .block_news .blocks_div {
            /* height: calc( 100vw * 0.75 ); */
            height: calc( 100vw * 8 / 23 );
        }

            .block_news .blocks_div .secondary_image {
                display: none;
            }

            .block_news .blocks_div .primary_image {
                display: block !important;
            }

        .block_news .slide_container img {
            height: 100% !important;
            width: 100% !important;
        }

    .block_themes .list_buttons .list__item .block__link_button {
        border-left: 0;
        border-right: 0;
    }

    .block_review .list {
        padding: .5rem 1rem;
    }

    .block_review .block__mobile .block__item:nth-child(n+4) {
        display: none;
    }

    .join_widget_img {
        height: 100px;
    }

    .category_story {
        display: flex;
        position: relative;
        left: 0;
        transform: translateX(0px);
        transition: transform 0.5s ease;
        align-items: center;
    }

    .top_title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    .header_expend {
        position: relative;
        min-height: 2.4rem;
        line-height: 2.4rem;
        border-bottom: 0.1rem solid #FFFFFF;
    }

    .button_visible-mobile {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: transparent;
        cursor: pointer;
    }

    .button_toggle:active,
    .header__button:not(.header__button_search):active {
        background-color: rgba(255, 255, 255, 0);
        animation: blink .1s steps(1);
        animation-timing-function: ease;
    }

    .header__button_offer,
    .header__button_invitation,
    .header__button_reduction {
        border-bottom-color: #FFFFFF !important;
    }

    .header__button_reduction,
    .nav__header-region .nav__link {
        border-bottom: 0 !important;
    }

    .header__button_search-toggle.active:after {
        content: '';
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        top: 5rem;
        bottom: 0;
        width: 100%;
        background-color: rgba(26, 46, 65, .7);
        z-index: -1;
    }

    [class*='_grid-5'] {
        width: calc(12rem * 5);
    }

    [class*='_grid-7'] {
        width: calc(12rem * 7);
    }

    [class*='_grid-10'] {
        width: calc(12rem * 10);
    }

    [class*='_grid-2'] {
        width: calc(12rem * 5);
    }

    [class*='_grid-3'] {
        width: calc(12rem * 5);
    }

    [class*='_grid-30'] {
        width: calc(12rem * 30);
    }

    .list_expendable {
        overflow: hidden;
    }

    .pub_fix-editorial {
        justify-content: center;
        text-align: center;
        display: flex;
    }

        .pub_fix-editorial .pub__link {
            max-width: 320px;
            width: 100%;
        }

    .flex_list {
        display: flex;
    }

    .old_menu_container {
        margin: auto;
    }

    .nav_footer .list {
        padding: 0 10px;
    }

    .onlydesktop {
        display: none !important;
    }

    .header__city {
        margin-top: 4px !important;
    }

    .footer_body {
        bottom: -70px;
    }
}