@font-face {
    font-family: 'Buffalo';
    src: url('../../fonts/buffalo-semibold-webfont.woff2') format('woff2'), url('../../fonts/buffalo-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Buffalo';
    src: url('../../fonts/buffalo-semibolditalic-webfont.woff2') format('woff2'), url('../../fonts/buffalo-semibolditalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

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

:root {
    --b1: #84b1cd;
    --b2: #00435c;
    --b3: #042836;
    --r1: #e32929;
    --b4: #003C57;
    /* #092141; */
    --beige: #f0f0ee;
}

body:not(.wp-theme-marsactu) {
    background-color: var(--beige);

}

.d-grid {
    display: grid;
    column-gap: 1.5rem;
    grid-template-columns: 1fr 1fr 1fr;
}

/* On génère la partie responsive de la grille */
@media (max-width: 768px) {
    .d-grid {
        grid-template-columns: 1fr !important;
    }
}

.d-grid.grid4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

/* On génère la partie responsive de la grille */
@media (max-width: 768px) {
    .d-grid.grid4 {
        grid-template-columns: 1fr !important;
    }
}



/*------------------------------- end general init -----------------------------------*/
.text-blue,
.text-blue h1,
.text-blue h2,
.text-blue h3 {
    color: #092141 !important;
}

.text-white,
.text-white h1,
.text-white h2,
.text-white h3 {
    color: #fff !important;
}

#offre-page h2 {
    color: #003C57 !important;
}

#offre-page {
    transition: background 1s ease-in-out;
}

#offre-page .logo {
    background-color: transparent;
}

#offre-page .section {
    padding: 0rem 3rem;
    margin-bottom: 0rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    font-family: "MultipleSans Pro", arial;
    font-weight: 600;
}

#offre-page .section h1,
#offre-page .section h2,
#offre-page .section h3,
#offre-page .section .titre-offre {
    font-family: "Buffalo";
}

#offre-page .section .titre-offre {
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
}

#offre-page .section h2 {
    font-size: 5rem;
    margin-block-start: 0rem;
    margin-block-end: 0rem;
    line-height: 0.8;
}

#offre-page .section h3 {
    font-size: 2rem;
}

#offre-page .section ul {
    
}

#offre-page .section .row {
    max-width: 1800px;
    margin: auto;
}

#offre-page .section .box-image img {
    width: 35vw;
    height: 80vh;
    object-fit: cover;
}

#offre-page .section .big-titre {
    font-size: 7rem;
}

#offre-page .section .description {
    font-family: "MultipleSans Pro", arial;
    font-size: 1.3rem;
    text-transform: normal;
    font-weight: 400;
    margin-top: 4rem;
}

#offre-page .section.section-right .box-image {
    margin-top: -10rem;
    margin-right: 5rem;
}

#offre-page .section.section-right .description {
    margin-top: 4rem;
}

#offre-page .section.section-right .button-action {
    margin-left: 1rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

#offre-page .section.section-left .bloc-left {
    margin-top: 5rem;
}

#offre-page .section.section-team {
    color: #000;
}

#offre-page .section.section-team h2 {
    padding: 0 1rem;
}

#offre-page .section.section-team img {
    height: 500px;
}

#offre-page .section.section-team .box-image {
    margin-right: 5rem;
}

#offre-page .section a.button-action {
    transform: skewX(-10deg);
    padding: 10px 15px 12px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Buffalo", arial;
    font-weight: 700;
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 55px;
    white-space: nowrap;
    color: #092141;
    /* Abonnez-vous ! */
    font-size: 32px;
    line-height: 26px;
    color: #FFFFFF;

}

#offre-page .section-hero a.button-action {
    background-color: #0e5557;
    border-color: #0e5557 !important;
}

#offre-page .section-hero a.button-action:hover {
    background-color: #ffa32a;
    color: #ffffff !important;
    border-color: #ffa32a !important;
}

#offre-page .section .number {
    font-size: 10rem;
    font-family: "Buffalo";
    display: block;
    color: #ff3962;
    text-align: center;
}

#offre-page .section .number-detail {
    font-size: 2rem;
    font-family: "Buffalo";
    display: block;
    color: #092141;
    text-align: center;
}

#offre-page .section mark.yellow {
    padding: 1rem 2rem;
    display: inline-block;
    transform: skewX(-10deg);
}

#offre-page .section.section-small-height {
    height: 50vh;
}

#offre-page #big-text {
    height: 100vh;
}

#offre-page .magenta {
    color: #ff3962;
}

#offre-page .mark_blue {
    background-color: var(--b3);
    color: #fff !important;
    border: 3px solid var(--b3) !important;
}

#offre-page .mark_blue:hover {
    background-color: #fff;
    color: #092141 !important;
    border: 3px solid #092141 !important;
}

#offre-page .yellow {
    background-color: #fff300;
}

#offre-page .text-black {
    color: #000;
}

#offre-page .text-yellow {
    color: yellow;
}

#offre-page .section-hero {
    margin-top: 0;
    padding: 400px 0 0 0 !important;
    /*background-image: linear-gradient(to bottom, rgba(255, 57, 98, 0.5), rgba(255, 57, 98, 0.5)), url("../img/Landing.jpg");*/
    background-color: var(--b2);
    text-align: center;
    line-height: 0.8;
    min-height: 700px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 87%;
}

#offre-page .section-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../img/collage_2.png");
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center top;
    top: 9em;
    height: 730px;
}

#offre-page .section-hero .bloc-offre {
    background-repeat: no-repeat;
    background-position: top left, bottom right, bottom left;
    background-size: 500px, 376px, 276px;
    font-size: 72px;
    font-weight: 600;
    font-family: "Buffalo";
    max-width: 1200px;
    margin: -18.5rem auto;
    z-index: 0;
    top: -1em;
    position: relative;
}

#offre-page .section-hero .bloc-offre .row {}

#offre-page .section-hero .bloc-offre .row .col-sm-6:first-child {
    padding-left: 2rem;
}

#offre-page .section-hero .bloc-offre .row .col-sm-6:last-child {
    padding-right: 2rem;
}

