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

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	-webkit-text-size-adjust:none; /* Hack Safari for margin/padding units */
}
body {
	font:400 1.1rem/1.4 'Radikal', Arial, sans-serif;
	color:#000;
}
/* 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:1px solid #04A4CC;
}

.cta {
	font-weight: 500;
	font-size: 3.2rem;
	text-transform: uppercase;
	color: #fff;
	background-color: #FF4802;
	transition: all ease 300ms;
	height: 5.5rem;
	line-height: 5.5rem;
	border-radius: 3rem;
	padding: 0 2rem;
	display: inline-block;
}
.cta:hover {
	background-color: #fe8a5e;
	color: #fff;
}

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

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal-UltraThinItalic.woff2') format('woff2'),
        url('../fonts/Radikal-UltraThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal-UltraThin.woff2') format('woff2'),
        url('../fonts/Radikal-UltraThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal-Thin.woff2') format('woff2'),
        url('../fonts/Radikal-Thin.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal-ThinItalic.woff2') format('woff2'),
        url('../fonts/Radikal-ThinItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal-Light.woff2') format('woff2'),
        url('../fonts/Radikal-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal-LightItalic.woff2') format('woff2'),
        url('../fonts/Radikal-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal.woff2') format('woff2'),
        url('../fonts/Radikal.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal-Italic.woff2') format('woff2'),
        url('../fonts/Radikal-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal-Medium.woff2') format('woff2'),
        url('../fonts/Radikal-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal-MediumItalic.woff2') format('woff2'),
        url('../fonts/Radikal-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal-Bold.woff2') format('woff2'),
        url('../fonts/Radikal-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal-BoldItalic.woff2') format('woff2'),
        url('../fonts/Radikal-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal-BlackItalic.woff2') format('woff2'),
        url('../fonts/Radikal-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('../fonts/Radikal-Black.woff2') format('woff2'),
        url('../fonts/Radikal-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

header {
	position: absolute;
	z-index: 100;
	top: 0;
	width: 100%;
	left: 0;
	right: 0;
	padding: 5rem 7rem 0 7rem;
}
.header__logo img {
	width: 33rem;
}
.header__fdd {
    width: 100%;
    height: 9.7rem;
    background-color: rgba(4, 122, 136, 0.8);
    text-align: center;
    line-height: 6rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.header__fdd-wrapper-d {
	width: 100%;
}
.header__fdd h2 {
    color: #fff;
    text-align: left;
    margin-right: 2rem;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 2.8rem;
}
.switch-field {
	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;
	margin-right: 1.5rem;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #EFF0EB;
	color: #757575;
	font-size: 1.8rem;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
	text-align: center;
	line-height: 5rem;
	height: 5.5rem;
	padding: 0 1.5rem;
	margin-right: 0;
	border: 0.2rem solid #D9D9CF;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: var(--color-blue);
	color: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0.2rem solid #000;
}

.switch-field label:first-of-type {
	-webkit-border-radius: 2.5rem 0 0 2.5rem;
	-moz-border-radius: 2.5rem 0 0 2.5rem;
	border-radius: 2.5rem 0 0 2.5rem;
}

.switch-field label:last-of-type {
	-webkit-border-radius: 0 2.5rem 2.5rem 0;
	-moz-border-radius: 0 2.5rem 2.5rem 0;
	border-radius: 0 2.5rem 2.5rem 0;
}

.don__input input[type="radio"]:not(:checked),
.don__input input[type="radio"]:checked{
    /* Cache la checkbox sans
    la désactiver pour les
    lecteurs d'écran */
    position: absolute;
    left: -99rem;
    opacity: 0.01;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.don__input input[type="radio"] + label,
