/*
Theme Name: AIF Agir contre les injustices 2026
Theme URI: https://donner.amnesty.fr
Version: 2.0.16
Author: Maxyma / WP&Co

License: Commercial
*/

/*------------------------------------*\
MAIN
\*------------------------------------*/

#onetrust-banner-sdk #onetrust-policy-text,
#onetrust-banner-sdk .ot-b-addl-desc, #onetrust-banner-sdk .ot-gv-list-handler,
#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-banner-sdk #onetrust-pc-btn-handler {
    font-size: 1.8rem !important;
}

/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
    max-width:100%;
    vertical-align:bottom;
}
a {
    color:#444;
    text-decoration:none;
}
a:hover {
    color:#444;
}
a:focus {
    outline:0;
}
a:hover,
a:active {
    outline:0;
}
input:focus {
    outline:0;
    border:0.1rem solid #04A4CC;
}

/* A/B Test */

body.versiona .test-b,
body.versiona .test-c {
    display: none !important;
}
body.versionb .test-a,
body.versionb .test-c {
    display: none !important;
}
body.versionc .test-a,
body.versionc .test-b {
    display: none !important;
}

.cta {
    font-weight: 700;
    font-size: 1.8rem;
    color: #fff;
    background-color: #EE8100;
    padding: 0 1.8rem;
    line-height: 4.8rem;
    height: 4.8rem;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;
    letter-spacing: initial;
    text-transform: uppercase;
    border: 0.2rem solid #EE8100;
}
.cta:hover {
    background-color: #fff;
    color: #EE8100;
}
.cta span {
    font-weight: 400;
    font-size: 2.2rem;
    margin-top: 1rem;
}
.cta .icon_heart {
    height: 2.8rem;
    fill: #fff;
    margin-right: 0.8rem;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;
}
.cta:hover .icon_heart {
    fill: #ff5f3f;
}
.surligne > span {
    word-wrap: break-word;
    display: inline-block;
    margin-bottom: 0.7rem;
    line-height: 1;
}
.surligne.letter-spacing > span {
    letter-spacing: .08rem;
}
.surligne > span:last-child {
    margin-bottom: 0;
}
.surligne.yellow_sur > span {
    background: #ffff00;
    -webkit-box-shadow: 1rem 0 0 #ffff00, -1rem 0 0 #ffff00;
    -moz-box-shadow: 1rem 0 0 #ffff00, -1rem 0 0 #ffff00;
    box-shadow: 1rem 0 0 #ffff00, -1rem 0 0 #ffff00;
}

/*------------------------------------*\
HEADER
\*------------------------------------*/
header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10000;
    background-color: #fff;
    block-size: -webkit-fit-content;
    block-size: -moz-fit-content;
    block-size: fit-content;
    -webkit-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    transition: all ease 700ms;
}
.logo img {
    -webkit-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    transition: all ease 700ms;
}
.header-full {
    height: 6rem;
    -webkit-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    transition: all ease 700ms;
}
.header-min {
    height: 4rem!important;
    -webkit-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    transition: all ease 700ms;
}
header .cta {
    font-size: 2rem;
    padding: 1rem 1.5rem;
    -webkit-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    transition: all ease 700ms;
}
.header-min.cta {
    font-size: 1.8rem;
    padding: 1.3rem 1.2rem;
}
header .cta .icon_heart {
    height: 2.8rem;
}
header .header-min.cta .icon_heart {
    height: 2.2rem;
}

/*------------------------------------*\
FOOTER
\*------------------------------------*/

footer {
    background: #000;
    padding: 6.5rem 0 1.2rem;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #FFF;
    letter-spacing: initial;
}
.adresse {
    margin-top: 2.3rem;
}
.adresse a[href^=tel], a[href^=mailto] {
    color: #fff;
}
.don-confiance {
    margin-bottom: 3rem;
}
.don-confiance::before {
    content: '';
    display: block;
    position: absolute;
    width: 11.8rem;
    height: 11.8rem;
    background: url(img/don-confiance.png) 0 0 no-repeat;
    right: 0;
    top: -13rem;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
footer .logo img {
    height: 5rem;
}
footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
footer .socials{
    margin-bottom: 2.5rem;
}
.socials li:not(:first-child) {
    margin-left: 1.5rem;
}
.socials li a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    border: 0.2rem solid #FFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 300ms cubic-bezier(.62,.23,.54,.88);
    -o-transition: all 300ms cubic-bezier(.62,.23,.54,.88);
    -moz-transition: all 300ms cubic-bezier(.62,.23,.54,.88);
    transition: all 300ms cubic-bezier(.62,.23,.54,.88);
    -webkit-transition-timing-function: cubic-bezier(.62,.23,.54,.88);
    -moz-transition-timing-function: cubic-bezier(.62,.23,.54,.88);
    -o-transition-timing-function: cubic-bezier(.62,.23,.54,.88);
    transition-timing-function: cubic-bezier(.62,.23,.54,.88);
}
.socials li a svg {
    height: 3rem;
}
.socials li a svg path {
    fill: #FFF;
    -webkit-transition: all 300ms cubic-bezier(.62,.23,.54,.88);
    -o-transition: all 300ms cubic-bezier(.62,.23,.54,.88);
    -moz-transition: all 300ms cubic-bezier(.62,.23,.54,.88);
    transition: all 300ms cubic-bezier(.62,.23,.54,.88);
    -webkit-transition-timing-function: cubic-bezier(.62,.23,.54,.88);
    -moz-transition-timing-function: cubic-bezier(.62,.23,.54,.88);
    -o-transition-timing-function: cubic-bezier(.62,.23,.54,.88);
    transition-timing-function: cubic-bezier(.62,.23,.54,.88);
}
.socials li a:hover {
    background: #FFF;
}
.socials li a:hover svg path {
    fill: #000;
}

.socials li.social_facebook a svg {
    padding: 0.3rem 0.4rem 0.4rem 0.5rem;
}
.socials li.social_twitter a svg {
    /*padding: 0.6rem 0.5rem 0.6rem 0.8rem;*/
}
.socials li.social_youtube a svg {
    padding: 0.5rem;
}
.socials li.social_instagram a svg {
    padding: 0.4rem;
}
.mentions_contacts a {
    color: #fff;
    padding: 0.3rem;
}

/*------------------------------------*\
RETENTION
\*------------------------------------*/