#offre-page .section-hero .bloc-offre .box-prix {
    margin-right: auto;
    margin-left: 2rem;
}

#offre-page .section-hero .bloc-offre .btn-prix {
    text-decoration: none;
    transition: all 0.5s ease-out;
}

#offre-page .section-hero .bloc-offre .btn-prix:hover .box-prix {
    background-color: #ffa32a;
    color: #ffffff;
}

#offre-page .section-hero .bloc-offre .button-action.texte-dark_blue {
    display: flex;
}

#offre-page .section-hero .mark_magenta {
    color: #fff;
}

#offre-page .section-hero .mark_magenta:hover {
    background-color: #fff;
    color: #ff3962 !important;
}

#offre-page .section-hero .titre-offre {
    font-size: 5rem;
    margin-bottom: 2rem;
    color: #0e5557 !important;
}

#offre-page .section-hero .row {
    width: 100%;
    padding: 4rem;
}

#offre-page .section-hero .box-prix {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    transform: skewX(-10deg);
    padding: 10px 40px 12px;
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 42px;
    white-space: nowrap;
    background-color: #0e5557;
    color: #fff;
}

#offre-page .section-hero .prix {
    font-size: 12rem;
    font-family: "Buffalo";
}

#offre-page .section-hero .duree {
    font-size: 5rem;
    margin-left: 2rem;
    text-align: left;
    font-family: "Buffalo";
}

#offre-page .section-hero a.button-action {
    margin-right: 2rem;
}

#offre-page .section-hero a.mark_magenta {
    margin-right: 0rem;
}

#offre-page .section-hero a.button-action.text-white {
    color: #fff;
}

#offre-page .box-button {
    text-align: center;
}

#offre-page .section-team .box-button {
    margin-top: 3rem;
    padding-bottom: 8rem;
}

#offre-page .section-team img {
    width: 80vw;
    height: 500px;
    margin-top: 6rem;
    margin-bottom: 3rem;
}

#offre-page .credits {
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

#offre-page .white {
    color: #000;
}

#offre-page .white ul {
    font-size: 1.2rem;
}

#offre-page .w-100 {
    width: 100%;
}

#offre-page .td-main-content-wrap {
    position: relative;
    z-index: 1;
}

#offre-page .btn-prix {
    margin-top: 2.4rem;
    display: block;
}

.campagne500#offre-page #section-objectif {
    background-color: var(--b3);
    color: #ffffff;
    margin-top: -14em;
    z-index: 3;
    position: relative;
}

#offre-page #section-objectif h2 {
    color: #ffffff !important;
}

#offre-page .goal small, #offre-page .deadline small {
    color: #ffffff !important;
}


#offre-page #section-objectif .bloc-offre {
    margin-top: -14rem;
}

#offre-page #section-objectif .titre-offre {
    font-size: 4.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#offre-page #section-objectif .titre-offre span {
    display: inline-flex;
    padding: 0 1rem;
}

#offre-page #section-objectif h2 {
    /* Objectif +500 abonné·es ! */

    font-family: "Buffalo";
    font-style: italic;
    font-weight: 700;
    font-size: 3.5rem;
    line-height: 2.25rem;
    /* identical to box height, or 67% */
    letter-spacing: -0.01em;
    text-transform: uppercase;

    color: #ffffff;
    text-align: center;
}

#offre-page #section-objectif .sous-titre {
    /* D'ICI LE 30 SEPTEMBRE : REJOIGNEZ-NOUS ! */
    background-color: #ffffff;
    margin-top: 1.5rem;
    padding: 0.4rem 0.5rem;
    width: 394px;
    height: 26px;
    text-align: center;

    font-family: "MultipleSlab Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    /* identical to box height */
    letter-spacing: -0.04em;
    text-transform: uppercase;

    color: #172834;

    margin: 1.5rem auto 0;
}

#offers {
    max-width: 960px;
    margin: auto;
}

.bloc-offre {
    margin-top: -6rem;
}

#section-offre #offers .card {
    background: #ffffff;
    padding: 1rem 0;
    transition: none;
}

#section-offre #offers .card:hover .border {
    border: none !important;
}

#section-offre #offers .card .border {
    margin-bottom: 0;
    transition: none;
}

#offers .conditions {
    color: var(--b4);
    max-width: unset !important;
}

#offers .border {
    padding: 2.5rem;
}

#offers .price {
    color: var(--r1) !important;
}

#offre-page #section-offre {
    background: var(--beige);
    z-index: 4;
    position: relative;

    margin: 0 auto 0;
    padding-bottom: 4rem;
}

.wrapper-section {
    max-width: 960px;
}

.inside-wrapper {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
}

#section-offre #offers a.button-action {
    font-size: 2rem !important;
    background-color: var(--r1);
    color: #ffffff !important;
}

blockquote {
    /* Frame 267 */
    /* De droite, de gauche, ce n’est jamais bien vécu d’être épinglé par Marsactu. */

    font-family: "MultipleSlab Pro";
    font-style: italic;
    font-weight: 400;
    font-size: 48px;
    line-height: 62px;
    letter-spacing: 0.01em;
    position: relative;
    color: #003C57 !important;
    text-align: left;
}

blockquote::before {
    content: open-quote;
    font-size: 9rem;
    line-height: 0;
    vertical-align: -1.5rem;
    margin-right: 0.25rem;
    position: absolute;
    left: -81px;
    top: 44px;
    color: #003C57 !important;
}

#section-offre .bloc-descriptif p {
    /*color: #003C57 !important;*/
}

#offers .card:hover {
    border: 2px solid var(--r1) !important;
}

blockquote.smaller {
    /* “Nos révélations amènent les pouvoirs publics à prendre des décisions pour mettre fin aux dérives que nous dénonçons“ */

    font-family: 'MultipleSlab Pro';
    font-style: italic;
    font-weight: 400;
    font-size: 34px;
    line-height: 130%;
    /* or 44px */
    text-align: center;
    letter-spacing: 0.01em;

    color: #003C57;
}

blockquote.smaller::before {
    display: none;
}

