/*
Theme Name: Juliemag
Author: Milanpresse
Description: Template Juliemag
Version: 1.0
*/

html,
body {
    overscroll-behavior: none;
}

/* Accueil */
body {
    font-family: 'Montserrat Regular', 'Arial', sans-serif;
    background: rgb(240, 128, 110);
    background: linear-gradient(rgba(241, 82, 104, 1) 0%, rgba(240, 128, 110, 1) 100%);
    color: #575757;
}

img {
    max-width: 100%;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.mobile-only {
    display: none;
}

.desktop-only {
    display: block;
}

#overlay-menu {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.8);
    z-index: 300;
    display: none;
}
#overlay-menu.on {
    display: block;
}

.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    width: calc(100% - 20px);
}

/* Accueil participe*/
body.category-participe,
body.category-participe.scrolling header {
    background: rgb(157,118,252);
    background: linear-gradient(rgba(157,118,252,1) 0%, rgba(115,113,189,1) 100%);
}

/* Accueil actus*/
body.category-actus,
body.category-actus.scrolling header {
    background: rgb(99,122,232);
    background: linear-gradient(rgba(99,122,232,1) 0%, rgba(89,165,221,1) 100%);
}

/* Accueil videos*/
body.category-videos,
body.category-videos.scrolling header {
    background: rgb(60,182,185);
    background: linear-gradient(rgba(60,182,185,1) 0%, rgba(115,211,150,1) 100%);
}

/* Page Magazine */
body.category-magazine,
body.category-rubriques,
body.category-heroines,
body.category-hors-series,
body.category-sommaires,
body.category-magazine.scrolling header,
body.category-rubriques.scrolling header,
body.category-heroines.scrolling header,
body.category-hors-series.scrolling header,
body.category-sommaires.scrolling header {
    background: rgb(240,150,67);
    background: linear-gradient(7deg, rgba(240,150,67,1) 0%, rgba(248,184,91,1) 100%);
}

body.category-magazine.scrolling header #logo-julie .julie1,
body.category-rubriques.scrolling header #logo-julie .julie1,
body.category-heroines.scrolling header #logo-julie .julie1,
body.category-hors-series.scrolling header #logo-julie .julie1,
body.category-sommaires.scrolling header #logo-julie .julie1 {
    height: 90px;
    top: -5px;
}

.container {
    max-width: 1480px;
    margin: 0 auto;
}

header {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 85px;
    padding: 0 20px;
}

body.scrolling header {
    position: fixed;
    top: 0;
    box-shadow: -1px 3px 10px rgba(0,0,0,0.7);
    z-index: 200;
    width: calc(100% - 20px);
    left: 0;
    max-width: 100%;
    padding: 0 20px 0 0;
    background: rgb(241, 82, 104);
}

header #logo-julie {
    width: 80px;
    height: 60px;
    background: url(../images/sprite.png) no-repeat top;
    background-position: -664px 13px;
}

/* Mascotte julie desktop*/
header #logo-julie .julie1 {
    width: 160px;
    height: 95px;
    background: url(../images/sprite.png) no-repeat;
    position: absolute;
    left: 80px;
    background-position: -476px -700px;
    z-index: 2;
}

body.category-actus header #logo-julie .julie1,
body.actus header #logo-julie .julie1 {
    width: 150px;
    background-position: -95px -695px;
    height: 90px;
    top: -5px;
}

body.category-participe header #logo-julie .julie1,
body.participe header #logo-julie .julie1 {
    width: 120px;
    background-position: 20px -703px;
    height: 90px;
    top: -5px;
}

body.category-videos header #logo-julie .julie1,
body.videos header #logo-julie .julie1 {
    width: 120px;
    background-position: -245px -695px;
    height: 90px;
    top: -5px;
}

body.category-magazine header #logo-julie .julie1,
body.category-rubriques header #logo-julie .julie1,
body.category-heroines header #logo-julie .julie1,
body.category-hors-series header #logo-julie .julie1,
body.category-sommaires header #logo-julie .julie1 {
    width: 120px;
    background-position: -355px -695px;
    z-index: 0;
}

header #logo-julie a {
    display: block;
}

header .head-nav {
    display: flex;
    align-items: center;
    width: auto;
}

header .head-nav .menu-tab {
    display: none;
}

header .head-nav .item-search,
header .head-nav .item-close {
    border: none;
    background: none;
    color: #FFFFFF;
}

header .head-nav #search {
    margin: 0 10px;
}

header .head-nav #search .search-form {
    position: absolute;
    top: 18px;
    right: 165px;
    height: 0;
    overflow: hidden;
    background-color: #FFFFFF;
}

header .head-nav #search .search-form.open {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    width: 100%;
    right: 0;
    z-index: 301;
    height: 92px;
    top: 0;
}

header .head-nav #search .search-form-input {
    margin-top: 20px;
}

header .head-nav #search .search-form i.flaticon-search {
    color: #F85480;
    position: absolute;
    top: 35%;
    font-weight: bolder;
}

header .head-nav #search .search-form button.item-close {
    color: #8E8E8E;
    position: absolute;
    top: 32px;
    right: 0;
}

i.flaticon-search::before,
i.flaticon-delete::before {
    font-size: 17px;
}

i.flaticon-delete::before {
    color: #575757;
}

header .head-nav #search .search-form input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 45px;
    width: 97%;
}

header .head-nav #search .search-form input[type="search"] {
    padding: 0 0 0 30px;
    background: #ececec;
    border: 1px solid #d1d1d1;
    border-radius: 50px;
    margin: 0 10px;
}

header .head-nav #search .search-form input[type="search"]::placeholder {
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    font-style: italic;
}

header .head-nav #btn-abo a.abonner {
    font-family: 'Montserrat Bold', sans-serif;
    color: #ED724C;
    text-decoration: none;
    padding: 9px;
    line-height: 42px;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #ED724C;
    background-color: #fff;
    border-radius: 45px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.05em;
}

header .head-nav #btn-abo a.abonner:hover {
    color: #fff;
    background-color: #ED724C;
    border: 1px solid #fff;
}

header .head-nav button.btn-nav-menu {
    border: none;
    background: none;
    display: none;
}

header .head-nav button.btn-nav-menu i.flaticon-menu {
    display: block;
}

header .head-nav button.btn-nav-menu i.flaticon-menu:before {
    font-size: 23px;
    color: #FFFFFF;
}

header .head-nav .nav-menu {
    display: none;
}

header nav.category {
    width: 100%;
}

header nav.category > ul {
    display: flex;
    width: 92%;
    margin: 0 auto;
    justify-content: space-evenly;
    line-height: 100px;
}

header nav.category > ul li {
    position: relative;
    overflow: visible;
}

header nav.category ul li a {
    text-decoration: none;
    display: block;
    opacity: 1;
    transition: all 0.4s ease;
}

header nav.category ul li a:hover {
    opacity: 0.6;
}

header nav.category ul li a i.flaticon-participe:before,
header nav.category ul li a i.flaticon-actus:before,
header nav.category ul li a i.flaticon-video:before,
header nav.category ul li a i.flaticon-mag:before {
    font-size: 23px;
    color: #FFFFFF;
    display: inline-block;
    margin: 0 15px 0 0;
    transition: all 0.3s ease;
}

header nav.category ul li a span.text {
    color: #FFFFFF;
    font-size: 14px;
    font-family: 'Montserrat SemiBold', sans-serif;
}

header nav.category ul li ul {
    position: absolute;
    top: 77px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 10px;
    z-index: 1;
    transition: all .250 ease-out;
    visibility: hidden;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    width: 100%;
}

header nav.category ul li ul:before {
    width: 0;
    height: 0;
    position: absolute;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    top: -12px;
    left: 50%;
    margin-left: -12px;
    content: " ";
    z-index: 4;
}

header nav.category ul li:hover ul {
    opacity: 1;
    visibility: visible;
}

header nav.category ul li ul li {
    border-bottom: 1px solid #f1f1f1;
    line-height: 40px;
    padding-left: 17px;
}

header nav.category ul li ul li:last-child {
    border-bottom: 0;
}

header nav.category ul li ul li a {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 13px;
    color: #3D3D3D;
    letter-spacing: 0.05em;
    text-decoration: none;
    line-height: 40px;
}

header nav.category ul li ul li a:hover {
    color: #FA617B !important;
}

header nav.category ul li i.flaticon-button {
    color: #FFFFFF;
    display: none;
}

header nav.category ul li i.flaticon-button:before {
    font-size: 15px;
}


#menu-tab {
    display: none;
}

#main {
    position: relative;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding-bottom: 40px;
}

#breadcrumbs {
    padding: 10px 30px;
}

#breadcrumbs,
#breadcrumbs a {
    font-family: 'Montserrat SemiBold',sans-serif;
    font-size: 12px;
    line-height: 35px;
    color: #3D3D3D;
}

body.home article.post,
body.category article.post {
    transition: opacity 0.3s ease;
}

body.home article.post:hover,
body.category article.post:hover {
    opacity: 0.85;
    cursor: pointer;
}

body.category article.post.not-clickable,
body.category article.post.not-clickable:hover {
    opacity: 1;
    cursor: initial;
}

.wp-polls-ul form input {
    width: auto;
}

/* page */
.section.page .post-content {
    padding: 0 20%;
}

.wp-polls.wp-polls-archive {
    overflow: auto;
    padding-bottom: 30px;
}

.wp-polls-archive .wp-polls-loading + .wp-polls {
    margin-top: 50px;
}

.wp-polls .pollbar {
    margin: 8px 1px 1px 1px;
    font-size: 6px;
    line-height: 8px;
    height: 8px;
    background: #FD568D;
    border: 1px solid #FD568D;
}

ul.wp-polls-ul li.result {
    font-family: 'Montserrat SemiBold',sans-serif;
    font-size: 14px;
}

.wp-polls-ans ul li {
    padding: 10px;
}

.wp-polls-ans input {
    width: auto;
}

/* Réseaux sociaux */
.social {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    text-align: center;
}

.social h3 {
    font-family: 'Lobster',sans-serif;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
}

.social a {
    display: block;
    border-radius: 28px;
    background: linear-gradient(45deg, #F77062 0%, #FE5196 100%);
    height: 48px;
    line-height: 48px;
    width: 48px;
    border: none;
    margin: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    text-decoration: none;
    opacity: 1;
    transition: all 0.3s ease;
}

.social a:hover {
    box-shadow: none;
    opacity: 0.74;
}

.social a i.flaticon-youtube-1:before,
.social a i.flaticon-twitter-1:before,
.social a i.flaticon-instagram-logo:before,
.social a i.flaticon-icon-59439:before {
    font-size: 26px;
    color: #fff;
    margin-left: 0;
    padding: 0 5px;
}

/* Ecris nous*/
header .head-nav .main-navigation ul li.social-nt-footer,
#ecris-nous {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
}

.social-nt-footer #ecris-nous-modal .modal-dialog,
#ecris-nous #ecris-nous-modal .modal-dialog {
    overflow: hidden;
}

.social-nt-footer #ecris-nous-modal .modal-dialog .modal-header,
#ecris-nous #ecris-nous-modal .modal-dialog .modal-header {
    padding: 6px 15px;
    border-bottom: none;
}