#popin_retention {
    position: fixed;
    z-index: 9999999999999999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#popin_retention.open {
    visibility: visible;
    opacity: 1;
}
#popin_retention .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,0.6);
}
#popin_retention .popin_content {
    display: inline-block;
    vertical-align: middle;
    padding: 2rem;
    width: 60rem;
    max-width: 90%;
    margin: 0;
    position: relative;
    z-index: 1;
    background: #fff url(img/trame_fond.png) 0 0 / 9rem auto repeat;
    /*-webkit-box-shadow: 0 0.3rem 0.6rem rgb(0 0 0 / 16%);
    -moz-box-shadow: 0 0.3rem 0.6rem rgb(0 0 0 / 16%);
    box-shadow: 0 0.3rem 0.6rem rgb(0 0 0 / 16%);*/
    -webkit-transform: translateY(-3rem);
    -moz-transform: translateY(-3rem);
    -ms-transform: translateY(-3rem);
    -o-transform: translateY(-3rem);
    transform: translateY(-3rem);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#popin_retention .popin_content_inner {
    background-color: #fff;
    padding: 3.5rem 5rem 4.5rem 5rem;
}
#popin_retention.open .popin_content {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

#popin_retention .popin_title {
    font-size: 2.7rem;
    color: #fff;
    background-color: #000;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
}
#popin_retention p {
    font-size: 2rem;
    line-height: 1.1;
    margin: 3rem 0 0 0;
}
#popin_retention .cta_yellow {
    font-size: 2.2rem;
    height: 5.6rem;
    line-height: 5.1rem;
}
#popin_retention input[type=email] {
    margin: 1rem 0 0 0;
}
#popin_retention .cf-mentions p {
    font-size: 1.2rem;
    display: block;
    margin-bottom: 2rem;
    margin-top: 1rem;
}
#popin_retention .wpcf7-spinner {
    display: none;
}
#popin_retention .wpcf7-submit:disabled {
    opacity: 0.5;
}
#popin_retention .wpcf7-not-valid-tip {
    font-size: 0.5em;
}
#popin_retention .wpcf7-form.submitting {
    opacity: 0.5;
}
#popin_retention .wpcf7-form.sent * {
    display: none;
}
#popin_retention .wpcf7-form.sent .wpcf7-response-output {
    display: block !important;
}
.wpcf7 form .wpcf7-response-output {
    margin: 1rem 0;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    font-size: 2rem;
    font-weight: 700;
}

.popin_close {
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
    cursor: pointer;
    background: transparent url(img/modal_retention_close.png) 50% / 100% no-repeat;
    width: 4rem;
    height: 4rem;
}

/*@media screen and (max-width:1199.98px){
    #popin_retention .popin_content {
        padding: 6rem 13rem;
        width: 90%;
    }
    #popin_retention .popin_title {
        font-size: 4.5rem;
    }
    #popin_retention p {
        font-size: 3.5rem;
    }
    .popin_close,
    .popin_close svg {
        width: 3rem;
        height: 3rem;
    }
}*/

@media screen and (max-width:767.98px){
    #popin_retention,
    #popin_retention.open{
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

/*------------------------------------*\
LP
\*------------------------------------*/


#s1 {
    height: 80vh;
}
#s1 .s1__h1-wrapper {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding-left: 5%;
}
#s1 .surligne > span {
    margin-bottom: 0;
    position: relative;
    line-height: 1.2;
}
#s1 .surligne.yellow_sur > span {
    background: #FFFFFF;
    -webkit-box-shadow: 1rem 0 0 #FFFFFF, -1rem 0 0 #FFFFFF;
    -moz-box-shadow: 1rem 0 0 #FFFFFF, -1rem 0 0 #FFFFFF;
    box-shadow: 1rem 0 0 #FFFFFF, -1rem 0 0 #FFFFFF;
    letter-spacing: 0;
}
#s1 .surligne.yellow_sur > span i {
    font-style: normal;
    color: #6758A2;
}
#s1 .home-gradient {
    background-image: url(img/home_gradient.png);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    z-index: 1;
}
#s1 .scroll-down {
    position: absolute;
    bottom: 5rem;
    margin: auto;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8rem;
}
#s1 .scroll-down a {
    z-index: 999;
    padding-top: 7rem;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
}
#s1 .scroll-down a:hover {
    opacity: .5;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
#s1 .scroll-down a span {
    z-index: 999;
    position: absolute;
    /* top: 0; */
    left: 50%;
    width: 2.8rem;
    height: 4rem;
    margin-left: -1.4rem;
    -webkit-animation: anim-scroll-down 1.5s infinite;
    -moz-animation: anim-scroll-down 1.5s infinite;
    -o-animation: anim-scroll-down 1.5s infinite;
    animation: anim-scroll-down 1.5s infinite;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 3.5rem;
}
#s1 .scroll-down a span .scroll-down-arrow {
    fill: #fff;
}
@-webkit-keyframes anim-scroll-down {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, 2rem);
        opacity: 0;
    }
}
@-moz-keyframes anim-scroll-down {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -moz-transform: translate(0, 2rem);
        transform: translate(0, 2rem);
        opacity: 0;
    }
}
@-o-keyframes anim-scroll-down {
    0% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -o-transform: translate(0, 2rem);
        transform: translate(0, 2rem);
        opacity: 0;
    }
}
@keyframes anim-scroll-down {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, 2rem);
        -moz-transform: translate(0, 2rem);
        -o-transform: translate(0, 2rem);
        transform: translate(0, 2rem);
        opacity: 0;
    }
}

.s1__slider,
.s1__slider .slick-list {
    height: 100%;
    width: 100%;
}
.s1__slider .slick-track {
    height: 100%;
}
.s1__slider-slide {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
}
.s1__rejoignez {
    background-image: url(img/s1-rejoignez-background.png);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    color: #000;
    font-size: 4.6rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    padding: 2.5rem 3.5rem;
    text-decoration: none;
}
.s1__rejoignez:hover {
    color: #000;
    text-decoration: none;
}

/************* PHRASES DEFILANTES **********/

.scrolling_sentences {
    margin-top: 3.5rem;
    margin-bottom: 5.5rem;
}
.scrolling_sentences .bn-breaking-news {
    font-size: 2rem;
    border: 0 none;
    background-color: #6758A2;
    height: 6rem !important;
    line-height: 6rem !important;
}
.scrolling_sentences .bn-news ul li {
    color: #fff;
    padding-right: 6rem;
}
.scrolling_sentences .bn-news ul li:after {
    position: absolute;
    content: '';
    display: block;
    width: 0.2rem;
    height: 3.5rem;
    background-color: #fff;
    right: 3rem;
    top: 0;
    bottom: 0;
    margin: auto;
}
.scrolling_sentences strong {
    text-transform: uppercase;
}


/************* S2 NEW **********/

