body:not(.scrolled):has(#singleEdition) header {
    background-color: transparent;
    border-bottom: 1px solid #FFFFFF33;
    }

    body.expanded-menu-opened:has(#singleEdition) header {
    background-color: var(--white);
    }

    body.expanded-menu-opened:has(#singleEdition) header {
        border-bottom: 2px solid var(--gray);;
    }

    #singleEdition {
        padding: 125px 0px 80px 0px;
        margin-top: -85px;
    }

    .single-edition>* {
        position: relative;
        z-index: 2;
    }

    #singleEdition .container {
        flex-direction: column;
        gap: 0px;
    }

    #singleEdition .edition-watermark {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }

    #singleEdition .edition-watermark img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: blur(20px);
        display: block;
    }

    #singleEdition .edition-watermark .overlay-edition-page {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.2);
        z-index: 1;
    }

    #singleEdition .single-edition-breadcrumb {
        display: flex;
        gap: var(--gap_more);
        align-items: center;
        padding-bottom: var(--gap);
    }

    #singleEdition .single-edition-breadcrumb a {
        font-size: var(--font_large);
        color: var(--black);
        transition: var(--fast);
    }

    #singleEdition .single-edition-breadcrumb a:hover {
        color: var(--red);
    }

    #singleEdition .single-edition-breadcrumb p {
        opacity: 0.6;
        font-size: var(--font_large);
        color: var(--black);
    }

    #singleEdition .single-edition-breadcrumb figure {
        width: 20px;
        height: 18px;
        margin-top: 10px;
    }

    #singleEdition .single-edition-breadcrumb figure img {
        width: 100%;
        height: 100%;
    }

    #singleEdition .container-single-edition-infos {
        display: flex;
        justify-content: space-between;
        align-items: end;
        gap: var(--gap);
        color: var(--black);
    }

    #singleEdition .container-single-edition-infos h1 {
        padding: var(--gap_more) 0px;
        line-height: 1.5em;
    }

    #singleEdition .container-single-edition-infos p {
        line-height: 1.5em;
    }

    #singleEdition .single-edition-infos-right {
        display: flex;
        gap: var(--gap_more);
    }

    #singleEdition .container-single-edition-buttons-cta {
        display: flex !important;
        gap: var(--gap_more);
    }

    #singleEdition .sign.button {
        background-color: var(--black);
        color: var(--white);
        transition: var(--fast);
        padding: 12px 22px 12px 22px;
    }

    #singleEdition .sign.button:hover {
        background-color: var(--red);
        color: var(--black);
    }

    #singleEdition .button {
        text-transform: uppercase;

    }

    #singleEdition .single-edition-infos-right .container-progress-bar-edition {
        width: 290px;
    }

    #singleEdition .single-edition-infos-right .container-progress-bar-edition .container-reading-informations {
        justify-content: end;
    }

    #singleEdition .single-edition-content {
        border-left: 1px solid #FFFFFF33;
        padding-left: 20px;
        margin-top: -50px;
        position: relative;
        z-index: 5;
    }

    #singleEditionEditorial {
        display: grid;
        grid-template-columns: 25% 50% 25%;
        align-items: start;
        padding-top: 90px;
        line-height: 1.5em;
        color: var(--black);
        position: relative;
    }

    #singleEditionEditorial,
    .single-edition-index,
    .single-edition-digital-magazine,
    #singleOthersEditions {
        border-left: 1px solid #FFFFFF33;
        padding-left: 20px;
    }

    #singleEditionEditorial:before {
        content: "";
        position: absolute;
        left: -1px;
        top: -50px;
        width: 1px;
        height: 50px;
        background-color: #FFFFFF33;
        z-index: 11;
    }


    .single-edition-content-left {
        max-width: 207px;
    }

    .single-edition-content-left h2 {
        padding-bottom: var(--gap);
        font-size: var(--font_large);
    }

    #singleEditionEditorial .single-edition-content-left .editorial-author {
        margin-top: 0px;
        display: flex;
        flex-direction: column;
    }

    #singleEditionEditorial .single-edition-content-left .editorial-author strong {
        font-weight: bold;
    }

    #singleEditionEditorial .single-edition-content-left .editorial-author label {
        padding-top: 0px;
    }

    #singleEditionEditorial .single-edition-content-right a {
        text-decoration: none;
        color: var(--red);
        transition: var(--fast);
    }

    #singleEditionEditorial .single-edition-content-right a:hover {
        text-decoration: underline;
    }

    #singleEditionEditorial .single-edition-content-right em {
        font-style: italic;
    }

    #singleEditionEditorial .single-edition-content-right h2 strong,
    #singleEditionEditorial .single-edition-content-right h2 {
        font-size: var(--font_large);
        font-weight: bold;
        margin-bottom: 20px;
    }

    #singleEditionEditorial .single-edition-content-right h3 strong,
    #singleEditionEditorial .single-edition-content-right h3 {
        font-size: var(--font_medium);
        font-weight: bold;
        margin-bottom: 20px;
    }

    #singleEditionEditorial .float-content,
    #singleEditionEditorial .float-book {
        border-top: 1px solid #FFFFFF33;
        border-bottom: 1px solid #FFFFFF33;
    }

    #singleEditionEditorial a.float-content:hover {
	text-decoration: none !important;
}

    #singleEditionEditorial .float-content figure,
    #singleEditionEditorial .float-book figure {
        margin-bottom: 0px;
    }

    #singleEditionEditorial .float-book figure {
        background-color: #191919;
    }

    #singleEditionEditorial .float-book:hover a {
	    text-decoration: underline;
    } 

    #singleEditionEditorial .float-book a:after {
	    content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0px 2px 0px 5px;
        background-image: url(../images/blank-red.svg?5);
        background-size: 10px;
        background-repeat: no-repeat;
    } 

    .single-edition-content-right {
        padding-top: 70px;
    }

    .single-edition-content-right p {
        padding-bottom: 20px;
    }

    .single-edition-content-right p strong {
        padding-bottom: 20px;
        font-weight: bold;
    }

    

    #singleOthersEditions,
    .single-edition-digital-magazine,
    .single-edition-index {
        display: grid;
        grid-template-columns: 25% 75%;
        align-items: start;
        padding-top: 20px;
        line-height: 1.5em;
        color: var(--black);
        max-width: 100%;
        padding-bottom: 0px;
    }

    .single-edition-index li {
        padding: 20px 0px;
    }

    .single-edition-index li:not(:last-child) {
        border-bottom: 1px solid #FFFFFF33;
    }

    .summary-index-item {
        color: var(--black);
        text-decoration: none;
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 20px;
    }

    .summary-index-item:hover .summary-index-item-content h3 {
        transition: var(--fast);
    }


    .summary-index-item:hover .summary-index-item-content h3 {
        color: var(--red);
    }

    .container-single-edition-summary-info {
        display: flex;
        min-height: 107px;
        align-items: start;
        justify-content: space-between;
        width: 100%;
        gap: 20px;
    }

    .summary-index-item figure {
        width: 167px;
        height: 102px;
        border-radius: 5px;
        overflow: hidden;
        flex-shrink: 0;
    }

    .summary-index-item figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .summary-index-item-content .summary-index-item-content-header {
        font-size: 14px;
        text-transform: uppercase;
        padding-bottom: 10px;
    }

    .summary-index-item-content .summary-index-item-content-header label {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        color: var(--red);
    }

    .summary-index-item-content .summary-index-item-content-header strong {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .summary-index-item-info {
        max-width: 300px;
        position: relative;
        flex-shrink: 0;
        margin: auto 0px;

    }

    .summary-index-item-info-seal {
        padding: 2px 8px;
        background-color: var(--red);
        color: white;
        width: fit-content;
        border-radius: var(--default);
        font-size: var(--font_small);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }

    .summary-index-item-info-seal img {
        width: 18px;
        height: 14px;
    }

    .single-edition-status-reader {
        color: var(--green);
        font-size: 14px;
        display: flex;
        justify-content: end;
        align-items: center;
        gap: 5px;
    }

    .single-edition-status-reader img {
        width: 14px;
        height: 14px;
    }

    .single-file.single-edition-digital-magazine {
        margin: 0px;
        max-width: 100%;
        min-height: 600px;
    }

    .single-edition-digital-magazine .single-embed-popu-true {
        width: 70%;
        background-color: var(--almost-black);
    }


    #singleEmbedPopUpTrue .single-embed-popup-right-ctas a {
        color: var(--black) !important;
        border-color: var(--black) !important;
        transition: var(--fast);
    }

    #singleEmbedPopUpTrue .single-embed-popup-right-ctas a:hover {
        color: var(--red) !important;
        border-color: var(--red) !important;
    }

    #singleEmbedPopUpTrue .single-embed-popup-right label {
        color: var(--black) !important;
        padding: 2px 8px;
    }

    #singleEmbedPopUpTrue .single-embed-popup-right label:before {
        margin-top: 6px;
    }

    #digitalMagazineContentRight {
        position: relative;
        min-height: 500px;
    }

    #singleOthersEditions {
        padding-top: var(--gap);
    }

    #singleOthersEditions .single-edition-content-left a {
        color: var(--red);
    }

    #singleOthersEditions .single-edition-other-list-sub-title {
        font-size: 19px !important;
        opacity: 0.4;
    }


    @media screen and (max-width: 1150px) {
        #singleEdition {
            padding: 165px 0px 80px 0px;
            margin-top: -128px;
        }
    }

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

        .single-edition-content.container,
        #singleEdition .container {
            max-width: calc(100% - var(--gap) - var(--gap));
        }

        #singleEdition {
            padding: 145px 0px 40px 0px;
            margin-top: -125px;
        }

        #singleEdition .container-single-edition-infos {
            flex-direction: column;
            gap: 0px;
        }

        #singleEdition .container-single-edition-infos h1 {
            font-size: 24px;
            padding: 10px 0px;
        }

        #singleEdition .single-edition-breadcrumb figure {
            width: 18px;
            height: 18px;
            margin-top: 0px;
        }

        #singleEdition .single-edition-infos-right {
            width: 100%;
        }

        #singleEdition .single-edition-infos-right .container-progress-bar-edition {
            width: 100%;
            padding-top: 40px;
        }

        #singleEdition .single-edition-infos-right .container-progress-bar-edition .container-reading-informations {
            justify-content: start;
        }

        #singleEdition .single-edition-infos-right .container-progress-bar-edition .container-information-balloon-medal {
            width: 100%;
            right: 0px;
            justify-content: start;
            bottom: 0px;
        }

        #singleEdition .single-edition-infos-right .container-progress-bar-edition .container-information-balloon-medal:after {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 12px solid #FFEFDB;
            bottom: 45px;
            border-top: none;
        }

        #singleEdition .single-edition-infos-right .container-progress-bar-edition .container-information-balloon-medal p {
            width: 100%;
            max-width: 100%;
        }

        #singleEdition .container-single-edition-buttons-cta {
            display: none !important;
        }

        #singleEdition .container-single-edition-ctas-mobile {
            background-color: #2E2E2E;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
            position: fixed;
            bottom: 0px;
            padding: 20px;
            width: 100%;
            display: flex !important;
            gap: 20px;
            z-index: 50;
        }

        #singleEdition .container-single-edition-ctas-mobile .button {
            width: 100%;
            text-align: center;
        }

        #singleEdition .single-edition-content {
            padding-left: 0px;
            border: none;
            margin-top: 0px;
        }

        #singleEditionEditorial {
            display: block;
            padding-top: 20px;
        }

        #singleEditionEditorial,
        .single-edition-index,
        .single-edition-digital-magazine,
        #singleOthersEditions {
            border-left: none;
            padding-left: 0px;
        }

        #singleEditionEditorial:before {
            display: none;
        }

        .single-edition-content-left {
            max-width: 100%;
        }

        .single-edition-content-left h2 {
            font-size: 23px;
            padding-bottom: 10px;
        }

        #singleEditionEditorial .single-edition-content-left .editorial-author strong,
        #singleEditionEditorial .single-edition-content-left .editorial-author label {
            font-size: 14px;
        }

        .single-edition-content-right {
            padding-top: 20px;
        }

        .single-edition-content-right p,
        .single-edition-content-right p strong {
            padding-top: 0px;
            font-size: 19px;
            line-height: 28px;
        }

        .single-edition-index {
            display: block;
        }


        .container-single-edition-summary-info {
            flex-direction: column;
        }

        .single-edition-content-left p {
            font-size: 14px;
        }

        .single-edition-index .single-edition-content-left>h2 {
            padding-bottom: 10px;
        }

        .single-edition-index .single-edition-content-right {
            padding-top: 0px;
        }

        .summary-index-item figure {
            width: 135px;
            height: 85px;
        }

        .single-edition-digital-magazine {
            min-height: 320px !important;
            display: block;
            padding: 0px;
            padding-top: 20px;
        }


        #digitalMagazineContentRight {
            position: relative;
            min-height: 206px;
            width: calc(100% + 2 * var(--gap));
            margin-left: calc(var(--gap) * -1);
        }

        #digitalMagazineContentRight .single-reception-pdf {
            margin-left: 0px;
        }

        #singleOthersEditions  {
            display: block;
        }

        #singleOthersEditions .single-edition-content-left h2 {
            width: 100%;
            margin-left: 0px;
            padding-top: 20px;
        }

        #singleOthersEditions .single-edition-other-list-title {
        font-size: 16px !important;
        }
    
        #singleOthersEditions .single-edition-other-list-sub-title {
            font-size: 16px !important;
            opacity: 0.4;
        }

    }