.social-nt-footer button.open-button,
#ecris-nous button.open-button {
    background: none;
    border: none;
}

.social-nt-footer button.open-button img,
#ecris-nous button.open-button img {
    opacity: 1;
    transition: all 0.3s ease;
}

.social-nt-footer button.open-button:hover img,
#ecris-nous button.open-button:hover img {
    opacity: 0.74;
}

.social-nt-footer h3,
#ecris-nous h3 {
    font-family: 'Lobster', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 31px;
    text-align: center;
    color: #7371BD;
    padding: 0 10px 10px 10px;
}

.social-nt-footer form p.cnil-mentions,
#ecris-nous form p.cnil-mentions {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #3D3D3D;
    margin: 20px;
}

.social-nt-footer form button[type="submit"],
#ecris-nous form button[type="submit"] {
    background: linear-gradient(15.62deg, #F77062 0%, #FE5196 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    border-radius: 45px;
    border: none;
    color: #FFFFFF;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 13px;
}

.social-nt-footer form button[type="submit"]:hover,
#ecris-nous form button[type="submit"]:hover {
    background: #ffffff;
    color: #FE5196;
    border: 1px solid #FE5196 ;
}

.open-button {
    border: none;
    cursor: pointer;
    width: 100%;
}

.close-button {
    position: absolute;
    right: 0;
}

/* Ecris-nous popup */
.form-container {
    padding: 0 10px 10px 10px;
    text-align: center;
}


/* Article en mode desktop */
@media screen and (min-width: 768px){

    /* A LA UNE */
    body.home #main .section.alaune {
        display: grid;
        grid-template-columns: 25% 1fr 25%;
        grid-template-areas: "col-1 col-2 col-3";
        position: relative;
        gap: 0 40px;
        padding: 0 40px;
    }

    body.home #main .col-1 { grid-area: col-1; }
    body.home #main .col-2 { grid-area: col-2; }
    body.home #main .col-3 { grid-area: col-3; }

    body.home #main .alaune .item-2 {
        margin-bottom: 40px;
    }

    /* Remontée marketing à la une */
    body.home #main .col-market .sommaire-une {
        margin-bottom: 25px;
        overflow: hidden;
    }

    body.home #main .col-market .sommaire-une article {
        margin-bottom: 20px;
    }

    body.home #main .col-market .sommaire-une .visuel {
        background-color: #E9E4E5;
        text-align: center;
    }

    body.home #main .col-market .insta  {
        text-align: center;
    }

    body.home #main .col-market .insta #sbi_load {
        display: none;
    }

    body.home #main .category-parts .item-1 { grid-area: item-1 }
    body.home #main .category-parts .item-1 img {
        width: 100%;
    }
    body.home #main .category-parts .item-2 { grid-area: item-2 }
    body.home #main .category-parts .item-3 { grid-area: item-3 }
    body.home #main .category-parts .item-4 { grid-area: item-4 }
    body.home #main .category-parts .item-5 { grid-area: item-5 }
    body.home #main .category-parts .newsletter-julie { grid-area: newsletter }
    body.home #main .category-parts .newsletter-milan { grid-area: NewsletterMilan }
    body.home #main .category-parts .categorie { grid-area: titre }

    /* PARTICIPE */
    body.home #main .section.participe {
        display: grid;
        grid-template-columns: 1fr 18% 28%;
        grid-template-rows: 100px 200px 200px;
        gap: 0 40px;
        grid-template-areas: "titre titre titre" "item-1 item-2 sondage" "item-1 item-3 sondage" "item-1 item-4 ecris-nous";
    }

    body.home #main .section.participe .item-2,
    body.home #main .section.participe .item-3,
    body.home #main .section.participe .item-4 {
        border-top: 1px solid #4E4E4E;
        padding-top: 12px;
    }

    body.home #main .section.participe .sondage { grid-area: sondage; }

    #main .section.participe article.item-2 .visuel img,
    #main .section.participe article.item-3 .visuel img,
    #main .section.participe article.item-4 .visuel img {
        display: none;
    }

    article .post-content {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 17px;
        line-height: 27px;
        color: #575757;
    }

    /* Sondage */

    .sondage  {
        position: relative;
        background-color: #E4E8F5;
        border-radius: 12px;
    }

    .sondage .logoSondage {
        position: absolute;
        width: 161px;
        height: 95px;
        background: url(../images/sprite.png) no-repeat top;
        background-position: -511px -6px;
        margin: 0 auto;
        top: -69px;
        left: 50%;
        transform: translateX(-50%);
    }

    .sondage ul.cycle-slideshow {
        width: 96%;
        height: 355px;
        margin: 30px auto 0;
    }
    .sondage ul.cycle-slideshow > li {
        height: 100%;
        overflow: hidden;
        overflow-y: scroll;
    }


    .sondage a#left,
    .sondage a#right {
        text-decoration: none;
        position: absolute;
        left: -25px;
        height: 20px;
        width: 2rem;
        border-radius: 2rem 2rem 0 0;
        background: linear-gradient(45deg, #F77062 -1.8%, #FE5196 120.6%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
        top: 50%;
        transform: translateY(-50%) rotate(-90deg);
    }

    .sondage a#right {
        left: auto;
        right: -25px;
        transform: translateY(-50%) rotate(90deg);
    }

    .sondage a#left i.flaticon-left-arrow,
    .sondage a#right i.flaticon-right-arrow {
        display: block;
        transform: rotate(90deg);
        position: relative;
        top: -9px;
        color: #ffffff;
    }

    .sondage a#right i.flaticon-right-arrow {
        transform: rotate(-90deg);
        top: 13px;
    }

    .sondage a#left i.flaticon-left-arrow:before,
    .sondage a#right i.flaticon-right-arrow:before {
        font-size: 15px;
    }

    .sondage a#left:hover,
    .sondage a#right:hover {
        background: #ffffff;
    }

    .sondage a#left i.flaticon-left-arrow:hover,
    .sondage a#right i.flaticon-right-arrow:hover {
        color: #FA617B;
    }

    .sondage ul.afficheSondage li .wp-polls form p,
    .sondage ul.afficheSondage li .wp-polls p {
        font-family: 'Montserrat SemiBold', sans-serif;
        font-size: 17px;
        line-height: 24px;
        color: #8C7EC5;
        padding: 0 20px;
    }
    .sondage ul.afficheSondage li .wp-polls form p strong {
        display: inline-block;
        padding: 0 15px;
        margin-bottom: 10px;
    }

    .sondage ul.afficheSondage li .wp-polls form .wp-polls-ans {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sondage ul.afficheSondage li .wp-polls form .wp-polls-ans ul li input {
        width: 18px;
        height: 18px;
        background: #FEFEFF;
        margin-right: 15px;
    }

    .sondage ul.afficheSondage li .wp-polls form .wp-polls-ans ul li {
        padding: 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .sondage ul.afficheSondage li .wp-polls form .wp-polls-ans p a {
        display: none;
    }

    .sondage ul.afficheSondage li .wp-polls form .wp-polls-ans p input.Buttons {
        background: linear-gradient(20.56deg, #F77062 0%, #FE5196 100%);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
        border-radius: 45px;
        color: #FFFFFF;
        font-size: 13px;
        font-weight: 600;
        padding: 10px;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        line-height: 15px;
    }

    .sondage ul.afficheSondage li .wp-polls form .wp-polls-ans p input.Buttons:hover {
        color: #FC568C;
        background: #FFFFFF;
        border: 1px solid #FC568C;
    }

    .wp-polls-archive .wp-polls-loading + .wp-polls {
        margin-top: 80px;
    }

    .wp-polls .pollbar {
        margin-top: 1px;
    }

    .sondage form {
        margin-bottom: 30px;
    }

    .sondage ul.afficheSondage li .wp-polls form .wp-polls-ans ul li label {
        font-family: 'Montserrat SemiBold',sans-serif;
        font-size: 14px;
        line-height: 18px;
        display: inline-block;
        width: calc(100% - 18px);
        transition: opacity 0.3s ease;
    }
    .sondage ul.afficheSondage li .wp-polls form .wp-polls-ans ul li input,
    .sondage ul.afficheSondage li .wp-polls form .wp-polls-ans ul li label:hover {
        opacity: 0.8;
        cursor: pointer;
    }

    /* ACTUS */
    #main .section.actus {
        display: grid;
        grid-template-columns: 1fr 21% 25%;
        grid-template-rows: 100px 340px 1fr;
        gap: 0 40px;
        grid-template-areas: "titre titre titre" "item-1 item-2 newsletter" "item-1 item-3 newsletter";
    }

    /* VIDEOS */
    #main .section.videos {
        display: grid;
        grid-template-columns: 1fr 37%;
        grid-template-rows: 100px;
        gap: 0 40px;
        grid-template-areas:"titre titre" "item-1 item-2" "item-1 item-3" "item-1 item-4";
    }

    body.home #main .section.videos article.item-2,
    body.home #main .section.videos article.item-3,
    body.home #main .section.videos article.item-4 {
        display: grid;
        grid-template-columns: 40% 54%;
        grid-template-areas: "visuel infos";
        gap: 0 30px;
    }

    body.home #main .section.videos article .visuel {
        grid-area: visuel;
    }

    body.home #main .section.videos article .post-infos,
    body.home #main .section.videos article .post-content {
        grid-area: infos;
    }


    body.home #main .section.videos article.item-2 .post-content,
    body.home #main .section.videos article.item-3 .post-content,
    body.home #main .section.videos article.item-4 .post-content {
        position: relative;
        top: 35px;
    }

    /* MAGAZINE */
    body.home #main .section.magazine {
        display: grid;
        grid-template-columns: 1fr 25% 25%;
        grid-template-areas: "titre titre titre" "col-1 col-2 col-3";
        grid-template-rows: 100px;
        gap: 0 40px;
        margin-bottom: 0;
    }

    #main .section.magazine .visuel {
        background-color: #E9E4E5;
        text-align: center;
    }

    #main .section.magazine .item-2 {
        margin-bottom: 40px;
    }

    /* Page d'un article/single */
    body.page #main article,
    body.single #main article {
        width: 100%;
        max-width: 840px;
        margin: 0 auto;
    }

    body.page #main article .post-content,
    body.single #main article .post-content {
        max-width: 700px;
        margin: 0 auto;
    }


    /* page feuilletage */
    body.page.page-id-26028  #main article {
        max-width: 100%;
    }
    body.page.page-id-26028 #main article .post-content {
        max-width: 100%;
    }
    body.single #main article .visuel {
        text-align: center;
    }

    body.page #main article h1,
    body.single #main article h1 {
        margin-top: 25px;
        margin-bottom: 20px;
    }

    body.page #main article h1 {
        margin-bottom: 40px;
    }

    body.single #main article .post-infos .share {
        display: flex;
        flex-direction: row;
        margin-left: 30px;
    }

    body.single #main #single-comments {
        width: 100%;
        max-width: 700px;
        margin: 40px auto 0;
    }

}

#main .section article .post-content a {
    text-decoration: none;
}

#main article h1 {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 50px;
    line-height: 58px;
    text-align: center;
}

