input::placeholder {
    opacity: 1;
}

input::-webkit-input-placeholder {
    opacity: 1;
}

.scaled {
    transform: scale(1);
    transition: .3s;
}

.scaled:hover {
    transform: rotate(-1.5deg) scale(1.05);
}


/*** Debut header ***/

.blocHeader {
    /* height: 106.5rem; */
    height: 100vh;
    /* min-height: 89rem; */
    /* background-image: url(../images/back-header.jpg); */
    /* background-color: #d30d23; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    /* background-position-y: 4%; */
    /* display: flex;
    align-items: end; */
}
.blocHeader::after{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -2;
    background-color: #D30D23;
}
.blocHeader video {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100vw;
    height: auto;
    z-index: -1;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 6.4rem;
    position: relative;
    width: 41.634rem;
    z-index: 1;
}

.logo {
    /* width: 13.559rem; */
    width: 15.5rem;
    display: block;
}

.logo img {
    width: 100%;
}

.croix {
    width: 5.7rem;
}

.mdc_header {
    width: 18.575rem;
}


/*** Fin header ***/


/*** debut ccroche ***/

.accroche {
    position: absolute;
    left: 13rem;
    /* bottom: 13rem; */
    bottom: 25vh;
    font-family: 'Mabrouk';
    font-weight: normal;
    width: 70rem;
}

.entree {
    font-size: 4.5rem;
    color: #d30d23;
    margin-bottom: 2rem;
}

.spaned {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
}