.don__input.don__input-custom{
    margin-right: 1.5rem;
    text-align: center;
    cursor: pointer;
    background: var(--color-beige);
    border: 2px solid var(--color-gray);
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: relative;
    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;
    width: 10rem;
}
.don__input.don__input-custom{
    width: 20rem;
}
.don__input input[type="radio"] + label,
.don__input.don__input-custom input[type="text"]{
    font-size: 2rem;
    font-weight: 400;
    line-height: 5.5rem;
    background-color: #E8EAEA;
    color: #051924;
    border-radius: 3.6rem;
    height: 5.2rem;
    border: 0.2rem solid rgba(5, 25, 36, 0.36);
}
.don__input.don__input-custom input[type="text"]{
	width: 100%;
	text-align: center;
}
.don__input input[type="radio"] + label span{
    position: relative;
    z-index: 1;
}
.don__input input[type="radio"]:checked + label,
.don__input input[type="radio"]:hover + label,
.don__input input[type="radio"]:active + label{
    color: #FFF;
    background: #FF4802;
    border-color: #FF4802;
}
.don__input.don__input-custom.active{
    background: var(--color-red);
    border-color: var(--color-red);
}
.don__input.don__input-custom.active input[type="text"],
.don__input.don__input-custom.active sup{
    color: #FFF;
    background-color: #FF4802;
    border-color: #FF4802;
}
.don__input input[type="text"]::-webkit-input-placeholder{
    color: var(--dark-blue);
}
.don__input input[type="text"]:-moz-placeholder{
    color: var(--dark-blue);
}
.don__input input[type="text"]::-moz-placeholder{
    color: var(--dark-blue);
}
.don__input input[type="text"]:-ms-input-placeholder{
    color: var(--dark-blue);
}
.don__input input[type="text"]::placeholder{
    color: var(--dark-blue);
}

.don__input input[type="text"] {
    width: auto;
    min-width: 3rem;
    max-width: 100%;
    background: none;
    border: 0;
    display: inline !important;
    border: none;
    outline: none;
}
.don__input sup {
    font-weight: 600;
    font-size: 2.3rem;
}
.don__input.don__input-custom sup {
    color: var(--color-gray);
    margin-top: 0.7rem;
}

.header__fdd .content {
    color: #fff;
    font-size: 1.6rem;
    width: auto;
    line-height: 1.2;
    text-align: left;
    font-weight: 500;
    margin-left: 0;
}
.header__fdd .cta {
	font-size: 2rem;
    margin-right: 1.5rem;
}
.header__fdd .cta:hover {
	background-color: var(--color-saumon);
}
.header__fdd .cta i {
	margin-left: 0;
	margin-right: 1rem;
	width: 4.4rem;
}

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

footer {
    background-color: #007A88;
    padding: 11rem 0 20rem 0;
    color: #fff;
}
.footer__logo img {
    width: 45rem;
}
footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.footer__social {
    margin-bottom: 7.5rem;
}
.footer__social li:not(:last-child) {
    margin-right: 1.1rem;
}
.footer__social svg {
    transition: all ease 300ms;
    width: 5rem;
    height: auto;
}
.footer__social a:hover svg {
    transform: scale(1.05);
}
.footer__nav {
    font-weight: 500;
    font-size: 2.4rem;
    width: 60%;
    text-align: center;
}
.footer__nav a {
    color: #fff;
}
.footer__nav a:hover {
    text-decoration: underline;
}

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

#intro {
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100vh;
	background-image: url(../img/visuel-1.jpg);
    color: #fff;
}
#intro .container-fluid {
	height: 100%;
}
#intro .container-fluid .row {
	height: 100%;
}
#intro .smm_wrapper {
	width: 45rem;
	margin-bottom: 5rem;
}
.intro__pelerins-logo {
	z-index: 1;
	position: absolute;
	right: 7rem;
	bottom: 17rem;
}
.intro__pelerins-logo img {
	width: 17rem;
}
.intro__content {
	font-weight: 300;
	font-size: 3.8rem;
    text-align: center;
    margin-bottom: 3rem;
}
.intro__pictos-item {
    font-size: 3.8rem;
    font-weight: 700;    
}
.intro__pictos-item:not(:last-child) {
    margin-right: 9rem;
}
.intro__pictos-item img {
    height: 11.5rem;
    width: auto;
    margin-right: 1rem;
}

#soutenons {
    padding: 9rem 0 11rem 0;
}
.soutenons__content {
    color: #191717;
    font-weight: 400;
    font-size: 2rem;
}
.soutenons__content p strong {
    font-weight: 700;
}
.soutenons__content p strong.green {
    color: #72B941;
}
.soutenons__content h2 {
    color: #72B941;
    font-weight: 700;
    font-size: 3.8rem;
    text-transform: uppercase;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 3rem;
    line-height: 1;
    text-align: center;
    margin-top: 2.5rem;
}
.soutenons__content h2::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    background: url(../img/s_soutenons_h2.png) 50% / 100% no-repeat;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    height: 2.2rem;
}
.soutenons__visuel {
    padding-left: 10%;
}