body.home #main article .caption {
    display: none;
}

#main article .post-infos .caption {
    font-family: 'Montserrat SemiBold', sans-serif;
    float: left;
    font-size: 12px;
    color: #3D3D3D;
    margin: 10px 0;
}

#main article .post-infos {
    overflow: hidden;
    line-height: 29px;
    margin-bottom: 10px;
}

#main article .post-infos .share {
    float: right;
}

#main article .post-infos .share a {
    text-decoration: none;
    margin: 0;
}

#main article .post-infos .share .sociaux {
    display: flex;
    flex-direction: row;
    margin: 0;
}

#main article .post-infos .share .sociaux .flaticon-facebook,
#main article .post-infos .share .sociaux .flaticon-twitter,
#main article .post-infos .share .sociaux .flaticon-email {
    color: #FA617B;
}

#main article .post-infos .share .sociaux .flaticon-facebook:hover,
#main article .post-infos .share .sociaux .flaticon-twitter:hover,
#main article .post-infos .share .sociaux .flaticon-email:hover {
    color: #575757;
}

#main article .post-infos .share .sociaux .flaticon-facebook:before,
#main article .post-infos .share .sociaux .flaticon-twitter:before,
#main article .post-infos .share .sociaux .flaticon-email:before {
    margin: 0 5px;
    font-size: 29px;
}

#main article .post-infos .share .sociaux .flaticon-facebook:before {
    font-size: 28px;
    top: 1px;
    position: relative;
}

#main article .post-infos .share .sociaux .flaticon-twitter:before {
    position: relative;
    top: 3px;
}

#main article .post-data {
   float: left;
}

#main article .post-data p {
    font-family: 'Montserrat Regular', sans-serif;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0.03em;
    color: #575757;
}

#main article .post-infos .nbrCom {
    float: right;
    line-height: 25px;
}

#main article .post-infos .nbrCom .flaticon-speech-bubble {
    display: block;
    float: left;
}

#main article .post-infos .nbrCom .flaticon-speech-bubble:before {
    font-size: 21px;
    margin: 0;
}

#main article .post-infos .nbrCom .flaticon-speech-bubble:before,
#main article .post-infos .nbrCom span {
    color: #F8686F;
}

#main article .post-infos .nbrCom span {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 16px;
    margin-left: 5px;
}

#main article .post-infos button  {
    border: none;
    background: none;
}

#main article .post-content h3 a {
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #3D3D3D;
    text-decoration: none;
}

#main article.item-1 .post-content h3 a {
    font-size: 27px;
    line-height: 31px;
    color: #3d3d3d;
}

#main article .post-content p {
    font-size: 17px;
    line-height: 26px;
    font-family: 'Montserrat Regular', sans-serif;
    margin-bottom: 15px;
}

body.home #main .section.alaune .sommaire-une .cta a {
    font-family: "Montserrat Bold",sans-serif;
    font-size: 13px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #ED724C;
    box-shadow: 0  4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 45px;
    padding: 10px;
    color: #ED724C;
    font-weight: 600;
    text-transform: uppercase;
}
body.home #main .section.alaune .sommaire-une .cta a.btn-abo {
    float: left;
}

body.home #main .section.alaune .sommaire-une .cta a.btn-feuilleter {
    float: right;
}

body.home #main .section.alaune .sommaire-une .cta a:hover {
    background: linear-gradient(17.81deg, #F77062 0%, #FE5196 100%);
    color: #ffffff;
}

body.home #main .section.alaune .insta a.instaBtn {
    margin-top: 23px;
}

body.home #main .section {
    padding: 0 40px 0 30px;
    margin-bottom: 100px;
    border-left: 15px solid transparent;
}

body.home #main h2.categorie {
    font-family: 'Lobster', sans-serif;
    font-size: 50px;
    color: #FB8380;
    padding: 20px 30px;
}

body.home h2.categorie::first-letter {
    text-transform: uppercase;
}

body.home #main .section {
    border-left: 15px solid;
    border-image-slice: 1;
}
body.home #main .section.alaune {
    border-left: 0;
    padding: 0 40px;
    margin-bottom: 20px;
}

body.home #main .section.insta {
    border: 1px solid #f1f1f1;
    margin: 0 40px 40px;
    padding: 10px;
}

body.home #main .section.insta #sb_instagram {
    position: relative;
}

body.home #main .section.insta #sb_instagram #sbi_images {
    margin-top: 60px !important;
}

body.home #main .section.insta #sb_instagram #sbi_load {
    position: absolute;
    top: 10px;
    text-align: center;
}

body.home #main .section.insta #sb_instagram #sbi_load .sbi_load_btn,
body.home #main .section.insta #sb_instagram .sbi_follow_btn a {
    font-family: "Montserrat Bold",sans-serif;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

body.home #main .section.insta #sb_instagram .sbi_follow_btn .fa,
body.home #main .section.insta #sb_instagram .sbi_follow_btn svg {
    font-size: 23px;
}

body.home #main .section.actus {
    border-image-source: linear-gradient(90deg, #637AE8 0%, #59A5DD 100%);
}

body.home #main .section.videos {
    border-image-source: linear-gradient(90deg, #37B4BD 0%, #74D496 100%);
}

body.home #main .section.participe {
    border-image-source: linear-gradient(90deg, #9D76FC 0%, #7371BD 100%);
}

body.home #main .section.magazine {
    border-image-source: linear-gradient(90deg, #F29765 0%, #F8B85B 100%);
}

body.home #main .actus h2.categorie {
    background: linear-gradient(90deg, #637AE8 0%, #59A5DD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0;
}

body.home #main .videos h2.categorie {
    background: linear-gradient(90deg, #37B4BD 0%, #74D496 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0;
}

body.home #main .participe h2.categorie {
    background: linear-gradient(90deg, #9D76FC 0%, #7371BD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0;
}

body.home #main .magazine h2.categorie {
    background: linear-gradient(90deg, #F29765 0%, #F8B85B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0;
}

/* Personnalisation des input et textarea */
form input,
form textarea {
    font-family: 'Montserrat Regular', sans-serif;
    background: #ececec;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 50px;
    width: 100%;
    margin: 5px 0;
    font-size: 15px;
    line-height: 30px;
    padding: 0 13px;
}

form input.champForm {
    width: 50%;
}

form textarea {
    border-radius: 10px;
    height: 90px;
    padding: 13px;
}

form input::placeholder,
form textarea::placeholder {
    font-family: 'Montserrat Regular', sans-serif;
    font-style: italic;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #3D3D3D;
    text-indent: 10px;
}

form input:focus,
form textarea:focus {
    font-style: normal;
    text-indent: 10px;
}

/* Newsletter Julie */
.newsletter-julie .content {
    position: relative;
    background: #E4E8F5;
    border-radius: 5px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.newsletter-julie .logoNewsJulie {
    position: absolute;
    bottom: 94%;
    width: 178px;
    height: 95px;
    background: url(../images/sprite.png) no-repeat top;
    background-position: -4px -6px;
}

.newsletter-julie h4 {
    font-family: 'Lobster',sans-serif;
    font-size: 25px;
    line-height: 27px;
    text-align: center;
    color: #8C7EC5;
    margin: 25px 0;
}

.newsletter-julie form,
.newsletter-milan form,
.newsletter-milan-autres form {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 0 25px 0;
    width: 100%;
}

.newsletter-milan-autres form input {
    width: 25%;
    margin-right: 10px;
}

.newsletter-julie form button.btn,
.newsletter-milan form button.btn-newsMilan,
.newsletter-milan-autres form button.btn-newsMilan {
    width: 40px;
    height: 40px;
    background: linear-gradient(359.94deg, #FC568D 27.99%, #F15268 108.07%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 60px;
    border: none;
    padding: 10px;
    color: #FFFFFF;
}

.newsletter-julie form button.btn i,
.newsletter-milan form button.btn-newsMilan i,
.newsletter-milan-autres form button.btn-newsMilan i {
    width: 100%;
    margin: auto 0;
}

.newsletter-julie form button.btn i.flaticon-paper-plane:before,
.newsletter-milan form button.btn-newsMilan i.flaticon-paper-plane:before,
.newsletter-milan-autres form button.btn-newsMilan i.flaticon-paper-plane:before {
    margin: 0;
}

.newsletter-julie form button.btn:hover,
.newsletter-milan form button.btn-newsMilan:hover,
.newsletter-milan-autres form button.btn-newsMilan:hover {
    background: #FFFFFF;
    border: 1px solid #FC568D;
    color: #FC568D;
}

.newsletter-julie form button.btn i.flaticon-paper-plane:hover,
.newsletter-milan form button.btn-newsMilan i.flaticon-paper-plane:hover,
.newsletter-milan-autres form button.btn-newsMilan i.flaticon-paper-plane:hover {
    color: #FC568D;
}

.newsletter-julie p.cnil-mentions,
.newsletter-milan p.cnil-mentions,
.newsletter-milan-autres p.cnil-mentions {
    font-family: 'Montserrat',sans-serif;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #3D3D3D;
    margin: 15px;
}

/* Newsletter Milan et newsletter pour les autres pages */

.newsletter-milan,
.newsletter-milan-autres {
    position: relative;
    background: #FCF1CA;
    border-radius: 5px;
    padding: 15px;
}

.newsletter-milan {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.newsletter-milan-autres {
    background: transparent;
    border: 2px solid #FFFFFF;
}

.newsletter-milan .logoNewsMilan {
    width: 175px;
    height: 97px;
    background: url(../images/sprite.png) no-repeat top;
    background-position: -185px -4px;
    position: absolute;
    bottom: 95%;
    right: 25%;
}

.newsletter-milan p.newsMil,
.newsletter-milan-autres p.newsMil {
    font-family: 'Montserrat SemiBold',sans-serif;
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    color: #3D3D3D;
    display: inline-block;
    margin: 15px;
}

.newsletter-milan-autres p.newsMil,
.newsletter-milan-autres p.newsMil span{
    color: #FFFFFF;
}

.newsletter-milan-autres p.newsMil {
    text-align: center;
    display: block;
}

.newsletter-milan span,
.newsletter-milan-autres span {
    font-family: 'Lobster',sans-serif;
    font-size: 25px;
    line-height: 27px;
    text-align: center;
    color: #F8B85B;
}

.newsletter-milan-autres p.cnil-mentions {
    color: #FFFFFF;
}

/* Commentaires */

#commentaires h2 {
    font-family: Lobster, sans-serif;
    font-size: 30px;
    line-height: 37px;
    background: -webkit-linear-gradient(179.98deg, #637AE8 -8.29%, #59A5DD 95.43%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}
#commentaires h2 small a {
    font-family: "Montserrat Regular", sans-serif;
    font-size: 16px;
    color: #F77062;
    text-decoration: underline;
    display: inline-block;
    float: right;
}
#commentaires h2 small a:hover {
    text-decoration: none;
}

#commentaires ol li.comment {
    margin: 25px 0 45px 0;
}

#commentaires ol.comment-list {
    /*padding: 0 35px;*/
    margin-bottom: 55px;
}

#commentaires ol.children {
    margin-left: 10%;
}