.bigger {
    /* Dans un paysage médiatique local dominé par les influences économiques et politiques, notre rédaction ne ménage personne. Par nos enquêtes, nos reportages, nos décryptages, nous tâchons de dépasser les discours des communicants et de donner à lire les enjeux du territoire. Ce parti pris offensif fait notre force. Notre faiblesse est ailleurs. Exister en dehors des grands groupes est un défi.  La principale menace sur l’indépendance, voire la survie de Marsactu, est économique. Depuis dix ans maintenant, nous nous investissons sans relâche, forts de la conviction de faire œuvre utile. */

    font-family: "MultipleSlab Pro";
    font-style: italic;
    font-weight: 400;
    font-size: 34px;
    line-height: 130%;
    /* or 44px */
    text-align: center;
    letter-spacing: 0.01em;

    color: var(--bleu);
}

.jauge {
    width: 960px;
    margin: 2.5rem auto 9rem;
    
}

.bloc-descriptif .intro {
    text-align: center;
}

.tag-mark {
    padding: 0.5rem 0.8rem;
    align-items: center;
    text-align: center;
    font-size: 2rem;
    margin-top: 2rem;
}

.section h2 {
    color: var(--bleu);
}

#section-offre .bloc-descriptif h2 {
    font-size: 4.625rem;
    /* le journal d’investigation basé à Marseille */

    font-family: "Buffalo";
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    /* or 76% */
    text-align: center;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    margin-bottom: 3rem;
    color: var(--bleu);
    margin-top: 2.5rem;
}

#offre-page p {
    /* Les derniers rebondissements dans les affaires Preziosi, Assor ou encore Allisio illustrent notre mission d’intérêt public et les répercussions de notre travail d’investigation. Tout cela n'est possible que grâce au soutien constant et renouvelé de nos abonné·es */

    font-family: 'MultipleSlab Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    /* or 150% */
    text-align: center;
    letter-spacing: 0.01em;

    color: #000000;
}

#offre-page .excerpt {
    /* Marsactu est vital à la démocratie locale. Avec une vision du journalisme et des valeurs claires : l’indépendance de tous les pouvoirs, la nécessité de se poser en vigie de notre démocratie sans céder aux logiques partisanes. */

    font-family: "MultipleSlab Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    /* or 150% */
    text-align: center;
    letter-spacing: 0.01em;

    color: #000000;
}

#offre-page #section-description {
    text-align: left;
    background-color: var(--beige);
    margin-bottom: 2.5rem;
}

#offre-page #section-description .tag-mark {
    text-align: left;
}

#offre-page #section-description p {
    text-align: left;
}

#section-description .wrapper-section {
    background-color: #ffffff;
    padding-bottom: 3rem;
    text-align: left;
}

#section-description .mark_bleu {
    margin-top: 3.5rem;
    margin-bottom: 0.5rem;
}

#offre-page #section-description h2 {
    /* Pour une information utile : utile à la personne qui la lit, utile à la société dans laquelle elle vit */

    font-family: 'Buffalo';
    font-style: italic;
    font-weight: 700;
    font-size: 64px;
    line-height: 56px;
    /* or 88% */
    letter-spacing: -0.01em;
    text-transform: uppercase;

    color: #003C57;

}

#offre-page #section-description {
    /* “Vous ne voulez pas parler de choses positives des fois ?” La remarque nous est souvent glissée, entre le conseil et le reproche. Mais, alors que se déploie le journalisme de “solutions”, nous restons fidèles à une autre approche : nous considérons qu'une information n’a pas à être positive ou négative, elle doit être utile. Utile à la personne qui la lit, utile plus largement à la société dans laquelle elle vit. Notre journal local d’investigation n’est pas là pour “valoriser” son territoire, mais pour ouvrir les débats sur ses enjeux économiques, sociaux et environnementaux, pour qu'il aille mieux. Nos journalistes indépendants ne sont pas là pour se faire des amis. Poser les questions qui fâchent, même si nous devons essuyer les esquives, les réactions courroucées et les pressions, c'est croire que l'éthique et l'exigence peuvent être plus qu'un argument de campagne. Nous savons que les fractures ne sont pas toujours belles à voir, mais nous savons aussi où cela mène de regarder ailleurs. Et qui en souffre. Pour celles et ceux-là , pour toutes les personnes attachées à savoir pour agir, nous pensons que Marsactu n'est pas le journal qui fait déprimer, mais celui qui permet d'espérer. Alors à quelques mois d'une échéance démocratique majeure pour Marseille et les Bouches-du-Rhône, ce qui serait négatif, c'est qu'une troisième année déficitaire nous empêche de remplir notre mission d'informer. Ce qui serait positif, c'est de donner plus de force à Marsactu. Pour être à la hauteur des enjeux de l'endroit et de l'époque où nous vivons. Julien Vinzent, Président de Marsactu */
    font-family: 'MultipleSlab Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    /* or 150% */
    letter-spacing: 0.01em;

    color: #000000;
}

#offre-page #section-hero2 {
    background-color: var(--b3);
    background-image: url('../img/collage_1.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    min-height: 560px;
    padding: 0;
}

#offre-page #section-collectif {
    background-color: #f6F6F6;
    padding-top: 4rem;
    padding-bottom: 4rem;
}


#offre-page #section-collectif h2 {
    margin-bottom: 3rem;
    color: #003C57;
}

#offre-page #section-collectif h3,
#offre-page #section-qfn h3 {
    /* Le collectif marsactu */
    font-family: 'Buffalo';
    font-style: italic;
    font-weight: 600;
    font-size: 54px;
    line-height: 46px;
    /* or 85% */
    text-align: center;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #003C57;
}

#offre-page #section-qfn {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#offre-page #section-qfn h2 {
    margin-bottom: 3rem;
}




#offre-page h3 {
    /* Le collectif marsactu */

    font-family: 'Buffalo';
    font-style: italic;
    font-weight: 600;
    font-size: 54px;
    line-height: 46px;
    /* or 85% */
    text-align: center;
    letter-spacing: -0.01em;
    text-transform: uppercase;

    color: #003C57;
}