.defis__slider .slick-arrows {
    position: absolute;
    z-index: 1;
    display: block;
    cursor: pointer;
    height: 4.5rem;
    width: 2.2rem;
    top: 60%;
}
.defis__slider .slick-prev {
    left: 5rem;
}
.defis__slider .slick-next {
    right: 5rem;
}
.defis__slide {
    padding: 6rem 0 8rem 0;
}
.defis__visuel {
    padding-top: 7.5rem;
    position: relative;
}
.defis__visuel .map {
    position: absolute;
    top: 0;
    width: 21rem;
    z-index: 1;
    left: -7.5rem;
}
.defis__slide h2 {
    font-size: 4.6rem;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
    padding-bottom: 3rem;
    margin-bottom: 0;
    text-transform: uppercase;
}
.defis__slide h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 3.8rem;
    font-weight: 700;
    text-align: center;
    height: 9rem;
    line-height: 9rem;
    padding: 0 8rem;
    border-bottom-left-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem;
    display: inline-block;
    margin-bottom: 0;
}
.defis__content {
    position: relative;
    padding-right: 15%;
    padding-top: 7.5rem;
}
.defis__content-inner {
    position: relative;
    z-index: 2;
    padding: 3rem 3.5rem 5rem 3.5rem;
    border-radius: 1.2rem;
}
.defis__content-after {
    position: absolute;
    z-index: 1;
    border-radius: 2rem;
    width: 65%;
    height: 75%;
    transform: rotate(2deg) translateX(2.5rem);
    right: 15%;
    bottom: -1rem;
}
.defis__content-1 {
    font-size: 2rem;
    margin-bottom: 4.5rem;
    padding-right: 10rem;
}
.defis__content-2 {
    font-size: 2.6rem;
    font-weight: 900;
    text-align: center;
    padding: 0 3rem;
}
.defis__content-cta-wrapper {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: -3.5rem;
    left: 0;
    right: 0;
}
.defis__content .cta {
    height: 6.5rem;
    line-height: 4.5rem;
    border-radius: 4rem;
    padding: 0 4rem;
}
.defis__content-sticker {
    position: absolute;
    z-index: 2;
    width: 20.5rem;
    height: 21.1rem;
    border-radius: 1.2rem;
    transform: rotate(-3deg) translateX(50%);
    right: 0;
    top: 6rem;
    color: #fff;
    font-weight: 400;
    font-size: 2.3rem;
    text-align: center;
    text-transform: uppercase;
}
.defis__content-sticker span:nth-child(2),
.defis__content-sticker span:nth-child(3) {
    font-weight: 900;
}
.defis__content-sticker span:nth-child(2) {
    font-size: 2.7rem;
}
.defis__content-sticker span:nth-child(3) {
    font-size: 3.2rem;
}

/* Cambodge */
.defis__slide-cambodge,
.defis__slide-cambodge .defis__content-inner {
    background-color: #FBF7EC;
}
.defis__slide-cambodge h2 {
    color: #DEAC2D;
    border-bottom: 0.3rem solid #DEAC2D;
}
.defis__slide-cambodge .defis__content-inner {
    border: 0.2rem solid #DEAC2D;
}
.defis__slide-cambodge .defis__content .cta {
    border: 1rem solid #FBF7EC;
}
.defis__slide-cambodge h3,
.defis__slide-cambodge .defis__content-after,
.defis__slide-cambodge .defis__content-sticker {
    background-color: #DEAC2D;
}

/* Burkina */
.defis__slide-burkina,
.defis__slide-burkina .defis__content-inner {
    background-color: #EEF9FB;
}
.defis__slide-burkina h2 {
    color: #2AB0C7;
    border-bottom: 0.3rem solid #2AB0C7;
}
.defis__slide-burkina .defis__content-inner {
    border: 0.2rem solid #2AB0C7;
}
.defis__slide-burkina .defis__content .cta {
    border: 1rem solid #EEF9FB;
}
.defis__slide-burkina h3,
.defis__slide-burkina .defis__content-after,
.defis__slide-burkina .defis__content-sticker {
    background-color: #2AB0C7;
}