#s2new {
    margin-bottom: 7.5rem;
}
.s2new__before,
.s2new__after {
    z-index: -1;
    height: 13rem;
    width: 100%;
}
.s2new__before {
    border-top: 0.3rem solid #C3B9E3;
    top: 0;
    left: 0;
    right: 0;
}
.s2new__after {
    border-bottom: 0.3rem solid #C3B9E3;
    bottom: 0;
    left: 0;
    right: 0;
}
.s2new__before:before,
.s2new__before:after,
.s2new__after:before,
.s2new__after:after {
    display: block;
    content: '';
    height: 100%;
    width: 0.3rem;
    background-color: #C3B9E3;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}
.s2new__before:before,
.s2new__after:before {
    left: 0;
}
.s2new__before:after,
.s2new__after:after {
    right: 0;
}
.s2new__intro {
    background-image: url(img/s2new-intro-background.png);
    background-position: 0 0;
    -webkit-background-size: 30.6rem 30.6rem;
    -moz-background-size: 30.6rem;
    -o-background-size: 30.6rem;
    background-size: 30.6rem;
    background-repeat: no-repeat;
    font-weight: 700;
    font-size: 4.2rem;
    text-transform: uppercase;
    padding-left: 2.5rem;
    padding-top: 3rem;
    height: 39.5rem;
    line-height: 1;
}
.s2new__intro span {
    display: inline-block;
    padding: 0.4rem 0;
}
.s2new__intro span:nth-child(3),
.s2new__intro span:nth-child(5) {
    background-color: #fff;
}
.s2new__intro i {
    color: #6758A2;
    font-style: normal;
}
.s2new__content {
    padding: 6.5rem 0;
}
.s2new__content p {
    margin-bottom: 4rem;
    font-size: 2.3rem;
}
#s2new h2.surligne {
    margin-bottom: 9.5rem;
    line-height: 1;
}
#s2new .surligne > span {
    margin-bottom: 0;
    padding: 0.3rem 0;
}
#s2new .cta {
    font-size: 2.8rem;
    line-height: 6rem;
    height: 6rem;
    padding: 0 3.7rem;
}

/************* S2 **********/
#s2 {
    margin-bottom: 14rem;
    font-size: 1.8rem;
}
.s2__inner {
    border: 0.1rem solid #707070;
    padding: 4rem 3rem 9rem 3rem;
}
.s2__rejoignez {
    background: #fff url(img/s2-rejoignez.png) 2.5rem 50% / 14rem no-repeat;
    height: 12rem;
    width: 39rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    bottom: -6rem;
    font-size: 2.8rem;
    font-weight: 700;
    padding-left: 18rem;
}
.s2__rejoignez a {
    line-height: 3.8rem;
    height: 3.8rem;
    background-color: #FFFD00;
    padding: 0 1rem;
    text-decoration: none;
    color: #000;
}
.s2__rejoignez a:hover {
    text-decoration: none;
    color: #000;
}
.s2__content strong {
    text-transform: uppercase;
}

/************* S3 **********/

#s3 {
    margin-bottom: 8.5rem;
}
.s3__left,
.s3__right {
    z-index: -1;
    height: 100%;
    width: 32rem;
}
.s3__left {
    border-left: 0.3rem solid #6758A2;
    top: 0;
    left: 0;
    bottom: 0;
}
.s3__right {
    border-right: 0.3rem solid #6758A2;
    top: 0;
    right: 0;
    bottom: 0;
}
.s3__left:before,
.s3__left:after,
.s3__right:before,
.s3__right:after {
    display: block;
    content: '';
    height: 0.3rem;
    width: 100%;
    background-color: #6758A2;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}
.s3__left:before,
.s3__right:before {
    top: 0;
}
.s3__left:after,
.s3__right:after {
    bottom: 0;
}
.s3__fdd_wrapper {
    background-color: #6758A2;
    margin-top: 7rem;
    margin-bottom: 1rem;
    padding: 3rem 4rem;
}
.s3__iframe_wrapper {
    background-color: #fff;
}
#s3 .mention-deduction {
    font-size: 2.4rem;
    text-align: center;
    font-weight: 700;
    color: #fff;
    margin-bottom: 2rem;
    margin-top: 2rem;
}
#s3 .mention-deduction small {
    font-size: 1.6rem;
    font-weight: 400;
    display: block;
}
.bloc-don-confiance {
    background: #fff;
    font-size: 1.6rem;
    -webkit-border-radius: 6.3rem;
    -moz-border-radius: 6.3rem;
    border-radius: 6.3rem;
    padding-right: 3rem;
}
.bloc-don-confiance::before {
    width: 12.6rem;
    height: 12.6rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 12.6rem;
    -moz-box-flex: 1;
    -ms-flex: 1 0 12.6rem;
    flex: 1 0 12.6rem;
    background: url(img/don-confiance.png) 50% / 100% no-repeat;
    content: "";
    display: block;
    margin-right: 1.2rem;
}

/************* S6 **********/

#s6 {
    padding: 3rem 4rem;
    border: 0.3rem solid #6758A2;
    margin-bottom: 8.5rem;
}
#s6 .avantages .avantage-item {
    position: relative;
    padding-left: 1.5rem;
}
#s6 .avantages .avantage-item:before {
    position: absolute;
    content: '';
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.2rem;
    background-color: #6758A2;
}
#s6 .avantages .avantage-item-1,
#s6 .avantages .avantage-item-2 {
    margin-bottom: 3rem;
}
#s6 .avantages .content {
    font-size: 1.8rem;
}
#s6 .avantages h3 {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 1rem;
    display: inline-block;
}
#s6 .avantages .bullets {
    margin-top: 2rem;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}
#s6 .avantages .bullets li {
    width: 1.5rem;
    height: 1.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0);
    border: 0.1rem solid #fff;
    cursor: pointer;
}
#s6 .avantages .bullets li.active {
    background-color: rgba(255, 255, 255, 1);
}
#s6 .avantages .bullets li:not(:last-child) {
    margin-right: 0.6rem;
}



/************* S4 **********/

#s4 {
    overflow: hidden;
    padding-bottom: 9rem;
}
#s4 h2 {
    position: relative;
    font-size: 5.3rem;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 3rem;
}
#s4 h3 {
    position: relative;
    font-size: 5.2rem;
    display: inline-block;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 7rem;
}
#s4 h3 span {
    position: relative;
    z-index: 2;
}
#s4 h3:after {
    content: '';
    position: absolute;
    top: 4rem;
    left: 8rem;
    width: 150vw;
    height: 4.7rem;
    z-index: 1;
    background: url(img/background_s4_grey.png) 0 0 repeat-x;
}
#s4 .picto {
    max-width: 13rem;
    height: auto;
    display: inline-block;
    margin-bottom: 1.5rem;
}
#s4 h4 {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 3.8rem;
    padding: 0 1rem;
    background-color: #FFFF00;
    margin-bottom: 1.5rem;
    display: inline-block;
}
#s4 .content {
    font-size: 1.8rem;
    padding: 0 10%;
}