.entree .spaned {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.entree .spaned:last-child {
    margin-top: -1rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}

h1 {
    color: #ffffff;
    font-size: 4.5rem;
    font-weight: normal;
}

h1 .spaned:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

h1 .spaned:nth-child(2) {
    margin-top: -1rem;
    border-top-left-radius: 0;
    /* border-bottom-left-radius: 2rem; */
    /* border-bottom-right-radius: 2rem; */
}

.big_mdc {
    font-size: 7.455rem;
    margin-top: 0;
    border-top-left-radius: 0;
    /* border-top-right-radius: 0; */
}


/*** Fin accroche ***/


/*** debut arrowTo_jump ***/

.arrowTo_jump {
    display: none;
}


/*** Fin arrowTo_jump ***/


/*** debut blc_stickyForm ***/

.blc_stickyForm {
    width: 100%;
    height: 12.4rem;
    background-color: transparent;
    padding: 0;
    position: fixed;
    bottom: 0;
    z-index: 9992;
}

.container_sticky {
    width: 131.1rem;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.container_sticky::after {
    content: '';
    /* right: -30.45rem;
    left: -30.45rem; */
    position: absolute;
    width: 100vw;
    height: 100%;
    left: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #d30d23;
    border-radius: 5.4rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: -1;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
}

.mdc_sticky {
    width: 11.5rem;
    margin-top: -8rem;
}

.mdc_sticky img {
    display: block;
    width: 100%;
}

.container_btn_sticky {
    width: 92.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -8rem;
}

.blc_btn_sticky {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 62.2rem;
}

.header_sticky {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 26.435rem;
}

.titl_sticky {
    font-size: 2.8rem;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    width: 19.5rem;
    margin-top: -2.7rem;
}

.deux_p {
    display: none;
}

.fleche_sticky {
    width: 7.7rem;
    margin-top: 4rem;
    margin-right: -0.5rem;
}

.btn_sticky {
    color: #d30d23;
    background-color: #ffffff;
    border-radius: 10rem;
    width: 13.9rem;
    padding: 1.75rem 0 1.5rem;
    text-align: center;
    /* font-family: 'Mabrouk'; */
    font-size: 4.4rem;
    font-weight: 700;
    line-height: 0.8;
    text-decoration: none;
    transition: .3s;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
}

.btn_sticky:hover,
.autreMontant:hover {
    background-color: #d30d23;
    color: #ffffff;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
}

.btn_sticky span {
    font-weight: 700;
}

.spaceV {
    display: none;
}

.month_date {
    font-size: 2.2rem;
    font-weight: 400 !important;
}

.autreMontant {
    color: #d30d23;
    background-color: #ffffff;
    border-radius: 6rem;
    width: 28.1rem;
    padding: 1.75rem 2.5rem 1.5rem;
    text-align: center;
    /* font-family: 'Mabrouk'; */
    font-size: 2.6rem;
    font-weight: 300;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .3s;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
}

.text_autre {
    width: 17.7rem;
}

.autreMontant .symbole {
    font-size: 4.5rem;
    font-weight: 700;
}


/*** Fin blc_stickyForm ***/


/*** debut devinir_mdc ***/

.devinir_mdc {
    background-color: #d30d23;
    padding: 3.2rem 0 1rem;
}

.container_devinir_mdc {
    position: relative;
    width: 166rem;
    margin: 0 auto;
    border-radius: 5rem;
    overflow: hidden;
}

.title_item_devinir_mdc {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    margin-top: 6.2rem;
    z-index: 1;
}

.title_item_devinir_mdc h2 {
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    background-color: #d30d23;
    font-family: 'Mabrouk';
    font-size: 6.4rem;
    line-height: 1;
    color: #ffffff;
    display: inline-block;
}

.pic_item_devinir_mdc img {
    width: 100%;
}

.grp_nmbr_arrow {
    /* display: none; */
    position: absolute;
    width: 38.4rem;
    margin: 0 auto;
    right: 24.9rem;
    bottom: 10.2rem;
    background-color: #ffffff;
    box-shadow: 0 0.4rem 5rem 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0.4rem 5rem 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0.4rem 5rem 0 rgba(0, 0, 0, 0.3);
    border-radius: 3rem;
    z-index: 1;
}

.container_grp_nmbr_arrow {
    position: relative;
}

.icone_mdc {
    position: absolute;
    right: -8rem;
    top: -4rem;
    width: 18.81rem;
}

.container_card_item_devinir_mdc_DESK {
    display: block;
    margin-top: 1rem;
}

.container_card_item_devinir_mdc_DESK.slick-dotted.slick-slider {
    margin-bottom: 10rem;
}

.container_card_item_devinir_mdc_DESK .slick-dots {
    bottom: -5rem;
}

.card_item_devinir_mdc {
    padding-top: 0;
    /* background-color: #ffffff; */
    color: #d30d23;
}

.item_devinir_mdc .card_item_devinir_mdc {
    display: none;
}

.content_card {
    text-align: center;
    color: #d30d23;
}

.content_card h2 {
    font-family: 'Mabrouk';
    font-size: 6rem;
}

.content_card p {
    font-family: 'Volte';
    font-size: 2.6rem;
    font-weight: 700;
    height: 10rem;
    width: 33.5rem;
    margin: 0 auto;
}

.grp_nmbr_arrow .nmbr {
    font-family: 'Mabrouk';
    font-size: 20rem;
    color: #d30d23;
    text-align: center;
    line-height: 1;
}

.leftArrows {
    opacity: 0;
    visibility: hidden;
}

.rightArrows,
.leftArrows {
    position: absolute;
    left: unset;
    top: 50%;
    transform: translateY(-50%);
    width: 5.5em;
    cursor: pointer;
    z-index: 1;
}

.rightArrows {
    right: 6rem;
}

.leftArrows {
    left: 6rem;
}


/* Dots slick */


/* .container_card_item_devinir_mdc_DESK.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
} */

.container_card_item_devinir_mdc_DESK .slick-dots {
    position: relative !important;
    bottom: -4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.container_card_item_devinir_mdc_DESK .slick-dots li {
    position: relative;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    margin: 0 0.5rem;
    padding: 0;
    cursor: pointer;
}

.container_card_item_devinir_mdc_DESK .slick-dots li.slick-active,
.container_card_item_devinir_mdc_DESK .slick-dots li.slick-active button::before {
    width: 8.4rem;
}

.container_card_item_devinir_mdc_DESK .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    padding: 0.5rem;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.container_card_item_devinir_mdc_DESK .slick-dots li button:hover,
.container_card_item_devinir_mdc_DESK .slick-dots li button:focus {
    outline: none;
}

.container_card_item_devinir_mdc_DESK .slick-dots li button:hover:before,
.container_card_item_devinir_mdc_DESK .slick-dots li button:focus:before {
    opacity: 1;
}

.container_card_item_devinir_mdc_DESK .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 1.4rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.4rem;
    height: 1.4rem;
    content: '•';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container_card_item_devinir_mdc_DESK .slick-dots li.slick-active button:before {
    opacity: 1;
    color: black;
}

.container_card_item_devinir_mdc_DESK .slick-dots li.slick-active button::before {
    background-image: url(../images/dots-active-3.png) !important;
}

.container_card_item_devinir_mdc_DESK .slick-dots li button:before {
    background-image: url(../images/dots-3.png) !important;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1.4rem;
    height: 1.4rem;
    content: "";
    color: #fff;
}


/* fin Dots slick */


/*** fin devinir_mdc ***/


/*** debut carte_de_don ***/

.carte_de_don {
    padding: 10rem 0;
    background-color: #d30d23;
    text-align: center;
}

.carte_de_don .title_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 166rem;
    margin: 0 auto;
    color: #ffffff;
}

.carte_de_don h2 {
    font-family: 'Volte';
    font-weight: 700;
    font-size: 7rem;
}

.blc_porteCle {
    display: flex;
    width: 56.1rem;
    background-color: #ffffff;
    border-radius: 3rem;
    padding: 1rem 1rem 1rem 17rem;
    position: relative;
    font-size: 2.6rem;
    font-weight: 300;
    text-align: left;
    color: #000000;
}

.text_portcl span {
    font-weight: 700;
}

.blc_porteCle .portcl {
    width: 19.484rem;
    position: absolute;
    left: -4rem;
    top: -9rem;
}

.container_carte {
    margin-top: 10rem;
}

.blc_carte_de_don {
    width: 127.26rem;   
    margin: 0 auto;
}

.item_carte_de_don {
    box-shadow: 0px 0px 0px 0.2rem rgba(255, 255, 255, 1) inset;
    -webkit-box-shadow: 0px 0px 0px 0.2rem rgba(255, 255, 255, 1) inset;
    -moz-box-shadow: 0px 0px 0px 0.2rem rgba(255, 255, 255, 1) inset;
    width: 38.4rem;
    margin: 0 3rem;
    text-align: center;
    border-radius: 3rem;
    padding: 5rem 0.2rem 0.2rem;
    transition: .3s;
    color: #ffffff;
}

.item_carte_de_don.highlight,
.highlight .item_carte_de_don {
    background-color: #ffffff;
    color: #000000;
}

.pic_item_carte_de_don {
    height: 9.691rem;
    margin: 0 auto;
}

.pic_item_carte_de_don img {
    display: block;
    height: 100%;
    filter: brightness(100);
    margin: 0 auto;
    transition: .3s;
}

.item_carte_de_don.highlight .pic_item_carte_de_don img,
.highlight .item_carte_de_don .pic_item_carte_de_don img {
    filter: none;
}

.content_item_carte_de_don {
    margin: 0 auto;
}

.montonDon {
    color: #ffffff;
    font-size: 3rem;
    font-weight: 400;
    padding: 0 1.5rem;
    transition: .3s;
}

.item_carte_de_don.highlight .montonDon,
.highlight .item_carte_de_don .montonDon {
    color: #d30d23;
}

.montonDon .montant_carte {
    font-family: 'Mabrouk';
    font-size: 5.6rem;
    font-weight: 700;
}

.after_ded_carte {
    font-size: 2.6rem;
    font-weight: 700;
    margin: 0;
    margin-top: 1rem;
    padding: 0 1.5rem;
}

.efter_explic {
    font-size: 2.6rem;
    font-weight: 300;
    padding: 0 1.5rem;
    height: 10rem;
}

.btnDon {
    display: none;
    text-align: left;
    color: #ffffff;
    background-color: #d30d23;
    border-radius: 3rem;
    padding: 2rem 3rem;
    font-family: 'mabrouk';
    font-size: 2.4rem;
    text-decoration: none;
    position: relative;
    opacity: 0;
    transition: .3s;
}

.item_carte_de_don.highlight .btnDon,
.highlight .item_carte_de_don .btnDon {
    display: block;
    opacity: 1;
}

.mdc_btn {
    position: absolute;
    right: 2rem;
    top: -3.5rem;
    width: 10.4rem;
}

.rightArrows_carte_de_don {
    right: -10rem;
}

.leftArrows_carte_de_don {
    left: -10rem;
}

.rightArrows_carte_de_don,
.leftArrows_carte_de_don {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5rem;
    cursor: pointer;
}


/*** fin carte_de_don ***/


/*** debut annimaux_sauves ***/

.annimaux_sauves {
    background-color: #d30d23;
}

.blc_annimaux_sauves {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 105rem;
    position: relative;
    text-align: center;
}

.content_annimaux_sauves {
    position: relative;
    width: 78rem;
    margin-bottom: 10rem;
}

.content_annimaux_sauves h3 {
    font-family: 'Volte';
    font-size: 6.4rem;
    color: #ffffff;
}

.invit_click {
    font-family: 'Volte';
    font-size: 4.8rem;
    font-weight: 600;
    color: #ffffff;
}

.arrow_rounded {
    position: absolute;
    right: -13rem;
    bottom: 0rem;
    width: 10.6rem;
}

.content_annimaux_sauves h3 .spaned {
    font-family: 'Mabrouk';
    font-size: 7rem;
    color: #d30d23;
    background-color: #ffffff;
    padding: 0.5rem 2rem;
    border-radius: 2rem;
    display: inline-block;
    margin: 3rem 0;
}

.image_poped {
    position: absolute;
    cursor: pointer;
}


/* .big_poped {
    width: 24rem;
}

.small_poped {
    width: 20rem;
} */

.image_poped.poped_1 {
    left: -5rem;
    top: 33rem;
    width: 42rem;
    font-size: 3.594rem;
    transition-duration: 0.55s;
}

.image_poped.poped_2 {
    right: 124rem;
    top: 0rem;
    width: 27.5rem;
    font-size: 3.125rem;
    transition-duration: 0.55s;
}

.image_poped.poped_3 {
    left: 140rem;
    top: 0;
    width: 52.315rem;
    font-size: 5.012rem;
    transition-duration: 0.55s;
}

.image_poped.poped_4 {
    right: 51rem;
    bottom: 0;
    width: 29.44rem;
    font-size: 3.341rem;
    transition-duration: 0.55s;
}

.image_poped.poped_1.move {
    left: 74rem;
    top: 7rem;
    transform: scale(0.7);
}

.image_poped.poped_2.move {
    right: 81rem;
    top: 14rem;
}

.image_poped.poped_3.move {
    left: 69rem;
    top: 1rem;
    transform: scale(0.5);
}

.image_poped.poped_4.move {
    bottom: 57.5rem;
    right: 80rem;
    transform: scale(0.9);
}

.pic_poped {
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 2rem;
    margin-top: 2rem;
}


/* .big_poped .pic_poped {
    width: 24rem;
    height: 24rem;
}

.small_poped .pic_poped {
    width: 20rem;
    height: 20rem;
} */

.pic_poped img {
    width: 100%;
    display: block;
}

.name_poped {
    font-family: 'Mabrouk';
    color: rgba(255, 255, 255, 0.5);
    width: 100%;
}

.pic_slider_popup {
    width: 23.176rem;
    height: 23.176rem;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}

.pic_slider_popup img {
    width: 100%;
    display: block;
}

.name_animaux {
    display: block;
    color: #d30d23;
    font-family: 'Mabrouk';
    font-size: 4rem;
    margin: 3rem;
}

.navigation_slider {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.leftArrows_slider,
.rightArrows_slider {
    position: absolute;
    top: 68%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 7.3rem;
    height: 7.3rem;
    background-color: #d30d23;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

.leftArrows_slider {
    left: -12rem;
}

.rightArrows_slider {
    right: -12rem;
}

.leftArrows_slider i,
.rightArrows_slider i {
    font-size: 3rem;
}

.montan_libre {
    width: 13rem;
    background-color: transparent;
    border: 0;
    border-bottom: 0.2rem solid #ffffff;
    outline: 0;
    color: #ffffff;
    font-family: 'Mabrouk';
    font-size: 5.6rem;
    text-align: center;
    height: 5rem;
}

.item_carte_de_don.highlight .montan_libre,
.highlight .item_carte_de_don .montan_libre {
    color: #d30d23;
    border-bottom: 0.2rem solid #d30d23;
}

.apre_ded {
    border: 0;
    border-bottom: 0.2rem solid #ffffff;
    display: inline-block;
    width: 9rem;
    line-height: 0.8;
}

.apre_ded.pressed {
    width: auto;
    border-bottom: 0;
}

.item_carte_de_don.highlight .apre_ded,
.highlight .item_carte_de_don .apre_ded {
    border-bottom: 0.2rem solid #000000;
}

.item_carte_de_don.highlight .apre_ded.pressed,
.highlight .item_carte_de_don .apre_ded.pressed {
    border-bottom: 0;
    width: auto;
}


/* fin Dots slick */

.navigation_slider .slick-dots {
    bottom: unset;
    position: relative;
}

.navigation_slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 0.6rem;
    padding: 0;
    cursor: pointer;
}

.navigation_slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    padding: 0.5rem;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.navigation_slider .slick-dots li button:hover,
.navigation_slider .slick-dots li button:focus {
    outline: none;
}

.navigation_slider .slick-dots li button:hover:before,
.navigation_slider .slick-dots li button:focus:before {
    opacity: 1;
}

.navigation_slider .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 1.6rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    content: '•';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navigation_slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: black;
}

.navigation_slider .slick-dots li.slick-active button::before {
    background-image: url(../images/dots-active-2.png) !important;
}

.navigation_slider .slick-dots li button:before {
    background-image: url(../images/dots-2.png) !important;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1.6rem;
    height: 1.6rem;
    content: "";
    color: #fff;
}


/* fin Dots slick */


/* */

.popup_poped {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition-duration: 0.4s;
}

.popup_poped.ouvert {
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

.container_poped {
    padding: 5.937rem;
    position: relative;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.8); */
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup_inner {
    /* max-width: 70rem; */
    width: 100%;
    border-radius: 0;
    position: relative;
    margin-bottom: 0;
}

.calc_poped_1,
.calc_poped_2,
.calc_poped_3,
.calc_poped_4 {
    position: absolute;
    background-color: #D30D23;
    opacity: 0.05;
    border-radius: 50%;
    overflow: hidden;
}

.calc_poped_1 {
    left: -5rem;
    top: 33rem;
    width: 42rem;
    height: 42rem;
}

.calc_poped_2 {
    right: 124rem;
    top: 0rem;
    width: 27.5rem;
    height: 27.5rem;
}

.calc_poped_3 {
    left: 140rem;
    top: 0;
    width: 52.315rem;
    height: 52.315rem;
}

.calc_poped_4 {
    right: 51rem;
    bottom: 0;
    width: 29.44rem;
    height: 29.44rem;
}

.close_popup {
    position: absolute;
    top: 5.937rem;
    right: 5.937rem;
    /* font-size: 10rem;
    font-weight: 700;
    color: #d30d23; */
    cursor: pointer;
    display: block;
    z-index: 1;
}

.close_popup img {
    width: 5.8rem;
}

.slider_popup {
    width: 124.8rem;
    margin: 0 auto;
}

.slider_popup .slide_item {
    font-size: 3.2rem;
    font-weight: 300;
    padding: 2rem;
    color: #333;
    text-align: center;
    width: 100%;
}


/* */


/*** fin annimaux_sauves ***/


/*** debut pourquoi ***/

.pourquoi {
    background-color: #d30d23;
}

.blc_pourquoi {
    display: flex;
    justify-content: space-between;
    text-align: center;
    width: 166rem;
    height: 84.1rem;
    margin: 0 auto;
    position: relative;
    border-radius: 5rem;
    padding: 2.4rem 2.4rem 2.4rem 0;
    overflow: hidden;
}

.title_sec_pourquoi {
    margin: 5rem 0;
    margin-left: 11.6rem;
    position: relative;
    text-align: center;
    width: 67.5rem;
    z-index: 1;
}

.title_sec_pourquoi h3 {
    font-family: 'Volte';
    font-weight: 700;
    font-size: 5rem;
    color: #ffffff;
}

.title_sec_pourquoi h3 .spaned {
    background-color: #d30d23;
    color: #ffffff;
    font-family: 'Mabrouk';
    font-size: 6.3rem;
    padding: 1rem;
    display: inline-block;
}

.blc_switch {
    background-color: #ffffff;
    border-radius: 5rem;
    padding: 4rem 3.25rem 0;
    position: relative;
    width: 57.3rem;
    z-index: 1;
}

.blc_switch h3 {
    font-family: 'Volte';
    font-size: 2.8rem;
    font-weight: 700;
}

.input_switch {
    text-align: center;
    margin: 4rem 0;
}


/* switch */

input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
    display: none;
}

label {
    cursor: pointer;
    /* text-indent: -9999px; */
    width: 5.9rem;
    height: 3rem;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0 0 0.6rem 0.2rem rgba(224, 2, 1, 0.5);
    -webkit-box-shadow: 0 0 0.6rem 0.2rem rgba(224, 2, 1, 0.5);
    -moz-box-shadow: 0 0 0.6rem 0.2rem rgba(224, 2, 1, 0.5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10rem;
    position: relative;
}

label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 3rem;
    background: #d30d23;
    border-radius: 50%;
    transition: 0.3s;
}

input:checked+label:after {
    left: calc(100%);
    transform: translateX(-100%);
}


/* label:active:after {
    width: 130px;
} */

.vous,
.nous {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #d30d23;
    /* opacity: 0.5; */
    font-family: 'Mabrouk';
    font-size: 2.6rem;
}

.vous {
    left: -16rem;
    opacity: 1;
}

.nous {
    right: -16rem;
    opacity: 0.5;
}

input:checked+label .vous {
    opacity: 0.5;
}

input:checked+label .nous {
    opacity: 1;
}


/* fin switch */

.content_switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3REM;
}

.blc_descript_switch {
    display: none;
    width: 39rem;
    text-align: left;
    padding-left: 2rem;
    font-family: 'Volte';
    font-weight: 300;
    font-size: 2.6em;
}

.blc_descript_switch.switched {
    display: block;
}

.descript_switch {
    height: 12.4rem;
    margin-bottom: 2rem;
}

.blc_number_switch {
    width: 15rem;
}

.number_switch {
    font-family: 'Mabrouk';
    font-size: 14rem;
    color: #d30d23;
    line-height: 0.8;
    position: relative;
    height: 12.4rem;
    margin-bottom: 2rem;
}

.number_switch::after {
    content: '';
    width: 0.2rem;
    height: 60%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #d30d23;
}

.image_cat {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.blc_switch .btnDon {
    display: block;
    opacity: 1;
    width: 84%;
    margin: 0 auto;
    padding: 3rem;
    border-radius: 5.6rem;
    text-align: center;
}

.blc_switch .btnDon .mdc_btn {
    width: 9.3rem;
    right: -2rem;
    top: -5rem;
}


/*** fin pourquoi ***/


/* Start Sectiob Six Bonne Raisons */

section.six_bon_raisons {
    padding-top: 8.4rem;
    padding-bottom: 8rem;
    text-align: center;
    overflow-x: hidden;
    background-color: #d30d23;
}

section.six_bon_raisons h3,
section.six_bon_raisons p {
    color: #ffffff;
    font-size: 2.8rem;
    font-weight: 300;
}

.name_mdc {
    font-size: 2.8rem;
    font-weight: 700;
    color: #ffffff;
    display: block;
    margin-top: 1.5rem;
}

.ville_mdc {
    font-size: 2.8rem;
    font-weight: 300;
    color: #ffffff;
}

section.six_bon_raisons h3.section-title {
    font-size: 4.8rem;
    line-height: 1;
    font-weight: 700;
    /* font-family: 'Mabrouk'; */
    margin: 0;
    margin-bottom: 10rem;
}

.mabrk {
    display: inline-block;
    font-size: 4.8rem;
    font-weight: 700;
}

section.six_bon_raisons p.section-description {
    font-size: 3.6rem;
    line-height: 3.6rem;
    font-weight: 500;
    margin: 0;
    margin-bottom: 5.7rem;
    text-transform: uppercase;
}

section.six_bon_raisons .main-slider {
    position: relative;
    width: 166rem;
    margin: 0 auto;
}

section.six_bon_raisons .main-slider .next-slide,
section.six_bon_raisons .main-slider .prev-slide {
    cursor: pointer;
    width: fit-content;
    position: absolute;
    z-index: 99;
    top: 50%;
    transform: translateY(-50%);
    width: 5rem;
    height: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #ffffff;
    color: #d30d23;
}

section.six_bon_raisons .main-slider .slick-arrow.slick-disabled {
    pointer-events: none;
    opacity: 0.2;
    cursor: default;
}

section.six_bon_raisons .main-slider .next-slide i,
section.six_bon_raisons .main-slider .prev-slide i {
    font-size: 2.8rem;
    font-weight: 700;
}

section.six_bon_raisons .main-slider .next-slide img,
section.six_bon_raisons .main-slider .prev-slide img {
    width: 3.7rem;
    height: 4.9rem;
}

section.six_bon_raisons .main-slider .next-slide {
    left: 61%;
}

section.six_bon_raisons .main-slider .prev-slide {
    right: 61%;
}

section.six_bon_raisons .main-slider .slick-list {
    overflow: visible;
}

section.six_bon_raisons .main-slider .slider_holder {
    transition: all ease-in-out .4s;
    /* width: 37.6rem !important;
    height: 37.6rem !important; */
}

section.six_bon_raisons .main-slider .slider_holder.slick-active.slick-center,
section.six_bon_raisons .main-slider .slider_holder.slick-slide.slick-current.slick-center {
    transform: translateY(0rem) scale(1);
    opacity: 1;
}

section.six_bon_raisons .main-slider .slider_holder {
    transform: translateY(20rem) scale(0.8);
    opacity: 0.3;
}

section.six_bon_raisons .main-slider .slider_holder.slick-active:not(.slick-center) {
    transform: translateY(5rem) scale(0.9);
    opacity: 0.3;
}

section.six_bon_raisons .main-slider .slider_holder .slide_content img {
    width: 30.286rem;
    height: 30.286rem;
    border-radius: 50%;
    margin: 0 auto;
}

.nav-slider {
    margin-top: 15rem;
}


/* section.six_bon_raisons .main-slider .slider_holder.slick-active .slide_content img {
    width: 27.9rem;
    height: 27.9rem;
} */

section.six_bon_raisons .main-slider .slider_holder .slide_content>div {
    position: relative;
    width: fit-content;
    width: 100%;
}

section.six_bon_raisons .slides-holder__item>span {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 22.7rem;
    line-height: 22.7rem;
    z-index: 99;
    transform: translate(-50%, -50%);
    color: #ffffffe0;
    font-weight: bold;
    font-family: "mabrouk";
}

section.six_bon_raisons .slides-holder__item_active>span {
    text-shadow: rgb(228, 5, 33) 1px 0px 0px, rgb(228, 5, 33) 0.540302px 0.841471px 0px, rgb(228, 5, 33) -0.416147px 0.909297px 0px, rgb(228, 5, 33) -0.989993px 0.14112px 0px, rgb(228, 5, 33) -0.653644px -0.756803px 0px, rgb(228, 5, 33) 0.283662px -0.958924px 0px, rgb(228, 5, 33) 0.96017px -0.279416px 0px;
}

section.six_bon_raisons .descriptions h3 {
    font-size: 4rem;
    line-height: 4rem;
    font-family: "mabrouk";
    margin-top: 6.8rem;
}

section.six_bon_raisons .descriptions p {
    /* width: 105.3rem; */
    width: auto;
    margin: auto;
    margin-top: 2.2rem;
    margin-bottom: 0;
    font-size: 3rem;
    line-height: 4rem;
    color: #000000;
    font-weight: 200;
}

section.six_bon_raisons .descriptions p span {
    font-weight: 400;
}


/* Dots slick */

.six_bon_raisons .nav-slider .slider_inner.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.six_bon_raisons .nav-slider .slider_inner .slick-dots {
    position: relative !important;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 5rem 0 5rem 0;
    list-style: none;
    text-align: center;
}

.six_bon_raisons .nav-slider .slider_inner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0.5rem;
    padding: 0;
    cursor: pointer;
}

.six_bon_raisons .nav-slider .slider_inner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.5rem;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.six_bon_raisons .nav-slider .slider_inner .slick-dots li button:hover,
.six_bon_raisons .nav-slider .slider_inner .slick-dots li button:focus {
    outline: none;
}

.six_bon_raisons .nav-slider .slider_inner .slick-dots li button:hover:before,
.six_bon_raisons .nav-slider .slider_inner .slick-dots li button:focus:before {
    opacity: 1;
}

.six_bon_raisons .nav-slider .slider_inner .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    content: '•';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.six_bon_raisons .nav-slider .slider_inner .slick-dots li.slick-active button:before {
    opacity: 1;
    color: black;
}

.six_bon_raisons .nav-slider .slider_inner .slick-dots li.slick-active button::before {
    background-image: url(../images/dots-active.png) !important;
}

.six_bon_raisons .nav-slider .slider_inner .slick-dots li button:before {
    background-image: url(../images/dots.png) !important;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    color: #fff;
}


/* fin Dots slick */

.six_bon_raisons .btnDon {
    background-color: #FFFFFF;
    color: #d30d23;
    font-size: 2.4rem;
    border-radius: 4rem;
    transition: 0.3s;
    width: auto;
    margin: 0 auto;
    opacity: 1;
    display: inline-block;
    padding: 2rem 6rem 2rem 3rem;
}

.six_bon_raisons .btnDon .mdc_btn {
    right: -3rem;
    top: -3.5rem;
    width: 9.4rem;
}


/* End Sectiob Six Bonne Raisons */


/* Debut section Footer */

footer {
    background-color: #000000;
    color: #ffffff;
    position: relative;
}

.back_footer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.blc_socialMedia.bttm {
    display: none;
    bottom: 0;
    transform: none;
    left: 0;
    border-radius: 0;
    text-align: center;
}

.blc_socialMedia.bttm .socialMedia {
    width: auto;
}

.cadreFooter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10rem 0 16rem;
}