#offre-page .border {
    border: 2px solid #092141;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5em;
    margin-bottom: 10rem;
}

.mark_bleu,
.mark_rouge {
    font-family: 'Buffalo';
    font-weight: 700;
    font-size: 32px;
    line-height: 26px;
    /* identical to box height, or 81% */
    letter-spacing: -0.01em;
    text-transform: uppercase;
}

.mark_border {
    margin-bottom: -1.2rem;
}

.mark_bleuclair {
    background-color: var(--b1);
    color: #fff !important;
    border: 3px solid var(--b1) !important;
}

.mark_rouge {
    background-color: var(--r1);
    color: #fff !important;
    border: 3px solid var(--r1) !important;
}

.mark_bleu {
    background-color: #003C57;
    color: #fff !important;
    border: 3px solid #003C57; !important;
    color: #FFFFFF;

}

#offre-page #section-objectif .titre-offre .mark_rouge {
    /* Des affaires qui Vous regardent */
    font-family: 'Buffalo';
    font-style: normal;
    font-weight: 700;
    font-size: 77px;
    line-height: 49px;
    /* identical to box height, or 63% */
    letter-spacing: -0.03em;
    text-transform: uppercase;
    padding: 0.4rem 0.8rem;
    color: #FFFFFF;
}

.mark_skew {
    transform: skewX(-10deg);
    display: inline-flex;
}

#offre-page #section-affaires {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

#offre-page #section-affaires h2 {
    margin-bottom: 3rem;
}

#offre-page #section-affaires .wrapper-section {
    margin-bottom: 4rem;
}

#offre-page #section-abonnement {
    background-color: #F6F6F6;
    padding-top: 3rem;
    padding-bottom: 4rem;
}

#offre-page #section-abonnement h2 {
    margin-bottom: 3rem;
    margin-top: 1.5rem;
}

#offre-page #section-abonnement .wrapper-section {
    max-width: 1124px;
    width: 100%;
}

#offre-page #section-abonnement .wrapper-section .inside-wrapper {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

#offre-page #section-abonnement .wrapper-section .inside-wrapper {

    font-family: 'MultipleSlab Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    /* or 150% */
    text-align: center;
    letter-spacing: 0.01em;
    position: relative;
    color: #000000;
}

#offre-page #section-maintenant {
    padding-top: 3rem;
    padding-bottom: 4rem;
}

#offre-page #section-maintenant h2 {
    margin-bottom: 3rem;
    margin-top: 1.5rem;
}

.lot-liens a:nth-child(1) {
    margin-right: 3rem;
}


#offre-page #section-faq {
    margin-top: 1rem;
    padding-top: 4rem;
    background-color: #F6F6F6;
}

#offre-page #section-faq .inside-wrapper {
    margin: 0;
}

.faq-container {
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.faq-item {
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
    overflow: hidden;
}

.faq-checkbox {
    display: none;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0.7em 20px 0.7em 20px;
}

.faq-question span {
    /* Êtes-vous indépendant ? */

    font-family: 'Buffalo';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 50px;
    /* identical to box height, or 156% */
    text-transform: uppercase;

    color: #000000;
}

.faq-question:hover {
    background-color: #f9f9f9;
}

.faq-chevron {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: 15px;
    transition: transform 0.3s ease;
}

.faq-chevron::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 20px;
}

.faq-answer::before {
    content: "";
    display: block;
    border-top: 1px solid #D2D2D2;
}

.faq-answer-content {
    padding-bottom: 20px;
    text-align: left;
}

#offre-page .faq-answer-content p {

    padding-bottom: 20px;
    /* Depuis 2015, notre média est propriété majoritaire de sa rédaction, affranchi de la publicité et des financements des collectivités locales. Mais cela ne nous prémunit pas de l’ensemble des risques qui pèsent sur l’information.  Perte de confiance globale des citoyens, mauvaises habitudes des institutions, impact amoindri de nos révélations sur les plateformes de diffusion… Pour que seul l’intérêt général guide nos publications, défendez, à nos côtés, notre liberté d’informer : soutenez-nous ! */

    text-align: left;
    font-family: 'MultipleSlab Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 27px;
    margin: 0;
    /* or 135% */

    color: #000000;

}

#offre-page .faq-answer-content p:first-child {
    margin-top: 30px;
}

#offre-page .faq-answer-content p:last-child {
    margin-bottom: 0;
}

#offre-page .faq-answer-content a {
    color: #e74c3c;
    text-decoration: none;
}

.faq-answer-content a:hover {
    text-decoration: underline;
}

.faq-checkbox:checked~.faq-question .faq-chevron {
    transform: rotate(180deg);
}

.faq-checkbox:checked~.faq-answer {
    max-height: 1000px;
}


#offre-page .glide__arrow {
    background: url(../img/chevron-droite.png);
    height: 58px;
    width: 29.5px;
    color: transparent !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

#offre-page .glide__bullets {
    bottom: -2rem;
}

#offre-page .glide__arrow--left {
    background: url(../img/chevron-gauche.png);
}

#offre-page .glide__arrow--left {
    left: 0em;
}

#offre-page .glide__arrow--right {
    right: -2em;
}


#offre-page .glide__bullet {
    background: #B9BABC;
}

#offre-page .glide__bullet--active {
    background: #000000;
}

#offre-page .glide2 {
    max-width: 100%;;
}

.glide__slide a {
    text-decoration: none;
}

#offre-page .glide2 .tel {
    width: 260px;
}

#offre-page .glide2 .tel span {
    width: 260px;
}

#offre-page .glide2 ul li div {
    width: 260px;
    margin: 0 auto;
}

@media (min-width: 1000px) {
    #section-abonnement .glide__arrows {
        display: none;

    }
    #section-abonnement .glide__bullets {
        display: none;
    }
}

#offre-page #footer {
    background-color: #FFFFFF;
    border-top: 1px solid #E2E2E2;
}