/************* S5 **********/
#s5 {
    padding: 0 0 12rem 0;
}
#s5 h2 {
    font-size: 6.6rem;
    color: #000;
    font-weight: 700;
    margin-bottom: 2.8rem;
    letter-spacing: -.08rem;
    text-align: right;
    margin-right: -10rem;
    z-index: 2;
    position: relative;
    background-color: #FFFF00;
    padding: 1.2rem 2.2rem;
    line-height: 1;
    margin-top: 4rem;
}
#s5 h2:before {
    display: block;
    content: '';
    position: absolute;
    background-color: #FFFF00;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    z-index: 1;
}
#s5 p {
    text-align: right;
    font-size: 1.8rem;
    line-height: 1.7;
    margin-right: 1rem;
}
#s5 p mark {
    background-color: #ffff00;
    padding: 0 0.5rem;
    font-weight: 700;
}
#s5 .slider-content {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 63rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 2.5rem;
}
#s5 .portraits {
    z-index: 1;
}
#s5 .text-slider {
    margin-bottom: 2rem;
}
#s5 .text-slider h3 {
    z-index: 1;
    position: relative;
    padding: 0 1.5rem 0.5rem;
}
#s5 .text-slider h3 span {
    background: #ffff00;
    -webkit-box-shadow: 0.5rem 0 0 #ffff00, -0.5rem 0 0 #ffff00;
    -moz-box-shadow: 0.5rem 0 0 #ffff00, -0.5rem 0 0 #ffff00;
    box-shadow: 0.5rem 0 0 #ffff00, -0.5rem 0 0 #ffff00;
    word-wrap: break-word;
    display: inline-block;
    margin-bottom: 0.3rem;
    line-height: 1.2;
    letter-spacing: .08rem;
    font-size: 3.2rem;
    color: #000;
    font-weight: 700;
}
#s5 .gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    width: 100%;
    height: 40%;
    position: absolute;
    bottom: 0;
    left: 0;
}
#s5 .slick-prev {
    position: absolute;
    bottom: 2rem;
    left: -15.5rem;
    background: url(img/slider-left.png) no-repeat;
    width: 5.6rem;
    height: 5.6rem;
    border: none;
    color: rgba(0, 0, 0, 0);
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
#s5 .slick-next {
    position: absolute;
    bottom: 2rem;
    left: -7.5rem;
    background: url(img/slider-right.png) no-repeat;
    width: 5.6rem;
    height: 5.6rem;
    border: none;
    color: rgba(0, 0, 0, 0);
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
#s5 .rayures {
    position: absolute;
    bottom: -5rem;
    width: 93%;
    height: 10rem;
    right: 0;
    margin-right: -webkit-calc(var(--bs-gutter-x) * .5);
    margin-right: -moz-calc(var(--bs-gutter-x) * .5);
    margin-right: calc(var(--bs-gutter-x) * .5);
    background: url(img/background_s4_grey.png) 0 0 repeat-x;
}

/*S6 encart*/

#s6b {
    background-color: #6758A2;
    padding: 2.2rem 0;
    margin-bottom: 7rem;
}
.s6b__encart_inner {
    background-color: #fff;
    height: 12rem;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 9rem;
}
.s6b__encart_inner span {
    font-size: 3.8rem;
    font-weight: 700;
    font-family: 'Amnesty Trade Gothic Cn', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.s6b__encart_inner p {
    font-size: 1.8rem;
    margin: 0;
}


/************* S7 **********/

#s7 {
    padding: 0 0 6rem 0;
}
#s7 .bloc-aide h2.surligne {
    background: #ffff00;
    -webkit-box-shadow: 0.5rem 0 0 #ffff00, -0.5rem 0 0 #ffff00;
    -moz-box-shadow: 0.5rem 0 0 #ffff00, -0.5rem 0 0 #ffff00;
    box-shadow: 0.5rem 0 0 #ffff00, -0.5rem 0 0 #ffff00;
    word-wrap: break-word;
    display: inline-block;
    margin-bottom: 0.7rem;
    line-height: 1.2;
    letter-spacing: .08rem;
    font-size: 5.6rem;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}
#s7 .bloc-aide p {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 3.5rem;
}
#s7 .bloc-aide p:last-child {
    margin-bottom: 0;
}
#s7 .bloc-aide p a[href^=tel], a[href^=mailto] {
    color: #000;
}