#commentaires ol.children li {
    margin: 15px 0;
}
/* Personnalisation des commentaires par catégorie */

span.nbrCommentaires {
    font-family: 'Lobster', sans-serif;
    font-size: 25px;
    line-height: 31px;
}

body.category-participe #single-comments span.nbrCommentaires,
body.category-participe #single-comments #commentaires #respond h2 {
    background: linear-gradient(rgba(157,118,252,1) 0%, rgba(115,113,189,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.category-actus #single-comments span.nbrCommentaires,
body.category-actus #single-comments #commentaires #respond h2 {
    background: linear-gradient(rgba(99,122,232,1) 0%, rgba(89,165,221,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.category-videos #single-comments span.nbrCommentaires,
body.category-videos #single-comments #commentaires #respond h2 {
    background: linear-gradient(rgba(60,182,185,1) 0%, rgba(115,211,150,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.category-magazine #single-comments span.nbrCommentaires,
body.category-magazine #single-comments #commentaires #respond h2,
body.category-sommaires #single-comments span.nbrCommentaires,
body.category-sommaires #single-comments #commentaires #respond h2,
body.category-rubriques #single-comments span.nbrCommentaires,
body.category-rubriques #single-comments #commentaires #respond h2,
body.category-hors-series #single-comments span.nbrCommentaires,
body.category-hors-series #single-comments #commentaires #respond h2 {
    background: linear-gradient(7deg, rgba(240,150,67,1) 0%, rgba(248,184,91,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#commentaires ol.children li.comment .comment-body p {
    color: #42454A;
}
#single-comments #commentaires ol li.comment {
    position: relative;
}

body.category-participe #single-comments #commentaires ol li.comment .comment-body {
    background: linear-gradient(rgba(157,118,252,1) 0%, rgba(115,113,189,1) 100%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 0 12px 12px 12px;
}

body.category-actus #single-comments #commentaires ol li.comment .comment-body {
    background: linear-gradient(rgba(99,122,232,1) 0%, rgba(89,165,221,1) 100%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    padding: 15px;
    border-radius: 0 12px 12px 12px;
}

body.category-videos #single-comments #commentaires ol li.comment .comment-body {
    background: linear-gradient(rgba(60,182,185,1) 0%, rgba(115,211,150,1) 100%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    padding: 15px;
    border-radius: 0 12px 12px 12px;
}

body.category-magazine #single-comments #commentaires ol li.comment .comment-body,
body.category-sommaires #single-comments #commentaires ol li.comment .comment-body,
body.category-hors-series #single-comments #commentaires ol li.comment .comment-body {
    background: linear-gradient(rgba(240,150,67,1) 0%, rgba(248,184,91,1) 100%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    padding: 15px;
    border-radius: 0 12px 12px 12px;
}

body.category-participe #single-comments #commentaires ol.children li.comment .comment-body,
body.category-actus #single-comments #commentaires ol.children li.comment .comment-body,
body.category-videos #single-comments #commentaires ol.children li.comment .comment-body,
body.category-magazine #single-comments #commentaires ol.children li.comment .comment-body,
body.category-sommaires #single-comments #commentaires ol.children li.comment .comment-body,
body.category-hors-series #single-comments #commentaires ol.children li.comment .comment-body {
    background: #ececec;
}

#commentaires ol.comment-list li.comment .comment-body {
    color: #FFFFFF;
    line-height: 22px;
}

#commentaires ol.children li.comment .comment-body,
#commentaires ol li.even .comment-body {
    color: #3D3D3D;
}

#commentaires ol.comment-list li.comment .comment-body em.comment-awaiting-moderation {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
}
#commentaires ol.comment-list li.comment ol.children li.comment .comment-body em.comment-awaiting-moderation {
    color: #3D3D3D;
}

#commentaires ol.comment-list li.comment .comment-body .comment-author cite {
    font-family: "Montserrat SemiBold",sans-serif;
    font-size: 17px;
    line-height: 22px;
    padding: 0 25px 0 10px;
}

#commentaires ol.comment-list li.comment .comment-body .comment-author .comment-date {
    font-family: "Montserrat Regular",sans-serif;
    font-size: 10px;
    line-height: 34px;
    float: right;
}

#commentaires ol.comment-list li.comment .comment-body p {
    padding: 15px 15px 15px 0;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#commentaires ol li.comment .comment-body .comment-author img {
    width: 40px;
}

#commentaires ol li.comment .comment-body .comment-meta {
    display: none;
}

#commentaires ol li.comment .comment-body p a.report-comment {
    font-family: "Montserrat SemiBold",sans-serif;
    text-decoration: none;
    color: #FFFFFF;
    position: absolute;
    left: 2%;
    font-size: 13px;
    line-height: 22px;
}

#commentaires ol.children li.comment .comment-body p a.report-comment {
    color: #3D3D3D;
}

#commentaires  ol li.comment .comment-body .reply {
    display: inline-block;
}

#commentaires  ol li.comment .comment-body .reply a {
    font-family: "Montserrat Regular",sans-serif;
    font-size: 12px;
    color: #ADAAAA;
    text-decoration: none;
    line-height: 22px;
    margin: 12px 15px;
}

#commentaires  ol li.comment .comment-body .reply .safe-comments-report-link span span.thanks-msg {
    width: 100%;
    position: absolute;
    top: 25px;
    color: #575757;
    font-size: 13px;
}

#commentaires  ol li.comment .comment-body .wpulike button span,
#commentaires  ol li.comment .comment-body .reply a,
#commentaires  ol li.comment .comment-body .wpulike .count-box {
    color: #fff;
    font-family: "Montserrat Regular",sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px
}


#commentaires  ol li.comment .comment-body .wpulike button:hover span,
#commentaires  ol li.comment .comment-body .reply a:hover {
    color: #fff;
    text-decoration: underline;
}


#commentaires  ol.children li.comment .comment-body .wpulike button span,
#commentaires  ol.children li.comment .comment-body .reply a,
#commentaires  ol.children li.comment .comment-body .wpulike .count-box,
#commentaires  ol li.comment .comment-body .wpulike .count-box:before {
    color: #777777;
}
#commentaires  ol.children li.comment .comment-body .wpulike button:hover span,
#commentaires  ol.children li.comment .comment-body .reply a:hover {
    color: #777777;
    text-decoration: underline;
}

#commentaires  ol li.comment .comment-body .wpulike .count-box {
    display: inline-block;
    padding-left: 14px;
    line-height: 22px;
    position: relative;
    color: #fff;
}

#commentaires  ol li.comment .comment-body .wpulike .count-box:before {
    content: "";
    position: absolute;
    top: 5px;
    left:0;
    width: 12px;
    height: 12px;
    color: #fff;
    background: url(../images/coeur-blanc.png) no-repeat top left;
}

#commentaires  ol.children li.comment .comment-body .wpulike .count-box:before {
    color: #777777;
    background: url(../images/coeur-gris.png) no-repeat top left;
}

#commentaires #respond {
    border-top: 1px solid #ececec;
    padding-top: 20px;
    margin-top: 20px;
}

#commentaires #respond h3 a {
    font-family: 'Montserrat Regular', sans-serif;
}

#commentaires form {
    display: flex;
    flex-direction: column;
    margin: 15px 0;
}

#commentaires p.comment-form-cookies-consent,
#commentaires form p.comment-notes {
    display: none;
}

#commentaires form p.form-submit {
    text-align: center;
}

#commentaires form button[type="submit"] {
    background: linear-gradient(15.62deg, #F77062 0%, #FE5196 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 45px;
    border: 1px solid #F77062;
    color: #FFFFFF;
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 50px 10px 22px;
    height: 45px;
    line-height: 25px;
    letter-spacing: 0.05em;
    position: relative;
    margin-top: 30px;
}

#commentaires form button[type="submit"]:hover {
    background: #FFFFFF;
    color: #FC568C;
    border: 1px solid #FC568C;
}

#commentaires form button[type="submit"]:after {
    content: "\f118";
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    display: block;
    float: right;
}

#commentaires p.rgpd-form {
    font-family: 'Montserrat Regular',sans-serif;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    color: #3D3D3D;
    padding: 5px;
}

#commentaires p.rgpd-form a {
    color: #F8686F;
    text-decoration: underline;
}

#commentaires p.rgpd-form a:hover {
    text-decoration: none;
}

#commentaires li.comment #respond {
    margin-top: 30px;
}

#commentaires .comment-navigation {
    margin-bottom: 30px;
}

#commentaires .comment-navigation h2 {
    display: none;
}

#commentaires .nav-links {
    line-height: 25px;
}

#commentaires .nav-links a,
#commentaires .nav-links .nav-previous:before,
#commentaires .nav-links .nav-next:after {
    font-family: 'Montserrat Bold';
    font-size: 14px;
    color: #F8686F;
}

#commentaires .nav-links a {
    opacity: 1;
    transition: opacity 0.3s ease;
    text-decoration: none;
}

#commentaires .nav-links a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

#commentaires .nav-links  .nav-previous {
    float: left;
}

#commentaires .nav-links  .nav-next {
    float: right;
}

#commentaires .nav-links .nav-previous:before,
#commentaires .nav-links .nav-next:after {
    display: inline;
}

#commentaires .nav-links .nav-previous:before {
    content: '<';
    padding-right: 3px;
}

#commentaires .nav-links .nav-next:after {
    content: '>';
    padding-left: 3px;
    padding-right: 0;
}

p.btn-commentaires {
    text-align: center;
}

#modal-comment #modal-comment-gotoform,
#main article .post-content p.btn-commentaires button {
    background: linear-gradient(15.62deg, #F77062 0%, #FE5196 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    border-radius: 45px;
    border: none;
    color: #FFFFFF;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Montserrat Bold';
    display: inline-block;
}

#commentaires .comment-form-subscriptions {
    margin: 15px 0;
    padding: 10px 0;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

#commentaires .comment-form-subscriptions,
#commentaires .comment-form-subscriptions label {
    font-size: 14px;
    font-family: "Montserrat SemiBold";
    line-height: 25px;
}

#commentaires .comment-form-subscriptions .unsub {
    display: block;
    margin-top: 10px;
    text-align: center;
}

#commentaires .comment-form-subscriptions a {
    color: #FC568C;
    text-decoration: none;
}
#commentaires .comment-form-subscriptions a:hover {
    text-decoration: underline;
}

#commentaires ol.comment-list li.comment .comment-body p.check-sub-comment {
    display: block;
    border: 1px solid #000;
    padding: 15px;
    font-family: 'Montserrat Bold';
    font-size: 20px;
    background: #f1f1f1;
    border-radius: 10px;
    color: red;
    margin-bottom: 17px;
}

#page-9999999 .post-content {
    padding: 0 10%;
}
@media only screen and (max-width: 989px){
    #page-9999999 .post-content {
        padding: 0 10px;
    }
}

.stcr-subscription-list {
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 30px;
}

.stcr-subscription-list tr {
    border-top: 1px solid #d1d1d1;
}

.stcr-subscription-list td,
.stcr-subscription-list th {
    text-align: left !important;
}

.stcr-subscription-list {
    font-size: 15px;
}