@media (max-width: 2000px) {
    #offre-page .section {
        width: unset;
    }

    #offre-page .section .row {
        max-width: 1600px;
    }

    #offre-page .section .box-image img {
        width: 100%;
    }

    #offre-page .section-hero .prix {
        font-size: 12rem;
    }

    #offre-page .section-hero .duree {
        font-size: 5rem;
        margin-left: 2rem;
    }

    #offre-page .section-hero .bloc-offre .row {
        padding: 0px;
    }
}

@media (max-width: 1700px) {

    #offre-page .section.section-right .box-image,
    #offre-page .section.section-team .box-image {
        margin-right: 2rem;
    }

    #offre-page .section-hero {
        background-size: 100;
        padding: 0px;
    }

    #offre-page .section-hero .duree {
        margin-left: 2rem;
    }
}

@media (max-width: 1475px) {
    #offre-page .section a.button-action {
        font-size: 54px;
    }

    #offre-page .section-hero .titre-offre {
        font-size: 4.5rem;
    }

    #offre-page .section-hero .prix {
        font-size: 11rem;
    }

    #offre-page .section-hero .duree {
        font-size: 4.5rem;
        margin-left: 2rem;
    }

    #offre-page .section-hero .btn-prix {
        margin-top: 2.2rem;
    }

    #offre-page #big-text {
        height: auto;
        padding: 20rem 3rem;
    }

    #offre-page .section .big-titre {
        font-size: 6rem;
    }
}

@media (max-width: 1256px) {
    #offre-page .section h2 {
        font-size: 4.5rem;
    }
}

@media (max-width: 1180px) {
    #offre-page .section-hero {
        padding: 0px;
    }

    #offre-page .section-hero .prix {
        font-size: 9rem;
    }

    #offre-page .section-hero .duree {
        font-size: 3.5rem;
        margin-left: 2rem;
    }

    #offre-page .section-hero .titre-offre {
        font-size: 4.5rem;
    }

    #offre-page .section-hero .btn-prix {
        margin-top: 2.5rem;
    }

    #offre-page .section-team .description {
        font-size: 1.1rem;
    }
}

@media (max-width: 990px) {
    #offre-page .section .titre-offre {
        font-size: 5rem;
    }

    #offre-page .section h2 {
        font-size: 4rem;
    }

    #offre-page .section.section-right .box-image {
        margin-top: 0rem;
    }

    #offre-page .section .box-image img {
        width: 82vw;
        height: 350px;
        margin-bottom: 3rem;
    }


    #offre-page .section-hero {
        min-height: 700px;
        padding: 0px;
    }

    #offre-page .section-hero .titre-offre {
        font-size: 4rem;
    }

    #offre-page .section-hero .prix {
        font-size: 9rem;
    }

    #offre-page .section-hero .duree {
        font-size: 3.5rem;
        margin-left: 2rem;
    }

    #offre-page .section-hero .bloc-offre .row {
        padding: 2rem;
    }

    #offre-page .section-hero .bloc-offre .box-prix {
        margin-left: 0rem;
    }

    #offre-page .section-hero .btn-prix {
        margin-top: 1.5rem;
    }

    #offre-page .section.section-team .box-image {
        margin-right: 0px;
    }

    #offre-page .section.section-team .box-image img {
        width: 100% !important;
        height: 400px;
        margin-top: 6rem;
        margin-bottom: 3rem;
    }

    #offre-page .section.section-team .description {
        margin-top: 0px;
    }

    #offre-page .section-team .description {
        font-size: 1.2rem;
    }

    #offre-page .section.section-right .box-image img,
    #offre-page .section.section-right .box-image {
        margin-right: 0px;
        width: 100%;
    }
}

@media (max-width: 960px) {
    #offre-page .section h2 {
        font-size: 3.5rem;
    }

    #offre-page .section-hero .titre-offre {
        font-size: 3.5rem;
    }

    #offre-page .section-hero .box-prix {
        padding: 10px 27px 12px;
        margin-top: 0.5rem;
    }

    #offre-page .section-hero .prix {
        font-size: 6rem;
    }

    #offre-page .section-hero .duree {
        font-size: 3rem;
        margin-left: 1rem;
    }

    #offre-page .section-hero .btn-prix {
        margin-top: 2.4rem;
    }
}

@media (max-width: 768px) {


    #offre-page .section img {

    }

    #offre-page .section .big-titre {
        font-size: 5rem;
        padding-top: 5rem;
        padding-bottom: 0rem;
    }

    #offre-page .section h2 {
        font-size: 3.8rem;
    }

    #offre-page #big-text {
        padding: 10rem 2rem;
    }

    #offre-page .section-hero {
        margin-top: 0rem;
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }

    #offre-page .section-hero img {

    }

    #offre-page .section-hero .bloc-offre {
        background-size: 250px, 214px, 170px;
    }

    #offre-page .section-hero .bloc-offre .box-prix {
        margin-left: auto;
        padding: 10px 40px 12px;
    }

    #offre-page .section-hero .bloc-offre .box-prix .prix {
        font-size: 8rem;
    }

    #offre-page .section-hero .bloc-offre .box-prix .duree {
        font-size: 3rem;
        margin-left: 2rem;
    }

    #offre-page .section-hero .titre-offre {
        font-size: 3.8rem;
        text-align: center;
    }

    #offre-page .section-hero .btn-prix {
        margin-top: 0rem;
    }

    #offre-page.section.section-small-height {
        height: 10vh;
    }

    #offre-page .section-team .col-xs-12 .col-xs-12 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50% !important;
        max-width: 50% !important;
    }

    #offre-page .section-team .col-photo {
        order: 1;
    }

    #offre-page .section-team .col-text {
        order: 0;
        margin-top: 4rem;
    }

    #offre-page .section-team .description {
        font-size: 1.1rem;
    }

    #offre-page .section-hero .col-xs-12,
    #offre-page .section-hero .col-sm-6 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 650px) {
    .logo {
        display: block;
        height: 70px;
    }

    .logo img {
        height: 70px;
    }

    #offre-page .section .big-titre {
        font-size: 4rem;
    }


}