/* Equateur */
.defis__slide-equateur,
.defis__slide-equateur .defis__content-inner {
    background-color: #FFF2EE;
}
.defis__slide-equateur h2 {
    color: #FB5537;
    border-bottom: 0.3rem solid #FB5537;
}
.defis__slide-equateur .defis__content-inner {
    border: 0.2rem solid #FB5537;
}
.defis__slide-equateur .defis__content .cta {
    border: 1rem solid #FFF2EE;
}
.defis__slide-equateur h3,
.defis__slide-equateur .defis__content-after,
.defis__slide-equateur .defis__content-sticker {
    background-color: #FB5537;
}

/* Gabon */
.defis__slide-gabon,
.defis__slide-gabon .defis__content-inner {
    background-color: #EDF7FC;
}
.defis__slide-gabon h2 {
    color: #038BC5;
    border-bottom: 0.3rem solid #038BC5;
}
.defis__slide-gabon .defis__content-inner {
    border: 0.2rem solid #038BC5;
}
.defis__slide-gabon .defis__content .cta {
    border: 1rem solid #EDF7FC;
}
.defis__slide-gabon h3,
.defis__slide-gabon .defis__content-after,
.defis__slide-gabon .defis__content-sticker {
    background-color: #038BC5;
}

#reduction {
    padding: 7.7rem 0 11rem 0;
}
.reduction__content {
    position: relative;
    z-index: 0;
}
.reduction__content::before {
    background: url(../img/s_reduction_main.png) 50% / 100% no-repeat;
    width: 32.5rem;
    height: 47.8rem;
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    left: -34rem;
    top: 0;
}
.reduction__content-after {
    background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 1014.87 541.7'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %230869a8; %7D %3C/style%3E%3C/defs%3E%3Cpath id='Tracé_26699' class='st0' d='M490.52,530.18l-450.28,11.51c-11.03.35-20.29-7.37-20.68-17.23L.01,25.83C-.37,15.97,8.26,7.69,19.29,7.35L994.2.01c11.03-.35,20.29,7.37,20.68,17.23l-505.07,494.46c.39,9.86-8.25,18.14-19.28,18.48Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    z-index: 1;
    position: absolute;
    width: 85%;
    height: 108%;
    top: -2rem;
    left: -4rem;
}
.reduction__content-inner {
    border: 0.2rem solid #0869A8;
    border-radius: 1.2rem;
    padding: 5.6rem 0 6.5rem 0;
    position: relative;
    z-index: 2;
    font-size: 2.6rem;
    font-weight: 400;
    text-align: center;
    background-color: #fff;
}
.reduction__content h2 {
    color: #0869A8;
    font-size: 3.8rem;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 2rem;
    text-transform: uppercase;
}
.reduction__content .content {
    padding: 0 13rem;
    margin-bottom: 3.3rem;
}
.reduction__content img {
    width: 65%;
}
.reduction__content-cta-wrapper {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: -3.5rem;
    left: 0;
    right: 0;
}
.reduction__content .cta {
    height: 7rem;
    line-height: 5rem;
    border-radius: 4rem;
    padding: 0 4rem;
    border: 1rem solid #fff;
}

#pape {
    background-color: rgba(0, 122, 136, 0.25);
    padding: 4rem 0 3rem 0;
    color: #051924;
    line-height: 1.2;
    font-size: 6rem;
    text-align: center;
}
.pape__citation {
    margin-bottom: 2.5rem;
}
.pape__citation > div {
    position: relative;
    display: inline-block;
}
.pape__citation > div::before,
.pape__citation > div::after {
    display: inline-block;
    width: 6.8rem;
    height: 5.4rem;
    content: '';
}
.pape__citation > div::before {    
    background: url('../img/pape_citation_guillemets.png') 50% / 100% no-repeat;
    margin-right: 1rem;
    margin-top: -2rem;
    vertical-align: top;
}
.pape__citation > div::after {
    background: url('../img/pape_citation_guillemets.png') 50% / 100% no-repeat;
    margin-left: 1rem;
    transform: rotate(180deg);
    vertical-align: bottom;
    margin-bottom: -2rem;
}
.pape__signature img {
    width: 40rem;
}
.pape__visuel {
    padding-left: 10%;
}





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