.logofooter {
    width: 12.1rem;
    position: relative;
    order: 1;
}

.logofooter a {
    display: block;
    /* box-shadow: 0 0 5px 0px #000; */
    border-radius: 2rem;
}

.conteneurSocialeMedia {
    width: 142.3rem;
    /* margin-left: 25rem; */
    display: flex;
    justify-content: space-between;
    order: 2;
}

.socialeMedia {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-bottom: 4rem; */
    width: 83.101rem;
}

.socialeMedia p {
    margin: 0;
    color: #ffffff;
    font-size: 3.7rem;
    font-weight: bold;
}

.cadreSocialeMedia {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* width: 38rem; */
    width: 46.341rem;
}

.cadreSocialeMedia a {
    font-size: 4.7rem;
    color: #ffffff;
    /* background-color: #d30d23; */
    border-radius: 2rem;
    width: 8rem;
    height: 8rem;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: .3s;
}

.cadreSocialeMedia a:hover {
    transform: scale(1.05);
}

.cadreSocialeMedia a img {
    width: 100%;
    display: block;
}

.txt-socialmedia {
    font-family: 'Volte';
    font-size: 3.7rem;
    font-weight: 700;
    color: #ffffff;
}

.cadreMentionLegales {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 49.8rem;
}

.cadreMentionLegales a {
    font-family: 'Volte';
    font-size: 2.1rem;
    font-weight: 400;
    color: #ffffff;
    text-decoration: none;
}