@media (max-width: 450px) {
    #offre-page .section-hero .titre-offre {
        font-size: 3.3rem;
    }

    #offre-page .section-hero.section {
        padding: 0px;
        min-height: 490px;

    }

    #offre-page .section-hero.section .bloc-offre .row {
        height: auto !important;
        margin-top: 0vh;
        padding-top: 1rem;
    }

    #offre-page .section-hero.section .bloc-offre .box-prix .duree {
        font-size: 2.6rem;
        margin-left: 1rem;
    }

    #offre-page .section-hero.section .bloc-offre .box-prix .prix {
        font-size: 6.4rem;
    }

    #offre-page .section .box-image img {
        height: 300px;
    }

    #offre-page .section-team .box-button {
        margin-top: 3rem;
        padding-bottom: 5rem;
    }

    #offre-page .section {
        height: auto;
        padding: 9rem 1rem;
    }

    #offre-page .section .big-titre {
        font-size: 3rem;
    }

    #offre-page .section h2 {
        font-size: 3rem;
    }

    #offre-page .section.section-right .button-action {
        margin-left: 0rem !important;
    }

    #offre-page .section a.button-action {
        font-size: 2.5rem;
    }
}

@media (max-width: 375px) {
    #offre-page .section {
        height: auto;
        padding: 15rem 1rem 2rem;
    }

    #offre-page .section .big-titre {
        font-size: 3rem;
    }

    #offre-page .section h2 {
        font-size: 3rem;
    }

    #offre-page .section.section-right .button-action {
        margin-left: 0rem !important;
    }

    #offre-page .section-hero .titre-offre {
        font-size: 3rem;
    }

    #offre-page .section-hero .duree {
        font-size: 2.6rem;
        margin-left: 1rem;
    }

    #offre-page .section-hero .prix {
        font-size: 6.4rem;
    }

    #offre-page .section-hero .box-prix {
        padding: 10px 20px 12px;
        margin-top: 0rem;
    }

    #offre-page .section-hero .bloc-offre .row {
        padding: 1rem;
        margin-top: 0vh !important;
    }

    #offre-page .section-hero .mark_magenta {
        color: #fff;
        margin-top: -11rem;
        margin-right: 0rem !important;
    }

    #offre-page .triptyque .button-action {
        margin-bottom: 4rem;
    }
}

@media (max-width: 330px) {
    #offre-page .section-hero .bloc-offre .box-prix {
        padding: 10px 25px 12px;
    }

    #offre-page .section .number-detail {
        font-size: 1.7rem;
    }
}



@media (max-width: 768px) {
    .btn-prix {
        margin-top: -1.5rem;
        display: block;
    }
}

.triptyque {
    background-color: #f3f2f2;
    padding-left: 0px;
    padding-right: 0px;
}

.triptyque h2 {
    color: #092141;
    font-family: "buffalo", arial;
    text-align: center;
    font-size: 3.5rem;
    margin-bottom: 3rem;
    padding: 2rem;
}

.triptyque img {
    width: 100%;
    height: auto;
}

.triptyque .triptyque-title2 {
    color: #092141;
    font-family: "buffalo", arial;
    font-size: 2.3rem;
    margin-bottom: 0.7rem;
}

.triptyque .triptyque-subtitle {
    font-size: 1.1rem;
}

.triptyque .row {
    max-width: 1000px;
}

.triptyque .col-triptyque {
    max-width: 400px;
    margin: auto;
    text-align: center;
}

.triptyque .col-triptyque-mobile .content {
    padding: 3rem;
    text-align: center;
}

.triptyque .triptyque2 {
    margin-top: -2rem;
}

.triptyque-mobile {
    display: none;
}

.triptyque-desktop {
    display: block;
}

.box-button {
    margin-top: 3rem;
}

@media (max-width: 1300px) {
    .triptyque .triptyque-title2 {
        font-size: 1.8rem;
    }

    .triptyque .triptyque-subtitle {
        font-size: 1rem;
    }
}

@media (max-width: 990px) {
    .triptyque {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .triptyque .triptyque-title2 {
        font-size: 3rem;
    }

    .triptyque .triptyque-subtitle {
        font-size: 1.3rem;
    }

    .triptyque img {
        margin-bottom: 0px !important;
    }

    .triptyque .col-triptyque-mobile .content {
        padding-top: 1rem;
    }

    .triptyque-mobile {
        display: block;
    }

    .triptyque-desktop {
        display: none;
    }
}

.slider-container {
    max-width: 1200px;
}

.card-title {
    background: #AAC5D0;
    margin-top: -1em !important;
    margin: 0 auto;
    HEIGHT: 85px;
    align-content: center;
    /* L’obsession de la probité */
    padding: 0.4rem 0.8rem;
    font-family: 'Buffalo';
    font-weight: 700;
    font-size: 54px;
    line-height: 36px;
    /* or 67% */
    text-align: center;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    width: 90%;
    color: #2A6A7B;

    transform: skewX(-10deg);
}

.card-title.slide-2 {
    background: #F1ECE0 !important;
}

.card-title.slide-3 {
    background: #B6C4BF !important;
}

.card {
    text-align: center;
}

ul .card:nth-child(2) .card-title {
    background-color: #F1ECE0;
}

.slide .card:nth-child(3) .card-title {
    background-color: #B6C4BF;
}

/* Responsive Tablette - Affichage de 2 cartes */
@media (max-width: 1024px) {
    .slider-container {
        width: 100%;
    }

    .slide {
        padding: 0 70px;
    }

    .card {}

    .card:nth-child(3) {
        display: none;
    }
}

/* Responsive Mobile - Affichage de 1 carte */
@media (max-width: 768px) {
    .slider-container {

        width: 100%;
    }

    .slide {
        padding: 0 60px;
    }

    .card {}

    .card:nth-child(2),
    .card:nth-child(3) {
        display: none;
    }

    .card-title {
        font-size: 16px;
        padding: 18px;
    }

    .arrow {
        width: 45px;
        height: 45px;
        font-size: 22px;
    }

    .arrow-left {
        left: 15px;
    }

    .arrow-right {
        right: 15px;
    }

    #offre-page .section-hero::before {
        background-size: 165%;
    }

    #offre-page .section-hero .bloc-offre.w-100 {
        top: 14%;
        margin: 0;
    }

    #offre-page #section-objectif .titre-offre {
        margin-top: -2.3em;
    }

    #offre-page #section-objectif .titre-offre span:first-child {
        padding-bottom: 0.4em !important;
    }

    #section-offre .bloc-descriptif {
        margin-top: 0 !important;
    }

    #section-offre #offers .card .border {
        
    }

    blockquote::before {
        left: -70px;
    }
}