.stcr-subscription-list input[type="checkbox"]{
    width: auto;
}

#subscribe-reloaded-action-p select {
    margin-left: 10px;
}

#subscribe-reloaded-select-all-p a,
.stcr-subscription-list a {
    color: #FC568C;
    font-weight: 700;
}

#subscribe-reloaded-select-all-p a:hover,
.stcr-subscription-list a:hover {
    text-decoration: underline;
}

#subscribe-reloaded-action-p .subscribe-form-button {
    width: auto;
}

#subscribe-reloaded-update-p {
    margin-top: 60px;
    margin-bottom: 0 !important;
    text-align: center;
}

#subscribe-reloaded-update-p a i {
    font-size: 23px;
}

/* Avatars pour les commentaires */
.acf-fields {
    width: 100%;
    margin: 5px 0;
}

.acf-comment-fields .acf-input ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.acf-comment-fields .acf-input ul li img {
    width: 60px;
    margin: 10px;
}

.acf-comment-fields .acf-input ul li span {
    display: none;
}

.acf-comment-fields li label {
    display: block;
}

.acf-comment-fields li label input[type=checkbox],
.acf-comment-fields li label input[type=radio] {
    display: none;
}

.acf-comment-fields li label input[type=checkbox] + img,
.acf-comment-fields li label input[type=radio] + img,
.acf-comment-fields li label input[type=checkbox]:checked + img,
.acf-comment-fields li label input[type=radio]:checked + img {
    border: 3px solid #F77062;
    border-radius: 35px
}

.acf-comment-fields li label input[type=checkbox] + img,
.acf-comment-fields li label input[type=radio] + img {
    border: 3px solid transparent;
}

.acf-comment-fieldst li label img {
    cursor: pointer;
}

/*.acf-comment-fields li label:hover img,*/
/*.acf-comment-fields li label:focus img {*/
/*    transform: scale(1.05);*/
/*}*/

/* plugin J'aime personnalisé */
.wpulike {
    margin: 0 12px 0 0;
    display: inline-block;
    padding: 0;
}

.wpulike-heart .wp_ulike_general_class {
    box-shadow: none;
    padding: 0;
}

.wpulike-heart .wp_ulike_put_text,
.wpulike-heart .count-box {
    font-size: 12px;
    color: #ADAAAA;
    text-transform: initial;
    padding-left: 0;
}

/* Pagination  */
.wp-pagenavi {
    text-align: center;
}

.wp-pagenavi span,
.wp-pagenavi a.page {
    border: none;
    font-family: 'Montserrat Regular', sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 27px;
    color: #575757;
    text-decoration: none;
    margin: 0 10px;
}

.wp-pagenavi span.current {
    color: #FE5196;
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
    color: #FFFFFF;
    background: linear-gradient(45deg, #F77062 0%, #FE5196 100%);
    font-weight: 600;
    font-size: 24px;
    padding: 4px 11px;
    border-radius: 45px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border: none;
    text-decoration: none;
}

.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
    color: #FE5196;
    background: #FFFFFF;
    border: 1px solid #FE5196;
}

/* Les 5 bonnes raisons */
#bonnes-raisons {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

#bonnes-raisons h2 {
    font-family: 'Lobster', sans-serif;
    font-size: 26px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}

#bonnes-raisons .raisons {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

#bonnes-raisons .bonne-raison {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;;
}

#bonnes-raisons .cycle-sentinel {
    display: none !important;
}

#bonnes-raisons .bonne-raison span.subtitle {
    font-family: 'Montserrat SemiBold', sans-serif;
    color: #ffffff;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    margin-top: 20px;
}

#bonnes-raisons .arrow a {
    display: none;
}

/* Bouton s'abonner / autorisation */

.cta {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 20px 0;
}

.cta a {
    font-family: 'Montserrat Bold', sans-serif;
    color: #ED724C;
    font-size: 13px;
    line-height: 25px;
    background: #FFFFFF;
    border: 1px solid #ED724C;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 45px;
    padding: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

.cta a:hover {
    background: #ED724C;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.btn-autorisation {
    text-align: center;
    margin-top: 50px;
}

.btn-autorisation a {
    font-family: 'Montserrat Bold', sans-serif;
    display: inline-block;
    background: linear-gradient(17.81deg, #F77062 0%, #FE5196 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 45px;
    padding: 12px 20px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid transparent;
    transition: all 0.4s ease;
}

.btn-autorisation a i {
    font-size: 25px;
    float: left;
    margin-right: 8px;
}

.btn-autorisation a span {
    display: inline-block;
    float: left;
    text-align: left;
    font-size: 13px;
    line-height: 14px;
}

.btn-autorisation a:hover {
    background: #fff;
    box-shadow: none;
    color: #ED724C;
    border: 1px solid #ED724C;
}

.remontee-marketing {
    background: #FFFFFF;
    display: flex;
    border-radius: 20px;
    margin-bottom: 40px;
}

.remontee-marketing .content-couv {
    padding: 20px 0;
    text-align: center;
}

.remontee-marketing .content-couv img {
    max-width: 70%;
}

.remontee-marketing .subcontent {
    display: flex;
    padding: 20px;
}

.remontee-marketing .subcontent .texte {
    width: 80%;
}

.remontee-marketing .subcontent .texte h1 {
    font-family: 'Lobster', sans-serif;
    font-size: 35px;
    line-height: 25px;
    color: #F85480;
    text-align: start;
    margin-bottom: 15px;
}

.remontee-marketing .subcontent .texte p.tranche-age,
.remontee-marketing .subcontent .texte .description p,
.remontee-marketing .subcontent .texte .description  {
    display: block;
    font-family: "Montserrat SemiBold", sans-serif;
    text-align: start;
    font-size: 18px;
    line-height: 25px;
    color: #3D3D3D;
}

.remontee-marketing .subcontent .texte .description p {
    font-family: 'Montserrat',sans-serif;
    font-size: 16px;
    color: #575757;
}

.remontee-marketing .subcontent .offre .cadeau-content {
    text-align: center;
    padding: 15px;
    border: 1px solid #F85480;
    border-radius: 10px;
}

.remontee-marketing .subcontent .offre span.cadeau-titre {
    font-family: 'Lobster', sans-serif;
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    color: #F85480;
}

.remontee-marketing .subcontent .offre span.cadeau-desc {
    font-family: 'Montserrat SemiBold',sans-serif;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #3D3D3D;
    display: flex;
    flex-direction: column;
}

.remontee-marketing .subcontent .texte .forfait p {
    font-weight: bold;
}

.remontee-marketing .subcontent .offre  .content {
    text-align: center;
}

.remontee-marketing .subcontent .offre  span {
    font-family: 'Montserrat SemiBold', sans-serif;
    font-size: 26px;
    line-height: 60px;
    text-align: center;
    color: #3D3D3D;
}

.remontee-marketing .subcontent .offre  .content a.bouton {
    background: #FFFFFF;
    border: 1px solid #ED724C;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 45px;
    font-family: 'Montserrat SemiBold',sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ED724C;
    padding: 11px;
    text-decoration: none;
    text-transform: uppercase;

}

.remontee-marketing .subcontent .offre  .content a.bouton:hover {
    background: #ED724C;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

footer p,
footer p a{
    font-family: 'Montserrat Regular', sans-serif;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D3D3D;
    text-decoration: none;
}

footer .menu-menu-footer-container ul.nav-menu {
    display: flex;
    justify-content: center;
}

footer .menu-menu-footer-container ul.nav-menu {
    margin: 5px 0;
}

footer .menu-menu-footer-container ul.nav-menu li {
    list-style: none;
    line-height: 20px;
    text-align: center;
    margin: 0 5px;
}

footer .menu-menu-footer-container ul.nav-menu li a {
    font-family: 'Montserrat Regular', sans-serif;
    color: #3D3D3D;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

footer .social {
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

footer .social h3 {
    padding-right: 20px;
}

footer .social a {
    background: #fff;
}

footer .social a i:before {
    color: #FA617B !important;
}

/* Suis-nous présent en bas des pages */

body.home footer .social,
body.category-participe footer .social,
body.category-actus footer .social,
body.category-videos footer .social {
    display: none;
}

body.category-hors-series footer .social,
body.category-magazine footer .social,
body.category-rubriques footer .social,
body.category-heroines footer .social {
    margin-bottom: 30px;
}

body.category-hors-series footer .social h3,
body.category-magazine footer .social h3,
body.category-rubriques footer .social h3,
body.category-heroines footer .social h3 {
    margin-bottom: 20px;
}

body.category-hors-series footer .social button,
body.category-magazine footer .social button,
body.category-rubriques footer .social button,
body.category-heroines footer .social button {
    background: #FFFFFF;
}

body.category-hors-series .social button a i.flaticon-youtube-1:before,
body.category-hors-series .social button a i.flaticon-twitter-1:before,
body.category-hors-series .social button a i.flaticon-instagram-logo:before,
body.category-hors-series .social button a i.flaticon-icon-59439:before,

body.category-magazine .social button a i.flaticon-youtube-1:before,
body.category-magazine .social button a i.flaticon-twitter-1:before,
body.category-magazine .social button a i.flaticon-instagram-logo:before,
body.category-magazine .social button a i.flaticon-icon-59439:before,

body.category-rubriques .social button a i.flaticon-youtube-1:before,
body.category-rubriques .social button a i.flaticon-twitter-1:before,
body.category-rubriques .social button a i.flaticon-instagram-logo:before,
body.category-rubriques .social button a i.flaticon-icon-59439:before,

body.category-heroines .social button a i.flaticon-youtube-1:before,
body.category-heroines .social button a i.flaticon-twitter-1:before,
body.category-heroines .social button a i.flaticon-instagram-logo:before,
body.category-heroines .social button a i.flaticon-icon-59439:before {
    color: #FA617B;
}

/* Page 404 */
body.error404 .error404 {
    display: block;
    text-align: center;
}

body.error404 .error404 .error {
    padding: 60px 0;
}

body.error404 .error404 .return a {
    background: linear-gradient(9.4deg, #F77062 0%, #FE5196 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 60px;
    display: inline-block;
    padding: 15px;
    margin-bottom: 25px;
    font-family: 'Montserrat SemiBold', sans-serif;
    font-size: 13px;
    text-decoration: none;
    color: #FFFFFF;
}

body.error404 .error404 .return a:hover {
    background: #ffffff;
    color: #FC568C;
    border: 1px solid #FC568C;
}

/* Page liste participe, actus et vidéos */
body.category #main .liste .section article.item-1 { grid-area: item-1; }
body.category #main .liste .section article.item-2 { grid-area: item-2; }
body.category #main .liste .section article.item-3 { grid-area: item-3; }
body.category #main .liste .section article.item-4 { grid-area: item-4; }
body.category #main .liste .section article.item-5 { grid-area: item-5; }
body.category #main .liste .section article.item-6 { grid-area: item-6; }
body.category #main .liste .section article.item-7 { grid-area: item-7; }
body.category #main .liste .section article.item-8 { grid-area: item-8; }
body.category #main .liste .section article.item-9 { grid-area: item-9; }
body.category #main .liste .section article.item-10 { grid-area: item-10; }
body.category #main .liste .section article.item-11 { grid-area: item-11; }
body.category #main .liste .section article.item-12 { grid-area: item-12; }
body.category #main .liste .section article.item-13 { grid-area: item-13; }
body.category #main .liste .section article.item-14 { grid-area: item-14; }
body.category #main .liste .section article.item-15 { grid-area: item-15; }
body.category #main .liste .section article.item-16 { grid-area: item-16; }
body.category #main .liste .section article.newsletter-julie { grid-area: newsletter; }
body.category #main .liste .section .sondage { grid-area: sondage; }
body.category #main .liste .section #ecris-nous { grid-area: ecris-nous; }
.btn-autorisation { grid-area: btn-autorisation; }

body.category #main .liste .section {
    display: grid;
    gap: 0 40px;
    margin: 40px 20px;
}

body.category #main .liste .section.row-1,
body.category-participe #main .liste .section.row-1 {
    margin-top: 20px;
}

body.category #main .liste .section.row-1 {
    grid-template-columns: 1fr 20% 29%;
    grid-template-areas:
            "item-1 item-2 item-4"
            "item-1 item-3 ecris-nous";
    grid-template-rows: 370px 1fr;
}

body.category-participe #main .liste .section.row-1 {
    grid-template-columns: 1fr 24% 25%;
    grid-template-areas:
            "item-1 item-2 sondage"
            "item-1 item-3 ecris-nous"
            "btn-autorisation btn-autorisation btn-autorisation";
    grid-template-rows: 1fr 1fr 105px;
}

body.category #main .liste .section.row-4,
body.category #main .liste .section.row-5 {
    grid-template-columns: 22% 1fr 28%;
}

body.category #main .liste .section.row-4 {
    grid-template-areas:
            "item-6 item-5 item-4"
            "item-7 item-5 ." ;
    grid-template-rows: 336px;
}