/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family:Amnesty Trade Gothic;
    src:url(fonts/AmnestyTradeGothic-Bd2Obl.1c5f4a45.eot);
    src:url(fonts/AmnestyTradeGothic-Bd2Obl.1c5f4a45.eot?#iefix) format("embedded-opentype"),url(fonts/AmnestyTradeGothic-Bd2Obl.8f19695d.woff) format("woff"),url(fonts/AmnestyTradeGothic-Bd2Obl.d23fcd71.ttf) format("truetype");
    font-weight:700;
    font-style:italic
}
@font-face {
    font-family:Amnesty Trade Gothic;
    src:url(fonts/AmnestyTradeGothic-Light.6d5edced.eot);
    src:url(fonts/AmnestyTradeGothic-Light.6d5edced.eot?#iefix) format("embedded-opentype"),url(fonts/AmnestyTradeGothic-Light.67b41d94.woff) format("woff"),url(fonts/AmnestyTradeGothic-Light.44a110aa.ttf) format("truetype");
    font-weight:300;
    font-style:normal
}
@font-face {
    font-family:Amnesty Trade Gothic Cn;
    src:url(fonts/AmnestyTradeGothic-Cn18.4bdd23ae.eot);
    src:url(fonts/AmnestyTradeGothic-Cn18.4bdd23ae.eot?#iefix) format("embedded-opentype"),url(fonts/AmnestyTradeGothic-Cn18.b4abac4c.woff) format("woff"),url(fonts/AmnestyTradeGothic-Cn18.28eea006.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:Amnesty Trade Gothic;
    src:url(fonts/AmnestyTradeGothic.acd2749d.eot);
    src:url(fonts/AmnestyTradeGothic.acd2749d.eot?#iefix) format("embedded-opentype"),url(fonts/AmnestyTradeGothic.d314e14d.woff) format("woff"),url(fonts/AmnestyTradeGothic.ee279478.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:Amnesty Trade Gothic;
    src:url(fonts/AmnestyTradeGothic-Bd2.63f46eed.eot);
    src:url(fonts/AmnestyTradeGothic-Bd2.63f46eed.eot?#iefix) format("embedded-opentype"),url(fonts/AmnestyTradeGothic-Bd2.e0a95ca8.woff) format("woff"),url(fonts/AmnestyTradeGothic-Bd2.be096aa6.ttf) format("truetype");
    font-weight:700;
    font-style:normal
}
@font-face {
    font-family:Amnesty Trade Gothic Cn;
    src:url(fonts/AmnestyTradeGothic-BdCn20Ob.e5b8f042.eot);
    src:url(fonts/AmnestyTradeGothic-BdCn20Ob.e5b8f042.eot?#iefix) format("embedded-opentype"),url(fonts/AmnestyTradeGothic-BdCn20Ob.97ab8b39.woff) format("woff"),url(fonts/AmnestyTradeGothic-BdCn20Ob.70129bcb.ttf) format("truetype");
    font-weight:700;
    font-style:italic
}
@font-face {
    font-family:Amnesty Trade Gothic;
    src:url(fonts/AmnestyTradeGothic-Obl.d839ace8.eot);
    src:url(fonts/AmnestyTradeGothic-Obl.d839ace8.eot?#iefix) format("embedded-opentype"),url(fonts/AmnestyTradeGothic-Obl.a53a5307.woff) format("woff"),url(fonts/AmnestyTradeGothic-Obl.26bfbf8e.ttf) format("truetype");
    font-weight:400;
    font-style:italic
}
@font-face {
    font-family:Amnesty Trade Gothic Cn;
    src:url(fonts/AmnestyTradeGothic-BdCn20.4d8205f2.eot);
    src:url(fonts/AmnestyTradeGothic-BdCn20.4d8205f2.eot?#iefix) format("embedded-opentype"),url(fonts/AmnestyTradeGothic-BdCn20.4fa25d52.woff) format("woff"),url(fonts/AmnestyTradeGothic-BdCn20.8a4026f5.ttf) format("truetype");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:Amnesty Trade Gothic;
    src:url(fonts/AmnestyTradeGothic-LightObl.241d33c7.eot);
    src:url(fonts/AmnestyTradeGothic-LightObl.241d33c7.eot?#iefix) format("embedded-opentype"),url(fonts/AmnestyTradeGothic-LightObl.f489b39a.woff) format("woff"),url(fonts/AmnestyTradeGothic-LightObl.49e72361.ttf) format("truetype");
    font-weight:300;
    font-style:italic
}
@font-face {
    font-family:Amnesty Trade Gothic Cn;
    src:url(fonts/AmnestyTradeGothic-Cn18Obl.c3ca737b.eot);
    src:url(fonts/AmnestyTradeGothic-Cn18Obl.c3ca737b.eot?#iefix) format("embedded-opentype"),url(fonts/AmnestyTradeGothic-Cn18Obl.4d0b8c23.woff) format("woff"),url(fonts/AmnestyTradeGothic-Cn18Obl.ba8252d7.ttf) format("truetype");
    font-weight:400;
    font-style:italic
}
/* html element 62.5% font-size for REM use */
html {
    font-size:62.5%;
    -webkit-text-size-adjust:none;
}
body {
    font-family: 'Amnesty Trade Gothic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.3;
    color: #000;
    position: relative;
}
.condensed, .condensed p,
h1,h2,h3,h4,h5,h6 {
    font-family: 'Amnesty Trade Gothic Cn', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
p {
    font-family: 'Amnesty Trade Gothic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h1.surligne {
    font-size: 5.2rem;
    color: #000;
    font-weight: 700;
    margin-bottom: 3.5rem;
}
h2.surligne {
    font-size: 3.2rem;
    color: #000;
    font-weight: 700;
    margin-bottom: 5rem;
    letter-spacing: -.08rem;
}

/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:1399.98px){
    html {
        font-size:53%; /* 1200/1400 ratio */
        -webkit-text-size-adjust:none; /* Hack Safari for margin/padding units */
    }
}
@media screen and (max-height:565px) {
    h1.surligne {
        font-size: 4rem;
    }
}
@media screen and (max-width:1199.98px){
    html {
        font-size:44%; /* 992/1400 ratio */
        -webkit-text-size-adjust:none; /* Hack Safari for margin/padding units */
    }
}
@media screen and (max-width:991.98px){
    html {
        font-size:62.5%; /* RAZ ratio */
        -webkit-text-size-adjust:none; /* Hack Safari for margin/padding units */
    }
    .header-full {
        height: 5rem;
    }
    .header-min {
        height: 3rem!important;
    }
    header .cta {
        font-size: 1.9rem;
    }
    .header-min.cta {
        font-size: 1.5rem;
        padding: 1.3rem 1.2rem;
    }
    header .cta .icon_heart {
        height: 2rem;
    }
    header .cta .icon_heart {
        margin-right: 0.5rem;
    }
    header .header-min.cta .icon_heart {
        height: 1.6rem;
        margin-right: 0.5rem;
    }
    header .container {
        position: relative;
    }
    .cta {
        font-size: 1.9rem;
    }
    .cta .icon_heart {
        height: 1.7rem;
        margin-right: 0.3rem;
    }
    .cta span {
        font-size: 1rem;
        margin-top: 0.5rem
    }
    #s1 {
        height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
        height: -webkit-calc(var(--vh, 1vh) * 100);
        height: -moz-calc(var(--vh, 1vh) * 100);
        height: calc(var(--vh, 1vh) * 100);
    }
    #s1 h1.surligne {
        font-size: 3.8rem;
    }
    .s1__rejoignez {
        font-size: 3.2rem;
        padding: 1.5rem 2.5rem;
    }
    #s1 .scroll-down a {
        padding-top: 0;
    }
    #s1 .scroll-down {
        padding-bottom: 3rem;
    }
    .s2new__intro {
        width: 40.6rem;
        margin: 4rem auto;
    }
    #s2new h2.surligne {
        margin-bottom: 4rem;
    }
    .s2new__content {
        padding: 0 0 4.5rem 0;
    }
    #s2 .text2 {
        margin-bottom: 2.4rem;
    }
    .s3__left, .s3__right {
        width: 20rem;
    }
    #s3 .ponctuel input[type="radio"] + label {
        font-size: 6rem;
        padding-right: 5rem;
    }
    #s3 .ponctuel input[type="radio"] + label sup {
        font-size: 1.8rem;
    }
    #s3 .intro {
        background-color: transparent;
        color: #fff;
        padding: 0;
    }
    #s3 .ponctuel .input-line-1 > div:first-child {
        margin-right: 5rem;
    }
    #s3 .ponctuel .input-line-2 > div:first-child {
        margin-right: 2rem;
    }
    #s3 .ponctuel .input-line-2 {
        margin-bottom: 2rem;
    }
    #s3 .mention-deduction {
        font-size: 2rem;
    }
    #s3 .mention-deduction br {
        display: none;
    }
    #s6 .avantages .avantage-item:before {
        content: none;
        display: none;
    }
    #s6 .avantages .avantage-item {
        padding-left: 0;
    }
    #s6 .avantages .slick-dots {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }
    #s6 .avantages .slick-dots li {
        display: inline-block;
    }
    #s6 .avantages .slick-dots li:not(:last-child) {
        margin-right: 0.5rem;
    }
    #s6 .avantages .slick-dots button {
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        font-size: 0;
        color: transparent;
        border: 0.1rem solid #6758A2;
        background-color: rgba(103, 88, 162, 0);
        -webkit-transition: all ease 300ms;
        -o-transition: all ease 300ms;
        -moz-transition: all ease 300ms;
        transition: all ease 300ms;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        padding: 0;
    }
    #s6 .avantages .slick-dots .slick-active button {
        background-color: rgba(103, 88, 162, 1);
    }
    .bloc-don-confiance {
        width: 100%;
        margin: auto;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 2rem;
        -webkit-border-radius: 3rem;
        -moz-border-radius: 3rem;
        border-radius: 3rem;
    }
    .bloc-don-confiance::before {
        width: 10rem;
        height: 10rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 10rem;
        -moz-box-flex: 1;
        -ms-flex: 1 0 10rem;
        flex: 1 0 10rem;
        margin-right: 0;
    }
    #s4 h3:after {
        bottom: -4.3rem;
        left: -10rem;
        height: 10rem;
    }

    #s5 {
        padding: 0 0 4rem 0;
        overflow: hidden;
    }
    #s5 h2 {
        margin: 0 0 1.5rem 0;
        text-align: center;
        font-size: 5rem;
    }
    #s5 h2:before {
        width: 200%;
        -webkit-transform: translate(-25%, 0);
        -moz-transform: translate(-25%, 0);
        -ms-transform: translate(-25%, 0);
        -o-transform: translate(-25%, 0);
        transform: translate(-25%, 0);
        z-index: -1;
    }
    #s5 .slider-content {
        padding-left: 0;
        height: auto;
    }
    #s5 .slider-img {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 40rem;
        width: auto;
        background-position: 50%;
        margin-bottom: 1.5rem;
    }
    #s5 .text-slider h3 {
        padding: 0 1.5rem;
    }
    #s5 .text-slider h3 span {
        font-size: 2.4rem;
        margin-bottom: 0.5rem;
    }
    #s5 .section-title p {
        text-align: center;
    }
    #s5 .slick-prev {
        top: 32.5rem;
        left: 2.5rem;
        background: url(img/slider-portraits-prev.png) 50% / 100% no-repeat;
        width: 5.5rem;
        height: 5.5rem;
        z-index: 9;
        padding: 0;
        -webkit-filter: drop-shadow(0 0 1rem black);
        filter: drop-shadow(0 0 1rem black);
    }
    #s5 .slick-next {
        top: 32.5rem;
        left: 10rem;
        background: url(img/slider-portraits-next.png) 50% / 100% no-repeat;
        width: 5.5rem;
        height: 5.5rem;
        z-index: 9;
        padding: 0;
        -webkit-filter: drop-shadow(0 0 1rem black);
        filter: drop-shadow(0 0 1rem black);
    }
    #s5 .portraits {
        margin-bottom: 0;
    }
    #s6b .encart > div > div > div p {
        margin-bottom: 1.5rem;
    }
    #s6b {
        padding: 3rem 0 5rem 0;
    }
    .don-confiance::before {
        right: 0;
        left: 0;
        margin: auto;
    }
    #s4 .content {
        padding: 0 5%;
    }
    #s4 h4 {
        font-size: 2.5rem;
    }
    #s7 {
        padding: 0 0 8rem 0;
    }

}
@media screen and (max-width:767.98px){
    .surligne.yellow_sur > span {
        background: #ffff00;
        -webkit-box-shadow: 0.5rem 0 0 #ffff00, -0.5rem 0 0 #ffff00;
        -moz-box-shadow: 0.5rem 0 0 #ffff00, -0.5rem 0 0 #ffff00;
        box-shadow: 0.5rem 0 0 #ffff00, -0.5rem 0 0 #ffff00;
        margin-bottom: 0.3rem;
    }
    .header-full {
        height: 4rem;
    }
    header .container-md {
        padding: 0;
        margin: 0;
    }
    header .row {
        margin: 0;
    }
    header .col-5,
    header .col-7 {
        padding: 0;
    }
    header .cta {
        font-size: 1.6rem;
        padding: 1rem;
    }
    header .cta .icon_heart {
        height: 1.4rem;
        margin-right: 0.5rem;
    }

    .cta {
        font-size: 1.6rem;
        height: 4rem;
        line-height: 4rem;
        padding: 0 1rem;
    }
    .cta .icon_heart {
        height: 1.6rem;
        margin-right: 0.5rem;
    }
    #s1 .s1__h1-wrapper {
        padding-bottom: 5rem;
    }
    .s1__slider-slide-1 {
        background-position: 70%;
    }
    #s1 h1.surligne {
        font-size: 3rem;
        margin-bottom: 2.3rem;
    }
    #s1 .link-spot-tv a {
        font-size: 1.5rem;
    }
    #s1 .link-spot-tv a::before {
        width: 3rem;
        height: 3rem;
        margin-right: 1rem;
        padding: 0;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
    }
    #s1 .scroll-down a {
        font-size: 1.8rem;
    }
    #s1 .scroll-down a span {
        width: 2.2rem;
        height: 3.5rem;
        margin-top: 2.5rem;
    }
    .scrolling_sentences .bn-breaking-news {
        font-size: 2rem;
        height: 5rem !important;
        line-height: 5rem !important;
    }
    #s2new h2.surligne {
        font-size: 2.3rem;
    }
    #s2 .text1,
    #s2 .text2 {
        font-size: 1.5rem;
    }
    #s2 h3 {
        font-size: 1.6rem;
    }
    #s2 h2 {
        font-size: 2rem;
    }
    #s3 {
        padding-top:0;
        padding-bottom:0;
    }
    #s3 h3.surligne {
        font-size: 2.4rem;
        margin-bottom: 2.5rem;
    }
    .s3__fdd_wrapper {
        margin-top: 4rem;
        margin-bottom: 1rem;
        padding: 2rem 2rem;
    }
    #s3 .intro {
        font-size: 1.8rem;
    }
    #s3 .mention-deduction {
        font-size: 2.4rem;
    }
    #s3 .mention-deduction small {
        font-size: 1.5rem;
        margin-top: 2rem;
    }
    #s6 h2 {
        font-size: 4rem;
    }
    #s6 h2:after {
        top: 6rem;
        height: 5rem;
        -webkit-background-size: 100% 15rem;
        -moz-background-size: 100% 15rem;
        -o-background-size: 100% 15rem;
        background-size: 100% 15rem;
    }
    #s6 {
        padding: 3rem 4rem;
        margin-bottom: 4rem;
    }
    .bloc-don-confiance {
        font-size: 1.5rem;
    }
    .bloc-don-confiance::before {
        width: 8rem;
        height: 8rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 8rem;
        -moz-box-flex: 1;
        -ms-flex: 1 0 8rem;
        flex: 1 0 8rem;
    }
    #s4 h2 {
        font-size: 4rem;
        line-height: inherit;
        margin-bottom: 3rem;
    }
    #s4 h3 {
        font-size: 4rem;
    }
    #s4 h3:after {
        bottom: -2.3rem;
        height: 5.6rem;
        top: auto;
        -webkit-background-size: 100% 15rem;
        -moz-background-size: 100% 15rem;
        -o-background-size: 100% 15rem;
        background-size: 100% 15rem;
    }
    #s4 .picto {
        max-width: 8.5rem;
        margin-bottom: 1rem;
    }
    #s4 h4 {
        font-size: 2.4rem;
        line-height: 3.4rem;
        padding: 0 0.8rem;
        margin-bottom: 2.5rem;
    }
    #s4 .content {
        font-size: 1.5rem;
    }
    #s4 .col-12:not(:last-child) {
        margin-bottom: 3rem;
    }
    #s5 .slider-img {
        height: 35rem;
    }
    #s5 .legend p {
        font-size: 1.4rem;
    }
    #s5 .text-slider h3 br {
        /*display: none;*/
    }
    #s5 .text-slider h3 span {
        /*display: inline;
        box-shadow: none;*/
        font-size: 2rem;
    }
    #s5 p {
        font-size: 1.5rem;
        margin-right: 0;
    }
    #s5 .slick-prev,
    #s5 .slick-next {
        top: 28.5rem;
        width: 4.5rem;
        height: 4.5rem;
    }
    #s5 .slick-next {
        left: 8rem;
    }
    #s6b .encart > div > div > div {
        padding: 0;
    }
    .s6b__encart_inner {
        height: auto;
        padding: 2rem 0;
    }
    #s6b {
        text-align: center;
    }
    #s6b .encart {
        max-width: 90%;
        margin: 0 auto;
    }
    #s6b .encart > div > div > div {
        padding: 0;
    }
    #s6b .encart > div > div > div span {
        font-size: 3rem;
    }
    #s6b .encart > div > div > div p {
        font-size: 1.5rem;
    }
    #s6b .cta {
        font-size: 1.2rem;
        height: 4.2rem;
        line-height: 4.2rem;
        padding: 0 1rem;
        margin-top: 1rem;
    }
    #s6b {
        padding: 3rem 0;
    }
    #s7 .bloc-aide h2.surligne {
        font-size: 3rem;
        margin-bottom: 2.5rem;
    }
    #s7 .bloc-aide p {
        font-size: 1.6rem;
        margin-top: 0;
    }
    .don-confiance::before {
        width: 9rem;
        height: 9rem;
    }
    footer {
        position: relative;
        z-index: 2;
        padding-top: 7.5rem;
    }
    .don-confiance::before {
        top: -12rem;
    }
    .don-confiance br {
        display: none;
    }
    .don-confiance p {
        margin-bottom: 0;
    }
    footer .socials {
        margin-bottom: 4rem;
    }
    .adresse {
        margin-top: 1rem;
        margin-bottom: 5rem;
    }
    .adresse p {
        margin-bottom: 0;
    }

}
@media screen and (max-width:575.98px){
    header .cta {
        font-size: 1.4rem;
        padding: 0.8rem;
        min-width: 16rem;
    }
    #s1 .s1__h1-wrapper {
        padding-bottom: 6rem;
    }
    .s1__rejoignez {
        font-size: 2.5rem;
        padding: 1rem 2rem;
    }
    #s1 h1.surligne {
        font-size: 2.5rem;
        margin-bottom: 1.5rem;
        margin-left: 1rem;
    }
    .scrolling_sentences {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
    }
    #s1 .scroll-down a span {
        margin-top: 0;
    }
    #s1 .scroll-down {
        padding-bottom: 1rem;
    }
    #s2new,
    #s3,
    #s6b {
        margin-bottom: 3.5rem;
    }
    #s5 {
        padding: 0 0 3rem 0;
    }
    #s4 h3 {
        margin-bottom: 5rem;
    }
    .s2new__intro {
        width: 27rem;
        margin: 2rem auto;
    }
    .s2new__intro {
        -webkit-background-size: 23rem 23rem;
        -moz-background-size: 23rem;
        -o-background-size: 23rem;
        background-size: 23rem;
        font-size: 2.8rem;
        padding-left: 2rem;
        padding-top: 2rem;
        height: 30rem;
    }
    .s2__rejoignez {
        width: 26rem;
        font-size: 2rem;
        padding-left: 10rem;
        background: #fff url(img/s2-rejoignez.png) 2.5rem 50% / 7rem no-repeat;
    }
    .s2__inner {
        padding: 4rem 3rem 6rem 3rem;
    }
    .s2new__content p {
        margin-bottom: 2rem;
        font-size: 2rem;
    }
    #s2new h2.surligne {
        font-size: 2rem;
        margin-bottom: 2.5rem;
    }
    #s2new .cta {
        font-size: 1.8rem;
        line-height: 4rem;
        height: 4rem;
        padding: 0 2rem;
    }
    .s2new__content {
        padding: 0 0 2.5rem 0;
    }
    .s3__fdd_wrapper {
        margin-top: 2rem;
        margin-bottom: 1rem;
        padding: 1.5rem;
    }
    #s3 .ponctuel input[type="radio"] + label {
        font-size: 3.5rem;
        padding-left: 1.3rem;
        padding-right: 3.4rem;
        letter-spacing: -0.3rem;
    }
    #s3 .ponctuel input[type="radio"] + label sup {
        font-size: 1.3rem;
        top: 1.4rem;
    }
    #s3 .ponctuel .calcul-deduc {
        font-size: 1.8rem;
        display: inline-block;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        padding: 0.5rem 1rem;
        line-height: 1.2;
    }
    #s3 .regulier h2 {
        font-size: 1.8rem;
        line-height: 2.7rem;
        height: 2.7rem;
        margin-bottom: 1rem;
    }
    #s3 .mention-deduction {
        font-size: 1.8rem;
    }
    #s6 {
        padding: 2rem;
    }
    #s6 .avantages h3 {
        font-size: 3rem;
    }
    #s5 h2 {
        font-size: 3rem;
    }
    #s5 .text-slider h3 span {
        font-size: 1.8rem;
    }
    #s4 h2 {
        font-size: 2.9rem;
    }
    #s4 h3 {
        font-size: 3rem;
    }
    .s2__inner {
        padding: 2rem 2rem 5rem 2rem;
    }
    .s2__rejoignez {
        height: 7rem;
        bottom: -3rem;
    }
    #s2 {
        margin-bottom: 6rem;
    }
    .adresse {
        font-size: 1.3rem;
    }
    #s4 {
        padding-bottom: 3.5rem;
    }
    #s4 h4 {
        margin-bottom: 1.5rem;
    }
    #s4 .col-12:not(:last-child) {
        margin-bottom: 3.5rem;
    }

}

