/*
Theme Name: Droits de femmes 2026
Theme URI: https://donner.amnesty.fr
Description: LP AIF WordPress Theme
Version: 2.0.2
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;
}
.surligne.white_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;
}

/*------------------------------------*\
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;
}
footer .socials{
    margin-bottom: 2.5rem;
}
.socials li:not(:first-child) {
    margin-left: 1.5rem;
}
.socials li a {
    width: 4rem;
    height: 4rem;
    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: 4rem;
    width: auto;
    transition: all ease 300ms;
}
.socials li a svg {
    fill: #FFF;
}
.socials li a:hover svg {
    transform: scale(1.1);
}

.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: 100vh;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
#s1 .s1__h1-wrapper {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding-left: 5%;
}
#s1.fvl .s1__h1-wrapper {
    padding-left: 0;
    padding-right: 5%;
}
#s1 h1 {
	text-align: center;
	transform: rotate(-2deg);
	margin-bottom: 6.5rem;
}
#s1.vss h1 {
	margin-bottom: 11rem;
	padding-left: 5%;
}
#s1.fvl h1 {
	margin-bottom: 9rem;
	padding-left: 0;
}
#s1.fvl .s1__rejoignez {
	margin-left: 10%;
}
.s1__h1-wrapper .inner {
	white-space: nowrap;
}
#s1 .surligne > span {
    margin-bottom: 0;
    position: relative;
    line-height: 1.2;
    letter-spacing: 0;
    color: #6F12E3;
    box-shadow: none;
    padding: 0 1rem;
}
#s1 .surligne > span:last-child {
    top: -0.1rem;
}
#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: #6F12E3;
    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;
    padding-top: 11rem;
    position: relative;
    overflow: hidden;
}
#s2new::before {
    content: '';
    position: absolute;
    top: 0;
    left: 5%;
    width: 150vw;
    height: 5rem;
    z-index: 1;
    background: url(img/background_s4_grey.png) 0 0 repeat-x;
    display: block;
}
.s2new__before,
.s2new__after {
    z-index: -1;
    height: 13rem;
    width: 100%;
}
.s2new__before {
    border-top: 0.3rem solid #6F12E3;
    top: 0;
    left: 0;
    right: 0;
}
.s2new__after {
    border-bottom: 0.3rem solid #6F12E3;
    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: #6F12E3;
    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: 3.8rem;
    text-transform: uppercase;
    padding-left: 2.5rem;
    padding-top: 3rem;
    height: 39.5rem;
    line-height: 1;
    color: #6F12E3;
}
.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: 3rem;
    line-height: 1;
}
#s2new .surligne > span {
    margin-bottom: 0;
    padding: 0.3rem 0;
    letter-spacing: 0;
}
#s2new .cta {
    font-size: 2.8rem;
    line-height: 6rem;
    height: 6rem;
    padding: 0 3.7rem;
}
.s2news_interstice {
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	height: 32rem;
	margin-top: 5.5rem;
}
.s2news_interstice-default {
	background-position: 0 50%;
}

/************* 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: 6rem;
}
.s3__left,
.s3__right {
    z-index: -1;
    height: 100%;
    width: 32rem;
}
.s3__left {
    border-left: 0.3rem solid #6F12E3;
    top: 0;
    left: 0;
    bottom: 0;
}
.s3__right {
    border-right: 0.3rem solid #6F12E3;
    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: #6F12E3;
    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: #6F12E3;
    margin-top: 7rem;
    margin-bottom: 1rem;
    padding: 2rem;
}
#s3 h2.surligne {
    font-size: 3.2rem;
    margin-bottom: 2rem;
}
#s3 .dons {
    cursor: default;
    margin-bottom: 2rem;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); 
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    background-color: #fff;
}
#s3 .dons.mensuel {
    margin-bottom: 1rem;
    padding: 1.5rem 0 2.5rem 0;
}
#s3 .dons.mensuel h2 span {
    line-height: 4.3rem;
}
#s3 .dons.mensuel .input-line-1 > div:not(:last-child) {
    margin-right: 6rem;
}
#s3 .dons.ponctuel {
    margin-bottom: 3rem;
    padding: 2rem 0;
}
#s3 .regulier h2 {
    margin-left: 8.5rem;
    margin-bottom: 3rem;
}
#s3 .regulier .montant {
    position: relative;
    font-size: 9rem;
    font-weight: 700;
    line-height: 0.8;
    padding-left: 2rem;
    background: url(img/don_mensuel_puce.png) 0 50% / 1.8rem no-repeat;
    letter-spacing: -0.5rem;
    margin-right: 3.5rem;
}
#s3 .regulier .montant:after {
    position: absolute;
    display: block;
    z-index: 1;
    content: '€';
    font-family: 'Amnesty Trade Gothic Cn', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 3rem;
    font-weight: 700;
    top: 1rem;
    right: -1.5rem;
}
#s3 .regulier .deduc {
    font-size: 1.75rem;
    line-height: 1;
}
#s3 .regulier .deduc strong {
    font-size: 3rem;
}
#s3 .regulier .deduc i {
    font-size: 2.5rem;
    font-style: normal;
}
#s3 .regulier .deduc .surligne {
    font-size: 1.6rem;
    color: #FF5F3F;
    font-weight: 700;
}


#s3 .ponctuel h2 {
    font-size: 2.1rem;
    text-align: left;
    margin-bottom: 0;
    font-weight: 400;
    margin-left: 0;
    margin-right: 1rem;
}
#s3 .ponctuel .cta{
    font-size: 1.7rem;
}
#s3 .mention-deduction {
    font-size: 2.4rem;
    text-align: center;
    font-weight: 700;
    color: #fff;
    margin-bottom: 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 #6F12E3;
    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: #6F12E3;
}
#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: #6F12E3;
    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,
#s1 h2.surligne {
    font-size: 5.2rem;
    color: #000;
    font-weight: 700;
    margin-bottom: 3.5rem;
}
#s1 h2.surligne {
    margin-bottom: 0;
}
h2.surligne {
    font-size: 3.2rem;
    color: #000;
    font-weight: 700;
    margin-bottom: 5rem;
    letter-spacing: -.08rem;
}

/* 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;
}


.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 0 4rem 5%
}
.videoSentence {
  line-height: 1;
  font-weight: 700;
  font-size: 3.2rem;
  margin-bottom: 1rem;
}
.videoSentence.surligne.yellow_sur > span {
  margin-bottom: 0.5rem;
}
.videoSignature {
  color: #fff;
  font-weight: 700;
  font-size: 2rem;
}
.PlayBtn {
  background-image: url("data:image/svg+xml,%3Csvg id='Groupe_29438' data-name='Groupe 29438' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='119.477' height='119.477' viewBox='0 0 119.477 119.477'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_4160' data-name='Rectangle 4160' width='119.477' height='119.477' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Groupe_29437' data-name='Groupe 29437' clip-path='url(%23clip-path)'%3E%3Cpath id='Tracé_26897' data-name='Tracé 26897' d='M59.739,119.477A59.739,59.739,0,0,1,17.5,17.5,59.739,59.739,0,0,1,101.98,101.98a59.348,59.348,0,0,1-42.242,17.5m0-114.626a54.888,54.888,0,1,0,54.888,54.888A54.95,54.95,0,0,0,59.739,4.851' fill='%23fff'/%3E%3Cpath id='Tracé_26898' data-name='Tracé 26898' d='M245.149,237.133a2.426,2.426,0,0,1-2.426-2.426V177.594a2.425,2.425,0,0,1,3.638-2.1l49.462,28.557a2.425,2.425,0,0,1,0,4.2l-49.462,28.557a2.424,2.424,0,0,1-1.213.325m2.425-55.338v48.712l42.186-24.356Z' transform='translate(-202.876 -146.412)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 12rem;
  height: 12rem;
  cursor: pointer;
  z-index: 5;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform ease 300ms;
}
.PlayBtn:hover {
	transform: scale(1.1);
}

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

.video-slider {
  position: relative;
  width: 100%;
  height: 90vh;
  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.slick-active {
  z-index: 1;
}
.video-slider-titre {
	position: absolute;
	color: #000;
	font-size: 4.5rem;
	background-color: #FFFF00;
	text-align: right;
	border: 1rem solid #fff;
	left: -1rem;
	top: 5%;
	z-index: 1;
	padding: 1.5rem;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.1rem;
}
.slider-nav-buttons {
	position: absolute;
	z-index: 1;
	right: 3.5rem;
	bottom: 4rem;
}
.nav-button {
	height: 12.5rem;
	width: 12.5rem;
	border-radius: 50%;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	border: 0.2rem solid #fff;
	position: relative;
	font-size: 0;
	color: transparent;
}
.nav-button:not(:last-child) {
	margin-right: 2rem;
}
.nav-button::before {
	background-image: url("data:image/svg+xml,%3Csvg id='Groupe_29442' data-name='Groupe 29442' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32.235' height='32.235' viewBox='0 0 32.235 32.235'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_4160' data-name='Rectangle 4160' width='32.235' height='32.235' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Groupe_29437' data-name='Groupe 29437' clip-path='url(%23clip-path)'%3E%3Cpath id='Tracé_26897' data-name='Tracé 26897' d='M16.117,32.235A16.117,16.117,0,0,1,4.721,4.721,16.117,16.117,0,0,1,27.514,27.514a16.012,16.012,0,0,1-11.4,4.721m0-30.926A14.809,14.809,0,1,0,30.926,16.117,14.825,14.825,0,0,0,16.117,1.309' fill='%23fff'/%3E%3Cpath id='Tracé_26898' data-name='Tracé 26898' d='M243.377,191.886a.654.654,0,0,1-.654-.654V175.822a.654.654,0,0,1,.982-.567l13.345,7.7a.654.654,0,0,1,0,1.133L243.7,191.8a.654.654,0,0,1-.327.088m.654-14.93V190.1l11.382-6.571Z' transform='translate(-231.973 -167.41)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	width: 3.2rem;
	height: 3.2rem;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: transform ease 300ms;
}
.nav-button:hover::before {
	transform: scale(1.3);
}

/*------------------------------------*\
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 .dons.mensuel .input-line-1 > div:not(:last-child) {
        margin-right: 2rem;
    }
    #s3 .ponctuel input[type="radio"] + label ,
    .sticky_dons .sticky_dons_valeurs .ponctuel input[type="radio"] + label {
        font-size: 6rem;
        padding-right: 5rem;
    }
    #s3 .ponctuel input[type="radio"] + label sup ,
    .sticky_dons .sticky_dons_valeurs .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 ,
    .sticky_dons .sticky_dons_valeurs .ponctuel .input-line-1 > div:first-child {
        margin-right: 5rem;
    }
    #s3 .ponctuel .input-line-2 > div:first-child ,
    .sticky_dons .sticky_dons_valeurs .ponctuel .input-line-2 > div:first-child {
        margin-right: 2rem;
    }
    #s3 .ponctuel .input-line-2 ,
    .sticky_dons .sticky_dons_valeurs .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;
    }

    .sticky_dons {
        width: -webkit-calc(100% - 4rem);
        width: -moz-calc(100% - 4rem);
        width: calc(100% - 4rem);
        padding: 0;
    }
    .sticky_dons.active {
        bottom: 2rem;
    }
    .sticky_dons_cta{
        padding: 0;
    }
    .sticky_dons_cta,
    .sticky_dons_cta .cta {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .sticky_dons ~ footer {
        padding: 6.5rem 0 7.2rem;
    }

    .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;
    }
    .video-slider {
    	overflow: hidden;
    }
    .video-slider-titre {
    	position: static;
    	text-align: center;
    }
    .video-slider .slick-list {
    	padding-bottom: 6rem;
    }
    .slider-nav-buttons {
        bottom: -6rem;
        right: 0;
        left: 0;
        width: 100%;
    }
    .video-slider::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 5%;
        width: 150vw;
        height: 6rem;
        z-index: -1;
        background: url(img/background_s4_grey.png) 0 0 repeat-x;
    }
    .videoPlaceholder {
        padding: 0 0 6rem 5%;
    }
    #s2new::before {
    	display: none;
    	content: none;
    }
    #s3 .ponctuel h2 {
        font-size: 1.8rem;
    }
}
@media screen and (max-width:767.98px){
	#s1 h2.surligne {
	    font-size: 3rem;
	}
    .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;
    }
    .surligne.white_sur > span {
        background: #ffffff;
        -webkit-box-shadow: 0.5rem 0 0 #ffffff, -0.5rem 0 0 #ffffff;
        -moz-box-shadow: 0.5rem 0 0 #ffffff, -0.5rem 0 0 #ffffff;
        box-shadow: 0.5rem 0 0 #ffffff, -0.5rem 0 0 #ffffff;
        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 h2.surligne {
        font-size: 2.4rem;
        margin-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 .dons.mensuel .input-line-1 > div:not(:last-child) {
        margin-right: 2rem;
        width: 25%;
    }
    #s3 .dons.mensuel .input-line-1 > div:nth-child(3) {
        margin-right: 0;
    }
    #s3 .ponctuel input[type="radio"] + label ,
    .sticky_dons .sticky_dons_valeurs .ponctuel input[type="radio"] + label {
        font-size: 4rem;
        padding-left: 1.8rem;
        padding-right: 4.7rem;
    }
    #s3 .ponctuel input[type="radio"] + label sup ,
    .sticky_dons .sticky_dons_valeurs .ponctuel input[type="radio"] + label sup {
        font-size: 1.7rem;
        top: 1.8rem;
    }
    #s3 .intro {
        font-size: 1.8rem;
    }
    #s3 .regulier h2 {
        font-size: 2rem;
        line-height: 2.7rem;
        height: 2.7rem;
    }
    #s3 .regulier .montant {
        font-size: 6rem;
    }
    #s3 .regulier .montant sup {
        top: -2rem;
    }
    #s3 .regulier .deduc {
        text-align: center;
    }
    #s3 .regulier .deduc,
    #s3 .regulier .deduc i {
        font-size: 1.6rem;
    }
    #s3 .regulier .cta {
        margin-top: 2.4rem;
        font-size: 1.8rem;
        height: 5.2rem;
        line-height: 5.2rem;
        padding: 0 1.5rem;
    }
    #s3 h2.surligne {
        font-size: 2.5rem;
        margin-bottom: 0;
    }
    #s3 .dons h2.surligne {
        margin-bottom: 2.5rem;
    }
    #s3 .ponctuel input[type="radio"]:checked + label ,
    .sticky_dons .sticky_dons_valeurs .ponctuel input[type="radio"]:checked + label {
        background: url(img/don_mensuel_puce.png) 0 50% / 1.4rem no-repeat;
    }
    #s3 .ponctuel .montant-libre ,
    .sticky_dons .ponctuel .sticky-montant-libre {
        background: url(img/don_mensuel_puce_off.png) 0 50% / 1.4rem no-repeat;
        padding-left: 2rem;
    }
    #s3 .ponctuel .montant-libre.active ,
    .sticky_dons .ponctuel .sticky-montant-libre.active {
        background: url(img/don_mensuel_puce.png) 0 50% / 1.4rem no-repeat;
    }
    #s3 .ponctuel .input-line-1 > div:first-child ,
    .sticky_dons .sticky_dons_valeurs .ponctuel .input-line-1 > div:first-child {
        margin-right: 5.5rem;
    }
    #s3 .ponctuel .calcul-deduc ,
    .sticky_dons .sticky_dons_valeurs .ponctuel .calcul-deduc {
        font-size: 2rem;
        display: inline-block;
    }
    #s3 .ponctuel .cta ,
    .sticky_dons .sticky_dons_valeurs .ponctuel .cta {
        width: auto;
        display: block;
        font-size: 1.5rem;
        height: 4.4rem;
        line-height: 4.4rem;
        max-width: 20rem;
        margin: 0 auto;
    }
    #s3 .dons {
        margin-bottom: 5rem;
    }
    #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;
    }

    .videoSentence {
        font-size: 2.4rem;
    }
    .videoSignature {
        font-size: 1.8rem;
    }
    .video-slider {
        height: 80vh;
    }
    .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;
    }
    .scrolling_sentences {
        margin-bottom: 3.5rem;
    }
    .video-slider-titre {
        font-size: 3.5rem;
    }
    #s1 {
        background-position: 80% 50%;
    }
    .nav-button {
        height: 10rem;
        width: 10rem;
    }
    .slider-nav-buttons {
        bottom: -5rem;
    }
    #s2new {
        padding-top: 5rem;
    }

}
@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;
        padding-left: 0;
    }
    #s1.fvl .s1__h1-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    .s1__rejoignez,
    #s1.fvl .s1__rejoignez {
        font-size: 2.5rem;
        padding: 1rem 2rem;
        transform: translateX(-25%);
        margin-left: 0;
    }
    #s1 h1.surligne {
        font-size: 2.3rem;
        margin-bottom: 1.5rem;
        margin-left: 1rem;
    }
    .scrolling_sentences {
        margin-top: 2rem;
        margin-bottom: 1.5rem;
    }
    .videoPlaceholder {
        padding: 0 0 3rem 3%;
    }
    .item-bahareh .videoPlaceholder {
        background-position: 70% 50%;
    }
    .videoSignature {
        font-size: 1.6rem;
    }
    .videoSentence {
        font-size: 1.9rem;
    }
    .slider-nav-buttons {
        bottom: -6rem;
    }
    #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;
    }
    #s2 {
        font-size: 1.6rem;
    }
    .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: 1.8rem;
    }
    #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 h2.surligne {
        font-size: 1.8rem;
    }
    #s3 .dons.mensuel h2 span {
        line-height: 3rem;
    }
    .s3__fdd_wrapper {
        margin-top: 2rem;
        margin-bottom: 1rem;
        padding: 1.5rem;
    }
    #s3 .dons.mensuel .input-line-1 > div:not(:last-child) {
        margin-right: 1rem;
        width: 28%;
    }
    #s3 .ponctuel input[type="radio"] + label ,
    .sticky_dons .sticky_dons_valeurs .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 ,
    .sticky_dons .sticky_dons_valeurs .ponctuel input[type="radio"] + label sup {
        font-size: 1.3rem;
        top: 1.4rem;
    }
    #s3 .ponctuel .calcul-deduc ,
    .sticky_dons .sticky_dons_valeurs .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 .dons.ponctuel {
        padding: 1rem 0;
    }
    #s3 .regulier h2 {
        font-size: 1.4rem;
        line-height: 2.7rem;
        height: 2.7rem;
        margin-bottom: 0.5rem;
        margin-right: 0;
    }
    #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: 1.5rem 1.5rem 5rem 1.5rem;
    }
    .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;
    }
    #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;
    }
    #s1 {
        background-position: 70% 50%;
    }
    #s1.vss {
        background-position: 75% 50%;
    }
    #s1.fvl {
        background-position: 40% 50%;
    }
    h1.surligne {
        font-size: 2.5rem;
        margin-bottom: 2.5rem;
    }
    #s1 h2.surligne {
        font-size: 2.3rem;
    }
    .video-slider-titre {
        font-size: 3rem;
    }
    .nav-button {
        height: 8rem;
        width: 8rem;
    }
    .PlayBtn {
        width: 8rem;
        height: 8rem;
    }
    .sticky_dons .cta {
        font-size: 2.2rem;
    }
    #s6b .cta {
    	height: 5rem;
    	font-size: 2rem;
    	line-height: 4.8rem;
    }
    .socials li a {
        width: 3rem;
        height: 3rem;
    }
    .socials li:not(:first-child) {
        margin-left: 1rem;
    }
    .socials li a svg {
        height: 3rem;
    }

}

/*------------------------------------*\
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;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
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;
    }
}