body.category #main .liste .section.row-5 {
    grid-template-areas:
            "item-6 item-5 item-8"
            "item-7 item-5 .";
    grid-template-rows: 336px 1fr;
}

body.category #main .liste .section.row-8,
body.category #main .liste .section.row-9 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
            "item-8 item-9 newsletter";
}

body.category #main .liste .section.row-9 {
    grid-template-areas:
            "item-9 item-10 newsletter";
}

body.category #main .liste .section.row-10,
body.category #main .liste .section.row-11 {
    grid-template-columns: 1fr 19% 35%;
    grid-template-areas:
            "item-10 item-11 item-12"
            "item-10 item-13 item-12";
}

body.category #main .liste .section.row-11 {
    grid-template-areas:
            "item-11 item-12 item-14"
            "item-11 item-13 item-14";
}

body.category #main .liste .section.row-14 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "item-14 item-15 item-16";
}

/* participe */
body.category.category-participe #main .liste .section article.item-2 .post-content p,
body.category.category-participe #main .liste .section article.item-3 .post-content p,
body.category.category-participe #main .liste .section article.item-6 .post-content p,
body.category.category-participe #main .liste .section article.item-7 .post-content p,
body.category.category-participe #main .liste .section article.item-11 .post-content p,
body.category.category-participe #main .liste .section article.item-13 .post-content p {
    display: none;
}

/* Actu - Vidéo */
body.category.category-actus #main .liste .section article.item-2 .post-content p,
body.category.category-actus #main .liste .section article.item-3 .post-content p,
body.category.category-actus #main .liste .section article.item-6 .post-content p,
body.category.category-actus #main .liste .section article.item-7 .post-content p,
body.category.category-actus #main .liste .section article.item-12 .post-content p,
body.category.category-actus #main .liste .section article.item-13 .post-content p,

body.category.category-videos #main .liste .section article.item-2 .post-content p,
body.category.category-videos #main .liste .section article.item-3 .post-content p,
body.category.category-videos #main .liste .section article.item-6 .post-content p,
body.category.category-videos #main .liste .section article.item-7 .post-content p,
body.category.category-videos #main .liste .section article.item-12 .post-content p,
body.category.category-videos #main .liste .section article.item-13 .post-content p {
    display: none;
}

body.category.category-actus #main .liste .section #ecris-nous,
body.category.category-videos #main .liste .section #ecris-nous {
    position: relative;
    top: 75px;
}

/* Page magazine */
.category-magazine #main h1 {
    font-family: 'Lobster', sans-serif;
    font-size: 50px;
    color: #F8B75B;
    padding: 25px;
    text-align: center;
    margin-bottom: 60px;
}

.category-magazine #main article.sommaire {
    width: 50%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 0 30px;
    grid-template-areas:
            "visuel texte"
            "visuel texte"
            "titre .";
    align-items: center;
}

.category-magazine #main article.sommaire h2 {
    text-align: center;
}

.category-magazine #main article.sommaire .post-content p {
    font-family: 'Montserrat Regular',sans-serif;
}

.visuel { grid-area: visuel; position: relative; margin-bottom: 10px; }
.visuel .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 10px);
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    font-family: 'Arial';
    padding: 5px;

}
.visuel .media-content-button {
    background: none;
    border: 0;
    cursor: pointer;
}

.titreSom { grid-area: titre; }

.post-content { grid-area: texte; }

.category-magazine #main article.sommaire .visuel a img {
    width: 100%;
}

.category-magazine #main article.sommaire .post-content p a {
    text-decoration: none;
    font-weight: 600;
    color: #575757;

}

.category-magazine #main section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 45px;
}

.category-magazine #main section article {
    width: 50%;
    position: relative;
    transition: opacity 0.3s ease;
    opacity: 1;
}

body.category-magazine:not(.page) #main article:hover {
    opacity: 0.75;
    cursor: pointer;
}

body.category-magazine #main section article a {
    text-decoration: none;
}

.category-magazine #main section article a h2 {
    text-align: center;
}

.category-magazine #main article.sommaire h2,
.category-magazine #main section article a h2 {
    font-family: 'Lobster', sans-serif;
    font-size: 32px;
    line-height: 40px;
    /*text-align: center;*/
    text-decoration: none;
    color: #F09643;
    margin-bottom: 15px;
}

.category-magazine #main section article.artR .image-rub {
    width: 190px;
    height: 225px;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0 -315px;
    z-index: 2;
    margin: 0 auto;
}

.category-magazine #main section article.artF .image-feuilletage {
    width: 240px;
    height: 225px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -206px -315px;
    z-index: 2;
    margin: 0 auto;
}

.category-magazine #main section article.artHS .image-hs {
    width: 255px;
    height: 225px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -499px -315px;
    z-index: 2;
    margin: 0 auto;
}

.category-magazine #main section article.artH .image-heroine {
    width: 215px;
    height: 225px;
    background: url(../images/sprite.png) no-repeat;
    background-position: -777px -315px;
    z-index: 2;
    margin: 0 auto;
}

.category-magazine #main section article a p {
    font-family: 'Montserrat Regular', sans-serif;
    font-size: 17px;
    line-height: 27px;
    color: #575757;
    margin-top: 15px;
    padding: 0 55px;
}

.category-rubriques #main h1,
.category-heroines #main h1,
.category-hors-series #main h1 {
    text-align: center;
    font-family: 'Lobster',sans-serif;
    font-size: 35px;
    line-height: 31px;
    color: #F29D63;
}

.category-rubriques #main .liste {
    margin: 25px;
}

.category-rubriques #main .liste article {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 60px 0;
    width: 100%;
}

.category-rubriques #main .liste article .visuel,
.category-heroines #main .liste article .visuel{
    width: 100%;
    text-align: center;
}

.category-rubriques #main article .post-content {
    width: 100%;
}

.category-rubriques #main .liste article .post-content h3,
.category-heroines #main .liste article .post-content h3 {
    font-family: 'Lobster',sans-serif;
    font-size: 25px;
    line-height: 25px;
    color: #F29D63;
}

.category-rubriques #main article .post-content p,
.category-heroines #main .liste article .post-content p {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    line-height: 27px;
    color: #575757;
}

.category-heroines #main .liste article .post-content h3,
.category-heroines #main .liste article .post-content {
    margin: 20px 65px;
}

.category-rubriques #main article.item-1 .post-content p,
.category-heroines #main article.item-1 .post-content p {
    font-weight: 500;
}

.category-rubriques #main .liste {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.category-heroines #main .liste {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.category-heroines #main .liste article {
    width: 50%;
}

/* Feuilleter */

.page-id-26028 .section {
    text-align: center;
}

.page-id-26028 .section .iframe-responsive-wrapper {
    position: relative;
    background: url(../images/bg-feuilletage.gif) no-repeat 0 95% #fff;
    width: 90%;
    height: 0;
    margin: 0 auto;
    padding-bottom: 64%;
}
@media only screen and (max-width: 991px) {
    .page-id-26028 .section .iframe-responsive-wrapper {
        background-size: 50%;
        background-position: 0 90%;
    }
}
@media only screen and (max-width: 420px) {
    .page-id-26028 .section .iframe-responsive-wrapper {
        padding-bottom: 72%;
    }
}



.page-id-26028 .section iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 25px 0;
    border: 1px solid #d1d1d1;
}

.page-id-26028 #main article .post-content p {
    text-align: left;
    max-width: 700px;
    margin: 50px auto 20px;
}

.page-id-26028 #main article .post-content p.btn-abo {
    text-align: center;
}

.page-id-26028 #main article .post-content p a {
    font-family: 'Montserrat Bold', sans-serif;
    color: #ED724C;
    font-size: 13px;
    line-height: 25px;
    background: #FFFFFF;
    border: 1px solid #ED724C;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 45px;
    padding: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

.page-id-26028 #main article .post-content p a:hover {
    background: #ED724C;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

/* Page résultat(s) de recherche & page category-sommaires & page category-hors-series */

body.search #main h1,
body.category-sommaires #main h1,
body.category-hors-series #main h1 {
    text-align: center;
    font-size: 45px;
    font-family: "Lobster";
    color: #FB8380;
    margin: 40px 0;
}

body.category-sommaires #main h1,
body.category-hors-series #main h1 {
    color: #f8b65a;
}

body.category-sommaires #main article h1,
body.category-hors-series #main article h1
{
    font-family: "Montserrat Bold",sans-serif;
    font-size: 50px;
    color: #3D3D3D;
}

body.search #main h1 span.searched-word {
    color: #333333;
}

body.category-hors-series #main article h1 {
    line-height: 46px;
}

body.search #main .search,
body.category-sommaires #main .liste .section,
body.category-hors-series #main .liste .section {
    display: flex !important;
    flex-wrap: wrap;
    grid-template: none !important;
}

body.search #main .search article,
body.category-sommaires #main .liste .section article,
body.category-hors-series #main .liste .section article {
    width: 30%;
    margin: 15px auto;
}

body.category-sommaires #main .liste .section article .visuel,
body.category-hors-series #main .liste .section article .visuel {
    float: left;
    display: block;
    width: 42%;
    margin-right: 10px;
    margin-bottom: 20px;
}

body.category-sommaires #main .liste .section article .post-infos,
body.category-hors-series #main .liste .section article .post-infos,
body.category-sommaires #main .liste .section article .post-content,
body.category-hors-series #main .liste .section article .post-content {
    width: 55%;
    float: right;
}