@media (max-width: 480px) {
    .slider-container {}

    .card {}

    .card-title {
        font-size: 14px;
        padding: 15px;
    }

    .arrow {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .arrow-left {
        left: 10px;
    }

    .arrow-right {
        right: 10px;
    }
}

#section-objectif .wp-block-marsactu-subscriber-gauge {
    --primary: #ff0000;
    --progress: 0;
    padding: 5px 0
}

#section-objectif .wp-block-marsactu-subscriber-gauge__gauge {
    background: #ffffff;
    border-radius: 20px;
    height: 30px;
    margin-bottom: 12px;
    overflow: hidden;
    position: relative;
    margin-right: 5px;
}

#section-objectif .wp-block-marsactu-subscriber-gauge__gauge .progress {
    -webkit-animation: 2s ease-out 0s 1 gauge-progress;
    animation: 2s ease-out 0s 1 gauge-progress;
    background-color: var(--r1);
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    transition: width 1s 1s;
    width: var(--progress)
}

#section-objectif .wp-block-marsactu-subscriber-gauge__labels {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 1;
    margin: 0 20px;
    text-align: center
}

#section-objectif .wp-block-marsactu-subscriber-gauge__labels strong {
    display: block;
    color: var(--r1)
}

@-webkit-keyframes gauge-progress {
    from {
        width: 0
    }

    50% {
        width: 0
    }

    to {
        width: var(--progress)
    }
}

@keyframes gauge-progress {
    from {
        width: 0
    }

    50% {
        width: 0
    }

    to {
        width: var(--progress)
    }
}

.wp-block-marsactu-subscriber-gauge__gauge .progress {
    background-color: var(--r1);
}

.wp-block-marsactu-subscriber-gauge__labels strong {
    color: var(--r1);
}

.wp-theme-marsactu #offre-banner {
    position: relative;
    width: 100vw;
    /* largeur de la fenêtre */
    left: 50%;
    /* remonter le point de référence au milieu */
    right: 50%;
    margin-left: -50vw;
    /* reculer pour recentrer le bandeau */
    margin-right: -50vw;
    box-sizing: border-box;
    /* inclure padding / bordures dans la largeur si besoin */
    /* optionnel : s’assurer qu’il soit au-dessus des autres éléments */
    z-index: 1000;
}

.wp-theme-marsactu #offre-page #section-objectif {
    background: url("../img/collage_2.png") no-repeat;
    background-color: var(--b4);
    background-repeat: no-repeat;
    background-position: -25px center;
    background-size: 57%;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.wp-theme-marsactu #offre-page #section-objectif .bloc-offre {
    margin-top: 0;
    width: 50%;
    margin-left: auto;
    text-align: center;
;
}

.wp-theme-marsactu #offre-page #section-objectif h2 {
    /* Soutenez Marsactu à partir de */
    font-family: 'Buffalo';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 78%;
    /* identical to box height, or 33px */
    text-align: center;
    color: #FFFFFF;

}

.wp-theme-marsactu #offre-page #section-objectif h3 span {
    /* DONNEZ-NOUS LES MOYENS */

    font-family: 'Buffalo';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 78%;
    /* or 33px */
    text-align: center;

    color: #FFFFFF;


}



.wp-theme-marsactu #offre-page #section-objectif h3 span.mark_rouge {

    /* DE NOUS MÊLER DES AFFAIRES QUI VOUS REGARDENT */


    font-family: 'Buffalo';
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 78%;
    /* or 27px */
    text-align: center;

    color: #FFFFFF;



}

.wp-theme-marsactu #offre-page #section-objectif p {
    /* Objectif + 500 abonnées ! */



    font-family: 'Buffalo';
    font-style: italic;
    font-weight: 700;
    font-size: 54px;
    line-height: 36px;
    /* or 67% */
    text-align: center;
    letter-spacing: -0.01em;
    text-transform: uppercase;

    color: #FFFFFF;

    margin-top: 1rem;
    margin-bottom: 0rem;
}

.wp-theme-marsactu #offre-page #section-objectif h3 {
    margin-bottom: 1rem;
}

.wp-theme-marsactu #offre-page #section-objectif a {
    /* Je m’abonne */

    font-family: 'Buffalo';
    font-weight: 700;
    font-size: 36px;
    line-height: 78%;
    /* identical to box height, or 28px */
    text-align: center;
    background-color: var(--r1);
    color: #FFFFFF;

}

.wp-theme-marsactu #offre-page #section-objectif .titre-offre {
    margin-top: 2rem;
}



.wp-theme-marsactu #offre-page #section-objectif .jauge {
    width: 70%;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.wp-theme-marsactu #offre-page #section-objectif .bloc-offre img {
    margin: 2rem auto 0;
}
#offre-page .wp-block-marsactu-subscriber-gauge .wp-block-marsactu-subscriber-gauge__labels {
  flex-flow: row-reverse;
}

/* VERSION
RESPONSIVE
* * * * */