/*------------------------------------*\
MISC
\*------------------------------------*/

::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

::selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}
.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
a img.alignnone {
    margin:5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.wp-caption {
    background:#FFF;
    border:1px solid #F0F0F0;
    max-width:96%;
    padding:5px 3px 10px;
    text-align:center;
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

/*------------------------------------*\
PRINT
\*------------------------------------*/

@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
    a,
    a:visited {
        text-decoration:underline;
    }
    a[href]:after {
        content:" (" attr(href) ")";
    }
    abbr[title]:after {
        content:" (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }
    pre,blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }
    thead {
        display:table-header-group;
    }
    tr,img {
        page-break-inside:avoid;
    }
    img {
        max-width:100% !important;
    }
    @page {
        margin:0.5cm;
    }
    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }
    h2,
    h3 {
        page-break-after:avoid;
    }
}


/* Styles PH2 */
/* Phase 2 Styles */

#s3 {
	margin-top: 8.5rem;
}
.s3__action {
    background-image: url(img/s1-rejoignez-background.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    color: #000;
    font-size: 4.6rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    padding: 2.5rem 3.5rem;
    text-decoration: none;
    top: -4.5rem;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 1;
    max-width: 41rem;
}
.s3__action:hover {
    color: #000;
    text-decoration: none;
}
.s3__revolte {
  color: #6758A2;
  font-size: 5.2rem;
  font-weight: 700;
  margin-bottom: 7rem;
  text-transform: uppercase;
}

.videoWrapper {
  position: relative;
  /*padding-bottom: 56.25%;*/
  height: 100%;
  z-index: 1;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoPlaceholder {
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: cover;
  display: flex;
  padding: 0 5% 5% 5%;
}
.videoSentence {
  line-height: 1;
  font-weight: 700;
  font-size: 4rem;
}
.videoSentence.surligne.yellow_sur > span {
  margin-bottom: 0;
  padding: 0.5rem 0;
  background: #FFFFFF;
  -webkit-box-shadow: 1rem 0 0 #FFFFFF, -1rem 0 0 #FFFFFF;
  -moz-box-shadow: 1rem 0 0 #FFFFFF, -1rem 0 0 #FFFFFF;
  box-shadow: 1rem 0 0 #FFFFFF, -1rem 0 0 #FFFFFF;
}
.PlayBtn {
  background: url(img/video_play.png) 50% / 100% no-repeat;
  width: 15rem;
  height: 15rem;
  cursor: pointer;
  z-index: 5;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;  
}

.caption, .slick-slide::before, .slick-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.video-slider {
  position: relative;
  width: 100%;
  height: 80vh;
  opacity: 0;
  visibility: hidden;
  transition: all 1.2s ease;
}
.video-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}
.video-slider .slick-list,
.video-slider .slick-track,
.video-slider .slick-slide {
  height: 100%;
}

.video-slider .slick-slide {
  position: relative;
}
/*.video-slider .slick-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-slider .slick-slide::before {
  background-color: #000;
  opacity: 0.3;
  z-index: 1;
}*/
.video-slider .slick-slide video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
/*.video-slider .slick-slide iframe {
  position: relative;
  pointer-events: none;
}*/
.video-slider .slick-slide figure {
  position: relative;
  height: 100%;
}
.video-slider .slick-slide .slide-image {
  opacity: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.8s ease;
}
.video-slider .slick-slide .slide-image.show {
  opacity: 1;
}
.video-slider .slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.video-slider .slick-slide .slide-media {
  -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.video-slider .slick-slide.slick-active {
  z-index: 1;
}
.video-slider .slick-slide.slick-active .slide-media {
  -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.video-slider .slick-slide.slick-active .caption {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}

.video-slider .caption {
  position: absolute;
  top: 44%;
  left: 5%;
  text-align: center;
  padding: 20px;
  border: 3px solid;
  color: #fff;
  margin: 0;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0.02em;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease;
  transform: translateY(100px);
}

.video-slider-nav-thumb {
  width: 100%;
  height: 20rem;
  background-position: 50%;
  background-size: cover;
  padding: 5%;
  border: 0.3rem transparent solid;
}
.video-slider-nav-standalone .video-slider-nav-thumb {
  cursor: pointer;
}
.video-slider-nav .slick-current .video-slider-nav-thumb {
  border: 0.3rem yellow solid;
}
.video-slider-nav-thumb .play {
  background: url(img/video_play.png) 50% / 100% no-repeat;
  width: 5rem;
  height: 5rem;
}
.video-slider-nav-title {
  font-size: 2.5rem;
  font-weight: 700;
}
.video-slider-nav .slick-arrow {
  position: absolute;
  width: 5rem;
  height: 5rem;
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: #fff url(img/arrow.png) 50% / 30% no-repeat;
  border-radius: 50%;
  cursor: pointer;
}
.video-slider-nav .slick-prev {
  left: 2%;
}
.video-slider-nav .slick-next {
  right: 2%;
  transform: rotate(180deg);
}

@-webkit-keyframes slideIn {
  from {
    filter: blur(15px);
  }
  to {
    filter: blur(0);
  }
}

@keyframes slideIn {
  from {
    filter: blur(15px);
  }
  to {
    filter: blur(0);
  }
}
@-webkit-keyframes slideOut {
  from {
    filter: blur(0);
  }
  to {
    filter: blur(15px);
  }
}
@keyframes slideOut {
  from {
    filter: blur(0);
  }
  to {
    filter: blur(15px);
  }
}

@media screen and (max-width:1399.98px){
  .video-slider-nav-title {
      padding: 0 2%;
  }
}
@media screen and (max-width:1199.98px){
  .video-slider-nav .slick-arrow {
      top: 10rem;
      bottom: auto;
  }
}
@media screen and (max-width:991.98px){
  .s3__action {
      font-size: 3.2rem;
      padding: 1.5rem 2.5rem;
  }
  .s3__revolte {
      font-size: 4.2rem;
      margin-bottom: 5rem;
  }
  .s3__action {
      max-width: 30rem;
      top: -3.5rem;
  }
  .s3__left, .s3__right {
      width: 16rem;
  }
}
@media screen and (max-width:767.98px){
  .videoSentence {
      font-size: 3rem;
  }
  .video-slider {
      height: 60vh;
  }
  .PlayBtn {
      width: 10rem;
      height: 10rem;
  }
  .video-slider-nav-title {
      font-size: 2rem;
  }
  .s3__action {
      padding: 1.5rem 0;
      max-width: 28rem;
  }
  .s3__left, .s3__right {
      width: 10rem;
  }
}
@media screen and (max-width:575.98px){
    .videoSentence {
        font-size: 2.5rem;
    }
    #s3 {
        margin-top: 3.5rem;
    }
    .s1__action {
        font-size: 2.5rem;
        padding: 1rem 2rem;
    }
    .video-slider-nav-thumb {
        height: 15rem;
    }
    .video-slider-nav .slick-arrow {
        top: 7rem;
    }
    .s3__revolte {
        font-size: 3.2rem;
        margin-bottom: 9rem;
        letter-spacing: 0rem;
        line-height: 1.1;
    }
    .s3__action {
        top: -8rem;
    }
}