@media only screen and (max-width: 1300px){
    body.category-sommaires #main .liste .section article .post-infos,
    body.category-hors-series #main .liste .section article .post-infos,
    body.category-sommaires #main .liste .section article .post-content,
    body.category-hors-series #main .liste .section article .post-content {
        width: auto;
        float: none;
    }
}
@media only screen and (max-width: 992px) {
    body.category-sommaires #main .liste .section,
    body.category-hors-series #main .liste .section {
        flex-direction: row;
    }

    body.category-sommaires #main .liste .section article,
    body.category-hors-series #main .liste .section article {
        flex: 50%;
    }
}

body.category-sommaires #main .liste .section article .post-content h3,
body.category-hors-series #main .liste .section article .post-content h3,
body.category-sommaires #main .liste .section article.item-1 .post-content h3,
body.category-hors-series #main .liste .section article.item-1 .post-content h3 {
    line-height: 22px;
    margin-bottom: 15px;
}

body.category-sommaires #main .liste .section article .post-content h3 a,
body.category-hors-series #main .liste .section article .post-content h3 a,
body.category-sommaires #main .liste .section article.item-1 .post-content h3 a,
body.category-hors-series #main .liste .section article.item-1 .post-content h3 a {
    font-size: 16px;
    line-height: 22px;
}

body.category-sommaires #main .liste .section article .post-content p,
body.category-hors-series #main .liste .section article .post-content p {
    font-size: 15px;
    line-height: 22px;
}

body.category-sommaires #main article h2 {
    font-family: 'Lobster', sans-serif;
    font-size: 30px;
}

body.category-sommaires #main article .post-content p a,
body.category-hors-series-sommaires #main article .post-content p a {
    text-decoration: none;
}

/* Mentions Légales */
body.page #main article.page .post-content h2 {
    font-size: 25px;
    margin: 20px 0;
}

body.page #main article.page .post-content p {
    font-family: "Montserrat Regular",sans-serif;
    margin-bottom: 10px;
}

/* Mode Tab */
@media only screen and (min-width : 768px) and (max-width : 991px) {

    header nav.category {
        display: none;
    }

    .container {
        max-width: 90%;
        padding: 0 15px;
    }

    #menu-tab {
        display: block;
    }

    #menu-tab .menu-toggle {
        position: relative;
        cursor: pointer;
        margin-left: 20px;
    }

    #menu-tab .menu-toggle .trait {
        width: 30px;
        height: 5px;
        background: #FFFFFF;
        margin: 4px auto;
        border-radius: 20px;
    }

    #menu-tab nav.tab {
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        background: #ffffff;
        z-index: 200;
        height: 250px;
        display: none;
    }

    #menu-tab nav.tab button.menu-close {
        border-radius: 20px;
        width: 40px;
        height: 40px;
        border: 2px solid #575757;
        position: absolute;
        right: 0;
    }

    #menu-tab nav.tab button.menu-close img {
        border-radius: 20px;
    }

    #menu-tab nav.tab ul {
        padding: 0;
        list-style: none;
        text-align: center;
    }

    #menu-tab nav.tab ul li {
        padding: 15px;
    }

    #menu-tab nav.tab ul li a {
        text-decoration: none;
        font-size: 20px;
        font-weight: 600;
    }

    #menu-tab nav.tab ul li a span.text-participe,
    #menu-tab nav.tab ul li a i.flaticon-participe:before {
        background: linear-gradient(353.47deg, #9D76FC 7.26%, #7371BD 101.4%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    #menu-tab nav.tab ul li a span.text-actus,
    #menu-tab nav.tab ul li a i.flaticon-actus:before {
        background: linear-gradient(179.84deg, #637AE8 -8.29%, #59A5DD 95.43%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    #menu-tab nav.tab ul li a span.text-video,
    #menu-tab nav.tab ul li a i.flaticon-video:before {
        background: linear-gradient(179.84deg, #37B4BD -8.29%, #74D496 95.43%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    #menu-tab nav.tab ul li a span.text-mag,
    #menu-tab nav.tab ul li a i.flaticon-mag:before {
        background: linear-gradient(179.84deg, #F29765 -8.29%, #F8B85B 95.43%, #F8B85B 103.59%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    #menu-tab nav.tab ul li a.lien-participe  span.text-participe:hover {
        text-decoration: underline;
        text-decoration-color: #7371BD;
    }

    .head-nav #site-navigation {
        display: none;
    }

    body.home #main .section.alaune {
        grid-template-columns: 1fr 35%;
        grid-template-rows: 1fr 1fr;
        gap: 10px 20px;
        grid-template-areas:
                "col-2 col-3"
                "col-2 col-3"
                "col-1 .";
        padding: 0 20px;
    }

    body.home #main .section.alaune .col-1 article:nth-child(1),
    body.home #main .section.magazine .col-1 article:nth-child(1) {
        width: 48%;
        float: left;
    }

    body.home #main .section.alaune .col-1 article:nth-child(2),
    body.home #main .section.magazine .col-1 article:nth-child(2) {
        width: 48%;
        float: right;
    }

    body.home #main .col-market .sommaire-une .cta {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        padding: 0;
        margin: 0;
    }

    #main .section.alaune .item-1 {
        margin-left: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    body.single #main article {
        border-radius: 10px;
    }

    body.home #main article .post-data p {
        font-size: 10px;
    }

    #main article.item-1 .post-content p {
        color: #575757;
        margin-top: 10px;
    }

    #main article .post-infos .nbrCom .flaticon-speech-bubble:before {
        font-size: 17px;
    }

    #main article .post-infos .nbrCom span {
        font-size: 15px;
    }

    body.home #main .section.participe {
        grid-template-columns: 28% 28% 40%;
        grid-template-rows: 65px;
        gap: 10px 20px;
        grid-template-areas:
                "titre titre titre"
                "item-1 item-1 sondage"
                "item-1 item-1 ecris"
                "item-2 item-3 item-4"
    }

    body #main .section.actus {
        grid-template-columns: 28% 28% 40%;
        grid-template-rows: 65px;
        gap: 10px 20px;
        grid-template-areas:
                "titre titre titre"
                "item-1 item-1 newsletter"
                "item-1 item-1 newsletter"
                "item-2 item-3 .";
    }

    body.home #main .section.videos {
        grid-template-columns: 33.33333% 33.33333% 33.33333%;
        gap: 10px;
        grid-template-areas:
            "titre titre titre"
            "item-1 item-1 item-1"
            "item-2 item-3 item-4"
    }

    body.home #main .section.magazine {
        grid-template-columns: 55% 45%;
        grid-template-rows: 65px;
        gap: 10px 20px;
        grid-template-areas:
                "titre titre"
                "col-2 col-3"
                "col-2 col-3"
                "col-1 .";
    }

    #ecris-nous {
        flex-direction: column;
        justify-content: center;
    }

    .social {
        display: flex;
        flex-direction: row;
    }

    .sondage {
        padding: 10px;
    }

    .sondage ul.afficheSondage li .wp-polls form .wp-polls-ans ul li {
        padding: 5px;
    }

    .sondage ul.afficheSondage li .wp-polls p.result {
        margin-top: 0;
    }

    .newsletter-julie form,
    .newsletter-milan form {
        margin: 10px;
    }

    .newsletter-julie p.cnil-mentions,
    .newsletter-milan p.cnil-mentions {
        margin: 5px;
    }

    body.home #bonnes-raisons {
        display: block;
    }

    #bonnes-raisons .cta {
        text-align: center;
    }

    .newsletter-milan-autres form input {
        width: 40%;
    }

    /* Page magazine */
    .category-magazine #main article.sommaire {
        display: block;
    }

    .category-magazine #main section article p {
        padding: 0 20px;
    }

    .category-heroines #main .liste article {
        width: 100%;
    }

    /* Page Liste Actus, participe, vidéos */

    .category #main .liste .section.row-1 {
        grid-template-columns: 23% 23% 48%;
        grid-template-columns: 23% 23% 48%;
        grid-template-rows: auto;
        grid-template-areas:
                "item-1 item-1 sondage"
                "item-1 item-1 ecris-nous"
                "item-2 item-3 .";
        gap: 10px 20px;

    }

    .category #main .liste .section.row-4,
    .category #main .liste .section.row-5 {
        grid-template-columns: 23% 23% 48%;
        grid-template-areas:
                "item-5 item-5 item-6"
                "item-4 item-7 .";
        gap: 10px 20px;
    }

    .category #main .liste .section.row article img {
        width: 100%;
    }

    .category #main .liste .section.row-8,
    .category #main .liste .section.row-9 {
        grid-template-columns: 1fr 1fr 37%;
        gap: 0 20px;
    }

    .category #main .liste .section.row-10,
    .category #main .liste .section.row-11 {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0 20px;
    }

    #commentaires ol li.comment .comment-body .reply a {
        left: 21%;
    }

    .acf-comment-fields .acf-input ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: start;
    }
}