@media only screen and (min-width: 1600px) {
    .container, 
    .container-lg, 
    .container-md, 
    .container-sm, 
    .container-xl, 
    .container-xxl {
        max-width: 1520px;
    }
    
    .col-xxxl-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-xxxl-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-xxxl-3 { flex: 0 0 auto; width: 25%; }
    .col-xxxl-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-xxxl-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-xxxl-6 { flex: 0 0 auto; width: 50%; }
    .col-xxxl-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-xxxl-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-xxxl-9 { flex: 0 0 auto; width: 75%; }
    .col-xxxl-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-xxxl-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-xxxl-12 { flex: 0 0 auto; width: 100%; }
    
    /* Offsets */
    .offset-xxxl-0 { margin-left: 0; }
    .offset-xxxl-1 { margin-left: 8.33333333%; }
    .offset-xxxl-2 { margin-left: 16.66666667%; }
    .offset-xxxl-3 { margin-left: 25%; }
    .offset-xxxl-4 { margin-left: 33.33333333%; }
    .offset-xxxl-5 { margin-left: 41.66666667%; }
    .offset-xxxl-6 { margin-left: 50%; }
    .offset-xxxl-7 { margin-left: 58.33333333%; }
    .offset-xxxl-8 { margin-left: 66.66666667%; }
    .offset-xxxl-9 { margin-left: 75%; }
    .offset-xxxl-10 { margin-left: 83.33333333%; }
    .offset-xxxl-11 { margin-left: 91.66666667%; }
}
@media only screen and (min-width: 1815px) {
    .container, 
    .container-lg, 
    .container-md, 
    .container-sm, 
    .container-xl, 
    .container-xxl {
        max-width: 1735px;
    }
}