@media (max-width: 1024px) {

    #offre-page .section-hero.section {
    }

    #offre-page .section-hero::before {
        z-index: 4 !important;
        height: 730px !important;
        top: 7em !important;
    }

    #offre-page .section-hero .bloc-offre.w-100 {
        top: 5%;
        margin-top: 0.2em;
    }

    #offre-page .section {
        padding: 10rem 0;
        padding-top: 2.9em;
    }

    .inside-wrapper {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .inside-wrapper h2 {
        margin-top: 0.4em;
    }

    .inside-wrapper.mark_rouge {
        margin-top: 0 !important;
    }

    /* Section Hero */


    .campagne500#offre-page #section-objectif {
        margin-top: -1rem;
    }

    .wp-theme-marsactu #offre-page #section-objectif {

        background-position: center 15px !important; 
    }

    .wp-theme-marsactu #offre-page #section-objectif .bloc-offre img {
        text-align: center;
        margin: 8rem auto 2rem;
        position: relative;
        display: block !important;
        padding: 0;
    }

    #offre-page .section-hero {
        height: auto;
        background-position: center !important;
        background-size: 159% !important;
        padding-top: 0 !important;
    }

    #offre-page #section-objectif {
        padding-top: 0;
        margin-top: -8em;
    }


    #offre-page #section-objectif h1 {
        margin-top: -2.6em;
        margin-bottom: 0;
    }

    #offre-page #section-objectif .bloc-offre {
        margin-top: 0;
    }

    #offre-page .section {
        padding: 10rem 0;
        padding-top: 2.9em;
        z-index: 6 !important;
    }

    .lot-liens {
        text-align: left;
    }

    /* Section objectif */

    #offre-page #section-objectif h2 {
        margin-bottom: 1rem;
        font-size: 28px;
    }

    #offre-page #section-objectif .intro >.col-xs-12 {
        text-align: center;
    }

    #offre-page #section-objectif .sous-titre {
        width: 100%;
        /* D’ICI LE 1er DÉCEMBRE : REJOIGNEZ-NOUS ! */

        font-family: 'MultipleSlab Pro';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        /* identical to box height */
        letter-spacing: -0.04em;
        text-transform: uppercase;

        color: #172834;
        display: inline;
        margin: 1rem auto;
        align-items: center;

    }

    #offre-page #section-objectif {
        padding-bottom: 23em;
        z-index: 5;
        margin-top: 0em;
    }

    #offre-page #section-objectif .titre-offre {
        font-size: 2.6rem;
    }

    #offre-page #section-collectif h3 {
        /* Le collectif marsactu */

        font-family: 'Buffalo';
        font-style: italic;
        font-weight: 600;
        font-size: 36px;
        line-height: 30px;
        /* or 83% */
        letter-spacing: -0.01em;
        text-transform: uppercase;

        color: #003C57;
    }

    .wp-theme-marsactu #offre-page #section-objectif p {
        font-size: 32px;
    }

    #offre-page #section-objectif .titre-offre span:first-child {
        padding-bottom: 0.4em;
    }

    #offre-page #section-objectif .titre-offre span {
        font-size: 34px;
        padding: 0 0.6rem;
    }

    #offre-page #section-objectif .titre-offre .mark_rouge {
        font-size: 34px;
        padding: 0 0.1rem;
        margin-bottom: 1em;
        margin-top: -6px !important;
    }

    #section-objectif .jauge {
        width: 91%;
    }

    /* Section offre */

    #section-offre .d-grid {
        margin-top: -32.4em;
    }

    #section-offre #offers .card {
        width: auto;
        margin-left: 2em;
        margin-right: 2em;

    }

    #section-offre .col-sm-12 {
        text-align: left;
    }

    #section-offre .card:nth-child(1) .title {
        width: 90% !important;
        margin: 0 auto !important;
        margin-bottom: 0.5rem !important;
    }

    #section-offre .bloc-descriptif {
       margin-top: 10em;
    }

    /* Section affaires */

    #section-affaires {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    #offre-page #section-affaires h2,
    #offre-page #section-affaires p,
    #offre-page #section-affaires a,
    #section-abonnement h2,
    #section-maintenant h2 {
        text-align: center !important;
    }

    #offre-page #section-offre h2, #offre-page #section-description h2 {
        font-family: 'Buffalo';
        font-weight: 700;
        font-size: 48px;
        line-height: 38px;
        /* or 79% */
        letter-spacing: -0.01em;
        text-transform: uppercase;

        color: #003C57;
    }

    

    #offre-page blockquote {
        /* De droite, de gauche, ce n’est jamais bien vécu d’être épinglé par Marsactu. */
        font-family: 'MultipleSlab Pro';
        font-style: italic;
        font-weight: 400;
        font-size: 30px;
        line-height: 39px;
        letter-spacing: 0.01em;

        color: #003C57;
    }

    /* Section description */

    #section-description {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 3em !important;
    }

    #offre-page .inside-wrapper, #section-description .inside-wrapper {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    #section-description .inside-wrapper .col-sm-12,
    .inside-wrapper h2,
    .inside-wrapper .excerpt,
    .inside-wrapper p {
        text-align: left !important;
    }

    /* Section maintenant */

    #section-maintenant h2,
    #section-maintenant .col-sm-12 {
        text-align: left !important;
    }

    /* Section Hero 2 */

    #section-hero2 {
        background-size: 280% !important;
        background-position: 46% !important;
    }

    #section-collectif h3 {
        text-align: left !important;
    }

    /* Section QFN */
    #section-qfn {
        padding-left: 2em;
        padding-right: 2em;
    }

    #section-qfn h3 {
        text-align: left !important;
    }

    .faq-question span {
        line-height: 30px;
        text-align: left;
    }

    .wp-theme-marsactu #offre-page #section-objectif .bloc-offre {
        width: 100%;
    }

    .wp-theme-marsactu #offre-page #section-objectif {
        background-size: contain;
        background-position: top;
    }

    #offre-page #section-affaires .card img {
        max-width: 273px;
    }

    #offre-page #section-affaires .card .card-title {
        /* L’obsessionde la probité */

        font-family: 'Buffalo';
        font-weight: 700;
        font-size: 40px;
        line-height: 36px;
        /* or 90% */
        text-align: center;
        letter-spacing: -0.01em;
        text-transform: uppercase;

        color: #2A6A7B;

    }

    #offre-page .glide__arrow--left {
        left: 2em;
    }

    #offre-page .glide__arrow--right {
        right: 2em;
    }

    .wp-theme-marsactu #offre-page #section-objectif .jauge {
        width: 93%;
    } 

    .wp-theme-marsactu #offre-page #section-objectif h3 {
        margin-bottom: 0;
    }

    .wp-theme-marsactu #offre-page #section-objectif p {
        margin-top: 0;
    }
}