@media only screen and (max-width: 991px) {

    header .head-nav #search {
        margin: 0;
    }

    header nav.category {
        margin: 0;
        justify-content: end;
    }

    header nav.category button.item {
        width: auto;
    }

    header.hidden {
        top: -75px;
    }

    header #logo-julie {
        background-position: -668px 10px;
    }

    header .head-nav button.btn-nav-menu {
        display: block;
    }

    header .head-nav button.btn-nav-menu i.flaticon-menu {
        display: block;
    }

    header .head-nav button.btn-nav-menu i.flaticon-menu:before {
        font-size: 23px;
        color: #fff;
    }

    header .head-nav .main-navigation .menu-menu-footer-container {
        position: absolute;
        width: 100%;
        left: 0;
        top: 60px;
        background: #ffffff;
    }

    header .head-nav .main-navigation ul li {
        margin-bottom: 40px;
        font-size: 12px;
        width: 100%;
        display: inline-block;
    }

    header .head-nav .main-navigation ul li:last-child {
        margin-bottom: 0;
    }

    header .head-nav .main-navigation ul li:not(.social-nt-footer) a {
        color: #777676;
        text-decoration: none;
        font-size: 16px;
        font-family: 'Montserrat SemiBold';
        line-height: 21px;
        display: block;
        position: relative;
        padding-right: 40px;
    }

    header .head-nav .main-navigation ul li a:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 26px;
        height: 26px;
        background: url(../images/form.png) no-repeat 0 0;
        margin: 0;
    }

    header .head-nav .main-navigation ul li.social-nt-footer a:after {
        display: none;
    }

    header .head-nav .main-navigation ul li#menu-item-265 a:after {
        background: url(../images/PDF.png) no-repeat 0 0;
        top: 5px;
    }

    header .main-navigation a:hover,
    header .main-navigation a:focus {
        color: #21759b;
    }

    header .main-navigation ul.nav-menu,
    header .main-navigation div.nav-menu > ul {
        display: none;
    }

    header .main-navigation ul.nav-menu.toggled-on {
        display: inline-block;
        text-align: right;
        margin: 0 20px;
        padding: 10px 0;
    }

    header .head-nav .item-search {
        margin: 0 10px;
    }

    header .head-nav #search .search-form {
        top: 0;
        right: 25%;
    }

    header .head-nav #search .search-form.open {
        height: 70px;
    }

    header .head-nav #search .search-form input {
        width: 90%;
    }

    header .head-nav #search .search-form-input {
        margin-top: 10px;
    }

    header .head-nav #search .search-form button.item-close {
        top: 23px;
    }

    body.home #main .section article.item-2 .post-content .desktop-only p,
    body.home #main .section article.item-3 .post-content .desktop-only p {
        display: none;
    }

    body.single article {
        background: #fff;
    }

    body.single article .visuel img {
        max-width: 100%;
        height: auto;
    }

    body.single article .visuel p.credits {
        font-size: 11px;
        margin: 10px;
    }

    body.single article .post-data {
        font-size: 11px;
        line-height: 25px;
    }

    body.single article .post-data p {
        padding: 0 5px 0 18px;
        color: #3D3D3D;
    }

    body.single .post-content h2 {
        font-size: 21px;
        line-height: 27px;
        margin: 0 0 20px 20px;
        position: relative;
    }

    body.single .post-content p {
        font-family: 'Montserrat SemiBold', sans-serif;
        font-size: 16px;
        line-height: 26px;
        color: #575757;
        margin: 0 17px;
    }

    #mobile-menu.active {
        display: block;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 9999;
    }

    #mobile-menu .search-box {
        display: none;
    }

    /* Commentaires */

    #commentaires #respond h2 {
        color: #ffffff;
    }

    #bonnes-raisons {
        overflow: hidden;
        position: relative;
        height: 500px;
    }

    #bonnes-raisons .bonne-raison {
        position: absolute !important;
        width: 100%;
        overflow: hidden !important;
    }

    #bonnes-raisons .raisons {
        margin: 0 40px;
        display: flex !important;
        position: relative !important;
    }

    #bonnes-raisons .cta {
        margin-top: 35px;
        display: block;
        text-align: center;
        position: relative;
        top: 50%;
    }

    #bonnes-raisons .arrow {
        position: absolute;
        top: 180px;
        width: 100%;
    }

    #bonnes-raisons .arrow a {
        display: block;
        text-decoration: none;
    }

    #bonnes-raisons .arrow a#next {
        position: absolute;
        right: 3%;
        top: 0;
    }

    #bonnes-raisons .arrow a i.flaticon-left-arrow:before,
    #bonnes-raisons .arrow a i.flaticon-right-arrow:before{
        color: #FFFFFF;
    }
    /* Page 404 */

    body.error404 header #logo-julie .julie1 {
        display: none;
    }

    body.error404 .error404 {
        border-radius: 0;
        margin: 60px 0;
    }

    body.error404 .error404 .error {
        padding: 30px 0;
    }

    /* Page rubriques*/
    body.category-rubriques #main article .visuel {
        margin-right: 30px;
    }

    .sondage ul.afficheSondage li .wp-polls form p {
        padding: 0 5px;
    }
    .sondage ul.afficheSondage li .wp-polls form p strong {
        font-size: 15px;
        line-height: 19px;
        padding: 0;
    }
    .wp-polls ul, .wp-polls-ul, .wp-polls-ans ul {
        margin: 0 0 15px;
    }
    .sondage ul.afficheSondage li .wp-polls form .wp-polls-ans ul li label {
        font-size: 12px;
    }
}

/* Syle WOrdpress contenu */
body.page #main article .post-content h1,
body.single #main article .post-content h1,
body.page #main article .post-content h2,
body.single #main article .post-content h2,
body.page #main article .post-content h3,
body.single #main article .post-content h3,
body.page #main article .post-content h4,
body.single #main article .post-content h4,
body.page #main article .post-content h5,
body.single #main article .post-content h5,
body.page #main article .post-content h6,
body.single #main article .post-content h6 {
    clear: both;
    display: block;
    margin: 35px 0 15px;
}


body.page #main article .post-content h1,
body.single #main article .post-content h1 {
    font-size: 40px;
    line-height: 48px;
}

body.page #main article .post-content h2,
body.single #main article .post-content h2 {
    font-size: 27px;
    line-height: 38px;
    font-family: 'Montserrat SemiBold';
}

body.page #main article .post-content h3,
body.single #main article .post-content h3,
body.page #main article .post-content h4,
body.single #main article .post-content h4,
body.page #main article .post-content h5,
body.single #main article .post-content h5,
body.page #main article .post-content h6,
body.single #main article .post-content h6 {
    font-size: 22px;
    line-height: 26px;
    font-family: 'Montserrat SemiBold';
}

body.page #main article .post-content strong,
body.single #main article .post-content strong,
body.page #main article .post-content b,
body.single #main article .post-content b,
body.page #main article .post-content a,
body.single #main article .post-content a {
    font-family: "Montserrat Bold";
}

body.page #main article .post-content em,
body.single #main article .post-content em {
    font-style: italic;
}

body.page #main article .post-content a,
body.single #main article .post-content a {
    color: #F85480;
    text-decoration: none;
    transition: all 0.3s ease;
}

body.page #main article .post-content a:hover,
body.single #main article .post-content a:hover {
    color: #575757;
    text-decoration: underline;
}

body.page #main article .post-content ul,
body.page #main article .post-content ol,
body.single #main article .post-content ul,
body.single #main article .post-content ol {
    margin: 10px 0 10px 30px;
}

body.page #main article .post-content li,
body.single #main article .post-content li {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    list-style-type: disc;
}

body.page #main article .post-content ul ul,
body.single #main article .post-content ul ul,
body.page #main article .post-content ul ol,
body.single #main article .post-content ul ol,
body.page #main article .post-content ol ol,
body.single #main article .post-content ol ol,
body.page #main article .post-content ol ul,
body.single #main article .post-content ol ul {
    margin-left: 1em;
    padding-left: 0;
}

body.page #main article .post-content ul li,
body.single #main article .post-content ul li,
body.page #main article .post-content ol li,
body.single #main article .post-content ol li {
    margin-left: 5em;
}

body.page #main article .post-content  li li,
body.single #main article .post-content  li li {
    margin-left: 1em;
}

.entry-content img {
    margin: 0 0 1.5em 0;
}
.alignleft, img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}
.alignright, img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}
.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}
.alignnone, img.alignnone {
    /* not sure about this one */
}
.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}
.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
}

.wp-caption p.wp-caption-text,
#main article .post-content .wp-caption p.wp-caption-text {
    line-height: 18px;
    font-size: 12px;
    margin: 5px 0 0;
}
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}
blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}
blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}
.has-text-align-center {
    text-align: center !important;
}
.gallery dl {}
.gallery dt {}
.gallery.gallery-size-medium dt {
    padding: 10px;
}
.gallery dd {}
.gallery dl a {}
.gallery dl img {
    height: auto;
    max-width: 100%;
}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}


/* SELECT PERSONNALISÉ POUR ANNÉES SOMMAIRES */
.custom-select {
    position: relative;
    font-family: "Montserrat", Arial, sans-serif;
    line-height: 25px;
    font-weight: 600;
    text-align: left;
    width: 160px;
    font-size: 14px;
    margin: 0 auto;
}

.custom-select select {
    display: none;
}

.select-selected {
    border-radius: 13px 0 0 13px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: '\f107';
    font-family: "Font Awesome 5 Free";
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background-color: #215F87;
    color: #fff;
    text-align: center;
    border-radius: 0 50% 50% 0;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    content: '\f106';
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    padding-left: 25px;
    height: 25px;
    color: inherit;
    cursor: pointer;
    border-radius: 12.5px;
    background-color: #ffffff;
    color: #000;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: #ffffff;
    width: 135px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 5px;
    border: 0.5px solid rgba(112, 112, 112, 0.65);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.same-as-selected::before {
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 8px;
    color: #FEAF53;
}


/* Sommaires carousel */
#sommaires-carousel {
    margin-top: 30px;
    margin-bottom: 30px;
}

#sommaires-carousel h2 {
    font-family: "Montserrat Bold", sans-serif;
    font-size: 30px;
    color: #fff;
    text-align: center;
}

#sommaires-carousel .list {
    margin-top: 50px;
}

#sommaires-carousel .list .cycle-nav {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #fff;
    display: block;
    border: 0;
    border-radius: 50%;
    text-align: center;
    color: #575757;
    font-size: 38px;
    opacity: 1;
    transition: all 0.4s ease;
    box-shadow: 0 1px 5px rgba(0,0,0,0.7);
    z-index: 300;
    margin: 0;
    padding: 0;
    text-indent: -3px;
}

#sommaires-carousel .list .cycle-nav:hover {
    opacity: 0.8;
    background-color: #d1d1d1;
    box-shadow: none;
}

#sommaires-carousel .list .cycle-nav.cycle-next {
    left: auto;
    right: 5px;
    text-indent: 3px;
}

#sommaires-carousel .list .cycle-nav.disabled {
    opacity: 0;
}

#sommaires-carousel .cycle-carousel-wrap {
    display: flex;
}

#sommaires-carousel .list article {
    float: left;
    width: 25%;
}

#sommaires-carousel .list article .content {
    background-color: #fff;
    border-radius: 25px;
    padding: 30px 15px;
    margin: 0 8px;
    height: calc(100% - 60px);
}

#sommaires-carousel .list article .visuel {
    text-align: center;
}

#sommaires-carousel .list article .visuel img {
    max-width: 60%;
}

#sommaires-carousel .list article .post-data {
    font-family: "Montserrat Bold", sans-serif;
    color: #F29B64;
    font-size: 14px;
    line-height: 26px;
}

#sommaires-carousel .list article .post-title a {
    font-family: "Montserrat SemiBold", sans-serif;
    font-size: 19px;
    line-height: 26px;
    color: #3D3D3D;
    text-decoration: none;
}

#sommaires-carousel .list article .excerpt {
    font-family: "Montserrat SemiBold", sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #575757;
    margin: 0;
    padding: 0;
}

#sommaires-carousel .list article,
#sommaires-carousel .list article .visuel,
#sommaires-carousel .list article .post-data,
#sommaires-carousel .list article .post-title a,
#sommaires-carousel .list article .excerpt {
    white-space: initial;
}

/* Page mailpoet confirmation etc... */
body.postid-26174 #main article .post-infos,
body.postid-26174 #main article .post-content .btn-commentaires,
body.postid-26174 #main #single-comments {
    display: none;
}

/* Page sondages */
body.page.page-id-26972 #main article .post-content ul.wp-polls-ul,
body.page.page-id-26972 #main article .post-content ul.wp-polls-ul li {
    margin-left: 0;
}

body.page.page-id-26972 #main article .post-content .wp-polls > .result {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px solid #d1d1d1;
}

/* modal fullscreen */
.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal.fullscreen .modal-dialog,
.modal.fullscreen .modal-body,
.modal.fullscreen .iframe-multimedia-content,
.modal.fullscreen iframe {
    width: 100%;
    max-width: 100% !important;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
}
.modal.fullscreen button.close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    opacity: 0.5;
    font-size: 60px;
    left: auto;
    z-index: 1;
    transition: .3s ease;
    background-color: transparent;
    border: 0;
}