.cadreMentionLegales a:hover {
    text-decoration: underline;
}


/* fin section Footer */


/*popup*/

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #D30D23;
    opacity: 0;
    z-index: 100;
    visibility: hidden;
    transition: .5s;
    transform: scale(0.7);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    z-index: 9997;
}

.modal.active {
    opacity: 0.98;
    visibility: visible;
    transform: scale(1);
}

.modal-content {
    width: 100%;
    max-width: 130rem;
    color: #fff;
    margin: auto;
}

.modal-content p {
    font-size: 3.5rem;
    font-weight: 700;
    text-align: center;
}

.modal-content p a {
    color: #fff;
}

.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 25px;
    font-size: 1.5rem;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
}

.modal-close .fa-times {
    color: #fff;
    font-size: 3.2em;
    /* opacity: .5; */
}


/* finpopup */


/* tarte cookie */

div#tarteaucitronAlertBig:before {
    display: block;
    content: '' !important;
    background: transparent url(../images/logo-30millions-damis.svg) no-repeat center top;
    width: 137px;
    height: 193px;
    margin: 0 auto;
    background-size: contain;
}

#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny {
    border: none;
    padding: 0;
    position: absolute;
    top: 5px;
    right: 10px;
    background: white;
}

#tarteaucitronRoot .tarteaucitronCross::before {
    color: #d30d23 !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig {
    background: #ffffff !important;
}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    font-size: 16px !important;
    margin: 10px 0 30px;
    display: block;
    text-align: center;
    font-size: 21px;
    color: #444344;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong,
#tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronH2 {
    color: #444344;
}

#tarteaucitronRoot #tarteaucitronAlertBig button {
    border-radius: 5px 5px 5px 5px;
}

#tarteaucitronRoot .tarteaucitronAllow,
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
.tarteaucitronCTAButton,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {
    background: #d30d23 !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny {
    border: none;
    padding: 0;
    background: white !important;
    color: #d30d23;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert {
    border: 1px solid #d30d23;
    color: #d30d23;
}

#tarteaucitronRoot .tarteaucitronH1 {
    font-family: 'Mabrouk'!important;
    font-size: 3.3rem !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background: #ffffff!important;
}

div#tarteaucitronInfo {
    font-size: 2.3rem !important;
    font-weight: 300 !important;
}


/* tarre cookies */

.sec1_infos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 38rem;
    position: absolute;
    top: 123rem;
    right: 7rem;
}

.sec1_infos img {
    display: block;
    width: 6.5rem;
}

.sec1_infos p {
    width: calc(100% - 8rem);
    margin: 0;
    text-align: left;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-family: 'Volte';
    color: #FFFFFF;
    font-size: 2.4rem;
    font-weight: 500;
    font-style: italic;
}

.flip-clock-wrapper {
    transform: translateY(-0.6rem);
}

.flip-clock-divider .flip-clock-label {
    color: #d30d23 !important;
    text-transform: initial !important;
}

.flip-clock-wrapper ul {
    padding-left: 4.4rem !important;
}

section.six_bon_raisons .main-slider .slider_holder.slick-cloned {
    /* display: none !important; */
    opacity: 0 !important;
}