@media only screen and (min-width:992px) and (max-height:1030px) {
	header {
        padding: 2rem 7rem 0 7rem;
    }
    #intro .smm_wrapper {
        width: 40rem;
        margin-bottom: 2rem;
    }
    .intro__content {
        font-size: 3.2rem;
        margin-bottom: 2rem;
    }
    .intro__pictos-item {
        font-size: 3.2rem;
    }
    .intro__pictos-item img {
        height: 9rem;
    }
}
@media only screen and (max-width:1814.98px) {
	html {
        font-size:60%;
        -webkit-text-size-adjust:none; /* Hack Safari for margin/padding units */
    }
    .defis__content-1 {
        font-size: 1.8rem;
        margin-bottom: 4rem;
        padding-right: 9rem;
    }
    .defis__content-2 {
        font-size: 2.4rem;
    }
    .footer__nav {
        width: 70%;
    }
    #pape {
        font-size: 5rem;
    }
}
@media only screen and (max-width:1599.98px) {
	html {
        font-size:57.5%;
        -webkit-text-size-adjust:none; /* Hack Safari for margin/padding units */
    }
    #intro {
        background-position: 60% 50%;
    }
    #intro .smm_wrapper {
        width: 40rem;
        margin-bottom: 3rem;
    }
    .intro__pictos-item:not(:last-child) {
        margin-right: 6rem;
    }
    .header__fdd h2 {
        font-size: 2.5rem;
        margin-right: 1.5rem;
    }
    .don__input input[type="radio"] + label,
    .don__input.don__input-custom {
        margin-right: 1rem;
    }
    .header__fdd .cta {
        font-size: 1.8rem;
        margin-right: 1rem;
    }
    .defis__slide h2 {
        font-size: 4.2rem;
        padding-bottom: 2rem;
    }
    .defis__slide h3 {
        font-size: 3.5rem;
        height: 8rem;
        line-height: 8rem;
        padding: 0 7rem;
    }
    #pape {
        font-size: 4.5rem;
    }
    .footer__nav {
        width: 80%;
    }
    .footer__logo img {
        width: 40rem;
    }
}
@media only screen and (min-width:1200px) and (max-height:750px) {
    header {
        padding: 1rem 5rem 0 5rem;
    }
    #intro .smm_wrapper {
        width: 30rem;
        margin-bottom: 2rem;
    }
    .intro__pelerins-logo img {
        width: 15rem;
    }
    .intro__pelerins-logo {
        right: 3rem;
        bottom: 13rem;
    }
}
@media only screen and (max-width:1399.98px) {
	html {
        font-size:55%;
        -webkit-text-size-adjust:none; /* Hack Safari for margin/padding units */
    }
    #intro {
        background-position: 70% 50%;
    }
    .intro__pictos-item img {
        height: 9rem;
    }
    .intro__pictos-item {
        font-size: 3.2rem;
    }
    .header__fdd h2 {
        font-size: 2rem;
    }
    .don__input input[type="radio"] + label, 
    .don__input.don__input-custom input[type="text"],
    .header__fdd .cta {
        font-size: 1.8rem;
        line-height: 4.5rem;
        height: 4.2rem;
    }
    .header__fdd-wrapper-d {
        flex-wrap: wrap;
    }
    .header__fdd .content {
        width: 100%;
        text-align: center;
    }
    .header__fdd .content br {
        display: none;
    }
    .defis__slider .slick-next {
        right: 3rem;
    }
    .defis__slider .slick-prev {
        left: 3rem;
    }
    .defis__content-sticker {
        width: 18rem;
        height: 18rem;
        font-size: 2.1rem;
    }
    .defis__content-sticker span:nth-child(2) {
        font-size: 2.5rem;
    }
    .defis__content-sticker span:nth-child(3) {
        font-size: 3rem;
    }
    .defis__content-inner {
        padding: 3rem;
    }
    .defis__content-1 {
        font-size: 1.7rem;
        margin-bottom: 3rem;
        padding-right: 7rem;
    }
    .defis__content-2 {
        font-size: 2.2rem;
    }
    .defis__content-cta-wrapper {
        bottom: -3rem;
    }
    .defis__content .cta {
        height: 6rem;
        line-height: 4rem;
        border-radius: 4rem;
        padding: 0 3rem;
        font-size: 2.8rem;
    }
    .reduction__content h2 {
        font-size: 3.5rem;
        margin-bottom: 1.5rem;
    }
    .reduction__content .content {
        padding: 0 10rem;
        margin-bottom: 3rem;
    }
    .reduction__content img {
        width: 70%;
    }
    .reduction__content::before {
        width: 30rem;
        height: 45rem;
        left: -32rem;
    }
    .footer__nav {
        width: 90%;
    }
    .footer__logo img {
        width: 30rem;
    }
}
@media only screen and (max-width:1199.98px) {
	html {
        font-size:52.5%;
        -webkit-text-size-adjust:none; /* Hack Safari for margin/padding units */
    }
    #intro {
        background-position: 50%;
        height: auto;
        background-image: url(../img/background-mobile.jpg);
        padding: 20rem 0;
    }
    .intro__pelerins-logo {
        right: 7rem;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 17rem;
    }
    .intro__content {
        font-size: 3.2rem;
    }
    .header__fdd h2 {
        font-size: 1.8rem;
    }
    .don__input input[type="radio"] + label, 
    .don__input.don__input-custom input[type="text"],
    .header__fdd .cta {
        font-size: 1.6rem;
        line-height: 4rem;
        height: 3.8rem;
    }
    .soutenons__content h2 {
        font-size: 3.2rem;
    }
    .soutenons__content h2::after {
        width: 80%;
    }
    .defis__visuel .map {
        width: 15rem;
        left: -5.5rem;
    }
    .defis__visuel,
    .defis__content {
        padding-top: 5.5rem;
    }
    .defis__content-inner {
        padding: 2rem 2rem 3rem 2rem;
    }
    .defis__content-1 {
        margin-bottom: 1rem;
        padding-right: 8rem;
    }
    .defis__content-2 {
        padding: 0 2rem;
    }
    .reduction__content-inner {
        padding: 4rem 0 5rem 0;
        font-size: 2.4rem;
    }
    .reduction__content h2 {
        font-size: 3.3rem;
    }
    .reduction__content img {
        width: 80%;
    }
    .reduction__content::before {
        width: 25rem;
        height: 37rem;
        left: -27rem;
    }
    .pape__visuel {
        padding-left: 0;
    }
    #pape {
        font-size: 3.5rem;
    }
    .pape__citation > div::before,
    .pape__citation > div::after {
        width: 5rem;
        height: 4rem;
    }
    .pape__citation > div::before {
        margin-top: -1rem;
    }
    .pape__citation > div::after {
        margin-bottom: -1rem;
    }
    .pape__signature img {
        width: 30rem;
    }
    footer {
        padding: 8rem 0 15rem 0;
    }
}
@media only screen and (max-width:991.98px) {
    .header__fdd .cta {
        font-size: 3.2rem;
        margin-right: 1.5rem;
        line-height: 5.5rem;
        height: 5.5rem;
        margin: 0;
    }
    .intro__pelerins-logo {
        right: 3rem;
        height: 10rem;
    }
    .intro__pelerins-logo img {
        width: 10rem;
    }
    #soutenons {
        padding: 9rem 0;
    }
    .soutenons__visuel {
        padding-left: 0;
        margin-bottom: 5rem;
        padding-right: 5rem;
    }
    .soutenons__content {
        font-size: 2.5rem;
        text-align: center;
    }
    .soutenons__content p strong {
        display: inline-block;
        margin-top: 5rem;
    }
    .soutenons__content h2::after {
        width: 40rem;
    }
    .defis__slide h2 {
        font-size: 3.5rem;
    }
    .defis__slide h3 {
        font-size: 3rem;
        height: 6rem;
        line-height: 6rem;
        padding: 0 5rem;
    }
    .defis__visuel {
        padding: 5.5rem 5rem 0 5rem;
    }
    .defis__visuel .map {
        left: 0;
    }
    .defis__content {
        padding-right: 8rem;
    }
    .defis__content-inner {
        padding: 2rem 2rem 4rem 2rem;
    }
    .defis__content-after {
        right: 8rem;
        bottom: 0;
    }
    .defis__content-sticker {
        width: 15rem;
        height: 15rem;
        font-size: 1.8rem;
        top: 2rem;
    }
    .defis__content-sticker span:nth-child(2) {
        font-size: 2rem;
    }
    .defis__content-sticker span:nth-child(3) {
        font-size: 2.5rem;
    }
    .defis__content-2 {
        padding: 0 8rem 0 0;
    }
    #reduction {
        padding: 18rem 0 9rem 0;
    }
    .reduction__content::before {
        background: url(../img/s_reduction_main_m.png) 50% / 100% no-repeat;
        width: 14.5rem;
        height: 17rem;
        left: 0;
        top: -17rem;
    }
    .reduction__content .content {
        padding: 0 6rem;
    }
    .pape__visuel {
        margin-bottom: 5rem;
    }
    .footer__logo,
    ul.footer__social {
        margin-bottom: 5rem;
    }
    .footer__links,
    .footer__nav {
        width: 100%;
    }
}
@media only screen and (max-width:767.98px) {
    header {
        padding: 1rem 2rem 0 2rem;
    }
    .header__logo img {
        width: 20rem;
    }
    .cta {
        font-size: 2.8rem;
        height: 5rem;
        line-height: 5rem;
        border-radius: 2.5rem;
        padding: 0 1.5rem;
    }
    #intro {
        padding: 15rem 0;
    }
    .intro__pictos-item:not(:last-child) {
        margin-right: 3rem;
    }
    .intro__pictos-item img {
        height: 7rem;
    }
    .intro__pictos-item {
        font-size: 2.8rem;
    }
    #soutenons {
        padding: 7rem 0;
    }
    .soutenons__content {
        font-size: 2.2rem;
    }
    .soutenons__content h2 {
        font-size: 3rem;
    }
    .soutenons__content h2::after {
        width: 30rem;
    }
    .defis__slide h2 {
        font-size: 3rem;
    }
    .defis__slide h3 {
        font-size: 2.5rem;
        height: 4rem;
        line-height: 4rem;
        padding: 0 2rem;
    }
    .defis__slider .slick-arrows {
        top: 50%;
    }
    .defis__slider .slick-prev {
        left: 2rem;
    }
    .defis__slider .slick-next {
        right: 2rem;
    }
    .reduction__content h2 {
        font-size: 2.6rem;
    }
    .reduction__content .content {
        padding: 0 4rem;
    }
    .reduction__content-inner {
        padding: 3rem 0 4rem 0;
        font-size: 2rem;
    }
    .reduction__content img {
        width: 90%;
    }
    .header__fdd .cta {
        font-size: 2.8rem;
        line-height: 5rem;
        height: 5rem;
    }
}
@media only screen and (max-width:575.98px) {
    .header__logo img {
        width: 100%;
    }
    header .cta {
        font-size: 2.3rem;
        height: 4.5rem;
        line-height: 4.5rem;
        border-radius: 2.5rem;
        padding: 0 1rem;
    }
    #intro .smm_wrapper {
        width: 35rem;
        margin-bottom: 3rem;
        max-width: 100%;
    }
    .intro__content {
        font-size: 2.8rem;
    }
    .intro__content br {
        display: none;
    }
    .intro__pictos-item img {
        margin-right: 0;
        height: 5rem;
    }
    .intro__pictos-item:not(:last-child) {
        margin-right: 2rem;
    }
    .intro__pictos-item {
        font-size: 2.2rem;
    }
    .intro__pelerins-logo {
        right: 0;
        height: 10rem;
        bottom: 3rem;
        top: auto;
        left: 0;
        width: 10rem;
    }
    .soutenons__visuel {
        padding-left: 0;
        margin-bottom: 3rem;
        padding-right: 2rem;
    }
    .soutenons__content h2::after {
        width: 20rem;
    }
    .defis__visuel .map {
        width: 10rem;
    }
    .defis__visuel {
        padding: 5.5rem 3rem 0 3rem;
    }
    .defis__slider .slick-prev {
        left: 1rem;
    }
    .defis__slider .slick-next {
        right: 1rem;
    }
    .defis__slider .slick-arrows {
        top: 40%;
    }
    .defis__content {
        padding-top: 3rem;
    }
    .defis__content-inner {
        padding: 1rem 0 4rem 1rem;
    }
    .defis__content-sticker {
        width: 12rem;
        height: 12rem;
        font-size: 1.5rem;
        top: 2rem;
    }
    .defis__content-sticker span:nth-child(2) {
        font-size: 1.7rem;
    }
    .defis__content-sticker span:nth-child(3) {
        font-size: 2.2rem;
    }
    .defis__content-after {
        right: 7rem;
        height: 80%;
    }
    .defis__content {
        padding-right: 6rem;
    }
    .defis__content-1 {
        padding-right: 7rem;
        font-size: 1.6rem;
    }
    .defis__content-2 {
        padding: 0 1rem 0 0;
        font-size: 2rem;
    }
    #reduction {
        padding: 15rem 0 9rem 0;
    }
    .reduction__content::before {
        width: 11.5rem;
        height: 14rem;
        top: -14rem;
    }
    .reduction__content-after {
        width: 100%;
        height: 106%;
        top: -2rem;
        left: -2rem;
    }
    #pape {
        font-size: 3rem;
    }
    .pape__citation > div::before,
    .pape__citation > div::after {
        width: 4rem;
        height: 3rem;
        background: url('../img/pape_citation_guillemets.png') 50% / 90% no-repeat;
    }
    .pape__signature img,
    .footer__logo img {
        width: 25rem;
    }
    .footer__social svg {
        width: 4rem;
    }
}
@media only screen and (max-width:359.98px) {
    header .cta {
        font-size: 1.8rem;
        height: 4rem;
        line-height: 4rem;
        border-radius: 2rem;
        padding: 0 1rem;
    }
    #intro .smm_wrapper {
        max-width: 80%;
    }
    .intro__content {
        font-size: 2.5rem;
    }
    .soutenons__visuel {
        padding-right: 1rem;
    }
    .soutenons__content {
        font-size: 2rem;
    }
    .soutenons__content p strong {
        margin-top: 2rem;
    }
    .soutenons__content h2 {
        font-size: 2.5rem;
    }
    .soutenons__content h2::after {
        width: 25rem;
    }
    .defis__slide {
        padding: 3rem 0 6rem 0;
    }
    .defis__slider .slick-prev {
        left: 0;
    }
    .defis__slider .slick-next {
        right: 0;
    }
    .defis__slider .slick-arrows {
        top: 37%;
    }
    .defis__content-2 {
        font-size: 1.8rem;
    }
    .reduction__content h2 {
        font-size: 2.2rem;
    }
    .reduction__content .content {
        padding: 0 2rem;
    }
    .cta {
        font-size: 2.5rem;
    }
    #pape {
        font-size: 2.6rem;
    }
    .pape__signature img, 
    .footer__logo img {
        width: 20rem;
    }
    footer {
        padding: 4rem 0 10rem 0;
    }
}

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

::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;
		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;
	}
}