/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/


/* Normalize
--------------------------------------------- */


/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

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

@font-face {
    font-family: 'Weave Pernod Ricard Pro';
    src: url('../fonts/WeavePernodRicardPro-Bold.ttf');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Weave Pernod Ricard Pro';
    src: url('../fonts/WeavePernodRicardPro-Bold.ttf');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

:root {
    --font-heading-family: 'Helvetica Neue', sans-serif;
    /* --font-heading-family: 'Weave Pernod Ricard Pro', sans-serif; */
    --font-body-family: 'Arial', sans-serif;

    --color-white: 255, 255, 255;

    --color-beige: 244, 240, 222;
    --color-blue: 0, 21, 69;
    --color-gold: 212, 182, 119;
    --color-red: 215, 40, 47;
    --color-green: 0, 79, 0;

    --type-light: 300;
    --type-regular: 400;
    --type-semi-bold: 600;
    --type-bold: 700;
}

/* Elements
--------------------------------------------- */
html {
    margin-top: 0 !important;
}

body {
    line-height: 1.5;
    font-family: var(--font-body-family);
    font-weight: var(--type-regular);

    background-color: rgb(var(--color-beige));
    color: rgb(var(--color-blue));
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

h1,
.h1 {
    font-size: 32px;
}

h2, .h2 {
    font-size: 28px;
    letter-spacing: 0.05em;
}

h4, .h4 {
    font-weight: normal;
}

@media screen and (min-width: 750px) {
    h1,
    .h1 {
        font-size: 48px;
    }

    h2, .h2 {
        font-size: 36px;
    }

    h3, .h3 {
        font-size: 28px;
    }
}

/* Links
--------------------------------------------- */

/* Forms
--------------------------------------------- */
@keyframes checked {
    to {
        stroke-dashoffset: 0;
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: none;
}

legend {
    padding: 0;
    margin: 0;
}

#scribble {
    stroke-dasharray: 400;
    stroke-dashoffset: 400;
}

input:checked+label #scribble {
    animation: checked 1s ease forwards;
}

[hidden] {
    display: none !important;
}

/* Colorométrie
--------------------------------------------- */
.color-background-1 {
    background-color: rgb(var(--color-beige));
    color: rgb(var(--color-blue));
}

.color-background-inverse {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
}

.page-width {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}

.header-container {
    position: sticky;
    background: rgb(var(--color-beige));
    top: 0;
    z-index: 101;
    border-bottom: 1px solid rgba(var(--color-gold), 0.4);
}

.admin-bar .header-container {
    /*position: sticky;*/
    margin-top: 46px;
}


@media screen and (min-width: 783px) {
    .admin-bar .header-container {
        margin-top: 32px;
    }
}

.site-header {
    height: 80px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
}

@media screen and (min-width: 750px) {
    .site-header {
        grid-template-columns: 96px auto 1fr;
    }
}

@media screen and (max-width: 749px) {
    details.menu[open] #menu-drawer::before {
        position: absolute;
        content: "";
        background: rgb(var(--color-blue), 0.8);
        width: 100%;
        height: 100vh;
        left: 0;
        top: 0;
        z-index: -1;
    }
}

.header-left {
    display: flex;
    align-items: center;
    gap: 40px;
}

@media screen and (max-width: 749px) {
    .header-left {
        grid-row: 1;
        grid-column: 1;
    }
}

.menu-toggle {
    padding: 0;
    width: 44px;
    height: 100%;
    background: none;
    border: none;
    top: 10px;
    left: 8px;
    cursor: pointer;
    list-style: none;

    display: flex;
    align-items: center;
}

#menu-drawer {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: rgb(var(--color-beige));
    border-radius: 0 0 24px 24px;
}

#menu-drawer .search-field {
    background-color: rgba(var(--color-gold), 0.4);
    border-radius: 8px;
    margin-bottom: 16px;
}

#menu-drawer .search-field::placeholder {
    font-size: 14px;
}

#menu-drawer .search-field {
    height: 48px;
    width: 100%;
    padding: 8px 16px;
    border: none;
}

input#searchsubmit {
    position: absolute;
    right: 0;
}

.search-submit {
    display: none;
}

#menu-drawer .menu-drawer__inner-container {
    padding-top: 16px;
}

.menu-drawer__navigation a:not(.switch-profile) {
    font-size: 14px;
    display: block;
    padding: 8px 0;
    color: rgb(var(--color-blue));
}


.site-branding {
    display: flex !important;
    align-items: center;
}

@media screen and (min-width: 960px) {
    .menu-toggle {
        width: auto;
        height: 100%;
    }
    .menu-toggle>span:first-of-type {
        display: none;
    }
    .menu-drawer__navigation a {
        display: inline-block;
        padding: 4px 0;
    }
    .menu-drawer__navigation {
        padding-bottom: 32px;
    }
}

.plus svg {
    width: 10px;
    margin-left: 4px;
}

[open] .icon-plus--vertical {
    display: none;
}

.site-branding img {
    height: 48px;
    width: auto;
}

.menu-toggle {
    position: relative;
    top: 0;
    left: 0;
}

.menu-toggle>span:first-of-type {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 22px;
    height: 12px;
}

.menu-toggle>span:last-of-type {
    display: none;
}

.menu-toggle>span:last-of-type,
.header-left > a,
#desktop-menu a {
    font-family: var(--font-heading-family);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 14px;
}

.header-left > a,
#desktop-menu a {
    color: rgb(var(--color-blue));
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    white-space: nowrap;
}

.menu {
    height: 100%;
}

.menu-desktop-menu-container {
    display: none;
}

@media screen and (min-width: 960px) {
    .menu-desktop-menu-container {
        height: 100%;
        display: block;
    }

    #desktop-menu {
        display: flex;
        align-items: center;
        height: 100%;
        gap: 40px;
    }

    #desktop-menu li {
        height: 100%;
        align-self: stretch;
    }

    .menu summary::after,
    .header-left > a::after,
    #desktop-menu a::after {
        content: "";
        width: 0;
        position: absolute;
        left: 50%;
        bottom: 0;
        height: 2px;
        background: rgb(var(--color-gold));
        transition: all 0.25s;
    }

    .menu summary:hover::after,
    .header-left > a:hover::after,
    #desktop-menu a:hover::after {
        width: 100%;
        left: 0;
    }
}

.new-articles {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    font-size: 8px;
    border-radius: 100%;
    margin-top: -2px;
    margin-left: 4px;
}

.menu-toggle .bar {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: rgb(var(--color-blue));
    border-radius: 1px;
    transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
}

.menu-toggle .bar:first-of-type {
    top: 0;
}

.menu-toggle .bar:last-of-type {
    bottom: 0;
}

details[open] .menu-toggle .bar:first-of-type {
    transform: rotate(45deg);
    top: 5px;
}

details[open] .menu-toggle .bar:last-of-type {
    transform: rotate(-45deg);
    bottom: 5px;
}

@media screen and (min-width: 750px) {
    .site-header .header-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}

.header-right details {
    margin-left: 40px;

}

.header-right details.site-nav__account {
    position: relative;
}

.header-right summary {
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.header-right form.search-form {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: rgb(var(--color-beige));
    height: 380px;
}

.header-right form.search-form::before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.7) !important;
    width: 100vw !important;
    left: 0 !important;
    z-index: -1;
}

.header-right form.search-form .search-field {
    line-height: 75px;
    background: none;
    font-size: 40px;
    border: none;
    font-family: var(--font-body-family);
    border-bottom: 1px solid rgb(var(--color-blue));
    margin-bottom: 16px;
}

.header-right form.search-form .search-field::placeholder {
    font-size: 16px;
}

.header-right form.search-form {
    display: flex;
    align-items: center;
    justify-content: center;
}


.header-right form.search-form::before {
    content: "";
    background: rgb(var(--color-gold));
    height: 1px;
    top: 0;
    position: absolute;
    left: 32px;
    width: auto;
    right: 32px;
}

.header-right form.search-form .search-submit {
    display: inline-block;
    font-family: var(--font-heading-family);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    border: none;
    padding: 8px 32px;
    border-radius: 512px;
}

.site-nav__account summary img {
    margin-right: 8px;
}

.site-nav__account-dropdown {
    position: fixed;
    /*background-color: #f4f0e6;*/
    width: 570px;
    padding: 64px 40px 40px 40px;
    top: 0;
    right: 0;
    height: 100vh;
    background-color: rgb(var(--color-beige));
}

.current-user {
    text-align: center;
}

.account__current-user {
    display: flex;
    align-items: center;
    padding: 8px 0;
    color: rgb(var(--color-blue));
}
.edit-profile {
    font-size: 12px;
    text-decoration: underline;
    text-underline-offset: 3px;
    letter-spacing: 0.05em;
    color: rgba(var(--color-blue), 0.8);
}

.switch-profile {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    letter-spacing: 0.05em;
    text-transform: uppercase;

    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    border-radius: 10px;
    display: flex;
    line-height: 1;
    margin-bottom: 15px;
    padding: 20px;
    width: 100%;
}

.switch-profile svg {
    margin-left: auto;
    width: 16px;
    position: relative;
    right: 0;
    transition: right .3s cubic-bezier(.42,0,.13,1.04);
}

.switch-profile:hover svg {
    right: -5px;
}

.profile-switch-container {
    margin-top: 32px;
    margin-bottom: 64px;
}

#menu-drawer .account__current-user {
    margin-top: 16px;
    padding: 16px 0;
    border: none;
    border-top: 1px solid rgb(var(--color-gold));
}

.user__last-name {
    text-transform: uppercase;
}

.account__current-user img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 16px;
    border: 2px solid rgb(var(--color-gold));
}

.site-nav__account .current-user img {
    width: 96px;
    height: 96px;
    margin-bottom: 16px;
}

.bienvenue {
    font-size: 20px;
    display: block;
}

.site-nav__account-dropdown .button--logout {
    position: fixed;
    bottom: 40px;
    right: 40px;
}

details.site-nav__account.large-up-hide[open]::before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0, 0.8);
}

.current-user__info {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.current-user__name {
    font-size: 32px;
}

.site-nav__account img {
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 2px solid rgb(var(--color-gold));
}

.close-profile img {
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 0;
}

.close-profile {
    position: fixed;
    right: 32px;
    top: 32px;
    cursor: pointer;
    opacity: 0.8;
}

.close-profile:hover {
    opacity: 1;
}

.header-right #searchform {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: mintcream;
}


/*.search-container summary {*/


/*  list-style: none;*/


/*}*/


/*.search-container form {*/


/*  position: absolute;*/


/*  left: 64px;*/


/*  top: 0;*/


/*  transform: translateX(-10%);*/


/*  transition: all 0.25s;*/


/*}*/

.search-container[open] form {
    transform: none;
}

.search-container form input[type="text"] {
    border: none;
    outline: none;
    background: none;
    border-bottom: 1px solid white;
    color: white;
    padding: 8px 0;
}

.search-container form input[type="submit"] {
    padding: 4px 8px;
    display: inline;
}

.categories .cs-options,
.tags .cs-options {
    border: 1px solid rgb(var(--color-gold));
    border-top: none;
    width: calc(100% + 2px);
    left: -1px;
}

.categories summary,
.tags summary {
    font-family: var(--font-heading-family);
    list-style: none;
    padding: 8px 16px;
    border: 2px solid white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.categories summary img,
.tags summary img {
    height: 6px;
}

.categories[open] summary img,
.tags[open] summary img {
    transform: rotate(180deg);
}

.cs-options {
    position: absolute;
    background-color: white;
    z-index: 10;
}

.cs-options li {
    padding: 10px 16px;
    min-width: 200px;
    white-space: nowrap;
    cursor: pointer;
}

.cs-options li:hover {
    background-color: rgb(251, 251, 251);
}


/* grid */

.grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
}

.page-width {
    padding-left: 16px;
    padding-right: 16px;
}

.header-right {
    display: none;
}

@media screen and (min-width: 750px) {
    .grid {
        grid-template-columns: repeat(12, 1fr);
        column-gap: 32px;
    }
    .page-width {
        padding-left: 32px;
        padding-right: 32px;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }
}


/* footer styles */

.footer__content-top li a:not(.corporate-logo-link) {
    font-family: var(--font-heading-family);
    display: block;
    font-size: 12px;
    text-transform: lowercase;
    letter-spacing: 0.05em;
    color: black;
    padding-top: 4px;
    padding-bottom: 4px;
}

.corporate-logo-link {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: inherit;
    white-space: nowrap;
}

.grid>* {
    grid-column: span 4;
}

@media screen and (min-width: 750px) {
    .grid>* {
        grid-column: span 3;
    }
}

.footer__content-top {
    padding-bottom: 56px;
}

.footer__content-top details {
    border-top: 1px solid #e0e0e0;
}

.footer__content-top details:last-of-type {
    border-bottom: 1px solid #e0e0e0;
}

@media screen and (min-width: 750px) {
    .footer__content-top summary {
        pointer-events: none;
        cursor: auto;
    }
}

.footer__content-top details[open] {
    padding-bottom: 8px;
}

.footer__content-top summary {
    font-family: var(--font-heading-family);
    cursor: pointer;
    padding-top: 12px;
    padding-bottom: 12px;
    list-style: none;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding-top: 16px;
    padding-bottom: 16px;
}

.footer__content-bottom {
    background-color: rgb(var(--color-gold));
    color: rgb(var(--color-white));
    padding: 16px 32px;
}

.copyrights {
    text-align: center;
    margin-bottom: 16px;
}

.footer__content-bottom .menu li {
    text-align: center;
}

@media screen and (min-width: 750px) {
    .copyrights {
        text-align: left;
        margin-bottom: 0;
    }
    .footer__content-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .footer__content-bottom .menu {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .footer__content-bottom .menu li {
        margin-left: 32px;
    }
}

.footer__content-bottom .menu li a {
    font-size: 12px;
    color: rgb(var(--color-white));
}


/*--------------------------------------------------------------
  # Components
  --------------------------------------------------------------*/
/* Breadcrumbs
--------------------------------------------- */
.breadcrumbs {
    padding: 12px 0;
    font-size: 12px;
    /*display: none;*/
    overflow-x: scroll;
}

.breadcrumbs::-webkit-scrollbar {
    display: none;
}

.breadcrumbs ul {
    display: flex;
}

.breadcrumbs li {
    white-space: nowrap;
}

.breadcrumbs li a {
    font-size: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    color: rgba(var(--color-blue), 0.8);
}

.breadcrumbs li a:hover {
    color: rgba(var(--color-blue), 1);
}

.breadcrumbs li::after {
    content: '/';
    display: inline-block;
    padding-inline: 4px;
}

.breadcrumbs li:last-child::after {
    content: '';
    display: none;
    padding-inline: 0;
}

/* Techniques et réglementations
--------------------------------------------- */
.pr-techniques-articles {
    padding-top: 64px;
    padding-bottom: 64px;
}

/*@media screen and (min-width: 750px) {*/
/*    .pr-techniques-articles {*/
/*        padding-top: 112px;*/
/*        padding-bottom: 112px;*/
/*    }*/
/*}*/

.tab-container {
    padding-top: 32px;
    padding-bottom: 32px;
}

.tabcontent .subcategories {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.tabcontent .subcategories > * {
    flex: 0 0 100%
}

@media screen and (min-width: 960px) {
    .tabcontent .subcategories {
        flex-wrap: nowrap;
    }

    .tabcontent .subcategories > * {
        flex: 0 0 16%
    }
}

.tab {
    display: flex;
    gap: 8px;
}

.pr-contact .tab {
    flex-wrap: wrap;
}

.tablinks {
    font-family: var(--font-heading-family);
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 512px;
    color: rgb(var(--color-beige));
    border: 1px solid rgb(var(--color-beige));
    background: none;
    cursor: pointer;
}

.tablinks.active {
    background-color: rgb(var(--color-beige));
    color: rgb(var(--color-blue));
}

.color-background-1 .tablinks {
    background-color: rgb(var(--color-beige));
    color: rgb(var(--color-blue));
    border: 1px solid rgb(var(--color-blue));
}

.color-background-1 .tablinks.active {
    color: rgb(var(--color-beige));
    background-color: rgb(var(--color-blue));
}

.no-padding {
    padding: 0 0;
    margin-bottom: 48px;
}

.subcategories .card-container {
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    gap: 8px;
}

.tabcontent .card {
    padding-bottom: 8px;
    border-bottom: 3px solid transparent;
    border-radius: 0;
}

@media screen and (max-width: 959px) {
    .tabcontent .subcategories .card {
        padding: 8px;
    }

    .tabcontent .subcategories .card.active {
        border-bottom: none;
        background-color: rgb(var(--color-blue));
        color: rgb(var(--color-white));
        border-radius: 4px;
    }
}

@media screen and (min-width: 960px) {
    .tabcontent .subcategories .card.active {
        border-bottom: 3px solid rgb(var(--color-gold));
    }
}

.subcategories .card-image-container {
    min-width: 32px;
    width: 32px;
    height: 32px;
    border: 1px solid rgb(var(--color-gold));
    border-radius: 100%;
    overflow: hidden;
    margin-right: 8px;
}

@media screen and (min-width: 750px) {
    .tab__panel {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
    .filter {
        font-size: 14px;
        height: auto;
        padding: 8px 16px;
        display: flex;
        align-items: center;
        background-color: rgb(var(--color-white));
        color: rgba(var(--color-blue), 0.6);
        border: 1px solid rgba(var(--color-blue), 0.2);
    }
}

.card-excerpt,
.card-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pr-actualites .card .card-header,
.pr-techniques-articles .card-header {
    flex: 0 0 40%;
}

.card .card-image {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.card .card-image img {
    width: 100%;
}

.techniques__categories {
    border: 1px solid rgba(var(--color-blue), 0.2);
}

.techniques__categories summary {
    list-style: none;
    padding: 12px 16px;
}

.techniques__categories summary .category__label {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

@media screen and (min-width: 750px) {
    .card .card-image {
        aspect-ratio: 16/9;
    }
    .card-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 40px;
        row-gap: 56px;
    }

    .card .card-date {
        font-size: 14px;
    }
    .card-excerpt,
    .card-description {
        font-size: 16px !important;
    }

    .techniques__categories summary {
        display: none;
    }
    .techniques__categories {
        border: none;
    }
}

.tabs {
    margin-top: 32px;
}

.caption {
    font-size: 16px;
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: -4px;
}

.instafeed__heading {
    margin-bottom: 24px;
}

@media screen and (min-width: 750px) {
    .instafeed__heading {
        margin-bottom: 48px;
    }
}

.card-category,
.card-category-description {
    font-family: var(--font-heading-family);
    font-size: 14px;
    font-weight: var(--type-bold);
    text-transform: uppercase;
    display: inline;
    color: rgb(var(--color-gold));
}

.card-category+.card-title,
.card-category-description+.card-title {
    margin-top: 8px;
}

video {
    width: 300px;
    height: 300px;
}


/* Feed */

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes runner {
    to {
        transform: translateX(-100%);
    }
}

.tiles__line {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.tiles a {
    display: block;
    height: 0;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}

.tiles__line-img:nth-of-type(5),
.tiles__line-img:nth-of-type(6),
.tiles__line-img:nth-of-type(7),
.tiles__line-img:nth-of-type(8) {
    display: none;
}

.tiles img,
.tiles video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media screen and (min-width: 600px) {
    .tiles__line {
        animation: marquee 32s linear infinite;
        display: flex;
        gap: 16px;
    }
    .tiles__line-img {
        flex: 0 0 18vw;
    }
    .tiles__line-img:nth-of-type(5),
    .tiles__line-img:nth-of-type(6),
    .tiles__line-img:nth-of-type(7),
    .tiles__line-img:nth-of-type(8) {
        display: block;
    }
}

@media screen and (min-width: 960px) {
    #menu-drawer .search-form,
    #menu-drawer .account__current-user {
        display: none;
    }
    .tiles__line {
        gap: 32px;
    }
    .menu-toggle>span:last-of-type {
        display: inline;
    }
}

.instafeed {
    max-width: 100vw;
    overflow: hidden;
    padding-top: 64px;
    padding-bottom: 64px;
}

@media screen and (min-width: 750px) {
    .instafeed {
        padding-bottom: 112px;
    }
}

.home-page-grid .card-actualites .card-body {
    padding: 0 0;
}

.home-page-grid .card-actualites .swiper-slide .card-body {
    padding: 16px;
}

.home-page-grid .card-actualites .swiper-slide .card-btn+ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.home-page-grid .card-actualites .swiper-slide .card-btn+ul * {
    color: rgb(var(--color-blue));
}

.home-page-grid .card-actualites .swiper-slide .card-btn+ul i {
    margin-right: 4px;
}

.article__main-content {
    background-color: rgb(var(--color-beige));
    color: rgb(var(--color-blue));
}

.article__slider-content {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    padding: 20px;
}

.article__engagement {
    font-size: 14px;
    display: flex;
    gap: 16px;
    padding-top: 16px;
}

.lire-la-suite {
    text-decoration: underline;
    text-underline-offset: 3px;
    margin-top: 8px;
}

.card-container {
    color: inherit;
}

.article__engagement li {
    color: rgb(var(--color-beige));
}

.article__engagement li i {
    margin-right: 8px;
}

.article__share {
    /*background-color: rgb(var(--color-gold));*/
    margin-top: 32px;
}

.article__share-inner {
    max-width: 736px;
    display: flex;
    gap: 16px;
    padding: 32px;
    border: 1px solid rgb(var(--color-gold));
}

@media screen and (max-width: 749px) {
    .article__share {
        padding: 16px;
    }

    .article__share-inner {
        justify-content: center;
    }

    .article__share button {
        white-space: nowrap;
    }
}

.article__share button {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    letter-spacing: 0.05em;
    color: var(--color-theme);
    background: none;
    border: 1px solid var(--color-theme);
    border-radius: 512px;
    text-transform: uppercase;
    padding: 12px 32px;

    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.article__share button:hover {
    background-color: var(--color-theme);
    color: rgb(var(--color-beige));
}

.comments__header {
    text-align: center;
}

.comments__header h2 {
    line-height: 1.3;
    padding: 0 0;
    margin-bottom: 16px;
}

.ajouter-un-commenataire {
    display: block;
    font-family: var(--font-heading-family);
    font-size: 14px;
    font-weight: var(--type-bold);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background-color: var(--color-theme);
    color: rgb(var(--color-beige));
    padding: 12px 32px;
    border-radius: 512px;
    width: max-content;
    margin: 0 auto;
}

.logged-in-as {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    width: 100% !important;
}

.logged-in-as a {
    color: inherit;
}

.logged-in-as a:last-of-type {
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: 0.25s ease-in-out;
}

.logged-in-as a:last-of-type:hover {
    text-decoration-thickness: 2px;
}

.comment-form-comment {
    width: 100%;
}

label[for="comment"] {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    color: var(--color-theme);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}

#comment,
.comment-style,
.qpr-comment,
.contentEspacePerso textarea,
.relanceLivreurFormContainer textarea {
    font-family: var(--font-body-family);
    font-size: 14px;
    line-height: 1.5;
    color: rgb(var(--color-blue));
    border: 1px solid rgb(var(--color-gold));
    border: none;
    height: 120px;
    width: 100%;
    box-shadow: 0px 2px 10px 2px rgba(var(--color-gold), 0.11);
    border-radius: 4px;
    padding: 24px;
}

#comments .form-submit #submit {
    display: block;
    font-family: var(--font-heading-family);
    font-size: 14px;
    font-weight: var(--type-bold);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background-color: var(--color-theme);
    border-color: var(--color-theme) !important;
    color: rgb(var(--color-beige));
    padding: 12px 32px;
    border-radius: 512px;
    width: max-content;
    margin-top: 0;
    margin-left: auto;
}

.comment-reply-title {
    margin-bottom: 16px;
}

.required-field-message {
    display: none;
}

.comment-respond {
    padding-top: 32px;
    padding-bottom: 32px;
    border-top: 1px solid var(--color-theme);
    border-bottom: 1px solid var(--color-theme);
    margin-top: 32px;
    display: none;
}

.comment-respond.add-comment {
    display: block;
}

.small-hide {
    display: none;
}

@media screen and (min-width: 750px) {
    .medium-hide {
        display: none;
    }
    .footer-partners-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    footer .footer-partners-list li img {
        height: 88px;
    }
    .footer-partners-list li {
        text-align: center;
    }
    .partner-social-media {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 16px;
    }
    .partner-social-media a {
        padding: 4px 8px;
    }
    .footer-logo {
        width: 100%;
        height: auto !important;
        margin-bottom: 16px;
    }
}

.brand-details {
    padding: 16px 0;
}

.brand-details img {
    margin-bottom: 16px;
}

.swiper-button-prev,
.swiper-button-next {
    background-color: rgb(var(--color-white));
    width: 44px;
    height: 44px;
    border-radius: 100%;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    content: normal;
}

.staffs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 64px;
}

.staff__media img {
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
}

.staff li {
    font-size: 12px;
    letter-spacing: 0.05em;
    font-weight: 300;
    line-height: 1.3;
    text-transform: uppercase;
    padding: 2px 0;
}

.staff__details {
    padding: 20px 0;
}

.staff__details h2 {
    margin-bottom: 8px;
    position: relative;
    width: max-content;
}

.staff__details h2::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    background-color: rgba(var(--color-gold), 0.3);
    bottom: 0;
}

.staff__details>h2,
.staff__details>p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.3;
    flex: 0 0 50%;
}

.search__text {
    font-size: 20px;
}


/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
#submit,
.button,
.show-switch-roles {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: inline-block;
    font-size: 16px;
    padding: 16px 40px;
    margin-top: 40px;
    max-width: max-content;
    border-radius: 512px;
    line-height: 1.2;
    cursor: pointer;

    background-color: rgb(var(--color-beige));
    border: 1px solid rgb(var(--color-blue));
    color: rgb(var(--color-blue));
}

.button:hover,
.show-switch-roles:hover {
    box-shadow: inset 0 0 0 1px rgb(var(--color-blue));
}

.button.button--full-width {
    width: 100%;
    max-width: none;
    margin-top: 0;
    margin-bottom: 32px;
    text-align: center;
}

.show-switch-roles,
.button.button--dark,
button[type="submit"].button.button--full-width {
    background-color: rgb(var(--color-blue)) !important;
    color: rgb(var(--color-beige)) !important;
}

.show-switch-roles:hover,
button.button--dark:hover,
button[type="submit"].button.button--full-width:hover {
    box-shadow: 0 0 0 1px rgb(var(--color-blue)) !important;
}

.show-switch-roles {
    margin-top: 8px !important;
}

.color-background-inverse .button {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    border: 1px solid rgb(var(--color-beige));
}

.color-background-inverse .button:hover {
    box-shadow: inset 0 0 0 1px rgb(var(--color-beige));
}

.button--secondary {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    background: none;
    border: none;
    text-decoration: underline;
    color: rgb(var(--color-blue));
    text-underline-offset: 4px;
    margin-bottom: 32px;
    transition: .1s;
    line-height: 1.7;
}

.section__heading.mb0 {
    margin-bottom: 16px;
}

.button--secondary:hover {
    text-decoration-thickness: 3px;
}

a.button:hover,
button.button:hover {
    opacity: 1;
}

a.button.retour {
    font-size: 16px;
    background: none;
    color: rgb(var(--color-blue));
    padding: 0;
    margin-top: 0;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    border: none;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: .5s;
}

@media screen and (max-width: 749px) {
    a.button.retour {
        margin: 8px auto 16px;
    }
}

a.button.retour:hover {
    text-decoration-thickness: 2px;
}

.color-background-inverse a.button.retour {
    color: rgb(var(--color-beige));
}

a.button.retour span {
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: all 0.5s;
}

a.button.retour:hover {
    border: none;
    box-shadow: none;
}

a.button.retour:hover span {
    text-decoration-thickness: 3px;
    border: none;
}

a.button.retour img {
    margin-right: 8px;
    vertical-align: middle;
    width: 15px;
    height: 24px;
    object-fit: cover;
    object-position: center right;
    transition: width 0.25s;
    transform: rotate(-180deg);
}

/*--------------------------------------------------------------
# Policies
--------------------------------------------------------------*/

.policy {
    padding-left: 16px;
    padding-right: 16px;
}

@media screen and (min-width: 960px) {
    .policy {
        display: flex;
        justify-content: space-between;
        max-width: 1180px;
        margin: 0 auto;
        gap: 64px;
    }
}

.policy aside {
    display: none;
}

.policy__title {
    font-size: 24px;
}

@media screen and (min-width: 750px) {
    .policy__title {
        font-size: 32px;
    }
    .policy aside {
        display: block;
        flex: 0 0 360px;
    }
}

.policy__body p {
    font-size: 16px;
}

.policy__body>* {
    margin-top: 0;
    margin-bottom: 0;
}

.policy__body>*+* {
    padding-top: 32px;
}

.policy__body>*+p {
    padding-top: 0;
    margin-top: 16px;
}

.policy__body ul {
    padding-left: 40px;
}

.policy__body ul li {
    font-size: 16px;
    list-style: outside;
    margin-bottom: 8px;
}

.table-of-contents__title {
    margin-bottom: 16px;
}

.table-of-contents {
    position: sticky;
    top: 32px;
}

.table-of-contents ul {
    border-left: 1px solid rgb(var(--color-gold));
}

.table-of-contents li a {
    display: inline-block;
    line-height: 1.5;
    color: rgb(var(--color-blue));
    padding: 8px 0 8px 16px;
    position: relative;
    font-size: 15px;
}

.table-of-contents li a.active {
    color: rgb(var(--color-gold));
}

.table-of-contents .link-secondary {
    padding-left: 24px;
}

.table-of-contents li a.active::before {
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    background-color: rgb(var(--color-gold));
    border-radius: 100%;
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
}

section {
    /*padding-top: 112px;*/
    /*padding-bottom: 112px;*/
}

@media screen and (min-width: 960px) {
    .events-and-news {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
}

.card-actualites {
    max-width: 600px;
}

.swiper-actualites {
    border-radius: 8px;
}

/* Single post page
--------------------------------------------- */

article.single-post .card .card-image {
    margin-bottom: 32px;
    border-radius: 6px;
    overflow: hidden;
}

.article__content,
.event__content {
    max-width: 1100px;
}

@media screen and (max-width: 750px) {
    .event__content {
        padding-top: 112px;
    }
}

article.single-post .hero {
    min-height: 40vh;
}

.hero img {
    object-fit: cover;
    position: absolute;
    height: 100%;
    width: 100%;
}

.hero__media {
    position: relative;
    width: 100%;
}

.hero__content {
    padding: 64px 16px;
    text-align: center;
    background-color: var(--color-theme);
    color: rgb(var(--color-beige));
    display: flex;
    flex-direction: column;
    position: relative;
}

.hero__content .stamp {
    width: 120px;
    height: 120px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
}

.hero__content .separator {
    margin-top: 16px;
    margin-bottom: 16px;
}

.hero__content .separator span {
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 749px) {
    article.single-post .hero h1 {
        font-size: 24px;
    }

    .article__categories {
        text-align: center;
        justify-content: center;
    }

    .article__main-content {
        padding-top: 84px;
    }
}


@media screen and (min-width: 750px) {
    article.single-post .hero {
        display: flex;
        flex-direction: row-reverse;
    }

    .hero__content .separator {
        position: static;
        left: auto;
        transform: none;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .hero__content .stamp {
        top: 50%;
        width: 120px;
        height: 120px;
        left: auto;
        bottom: auto;
        right: 0;
        transform: translate(50%, -50%);
    }

    .hero__media {
        width: 50%;
        height: 50vh;
        max-height: 720px;
    }

    .hero__content {
        z-index: 2;
        padding: 64px;
        text-align: left;
        width: 50%;
        height: 50vh;
        max-height: 720px;
    }

    .competition .hero__media,
    .competition .hero__content {
        height: 50vh;
    }

    .hero__content .article__tags {
        justify-content: flex-start;
    }
}

.rte:after {
    clear: both;
    content: '';
    display: block;
}

.rte>p:first-child {
    margin-top: 0;
}

.rte>p:last-child {
    margin-bottom: 0;
}

.rte table {
    table-layout: fixed;
}

@media screen and (min-width: 750px) {
    .rte table td {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

.rte img {
    height: auto;
    max-width: 100%;
    border-radius: 6px;
    margin-bottom: 32px;
}

.rte ul,
.rte ol {
    list-style-position: inside;
    padding-left: 2rem;
}

.rte li {
    list-style: inherit;
}

.rte li:last-child {
    margin-bottom: 0;
}

.rte a {
    color: rgba(var(--color-blue), 0.8);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    transition: text-decoration-thickness 0.25s ease;
}

.rte a:hover {
    color: rgba(var(--color-blue), 1);
    text-decoration-thickness: 0.2rem;
}

.rte blockquote {
    position: relative;
    padding: 8px 32px;
    border-left: 4px solid rgb(var(--color-blue));
}

.rte blockquote::before {
    content: url("data:image/svg+xml,%3Csvg width='54' height='36' viewBox='0 0 54 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.104984 23.627C0.0999843 23.765 0.0839844 23.9 0.0839844 24.04C0.0839844 24.087 0.0899843 24.132 0.0909843 24.178C0.0899843 24.27 0.0839844 24.361 0.0839844 24.453L0.103985 24.439C0.315985 30.605 5.36898 35.542 11.586 35.542C17.938 35.542 23.088 30.393 23.088 24.04C23.088 18.244 18.796 13.463 13.219 12.668C14.605 8.07302 18.864 4.73002 23.914 4.73002V0.624023C11.021 0.625023 0.540984 10.841 0.104984 23.627Z' fill='%23001545'/%3E%3Cpath d='M29.9409 23.627C29.9359 23.765 29.9199 23.9 29.9199 24.04C29.9199 24.087 29.9269 24.132 29.9269 24.178C29.9259 24.27 29.9199 24.361 29.9199 24.453L29.9409 24.439C30.1529 30.605 35.2059 35.542 41.4219 35.542C47.7749 35.542 52.9239 30.393 52.9239 24.04C52.9239 18.244 48.6319 13.463 43.0549 12.668C44.4409 8.07302 48.6999 4.73002 53.7489 4.73002V0.624023C40.8559 0.625023 30.3779 10.841 29.9409 23.627Z' fill='%23001545'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: -24px;
    right: 0;
}

.rte blockquote {
    border-left: 4px solid var(--color-theme);
}

.theme-Rouge .rte blockquote::before {
    content: url("data:image/svg+xml,%3Csvg width='54' height='36' viewBox='0 0 54 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.104984 23.627C0.0999843 23.765 0.0839844 23.9 0.0839844 24.04C0.0839844 24.087 0.0899843 24.132 0.0909843 24.178C0.0899843 24.27 0.0839844 24.361 0.0839844 24.453L0.103985 24.439C0.315985 30.605 5.36898 35.542 11.586 35.542C17.938 35.542 23.088 30.393 23.088 24.04C23.088 18.244 18.796 13.463 13.219 12.668C14.605 8.07302 18.864 4.73002 23.914 4.73002V0.624023C11.021 0.625023 0.540984 10.841 0.104984 23.627Z' fill='%23D8262E'/%3E%3Cpath d='M29.9409 23.627C29.9359 23.765 29.9199 23.9 29.9199 24.04C29.9199 24.087 29.9269 24.132 29.9269 24.178C29.9259 24.27 29.9199 24.361 29.9199 24.453L29.9409 24.439C30.1529 30.605 35.2059 35.542 41.4219 35.542C47.7749 35.542 52.9239 30.393 52.9239 24.04C52.9239 18.244 48.6319 13.463 43.0549 12.668C44.4409 8.07302 48.6999 4.73002 53.7489 4.73002V0.624023C40.8559 0.625023 30.3779 10.841 29.9409 23.627Z' fill='%23D8262E'/%3E%3C/svg%3E%0A");
}

.theme-Vert .rte blockquote::before {
    content: url("data:image/svg+xml,%3Csvg width='54' height='36' viewBox='0 0 54 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.104984 23.627C0.0999843 23.765 0.0839844 23.9 0.0839844 24.04C0.0839844 24.087 0.0899843 24.132 0.0909843 24.178C0.0899843 24.27 0.0839844 24.361 0.0839844 24.453L0.103985 24.439C0.315985 30.605 5.36898 35.542 11.586 35.542C17.938 35.542 23.088 30.393 23.088 24.04C23.088 18.244 18.796 13.463 13.219 12.668C14.605 8.07302 18.864 4.73002 23.914 4.73002V0.624023C11.021 0.625023 0.540984 10.841 0.104984 23.627Z' fill='%23004F00'/%3E%3Cpath d='M29.9409 23.627C29.9359 23.765 29.9199 23.9 29.9199 24.04C29.9199 24.087 29.9269 24.132 29.9269 24.178C29.9259 24.27 29.9199 24.361 29.9199 24.453L29.9409 24.439C30.1529 30.605 35.2059 35.542 41.4219 35.542C47.7749 35.542 52.9239 30.393 52.9239 24.04C52.9239 18.244 48.6319 13.463 43.0549 12.668C44.4409 8.07302 48.6999 4.73002 53.7489 4.73002V0.624023C40.8559 0.625023 30.3779 10.841 29.9409 23.627Z' fill='%23004F00'/%3E%3C/svg%3E%0A");
}

.rte cite {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: inline-block;
    padding: 8px 32px;
    color: rgb(var(--color-beige));
    background-color: var(--color-theme);
    margin-top: 16px;
}

.rte {
    font-size: 16px;
    line-height: 1.6;
}

.rte hr {
    margin-top: 32px;
    margin-bottom: 32px;
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
    font-family: var(--font-heading-family);
    line-height: 1.3;
}

.rte h1 {
    text-transform: uppercase;
    letter-spacing: normal;
    line-height: 1.2;
}

.rte h5 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.rte h6 {
    font-size: 16px;
    font-weight: var(--type-regular);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.rte > * {
    margin-top: 0;
    margin-bottom: 0;
}

.rte > * + * {
    margin-top: 16px;
}

.rte > * + a {
    margin-top: 24px;
}

.are {
    background-color: rgb(var(--color-base-background-1));
    padding-top: 32px;
    padding-bottom: 32px;
    margin-top: 48px;
}

.are-inner {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 720px;
}

@media screen and (min-width: 750px) {
    .are-inner {
        flex-direction: row;
    }
}

.are button {
    font-family: var(--font-body-family);
    letter-spacing: 0.05em;
    max-width: max-content;
}

.are #scroll-top {
    width: 44px;
    height: 44px;
    max-width: 44px;
    background-color: rgb(var(--color-gold));
    border: none;
    border-radius: 100%;
}


/* Blog (actualités)
--------------------------------------------- */
.blog__banner h1 {
    margin-bottom: 0;
    padding-top: 32px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.filters {
    padding-top: 20px;
    padding-bottom: 20px;
}

.filters__inner {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.filters .categories,
.filters .tags {
    display: flex;
    flex-direction: column;
}

.filters label {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    letter-spacing: 0.05em;
    font-size: 16px;
    margin-bottom: 4px;
}

.filters select {
    font-family: var(--font-body-family);
    font-size: 16px;
    padding: 8px 32px 8px 16px;
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    cursor: pointer;
    /** for the dropdown indicator */
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='#ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 12px;
    background: none !important;
}

.pr-actualites .card .card-image {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.card-grid {
    display: grid;
    row-gap: 56px;
}

.articles-container {
    padding-top: 64px;
}

.article__media {
    position: relative;
    overflow: hidden;
}

.card {
    border-radius: 8px;
    overflow: hidden;

}

.pr-competitions .card,
.list-events .card {
    background-color: rgb(var(--color-blue));
    display: block;
    position: relative;
}

.pr-techniques-articles .card-body,
.article__media + .card-body,
.competition__content,
.event-content__wrapper {
    padding: 24px;
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
}

.articles-container .card,
.pr-techniques-articles .card {
    display: block;
    background-color: rgb(var(--color-blue));
}

.competitions  .card {
    display: block;
    background-color: rgb(var(--color-beige));
}

.brand-image {
    position: absolute;
    top: 12px;
    left: 12px;
    border-radius: 4px;
    width: 80px;
}

.card-sticky {
    font-family: var(--font-heading-family);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgb(var(--color-white));
    background-color: rgb(var(--color-blue));
    padding: 4px 8px;
    position: absolute;
    left: 16px;
    bottom: 16px;
}

.article__date {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
    color: rgb(var(--color-gold));
}

.article__badge {
    font-family: var(--font-heading-family);
    font-weight: var(--type-semi-bold);
    font-size: 12px;
    color: rgb(var(--color-gold));
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: inline-block;
    padding: 4px 16px;
    border: 1px solid rgb(var(--color-gold));
    border-radius: 512px;
    margin-top: 16px;
    max-width: max-content;
}

.article__category {
    /*font-family: var(--font-heading-family);*/
    margin-bottom: 16px;
}

.article__title,
.event__name {
    font-family: var(--font-heading-family);
    font-size: 20px;
    font-weight: var(--type-bold);
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 8px;
    height: 56px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.card-category {
    letter-spacing: 0.05em;
    position: relative;
    max-width: max-content;
}

/* Pagination
--------------------------------------------- */
.pagination {
    display: flex;
    justify-content: center;
    margin-block: 25px;
}

.pagination .nav-links {
    display: flex;
    gap: 10px;
}

.pagination .page-numbers:not(.next) {
    font-family: var(--font-heading-family);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: rgba(var(--color-blue), 0.6);
    border: 1px solid rgba(var(--color-blue), 0.3);
}

.pagination .page-numbers:hover {
    border: 1px solid rgba(var(--color-blue), 1);
}

.pagination .page-numbers.current {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-white));
}

/* Contacts
--------------------------------------------- */
.banner {
    padding-top: 64px;
}

.banner__description {
    font-size: 14px;
    margin-top: 8px;
    max-width: 600px;
}

.user-referent {
    background: rgb(var(--color-beige));
    color: rgb(var(--color-blue));
    padding: 8px 16px;
    width: fit-content;
    margin-bottom: 16px;
    border-radius: 4px;
}

.user-referent a {
    color: rgb(var(--color-blue));
    text-decoration: underline;
}


.pr-contact .tabcontent {
    padding-top: 64px;
}

.pr-contact .card {
    border-radius: 8px !important;
}

.pr-contact .card .card-image {
    aspect-ratio: 1/1;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

@media screen and (min-width: 600px) {
    .pr-contact .card-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media screen and (min-width: 960px) {
    .pr-contact .card-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
    }
}

/*.profile__media {*/
/*    margin-bottom: 8px;*/
/*}*/

.pr-contact .card-body {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    padding: 32px 16px;
    height: 100%;
}

.profile__name {
    font-family: var(--font-heading-family);
    font-size: 18px;
    font-weight: var(--type-semi-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.profile__job-title {
    font-family: var(--font-heading-family);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

textarea#description {
    font-family: var(--font-body-family);
    font-size: 14px;
    line-height: 1.5;
    color: rgb(var(--color-blue));
    border: 1px solid rgb(var(--color-gold));
    border: none;
    height: 120px;
    width: 100%;
    box-shadow: 0px 2px 10px 2px rgba(var(--color-gold), 0.11);
    border-radius: 4px;
    padding: 24px;
}

.contacts-table + #card-ajouter-contact {
    margin-top: 64px;
}

.card-userLink {
    padding-top: 16px;
    padding-bottom: 16px;
}

.style-table-1 th {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    border-bottom: none;
}

.style-table-1 td {
    border-bottom: 1px solid rgb(var(--color-blue));
}

.style-table-1 th,
.style-table-1 td {
    text-align: left;
    padding: 8px 16px;
    line-height: 1.3;
    white-space: normal;
}

.style-table-1 tr td:first-of-type {
    background-color: rgb(var(--color-beige));
}

.card-userLink > * {
    font-family: var(--font-heading-family);
    font-size: 14px;
    letter-spacing: 0.05em;
}

.card-userLink i {
    width: 14px;
    margin-right: 4px;
}

.card-userEmail a {
    color: rgba(var(--color-beige), 0.8);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.card-userEmail a:hover {
    color: rgba(var(--color-beige), 1);
}



@media screen and (max-width: 959px) {
    .medium-hide {
        display: none !important;
    }
}

@media screen and (min-width: 960px) {
    .large-hide {
        display: none;
    }
}

.policy {
    padding-top: 64px;
}

.utility-links {
    background-color: rgb(var(--color-blue));
}

.utility-links nav #utilities {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 40px;
}

.utility-links #utilities a {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgb(var(--color-beige));
    padding: 8px 0;
}

.next.page-numbers {
    display: none;
}

.article__categories {
    display: flex;
    gap: 4px 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.article__categories li {
    position: relative;
    font-size: 16px;
    display: inline;
    color: rgb(var(--color-gold));
}

.article__categories li::before {
    content: "";
    background-color: rgba(var(--color-gold), 0.2);
    position: absolute;
    height: 10px;
    width: 100%;
    left: 0;
    bottom: 0;
}

.article__tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.hero__content .article__date {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    margin-top: 16px;
}

.hero__caption {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
    color: rgb(var(--color-gold));
}

.hero__content h1 {
    text-transform: uppercase;
    line-height: 1.2;
}

.hero__content .separator span {
    display: block;
    height: 1px;
    width: 64px;
    background-color: rgb(var(--color-gold));
    margin: 8px 0;
}

@media screen and (min-width: 750px) {
    .hero__content h1 {
        font-size: 36px;
    }

    .article__content,
    .event__content {
        padding-top: 112px;
    }

    .article__introduction {
        padding: 32px;
        border: 1px solid rgb(var(--color-blue));
    }
}

.article__tags  li {
    font-family: var(--font-heading-family);
    font-weight: var(--type-semi-bold);
    font-size: 14px;
    color: rgb(var(--color-gold));
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 4px 12px;
    border: 1px solid rgb(var(--color-gold));
    border-radius: 512px;
}

.banner__regular {
    padding: 64px 0;
}

@media screen and (max-width: 749px) {
    .banner__regular {
        padding: 32px 0;
        text-align: center;
    }

    .banner__regular h1 {
        font-size: 24px !important;
    }

}

.banner__regular + *:not(.announcement-bar):not(.tab-container):not(.contrat__tabs):not(.connected-as) {
    padding-top: 64px !important;
}

.announcement-bar + * {
    margin-top: 64px;
}

.page-width--narrow {
    max-width: 600px;
}


@media screen and (max-width: 959px) {
    .mes-informations .card-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px !important;
        margin-bottom: 32px;
    }

    .mes-informations i {
        font-size: 14px !important;
        display: block;
        margin-bottom: 8px;
    }

    .mon-espace__referent {
        font-size: 14px !important;
    }

    .mon-espace__referent a {
        display: block;
    }

    .mes-informations a.profile-menu__link {
        padding: 8px !important;
        font-size: 11px !important;
        height: 74px;
    }

    .mon-profil__sidebar a {
        padding: 12px !important;
        font-size: 14px!important;
        border-radius: 4px!important;
    }
}

@media screen and (min-width: 960px) {
    .mes-informations {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 40px;
    }

    .mes-informations i {
        font-size: 20px !important;
        margin-bottom: 8px;
    }
}

.mes-informations a.profile-menu__link {
    font-size: 14px;
    padding: 16px 32px;
    border: 1px solid rgb(var(--color-blue));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading-family);
    text-align: center;
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgb(var(--color-blue));
    transition: .25s;
    border-radius: 10px;
}

.mes-informations a.profile-menu__link:hover {
    box-shadow: inset 0 0 0 1px rgb(var(--color-blue));
}


.mes-informations h2 {
    margin-bottom: 16px;
}

.mes-informations .card {
    background-color: rgba(var(--color-gold), 0.7);
    border-radius: 0;
    text-align: center;
    padding: 8px 16px;
}

.mes-informations a.card:hover {
    background-color: rgba(var(--color-gold), 1);
}

.mes-informations .card-grid {
    row-gap: 24px;
    column-gap: 24px;
}

.mes-informations .card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 88px;
}

.mes-informations .card-title {
    font-size: 16px;
    margin-bottom: 0;
}

.announcement-bar {
    background-color: rgb(var(--color-white));
    color: rgb(var(--color-blue));
}

.banner__regular.no-margin-bottom {
    margin-bottom: 0 !important;
}

.visually-hidden {
    /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.close-modal svg {
    width: 16px;
    height: 16px;
}

.wp-block-embed__wrapper {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.title__marquee {
    background-color: rgb(var(--color-gold));
    color: rgb(var(--color-white));
    padding: 8px 0;
}

.title__marquee h1 {
    display: flex;
}

.title__marquee h1 span {
    font-size: 12px;
    width: 200px;
    flex: 0 0 auto;
}

.mmpj-tutorial {
    padding-top: 64px;
    padding-bottom: 64px;
}

.calender {
    text-align: center;
    background-color: rgb(var(--color-base-background-1));
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 64px;
    margin-bottom: 64px;
}

.new-articles:empty {
    display: none;
}

.back-to-top {
    display: block;
    border-radius: 100%;
    position: fixed;
    right: 32px;
    bottom: 32px;
    height: 44px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--color-blue));
    background-color: rgb(var(--color-beige));
}

#identify-as-user {
    background: none;
    display: block;
    padding: 8px;
    border: 1px solid rgba(var(--color-blue), 0.4);
    width: 100%;
    height: 34px;
    border-right: none;
}

label[for="identify-as-user"] + .flex {
    display: block;
}

input::placeholder {
    font-size: 14px;
    letter-spacing: 0.3px;
    color: rgba(0, 0, 0, 0.3);
}

.switch-user > div {
    margin-bottom: 16px;
}

/* News */
.news {
    padding-top: 64px;
    padding-bottom: 64px;
}

/*@media screen and (min-width: 750px) {*/
/*    .news {*/
/*        padding-top: 112px;*/
/*        padding-bottom: 112px;*/
/*    }*/
/*}*/

/* Mes avantages */
section.mes-avantages {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 64px;
    padding-bottom: 64px;
    background-color: #3f3f3f;
    background-color: #000000;
    color: rgb(var(--color-white));
}

/*@media screen and (min-width: 750px) {*/
/*    section.mes-avantages {*/
/*        padding-top: 112px;*/
/*        padding-bottom: 112px;*/
/*    }*/
/*}*/

section.mes-avantages h2 {
    margin-bottom: 16px;
}

h2 span.cursive {
    font-family: var(--font-cursive);
    font-size: 30px;
    line-height: 1.2;
    text-transform: none;
    margin-bottom: 16px;
}

section.mes-avantages div {
    width: 350px;
}

section.mes-avantages div.content {
    margin: 0 0 0 80px;
}

.mes-avantages__slides {
    height: 475px;
    position: relative;
}

.mes-avantages__slides img {
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.5s, box-shadow 0.5s;
    object-fit: cover;
    height: 100%;
}

.mes-avantages__slides img:first-child {
    z-index: 1;
}

.mes-avantages__slides:hover img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

a.button--inverse {
    background-color: rgba(var(--color-white), 0.9) !important;
    color: rgb(var(--color-blue)) !important;
    opacity: 1 !important;
}

a.button--inverse:hover {
    background-color: rgba(var(--color-white), 1) !important;
}

/* switch roles */
.switch-roles {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 10000;
    display: none;
}


.switch-roles__content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    background-color: rgb(var(--color-beige));
    width: 570px;
    height: 100vh;
    max-height: 600px;
    overflow-y: scroll;
    padding: 32px;
    max-width: 90%;
}

.switch-roles h2 {
    font-family: var(--font-body-family);
    font-size: 16px;
    line-height: 1.6;
    max-width: 90%;
    font-weight: normal;
    text-transform: none;
    font-size: 16px;
    margin-bottom: 32px;
}

.switch-roles a,
.contact__name {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid rgb(var(--color-blue));
    color: rgb(var(--color-blue));
    border-radius: 10px;
    display: flex;
    line-height: 1;
    margin-bottom: 15px;
    padding: 20px;
    width: 100%;
    cursor: pointer;
    transition: all 0.25s;
}

.switch-roles a + a {
    margin-top: 16px;
}

.switch-roles a:hover,
.contact__name:hover {
    color: rgb(var(--color-blue));
    box-shadow: inset 0 0 0 1px rgb(var(--color-blue));
}

.menu-toggle .new-articles {
    margin-left: 0;
    position: absolute;
    right: 8px;
    margin-top: -16px;
}


table {
    border-collapse: collapse;
}

th {
    text-align: center;
    background-color: rgb(var(--color-base-background-1));
}

td, th {
    padding: 8px;
    font-size: 14px;
    font-weight: normal;
}

/* Home page base */
.section__heading {
    font-size: 26px;
    line-height: 1.1;
    margin-bottom: 16px;
}

@media screen and (min-width: 750px) {
    .section__heading {
        font-size: 44px;
    }
}

.section__heading--center {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    text-align: center;
}

/* Mes evenements */
.events {
    font-size: 18px;
}

.events__content {
    padding: 64px 16px;
    position: relative;
}

.event {
    display: grid;
    grid-template-columns: 64px auto;
    color: inherit;
    padding: 16px 0;
    border-bottom: 1px solid rgb(var(--color-gold));
    gap: 16px;
}

.event:hover .event__heading {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.event:first-of-type {
    border-top: 1px solid rgb(var(--color-gold));
    margin-top: 16px;
}

.event__location {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 14px;
    color: rgb(var(--color-gold));
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.event__location i {
    margin-right: 4px;
}

.event__heading {
    font-size: 20px;
    margin-bottom: 4px;
}

.event__month {
    font-size: 14px;
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1;
}

.event__day {
    font-size: 18px;
    line-height: 1;
    font-weight: var(--type-bold);
    text-transform: uppercase;
}

.event__hours {
    font-size: 14px;
}

.events__stamp {
    width: 120px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    background: inherit;
    padding: 18px;
    border-radius: 100%;
}

@media screen and (min-width: 750px) {
    .events__stamp {
        top: 50%;
        left: auto;
        right: 0;
        transform: translate(50%, -50%);
    }
}

.events__media {
    display: none;
}

@media screen and (min-width: 750px) {
    .events {
        display: flex;
        font-size: 18px;
    }

    .events__content,
    .events__media {
        display: block;
        width: 50%;
        max-height: 440px;
    }

    .events__content {
        padding: 24px 64px 24px 48px;
    }

    .events__content .section__heading {
        font-size: 40px !important;
    }
}

.events__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.events__media-wrapper {
    height: 100% !important;
}

.events__media-wrapper .swiper-wrapper {
    -webkit-transition-timing-function:linear!important;
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important;
}

.events__media-wrapper .swiper-slide {
    /*width: max-content !important;*/
}

.events__media-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.event__date {
    font-family: var(--font-heading-family);
    width: 64px;
    height: 64px;
    padding: 8px;
    background: rgb(var(--color-beige));
    color: rgb(var(--color-blue));
    line-height: 1.2;
}

.event-partenaire {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 12px;
    color: rgb(var(--color-gold));
    text-transform: uppercase;
    letter-spacing: 0.1em;
    width: max-content;
    margin: 0 auto;
    margin-bottom: 8px;
}

.event-tab {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border: none;
    background: none;
    color: rgb(var(--color-blue));
    padding: 8px 24px;
    border: 1px solid rgb(var(--color-blue));
    border-radius: 512px;
}

.event-filter {
    margin-top: 32px;
}

.event-info {
    margin-top: 32px;
    margin-bottom: 32px;
}

.list-events.past {
    padding-top: 32px;
}

.event-tab.isActive {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-gold));
}

@media screen and (min-width: 750px) {
    .event-partenaire {
        font-size: 16px;
    }
}

.event__subtitle {
    margin-bottom: 4px;
}

.event-place {
    display: flex;
    gap: 8px;
    align-items: center;
    line-height: 1;
    margin-bottom: 8px;
}

.event__popup {
    text-align: center;
}

.event__popup-logo {
    width: 64px;
    margin-bottom: 16px;
}

.button-navigation-next,
.button-navigation-prev {
    display: flex;
    align-items: center;
    gap: 8px;
}

.button-navigation-next svg,
.button-navigation-prev svg {
    height: 13px;
}

.event__register-logo {
    display: flex;
    justify-content: center;
}

.event__register-logo img {
    height: 64px;
}

.button-event-validation {
    background-color: rgb(var(--color-blue)) !important;
    color: rgb(var(--color-beige)) !important;
}

.button-event-validation:hover {
    box-shadow: 0 0 0px 1px rgb(var(--color-blue)) !important;
}

/* Mes actualités */

/* Mes avantages partenaires */
.benefits h3 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 8px;
}

.benefits {
    padding-top: 64px;
    padding-bottom: 64px;
    text-align: center;
}

.benefits__media {
    aspect-ratio: 6 / 7;
    position: relative;
    overflow: hidden;
    border-radius: 512px 512px 0 0;
    margin-bottom: 16px;
}

.benefits__media img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;
}

.benefits__list {
    font-size: 16px;
}

.benefits__list li {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

.benefits__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.benefits__content a.button {
    margin-top: auto;
}

@media screen and (min-width: 750px) {
    .benefits__list {
        display: flex;
        justify-content: center;
        /*grid-template-columns: repeat(3, 1fr);*/
        font-size: 18px;
        gap: 40px;
    }

    .benefits__list > * {
        flex: 0 0 calc(33% - 24px);
    }
}

/* Meteo */
.meteo {
    font-size: 18px;
    padding-top: 64px;
    padding-bottom: 64px;
}

.meteo h3 {
    font-size: 32px;
    color: rgb(var(--color-gold));
    text-transform: capitalize;
    margin-bottom: 16px;
}

.meteo .date {
    display: flex;
    justify-content: space-between;
}

.meteo .date li a {
    display: block;
    line-height: 1;

    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;

    background-color: rgba(var(--color-gold), 0.4);
    color: rgb(var(--color-blue));

    border-radius: 100%;
}

.meteo .date li a.selected {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
}

.date__full {
    display: none;
}

@media screen and (min-width: 600px) {
    .meteo .date {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px;
    }
}


.weather-item {
    padding-top: 32px;
    padding-bottom: 32px;
}

@media screen and (min-width: 750px) {
    .meteo__details {
        width: 100%;
    }

    .mobile-only {
        display: none;
    }

    .weather-item {
        padding-top: 0;
        padding-bottom: 0;
    }

    .meteo .date {
        justify-content: flex-start;
        gap: 16px;
        width: max-content;
    }

    .meteo .date li a {
        padding: 8px 16px;
        border-radius: 512px;
        line-height: 1;
        width: auto;
        height: auto;
        flex-wrap: wrap !important;
        white-space: nowrap;
    }

    .date__full {
        display: block;
    }

    .date__day {
        display: none;
    }
}

.meteo__details .swiper-wrapper > div:not(:first-of-type) {
    display: none;
}

.weather-statistics {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 720px;
}

@media screen and (min-width: 750px) {
    .weather-statistics {
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .weather-statistics li {
        width: calc(25% - 8px);
    }
}

.weather-statistics h4 {
    font-size: 14px;
    margin-bottom: 0;
    padding-left: 32px;
    line-height: 2;
}

.weather-statistics li {
    width: calc(50% - 8px);
    padding: 16px;
    border-radius: 4px;
    background: rgba(var(--color-gold), 0.2);
    border: none;
    position: relative;
}

.date__heading {
    margin-bottom: 8px;
}

.weather-value {
    font-size: 24px;
    font-weight: var(--type-bold);
    font-family: var(--font-heading-family);
    padding-left: 32px;
    white-space: nowrap;
}

.weather__description {
    font-size: 16px;
}

.weather__icon {
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
}

.weather__icon svg {
    max-width: 32px;
    height: 32px;
}

.weather-item h3,
.date__heading {
    font-size: 18px !important;
    margin-bottom: 8px;
    color: rgb(var(--color-gold));
    font-family: var(--font-body-family);
    text-transform: none;
    font-weight: var(--type-semi-bold);
    letter-spacing: 0;
}

@media screen and (min-width: 750px) {
    .weather__description {
        font-size: 20px;
        padding: 0 0;
        border: none;
    }
}

.current-weather__icon {
    width: 50px;
}

.meteo-description {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 16px 8px 8px;
    margin-bottom: 16px;
    gap: 8px;
    border-radius: 4px;
    background-color: rgb(var(--color-white));
}

@media screen and (min-width: 750px) {
    .meteo-description {
        background: none;
        margin-top: 16px;
        gap: 16px;
        padding: 16px 0;
    }

    .weather__description {
        font-size: 20px;
        padding: 0 0;
        border: none;
    }

    .current-weather__icon {
        width: 50px;
        box-sizing: content-box;
        padding: 4px;
        background-color: rgb(var(--color-white));
        border-radius: 100%;
    }
}

.ville__heading {
    font-family: var(--font-body-family);
    text-transform: none;
    margin-bottom: 8px;
    letter-spacing: normal;
    font-weight: var(--type-semi-bold);
}

.d-none {
    display: none !important;
}

.card-container:hover .article__title,
.card:hover .event__name {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.mon-espace__page {
    padding-top: 32px;
    padding-bottom: 112px;
}

.mon-espace__page .navigation a:first-of-type .card-title {
    border-top: 1px solid rgb(var(--color-blue));
}

.mon-espace__page aside {
    margin-right: 64px;
    flex: 0 0 320px;
}

@media screen and (max-width: 749px) {
    .mon-espace__page aside {
        margin-right: 0;
        display: none;
    }
}

.mon-espace__page aside i {
    display: none;
}

.mon-espace__page .navigation a .card-title {
    /*font-family: var(--font-heading-family);*/
    /*font-size: 14px;*/
    /*letter-spacing: 0.05em;*/
    /*padding: 12px 0;*/
    /*border-bottom: 1px solid rgb(var(--color-blue));*/
    /*margin: 0;*/
    /*color: rgb(var(--color-blue));*/
}

.mon-espace__page .navigation a.profile-menu__link,
.mon-profil__sidebar a {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    border-radius: 10px;
    display: flex;
    line-height: 1.3;
    margin-bottom: 15px;
    padding: 20px;
    width: 100%;
}

.mon-espace__page .navigation a.profile-menu__link svg {
    margin-left: auto;
    width: 16px;
    position: relative;
    right: 0;
    transition: right .3s cubic-bezier(.42,0,.13,1.04);
}

.mes-informations  a.profile-menu__link svg {
    display: none;
}

.mon-espace__page .navigation a.profile-menu__link:hover svg {
    right: -5px;
}

.mon-espace__page h2 {
    font-size: 32px;
}

.article__slideshow img {
    width: 100%;
    height: 100%;
    object-position: cover;
    object-fit: center;
}

/* Concours */
@media screen and (min-width: 750px) {
    article.competition .hero {
        display: flex;
    }

    .competition .stamp {
        left: 0;
        transform: translate(-50%, -50%);
    }
}


.competitions {
    padding-top: 64px;
    padding-bottom: 64px;
}
.competition__date {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.competition_participant select {
    font-family: var(--font-heading-family);
    padding: 8px 20px;
    border-radius: 4px;
    border: 1px solid rgb(var(--color-blue));
    background-color: rgb(var(--color-beige));
    color: rgb(var(--color-blue));
    cursor: pointer;
}

.competitions .card-excerpt {
    height: 48px;
}

.competitions a.card:hover .competition__title {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.competition table th {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
}

.competition table th,
.competition table td {
    font-family: var(--font-heading-family);
    text-align: left;
    padding: 12px 16px;
    border-bottom: 1px solid rgb(var(--color-blue));
}

.competition_description {
    margin-bottom: 32px;
}

.competition__dates {
    padding: 32px;
    border: 1px solid rgb(var(--color-blue));
    margin-bottom: 32px;
}

.competition__slider-content {
    background-color: rgb(var(--color-beige));
    color: rgb(var(--color-blue));
    padding: 20px;
}

.competition__dates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.competition__dates h4 {
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

#competition_rules input {
    position: absolute;
    visibility: hidden;
}

#competition_rules label {
    cursor: pointer;
}

.competition_actions > a {
    display: block;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.competition_actions > a:hover {
    text-decoration-thickness: 2px;
}

.competition table th {
    font-weight: var(--type-bold);
}

.competition__title {
    font-family: var(--font-heading-family);
    font-size: 20px;
    font-weight: var(--type-bold);
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 8px;
    height: 56px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.competition_participant p {
    margin-bottom: 8px;
}

.next-step {
    display: block;
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 12px 24px;

    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    border: none;
    margin-top: 32px;

    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.next-step img {
    margin-left: 8px;
    vertical-align: middle;
    width: 10px;
    height: 16px;
    object-fit: cover;
    object-position: center right;
    transition: width 0.25s;
    margin-bottom: 0;
}

.next-step:hover img {
    width: 25px;
}

.already-participated p {
    margin-bottom: 8px;
}

.competition_participant {
    margin-top: 32px;
}

.question-answer label {
    display: block;
    padding: 12px 32px 12px 16px;
    margin: 16px 0;
    border: 1px solid rgb(var(--color-gold));
    width: 100%;
    cursor: pointer;
    border-radius: 2px;
}

.question-answer label:hover {
    outline: none;
    box-shadow: inset 0 0 0 1px rgb(var(--color-gold));
    transition: .1s;
}

.question-answer input:checked + label {
    outline: none;
    border: 1px solid rgb(var(--color-blue));
    box-shadow: inset 0 0 0 1px rgb(var(--color-blue));
    transition: .1s;
}

.question-answer input {
    position: absolute;
    visibility: hidden;
}

.competition_actions {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
}

.competition_actions .next-question, .competition_actions .competition-submit{
    margin-left: auto;
}

.competition_actions button:not(.d-none) {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 12px 24px;
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    border: none;
    cursor: pointer;
    display: inline-flex;
    cursor: pointer;
}

.competition_actions .previous-question {
    background-color: rgb(var(--color-beige));
    color: rgb(var(--color-blue));
    border: 1px solid rgb(var(--color-blue));
}

.competition_actions .previous-question:hover {
    outline: none;
    border: 1px solid rgb(var(--color-blue));
    box-shadow: inset 0 0 0 1px rgb(var(--color-blue));
    transition: .1s;
}

    /*--------------------------------------------------------------
    # Search
    --------------------------------------------------------------*/
.search {
    background: rgb(var(--color-beige));
    color: rgb(var(--color-blue));
}

.facets-wrapper {
    flex: 0 0 240px;
}

.facets legend {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}

.facets .facets-list {
    margin-top: 16px;
}

.facets label {
    cursor: pointer;
}

.facets .cat-item {
    padding: 8px 0;
}

.search label {
    display: flex;
    gap: 8px;
    align-items: center;
    line-height: 1;
}
.search input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

.template-search__header h1 {
    max-width: 90%;
    line-height: 1.2;
    margin: 0 auto 20px;
}

.template-search__header {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 32px
}

.search-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.search-bar #search__form-input::placeholder {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 16px;
}

.search-bar #search__form-input {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 16px;
    background: none;

    height: 42px;
    width: 100%;

    padding: 8px 32px;
    border: 2px solid rgb(var(--color-blue));
    border-radius: 32px;
    margin: 0;

    vertical-align: middle;
}

.search-bar #search__form-submit {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-gold));

    height: 42px;
    width: 100%;

    padding: 8px 32px;
    border: 2px solid rgb(var(--color-blue));
    border-radius: 32px;
    cursor: pointer;

    transition: all 0.25s;

}

.search-bar #search__form-submit:hover {
    color: rgb(var(--color-blue));
    background-color: rgb(var(--color-gold));
}

@media screen and (max-width: 749px) {
    .facets fieldset {
        position: relative;
        border: 2px solid rgb(var(--color-blue));
        padding: 32px 16px 16px 16px;
        margin-bottom: 32px;
    }

    .facets legend {
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 12px;
        padding-left: 16px;
        padding-bottom: 12px;
        margin-bottom: 0;
        width: 100%;
    }

    .facets legend .icon-caret {
        position: absolute;
        width: 16px;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
    }

    .facets legend + ul {
        display: none;
    }

    .facets legend + ul.open {
        display: block;
    }
}

@media screen and (min-width: 750px) {
    .search-bar {
        flex-direction: row;
        gap: 8px;
    }

    .template-search__header {
        margin-bottom: 64px;
    }

    .search-bar #search__form-input,
    .search-bar #search__form-submit {
        width: auto;
    }

    .search-bar #search__form-input {
        margin-right: 8px;
    }

    .template-search__results {
        display: flex;
    }

    .facets legend .icon-caret {
        display: none;
    }
}

#ask-account-form input::placeholder {
    font-family: var(--font-heading-family);
    font-size: 16px;
    font-weight: var(--type-bold);
    text-transform: uppercase;
    color: rgb(var(--color-blue));
    letter-spacing: 0.05em;
    opacity: 0.3;
}




/*--------------------------------------------------------------
# Compte
--------------------------------------------------------------*/
.premiere-connexion {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.premiere-connexion__media {
    background-image: url("../img/mmpj-login.jpeg");
    background-size: cover;
    background-position: center;
    filter: brightness(0.5);
}

.premiere-connexion .mmpj__logo {
    background-image: url("../img/mmpj-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 56px;
    margin-bottom: 24px;
    background-position: center;
    position: relative;
}

.premiere-connexion .mmpj__logo a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.premiere-connexion__content {
    padding: 64px 48px;
    height: 100vh;
}

.premiere-connexion__form {
    width: 520px;
    margin: 0 auto;
    text-align: center;
}

.premiere-connexion__content h1 {
    font-size: 36px;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 16px !important;
    text-align: center;
}

.premiere-connexion-header + .messages {
    font-size: 14px;
    border-left: 4px solid rgb(var(--color-red));
    padding: 12px;
    margin-left: 0;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    word-wrap: break-word;
    margin-top: 16px;
    margin-bottom: 16px;
    border-left-color: rgb(var(--color-red));
    text-align: left;
}

.premiere-connexion-header + .messages a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: all 0.5s ease-in;
}

.premiere-connexion-header + .messages a:hover {
    text-decoration-thickness: 2px;
}

.premiere-connexion__message p + p {
    margin-top: 16px;
}

.premiere-connexion__content form {
    margin-top: 20px;
}

.premiere-connexion__submit {
    border: none;
    margin-top: 16px !important;
}

.premiere-connexion__link {
    text-align: center;
    margin-top: 8px;
    color: rgb(var(--color-blue));
}

.premiere-connexion__link a {
    font-size: 14px;
    text-underline-offset: 3px;
    transition: all 0.5s ease-in;
    color: rgb(var(--color-blue));
    text-decoration: underline;
}

.premiere-connexion__link a:hover {
    text-decoration-thickness: 2px;
}


.bandeau {
    width: 80px;
    height: 100vh;
    position: fixed;
    z-index: 20;
}

.bandeau--bleu {
    background-color: rgb(var(--color-blue));
}

.bandeau + img {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 80px;
    z-index: 20;
    padding: 24px;
    border-radius: 100%;
    height: 96px;
}

.premiere-connexion__input,
#identify-as-user {
    font-family: var(--font-heading-family);
    font-size: 18px;
    width: 100%;
    height: 52px;
    width: calc(100% - 4px);
    margin-left: 2px;
    color: rgb(var(--color-blue));
    border: 1px solid rgb(var(--color-blue));
    border-radius: 32px;
    padding: 8px 24px;
    line-height: 1;
}

.premiere-connexion__input::placeholder,
#identify-as-user::placeholder {
    font-family: var(--font-heading-family);
    font-size: 16px;
    font-weight: var(--type-bold);
    text-transform: uppercase;
    color: var(--color-blue);
    letter-spacing: 0.05em;
    opacity: 0.3;
}

.premiere-connexion__submit {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    height: 52px;
    border-radius: 32px;
    width: calc(100% - 4px);
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    margin-left: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.return {
    font-family: var(--font-body-family);
    font-size: 16px;
    background: none;
    border: none;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

.request-new-account {
    display: inline;
    font-family: var(--font-body-family);
    font-size: 14px;
    line-height: 1.5;
    color: rgb(var(--color-blue));
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
    box-shadow: none;
}

.request-new-account:hover {
    text-decoration-thickness: 2px;
}

#ask-account-form label:not(#file-label),
label[for="identify-as-user"] {
    font-family: var(--font-heading-family);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 8px;
}

.relanceLivreurFormContainer input[type="text"],
#ask-account-form input:not([type="file"]) {
    font-family: var(--font-heading-family);
    font-size: 18px;
    width: 100%;
    height: 52px;
    width: calc(100% - 4px);
    margin-left: 2px;
    color: rgb(var(--color-blue));
    border: 1px solid rgb(var(--color-blue));
    border-radius: 32px;
    padding: 8px 24px;
    line-height: 1;
}

.relanceLivreurFormContainer label {
    display: block;
    margin-bottom: 8px;
}

.relanceLivreurFormContainer input {
    margin-bottom: 16px;
}

#ask-account-form input[type="submit"],
button.account-previous-step,
button.account-next-step,
button.account-final-step {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    height: 52px;
    border-radius: 32px;
    width: calc(100% - 4px);
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    margin-left: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .25s;
    border: none;
    cursor: pointer;
}

button.account-previous-step {
    background-color: rgb(var(--color-beige));
    color: rgb(var(--color-blue));
    border: 1px solid rgb(var(--color-blue));
}

#ask-account-form input[type="submit"]:hover,
button.account-previous-step:hover,
button.account-next-step:hover {
    box-shadow: 0 0 0 1px rgb(var(--color-blue));
    transition: .25s;
}

.buttons-first-connexion {
    margin-top: 16px;
}

.mention {
    font-size: 14px;
    margin-top: 16px;
}

.mention a {
    color: rgb(var(--color-blue));
    text-decoration: underline;
    text-underline-offset: 3px;
}

.mention a:hover {
    text-decoration-thickness: 2px;
}

@media screen and (min-width: 750px) {
    .field-group {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
}

input[type="submit"]:not([disabled]) {
    cursor: pointer;
}

.event__header {
    text-align: center;
    padding-top: 32px;
    padding-bottom: 16px;
}

@media screen and (min-width: 750px) {
    .event__header {
        padding-top: 64px;
    }
}

.event__title {
    margin-bottom: 24px;
}

.event__detail-wrapper {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    padding-top: 64px;
    padding-bottom: 64px;
    position: relative;
    margin-top: 24px;
}

.event__detail-wrapper .stamp {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
}

.event__detail {
    max-width: 960px;
    display: grid;
    gap: 32px;
}

@media screen and (min-width: 750px) {
    .event__detail {
        grid-template-columns: repeat(2, 1fr);
    }

    .event-box__item:last-of-type {
        grid-column: span 2;
    }
}


@media screen and (min-width: 960px) {
    .event__detail {
        grid-template-columns: repeat(3, 1fr);
    }

    .event-box__item:last-of-type {
        grid-column: span 1;
    }

}

.event__detail-date,
.event__detail-time {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgb(var(--color-gold));
    display: block;
    margin-bottom: 8px;
}

.event__detail-time {
    margin-top: 16px;
}

.buttons-event .accept,
.buttons-event .decline,
.buttons-event .decline-one-user {
    font-family: var(--font-heading-family);
    font-size: 14px;
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-gold));
    display: block;
    gap: 0;
    padding: 12px 24px;
    margin: 0 0;
    border: 1px solid rgb(var(--color-gold)) !important;
    cursor: pointer;
    width: 100%;
    margin-bottom: 16px;
}

.buttons-event .accept:hover,
.buttons-event .decline:hover,
.buttons-event .decline-one-user:hover {
    box-shadow: inset 0 0 0 1px rgb(var(--color-gold));
    transition: .1s;
}

.buttons-event .accept {
    background: rgb(var(--color-gold));
    color: rgb(var(--color-white));
}

.event-box__location-label,
.event-box__contact-label {
    display: block;
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgb(var(--color-gold));
}

.event-box__location + .event-box__contact {
    margin-top: 16px;
}

.event-box__location {
    height: 80px;
}

.event-box__contact-label {
    margin-bottom: 8px;
}

.event-data {
    text-align: center;
}

.event-step h4 {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.add-to-calendar {
    font-family: var(--font-heading-family);
    font-size: 14px;
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgb(var(--color-gold));
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: .1s;
}

.add-to-calendar:hover {
    text-decoration-thickness: 2px;
}

.return-to {
    color: inherit;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: all 0.25s;
}

.return-to:hover {
    text-decoration-thickness: 2px;
}

.event__comment {
    font-family: var(--font-body-family);
    font-size: 14px;
    line-height: 1.5;
    color: rgb(var(--color-blue));
    border: 1px solid rgb(var(--color-gold));
    border: none;
    height: 120px;
    width: 100%;
    box-shadow: 0px 2px 10px 2px rgba(var(--color-gold), 0.11);
    border-radius: 4px;
    padding: 24px;
}

.tr__categories {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}


@media screen and (min-width: 960px) {
    .tr__categories {
        grid-template-columns: repeat(6, 1fr);
    }
}

.tr__category {
    color: inherit;
}

.tr__image-wrapper {
    overflow: hidden;
    aspect-ratio: 1 / 1;
    margin-bottom: 8px;
}

.tr__image {
    width: 100%;
    height: 100%;
    transition: .3s;
    object-fit: cover;
}

.tr__category:hover .tr__image {
    transform: scale(1.1);
}

.tr__category:hover .tr__category-name {
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: .3s;
}

.tr__category-name {
    font-size: 18px;
    color: inherit;
    text-transform: none;
    letter-spacing: normal;
}

.text-align--center {
    text-align: center;
}

.modal-footer .buttons {
    display: flex;
    padding: 32px 0;
}

.modal-content a {
    color: rgb(var(--color-blue));
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: .25s;
}

.modal-content a:hover {
    color: rgb(var(--color-blue));
    text-decoration-thickness: 2px;
    transition: .25s;
}

.modal-footer .btn {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: rgb(var(--color-beige));
    padding: 12px 24px;
    border: 1px solid rgb(var(--color-blue));
    border-radius: 0;
    cursor: pointer;
    transition: .25s;
    color: rgb(var(--color-blue));
}

.modal-footer .btn[disabled] {
    opacity: 0.3;
    pointer-events: none;
}

.modal-footer .btn:hover {
    box-shadow: inset 0 0 0 1px rgb(var(--color-blue));
}

.dialog[open]::before {
    content: "";
    width: 100%;
    background: rgb(0, 0, 0, 0.8);
    height: 100%;
    top: 0;
    left: 0;
    content: " ";
    z-index: 100;
}

.modal button.close {
    position: fixed;
    top: 16px;
    right: 16px;
    width: 44px;
    height: 44px;
    cursor: pointer;
    background: none;
    border: none;
    opacity: 0.8;
}

.modal button.close:hover {
    opacity: 1;
}

.modal button.close img {
    width: 32px;
    pointer-events: none;
}

.step-bar {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
}

.mmpj-legal-info.rte {
    font-size: 12px !important;
    margin-top: 32px;
}

.mmpj-legal-info.rte > * + * {
    margin-top: 8px;
}

.mmpj-legal-info.rte a {
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: 1s;
}

.mmpj-legal-info.rte a:hover {
    text-decoration-thickness: 2px;
}

.modal-body,
.modal-footer {
    margin-top: 16px;
}

#mmpj-gdpr-accepted {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

#mmpj-gdpr-accepted + label {
    cursor: pointer;
}

.competition-informations.concours-result {
    padding: 32px;
    border: 1px solid rgb(var(--color-blue));
    border-left-width: 8px;
}

.single-competition {
    text-align: center;
    padding-top: 112px;
    padding-bottom: 112px;
    max-width: 960px;
    margin: 0 auto;
}

.competition-informations.concours-result .event-title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 16px;
}

.result-concours-subtitle {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 24px;
}

.result-concours-logo {
    width: 112px;
    margin-bottom: 16px;
}

.result-competition h3 {
    margin-bottom: 16px;
}

.pr-eboutique .card .card-image {
    object-fit: contain;
}

.required-informations {
    font-size: 12px;
}

.required,
.required-informations {
    color: rgb(var(--color-red));
}

.field-container {
    position: relative;
}

.dialog-collapse-body > h2:first-of-type {
    margin-bottom: 16px;
    max-width: 85%;
}

.phone-prefix {
    font-family: var(--font-heading-family);
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translateY(-50%);
    padding-right: 12px;
    border-right: 1px solid rgb(var(--color-blue));
}

.field-container input {
    padding-left: 80px !important;
}

.restricted__message--wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgb(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    display: none;
}

.restricted__message--wrapper.visible {
    display: block;
}

.restricted__message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 640px;
    padding: 32px 48px 32px 32px;
    background-color: rgb(var(--color-beige));
    max-width: 90%;
}

body.has-pop-up,
body.has-header-open {
    overflow: hidden;
}

body.has-pop-up .site-overlay,
body.has-header-open .site-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0, 0.8);
    width: 100%;
    height: 100vh;
    z-index: 98;
}

body.has-header-open .site-overlay {
    z-index: 98 !important;
}

.close-popup {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
    opacity: 0.8;
}

.close-popup:hover {
    opacity: 1;
}

.modal-footer--flex {
    display: flex;
    gap: 32px;
}

@media screen and (min-width: 750px) {
    .mes-avantages-grid {
        display: flex;
        gap: 40px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .card-grid.pr-eboutique-grid {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .card-grid.pr-eboutique-grid > * {
        flex: 0 0 calc(33% - 24px);
    }
}

.mes-avantages-grid > * {
    flex: 0 0 calc(50% - 20px);
}

.avantage__container {
    margin-bottom: 32px;
}

.avantage__container .card-image {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.avantage__container {
    background-color: rgb(var(--color-blue), 0.8);
    color: rgb(var(--color-beige)) !important;
    color: inherit;
    display: block;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
    transition: .5s;
}

.avantage__container:hover {
    background-color: rgb(var(--color-blue), 1);
}

.avantage__container h3 {
    font-size: 18px;
    transition: .25s;
    padding: 16px;
}

.color-background-inverse .return {
    color: rgb(var(--color-beige));
}

.return:hover {
    text-decoration-thickness: 2px;
}

.pr-competitions-thank-you .return {
    display: block;
    text-align: center;
    padding-top: 32px;
}

.select-gender {
    font-family: var(--font-heading-family);
    font-size: 18px;
    height: 52px;
    width: 50%;
    margin-left: 2px;
    color: rgb(var(--color-blue));
    border: 1px solid rgb(var(--color-blue));
    border-radius: 32px;
    padding: 8px 24px;
    line-height: 1;
    display: block;
}

#ask-account-form input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    width: 1px;
    height: 1px;
}

#ask-account-form input[type="checkbox"] + label {
    cursor: pointer;
    margin-bottom: 0;
}

#ask-account-form h3 {
    margin-bottom: 16px;
}

.hobbies__heading {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 20px;
    margin-bottom: 16px;
}

.hobbies__list {
    column-count: 2;
    margin-bottom: 32px;
    gap: 20px;
}

#file-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    border: 1px dashed rgb(var(--color-gold));
    border-radius: 8px;
    cursor: pointer;
    margin-top: 16px;
}

#file-label + input,
.profile-image {
    opacity: 0;
    display: none;
}

.uploaded-file {
    padding: 16px;
    border: 1px solid rgb(156, 156, 156);
    margin-bottom: 16px;
    gap: 16px;
    position: relative;
    display: none;
}

.uploaded-file.has-file {
    display: flex;
}

.close-icon-file {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 10px;
    cursor: pointer;
}

.file-name {
    font-size: 16px !important;
    margin-bottom: 0 !important;
}

.uploaded-file.has-file img {
    width: 24px;
    height: 24px;
}

.csv-icon {
    width: 16px;
}

.icon-search {
    width: 24px;
    fill: rgb(var(--color-blue));
}

.society-name {
    font-size: 12px;
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    letter-spacing: 0.05em;
}

.styled-select {
    position: relative;
    width: 280px;
}

.styled-select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 0;
    width: auto;
    margin: 0;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    text-align: left;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 20px;
    border: 1px solid rgb(var(--color-beige));
}

.styled-select .select-arrow {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 44px;
    line-height: 34px;
    border-left: 1px solid rgb(var(--color-beige));
    text-align: center;
    pointer-events: none;
}

.styled-select .select-arrow img {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

select option {
    background-color: rgb(var(--color-white));
    color: rgb(var(--color-blue));
}


.navigation-categories {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
}

.navigation-categories__button {
    all: unset;
    display: block;
    flex-shrink: 0;
    font-family: var(--font-heading-family);
    font-size: 14px;
    line-height: 1;
    padding: 16px 20px;
    transition: .3s cubic-bezier(.42,0,.13,1.04);
    transition-property: color,background-color;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-top: 1px solid rgb(var(--color-blue));
    border-bottom: 1px solid rgb(var(--color-blue));
}

.navigation-categories__button.is-selected {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
}

.menu-drawer__navigation .user-dp {
    width: 44px;
    height: 44px;
    border-radius: 100%;
}

.menu-drawer__navigation .current-user__name {
    font-size: 16px;
}

.menu-drawer__navigation .switch-profile {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.menu-drawer__navigation .current-user__info {
    margin-top: 8px;
}

.menu-drawer__navigation .edit-profile {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.menu-drawer__navigation #identify-as-user,
.menu-drawer__navigation .show-switch-roles {
    font-size: 14px;
}

.menu-drawer__navigation #identify-as-user {
    height: 44px;
}

.menu-drawer__navigation .show-switch-roles {
    padding: 14px 32px;
    line-height: 1;
}

.menu-drawer__navigation .profile-switch-container {
    margin-bottom: 32px;
}

.menu-drawer__navigation #identify-as-user::placeholder {
    font-size: 14px;
}


.menu-drawer__navigation .button--logout {
    float: right;
    position: relative;
    bottom: 16px;
    padding: 12px 16px !important;
}

.menu-drawer__navigation-menu {
    padding-bottom: 32px;
}

.menu-drawer__navigation-compte {
    display: none;
}

#select-contact,
.select-contact-society {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}

.event-box__contact .contact__email,
.event-box__contact .contact__phone {
    font-size: 14px;
    color: rgb(var(--color-beige));
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: .5s;
    display: block;
    margin-top: 8px;
}

.event-box__contact .contact__email:hover,
.event-box__contact .contact__phone:hover {
    text-decoration-thickness: 2px;
}

p.event-callout {
    font-size: 14px;
    padding: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
    border: 1px solid rgb(var(--color-gold));
}

p.event-callout--red {
    border: 1px solid rgb(var(--color-red));
    border-left-width: 4px;
}

details summary::-webkit-details-marker {
    display:none;
}


.modal-body h2 {
    max-width: 80%;
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear {
    display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {
    display: none; width : 0; height: 0;
}
/* clears the ‘X’ from Chrome */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.modal-footer p.mention-alcool {
    margin-left: -32px;
    margin-right: -32px;
    width: calc(100% + 64px);
    text-align: center;
    background: rgb(var(--color-gold));
    padding: 8px;
}

.event__register-logo img {
    margin-bottom: 0;
}

.mmpj-legal-info .links {
    display: flex;
    justify-content: space-between;
}

.answers-to-qcm {
    margin: 32px auto;
    max-width: 640px;
    background: rgb(var(--color-beige));
    padding: 32px;
    color: rgb(var(--color-blue));
}

.return-to {
    margin-top: 16px;
    display: block;
}

.answers-to-qcm h3 {
    margin-bottom: 16px;
}
.answers-to-qcm .answer ul {
    margin-top: 16px;
}


.answers-to-qcm .answer li {
    padding: 12px;
    margin-bottom: 16px;
    border: 1px solid rgb(var(--color-blue));
    border-radius: 4px;
}

.answers-to-qcm .answer li.good-one {
    border: none;
    color: rgb(var(--color-green));
}

.answer {
    padding: 32px 0;
    border-top: 1px solid rgb(var(--color-gold));
}

.competition__subtitle {
    margin: 16px 0;
}

/* Mon espace personnel - Mon Profil - Données personnelles
------------------------------------------------------------- */
#card-ajouter-contact {
    max-width: 640px;
}

/* Mon espace personnel - Mon Profil - Mon compte
------------------------------------------------------------- */
.photo-de-profil {
    display: flex;
    padding: 16px 0;
    gap: 16px;
    border-bottom: 1px solid rgb(var(--color-blue));
    margin-bottom: 32px;
    justify-content: space-between;
}

@media screen and (min-width: 650px) {
    .photo-de-profil {
        gap: 32px;
        justify-content: flex-start;
    }
}

.profile__image {
    width: 112px;
    height: 112px;
    border-radius: 100%;
    border: 2px solid rgb(var(--color-blue));
    overflow: hidden;
}

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

.button.button--full-width.profile-image__label {
    margin-bottom: 16px !important;
}

.photo-de-profil input[type="submit"] {
    margin-bottom: 0;
}


.photo-de-profil input[type="file"] {
   position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.uploaded-dp {
    font-size: 14px;
    border: 1px solid rgb(var(--color-blue));
    display: none;
}

.uploaded-dp p {
    max-width: 260px;
    overflow: hidden;

}

.uploaded-dp.has-file {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 16px;
    width: 320px;
    margin-bottom: 16px;
}

.close-dp {
    width: 44px;
    height: 44px;
    cursor: pointer;
    opacity: 0.8;

    display: flex;
    align-items: center;
    justify-content: center;
}

.close-dp:hover {
    opacity: 1;
}

.close-dp img {
    width: 24px;
    height: 24px;
}

button[disabled],
input[disabled] {
    opacity: 0.3;
    cursor: not-allowed;
}

.profile-tab-container {
    position: sticky;
    top: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: rgb(var(--color-beige));
    z-index: 97;
}

.admin-bar .profile-tab-container {
    top: 32px;
}

.admin-bar .utility-links {
    margin-top: 32px;
}

.profile__tabs {
    padding-top: 0;
    padding-bottom: 0;
    border-top: 1px solid rgb(var(--color-blue));
    border-bottom: 1px solid rgb(var(--color-blue));
    justify-content: center;
}


.contrat__tabs {
    font-weight: 700;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding-top: 32px;
}

.profile__tabs .tablinks {
    font-size: 18px;
    padding-top: 16px;
    padding-bottom: 16px;
    color: rgb(var(--color-blue));
    border-radius: 0 !important;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
}

.contrat__tabs button {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font-heading-family);
    padding: 24px 32px;
    border: 1px solid rgb(var(--color-blue));
    border-radius: 4px;
    background: none;
    cursor: pointer;
    text-transform: none;
}

.contrat__tabs button.active {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
}

@media screen and (max-width: 749px) {
    .contrat__tabs,
    .profile__tabs {
        justify-content: flex-start;
        overflow-x: scroll;
    }

    .contrat__tabs button,
    .profile__tabs .tablinks {
        font-size: 14px;
    }

    .profile-tab-container {
        border-top: 1px solid rgb(var(--color-blue));
        top: 112px !important;
    }
}

.profile__tabs .tablinks.active {
    border-bottom: 3px solid rgb(var(--color-blue));
}

.mt0 {
    margin-top: 0 !important;
}

.table-container {
    width:  calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    overflow-x: scroll;
}

@media screen and (min-width: 750px) {
    table th, table td {
        white-space: normal;
    }

    .table-container {
        max-width: 100%;
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;
    }

    .has-two-column.notification-filter {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
        width: 700px;
        max-width: 100%;
        margin-bottom: 32px !important;
    }

    .has-two-column.notification-filter label {
        padding: 0 0;
    }

    .table-container {
        /*width:  calc(100vw - 16px);*/
        /*max-width: 700px !important;*/
        overflow: visible;
    }

    .table-container th,
    .table-container td {
        white-space: break-spaces;
        word-break: break-word;
    }
}

.contacts-table.is-sticky tr th:first-of-type,
.contacts-table.is-sticky tr td:first-of-type {
    position: sticky;
    left: 0;
}

.notification-table th,
.notification-table td {
    padding: 12px;
}

input[type="date"] {
    height: 52px;
    padding: 12px 20px;
    font-family: var(--font-heading-family);
    font-size: 16px;
    border-radius: 32px;
    width: 356px;
    border: 1px solid rgb(var(--color-blue));
}

.notification-filter input {
    position: absolute;
    opacity: 0;
}

.notification-filter label {
    display: flex;
    align-items: center;
    line-height: 1;
    gap: 8px;
    padding: 16px 0;
    cursor: pointer;
    margin-right: 16px;
}

.notification-filter {
    margin-bottom: 16px;
}

@media screen and (max-width: 650px) {
    .has-two-column {
        column-count: 2;
    }

    .notification-filter label {
        padding: 8px 0;
    }
}

#ajout-contact input[type="checkbox"],
.midCol input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    width: 1px;
    height: 1px;
}

#ajout-contact input[type="checkbox"] + label {
    font-size: 14px;
    cursor: pointer;
}

.input-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-top: 32px;
}

.input-grid legend {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}

.input-grid .fieldset-wrapper label,
.midCol input[type="checkbox"] + label {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.dialog-navbar-container h2 {
    margin-top: 0;
    max-width: 90%;
}

dialog h3 {
    font-size: 24px;
}

.contact-civilite {
    margin-bottom: 24px;
}

.contact-civilite legend {
    font-family: var(--font-heading-family);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.contact-civilite label {
    font-size: 14px;
    padding: 12px 32px;
    border: 1px solid rgb(var(--color-blue));
    cursor: pointer;
    text-align: center;
    transition: 0.25s;
    border-radius: 4px;
}

.contact-civilite label:hover {
    box-shadow: inset 0 0 1px rgb(var(--color-blue));
}

.contact-civilite input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.contact-civilite input:checked + label {
    background: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
}

.civilite-wrapper {
    display: flex;
    gap: 16px;
}

#card-ajouter-contact select {
    height: 52px;
    border-radius: 32px;
    font-size: 14px;
    line-height: 1;
}

.millesimeListe {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 16px;
}

.millesimeListe a {
    font-size: 14px;
    display: block;
    padding: 8px 16px;
    color: rgb(var(--color-blue));
    border: 1px solid rgb(var(--color-blue));
    border-radius: 32px;
}

.millesimeListe a.selected {
    background: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
}

.espace-perso-livreur {
    border: 1px solid rgb(var(--color-blue));
    width: max-content;
    max-width: calc(100vw - 32px);
    overflow: visible;
}

.espace-perso-livreur table {
    width: 1216px;
    max-width: 100% !important;
    overflow: hidden;
}

.espace-perso-livreur table td {
    font-size: 14px;
    white-space: normal;
    word-wrap: break-word;
}

#factures-services th,
#factures-services-more th,
.style-table-2 th {
    font-weight: var(--type-bold);
    text-align: left;
    background: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    border-color: rgb(var(--color-blue)) !important;
}


#factures-services th,
#factures-services td,
#factures-services-more th,
#factures-services-more td,
.style-table-2 th,
.style-table-2 td {
    padding: 16px;
    border-top: 1px solid rgb(var(--color-blue), 0.3);
}

.search-livreur-banner {
    text-align: center;
    padding: 32px;
    background: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    margin-top: 32px;
    margin-bottom: 32px;
    border-radius: 8px;
}

.search-livreur-banner input {
    font-size: 16px;
    font-family: var(--font-body-family);
    padding: 16px;
    width: 100%;
    max-width: 400px;
    background: none;
    border: none;
    border-bottom: 1px solid rgb(var(--color-beige));
    color: rgb(var(--color-beige));
}

@media screen and (min-width: 750px) {
    .search-livreur-banner input {
        font-size: 20px;
    }
}

.search-livreur-banner input::placeholder {
    font-family: var(--font-body-family);
    color: rgb(var(--color-beige), 0.3);
}

.espace-perso-livreur tr th:first-of-type,
.espace-perso-livreur tr td:first-of-type {
    position: sticky;
    left: 0;
}

.espace-perso-livreur tr td:first-of-type {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    border-right: 1px solid rgb(var(--color-blue));
}


.detail-link a {
    display: block;
    height: 100%;
}

.datatable-table th {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.datatable-table th,
.datatable-table td {
    white-space: normal;
}

.datatable-table > tbody > tr > td,
.datatable-table > tbody > tr > th,
.datatable-table > tfoot > tr > td,
.datatable-table > tfoot > tr > th,
.datatable-table > thead > tr > td,
.datatable-table > thead > tr > th {
    padding: 12px 16px;
}

table a,
table button,
.datatable-table a,
.datatable-table button,
.notification-status {
    color: rgb(var(--color-blue));
    /*text-decoration: underline;*/
    /*text-underline-offset: 3px;*/

    font-family: var(--font-body-family);
    font-size: 12px;
    padding: 8px 16px;
    text-align: center;
    border: 1px solid rgb(var(--color-blue));
    white-space: nowrap;
    border-radius: 32px;
    display: block;
    max-width: max-content;
    transition: .25s;
    background: none;
    cursor: pointer;
}


table button:hover,
table a:hover,
.datatable-table a:hover,
.datatable-table button:hover,
.notification-status:hover {
   box-shadow: inset 0 0 1px rgb(var(--color-blue));
}


.datatable-input {
    font-family: var(--font-body-family);
    height: 52px;
    border-radius: 32px;
    padding: 8px 16px;
    border: 1px solid rgb(var(--color-blue));
}

.datatable-selector {
    height: 52px;
    padding: 16px;
    font-size: 16px;
}

.compte-rendu__heading {
    text-align: center;
    margin-bottom: 16px;
}

.table-overflow {
    max-width: 100vw;
    overflow-x: scroll;
}

@media screen and (min-width: 750px)  {
    .page-template-page-factures-services .table-overflow {
        overflow: auto !important;
    }
}

.fiche-livreur .new-document-label {
    height: 52px;
    border: 1px solid rgb(var(--color-blue));
    border-radius: 32px;
    padding: 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: var(--type-bold);
    cursor: pointer;
    transition: 0.5s;
    width: 300px;
}

.new-document-label:hover {
    box-shadow: inset 0 0 1px rgb(var(--color-blue));
}

.has-document {
    border: 1px solid rgb(var(--color-blue));
    height: 52px;
    display: flex;
    align-items: center;
    padding: 0 16px;
}

.uploaded-document {
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

.fiche-livreur .new-document-input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/*.input-wrapper-document {*/
/*    justify-content: flex-end;*/
/*}*/

.fiche-livreur .has-document {
    display: none;
    position: relative;
}

.fiche-livreur .has-document.has-file {
    display: flex;
    width: 300px;
}

.fiche-livreur .has-document .icon-close {
    position: absolute;
    cursor: pointer;
    width: 16px;
    height: 16px;
    right: 16px;
}

.button--small {
    margin-top: 0 !important;
    padding: 8px 24px !important;
    line-height: 1;
    font-size: 13px;
}

#notifications legend,
label[for="date-notification"] {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.date-wrapper {
    margin-top: 32px;
}

.datatable-sorter::before {
    border-top: 4px solid rgb(var(--color-white)) !important;
}

.datatable-sorter::after {
    border-bottom: 4px solid rgb(var(--color-white)) !important;
}

.detailTr + tr label {
    font-weight: var(--type-bold);
}

.contratContainer {
    padding-top: 64px;
    padding-bottom: 64px;
}

.contrat__header {
    text-align: center;
}

.footnote {
    font-size: 12px;
    margin-top: 8px;
}

.contrat-link {
    color: rgb(var(--color-blue));
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: .5s;
}

.contrat-link:hover {
    text-decoration-thickness: 2px;
}

.btn-uvpc {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.contrat__header {
    padding-bottom: 32px;
}

.contrat__header input[type="text"] {
    font-size: 16px;
    font-family: var(--font-body-family);
    padding: 8px 16px;
    background: none;
    height: 52px;
    border: none;
    border-bottom: 1px solid rgb(var(--color-blue));
    margin-top: 32px;
    width: 100%;
    max-width: 600px;
}

.detailTr + tr .details li {
    line-height: 2;
}

.contrat__details-content {
    column-count: 2;
    max-width: 600px;
    column-gap: 32px;
}

.dataTables_info {
    font-size: 12px;
}

.dataTables_length {
    margin-bottom: 32px;
}

.dataTables_filter label {
    font-family: var(--font-heading-family);
    font-size: 14px;
    font-weight: var(--type-bold);
    text-transform: uppercase;
}

.dataTables_filter input[type="search"] {
    background: none;
    border: none;
    border-bottom: 1px solid rgb(var(--color-blue));
    border-radius: 0;
    padding: 16px;
    font-family: var(--font-body-family);
    font-size: 14px;
    color: rgb(var(--color-blue));
}

table.dataTable.no-footer {
    border-bottom: 1px solid rgb(var(--color-blue));
}

.dataTables_wrapper .dataTables_paginate .paginate_button:not(.previous):not(.next) {
    border-radius: 100%;
    width: 44px;
    height: 44px;
    background: none;
    border: 1px solid rgb(var(--color-blue));
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: rgb(var(--color-blue)) !important;
    color: rgb(var(--color-beige)) !important;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 16px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):not(.previous):not(.next):hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):not(.previous):not(.next):active {
    color: rgb(var(--color-blue)) !important;
    box-shadow: inset 0 0 1px rgb(var(--color-blue));
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    font-family: var(--font-heading-family);
    font-size: 14px;
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgb(var(--color-blue));
    border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: rgb(var(--color-blue)) !important;
    opacity: 0.3;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:not(.disabled):hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:not(.disabled):hover {
    border: none;
    background: none !important;
    color: rgb(var(--color-blue)) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.dataTables_wrapper .dataTables_length select {
    padding: 8px !important;
    border: 1px solid rgb(var(--color-blue));
    border-radius: 0;
    font-family: var(--font-body-family);
    font-size: 14px;
}

td.dataTables_empty {
    padding: 16px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:active {
    background: none !important;
    box-shadow: none !important;
}

#dialog-echantillons-analyses-collapse .card-body {
    display: flex;
    justify-content: space-between;
    padding: 32px 0;
}

#dialog-echantillons-analyses-collapse .input-wrapper {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 4px 20px;
    background: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    border-radius: 32px;
}

#dialog-echantillons-analyses-collapse .input-wrapper input {
    font-family: var(--font-body-family);
    font-size: 14px;
    color: rgb(var(--color-beige));
    background: none;
    border: none;
    text-align: center;
    width: 80px;
}

.button-nmt {
    margin-top: 0;
    margin-bottom: 16px;
}

[data-millesime="Aucun"] {
    display: none !important;
}
.marginTop30 {
    margin-top: 16px;
}

#dialog-notifications-collapse {
    font-size: 14px;
}

.fiche-livreur-grid h2 {
    margin-top: 32px;
    margin-bottom: 16px;
}

.fiche-livreur-grid .userProfil a {
    display: block;
    text-align: center;
    padding: 12px;
    color: rgb(var(--color-blue));
    border: 1px solid rgb(var(--color-blue));
    margin-bottom: 16px;
    transition: .25s;
}

.fiche-livreur-grid .userProfil a:hover {
    background: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
}

.tab-detail-field {
    font-size: 14px;
    margin-bottom: 24px;
}

.tab-detail-field input {
    display: block;
    font-family: var(--font-body-family);
    background: none;
    border: none;
    padding: 8px 0;
    border-bottom: 1px solid rgb(var(--color-blue));
    width: 70%;
}

.tab-detail-container {
    margin-bottom: 32px;
}

.tab-detail-field label {
    font-weight: var(--type-bold);
}

/* Fiche livreur */
.changementContent {
    font-size: 14px;
    position: fixed;
    width: 720px;
    top: 50%;
    left: 50%;
    background: rgb(var(--color-beige));
    transform: translate(-50%, -50%);
    padding: 40px;
    border: 1px solid rgb(var(--color-blue));

    display: none;
}

.changementContent.is-active {
    display: block;
    z-index: 102;
}

.changementContent textarea {
    height: 160px !important;
    margin-bottom: 16px;
}

.fiche-livreur-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.contentEspacePerso h3.title-modal {
    font-size: 16px;
    margin-bottom: 16px;
}

p.small {
    font-size: 14px;
    margin-top: 1em !important;
}

.max-container {
    max-width: 100% !important;
}

.hero__content a.button.retour {
    font-size: 12px;
    margin-bottom: 16px;
    color: rgb(var(--color-gold));
}

.hero__content a.button.retour:hover {
    text-decoration-thickness: 2px;
}

a.notification-type {
    font-size: 14px;
    border: none;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 3px;
}

a.notification-type:hover {
    text-decoration-thickness: 2px;
    border: none;
}

.mb3 {
    margin-bottom: 16px;
}


.form-previsions {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgb(var(--color-gold));
    width: 300px;
    justify-content: space-between;
}

.form-previsions:last-of-type {
    margin-bottom: 0 !important;
}

.form-previsions label {
    font-size: 12px;
    font-weight: var(--type-bold);
    width: 200px;
}

.style-table-2 .head td {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
}

.questionnaire-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-bottom: 32px;
}

.questionnaire-form .warning-message {
    font-size: 13px;
    line-height: 1.5;
}

.contentEspacePerso>form>.flex .warning-message span {
    font-weight: var(--type-bold);
}

.commentaires label {
    display: block;
    margin-bottom: 8px;
}


.radio-group label {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    padding: 4px 32px;
    border: 1px solid rgb(var(--color-blue));
    display: inline-block;
    cursor: pointer;
}

.radio-group label > input {
    /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.radio-group label:has(input:checked) {
    background: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
}

.intemperies-contract-no {
    margin-top: 16px;
}

.form-qpr fieldset {
    padding-top: 8px;
    padding-bottom: 8px;
}

.questionnaire__question {
    margin-bottom: 8px;
}

.form-qpr  input[type="number"] {
    background: none;
    border: 1px solid rgb(var(--color-blue));
    padding: 8px;
    text-align: center;
}

.intemperies-contract-no p {
    margin-bottom: 16px;
}

.questionnaire_calculations {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-bottom: 16px;
}

.questionnaire__input {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 16px;
}

.questionnaire__input-symbol {
    text-align: center;
}

.qpr-validation {
    display: flex;
    gap: 16px;
}

.commentaires label {
    font-weight: var(--type-bold);
}

.legend-require {
    font-size: 12px;
    color: rgb(var(--color-red));
    margin-bottom: 4px;
}

.error__content {
    padding-top: 64px;
    padding-bottom: 64px;
    text-align: center;
}

.questionnaire_calculations label {
    font-weight: var(--type-bold);
}

.mon-espace__referent {
    margin-top: 32px;
    margin-bottom: 32px;
}

.mon-espace__referent a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: 0.5s;
}

.mon-espace__referent a:hover {
    text-decoration-thickness: 2px;
}

.has-notice {
    position: relative;
}

.has-notice p {
    position: absolute;
    font-size: 10px;
    background: rgb(var(--color-blue), 0.9);
    font-weight: var(--type-regular);
    padding: 8px;
    width: 300px;
    left: 16px;
    top: calc(100% + 8px);
    display: none;
}

.has-notice:hover p {
    display: block;
}

.flex-container-accompte {
    display: flex;
    width: max-content;
    gap: 16px;
}

.accompteFrm textarea {
    font-family: var(--font-body-family);
    font-size: 14px;
    line-height: 1.5;
    color: rgb(var(--color-blue));
    border: 1px solid rgb(var(--color-gold));
    border: none;
    height: 120px;
    width: 100%;
    box-shadow: 0px 2px 10px 2px rgba(var(--color-gold), 0.11);
    border-radius: 4px;
    padding: 24px;
}

.acompteVolume {
    border: 1px solid rgb(var(--color-gold));
    border: none;
    box-shadow: 0px 2px 10px 2px rgba(var(--color-gold), 0.11);
    border-radius: 4px;
    padding: 8px;
}

.accompte-container {
    max-width: 100% !important;
    width: 720px;
}

.accompteFrm h2 {
    margin-bottom: 16px;
}

file-upload {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 50%;
    margin-bottom: 16px;
}

/* Page content */
.page__content {
    max-width: 1100px;
}

.wp-block-group__inner-container > p:first-child  {
    margin-top: 0;
}

.wp-block-group__inner-container > p:last-child {
    margin-bottom: 0;
}


.wp-block-group__inner-container > * {
    margin-top: 0;
    margin-bottom: 0;
}

.wp-block-group__inner-container > * + * {
    margin-top: 16px;
}

.wp-block-group__inner-container > * + a {
    margin-top: 24px;
}


.page__content.rte blockquote {
    border-left: 4px solid rgb(var(--color-blue));
    text-align: left;
    padding: 8px 32px;
}

.page__content.rte blockquote cite {
    font-style: normal !important;
    background-color: rgb(var(--color-blue));
}

.page__content.rte blockquote {
    margin-top: 56px;
}

.wp-block-categories-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    padding-left: 0 !important;
    text-align: center;
    gap: 8px;
}

.wp-block-categories-list li a {
    color: rgba(var(--color-blue),1);
    font-size: 14px;
    text-decoration: none;
    display: block;
    padding: 12px;
    border: 1px solid rgb(var(--color-blue));
    transition: 0.25s ease-in-out;
}

.wp-block-categories-list li a:hover {
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
}

.wp-block-categories-list {
    margin-top: 48px;
    margin-bottom: 48px;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd){
    background-color: rgb(var(--color-gold), 0.3);
}

.wp-block-quote.is-large:where(:not(.is-style-plain)) p, .wp-block-quote.is-style-large:where(:not(.is-style-plain)) p {
    font-style: normal;
}

.wp-block-media-text .wp-block-media-text__media img {
    margin-bottom: 0;
}

figure.wp-block-table {
    margin-top: 56px;
    margin-bottom: 56px;
}


#add-file-modal textarea {
    font-family: var(--font-body-family);
    font-size: 14px;
    line-height: 1.5;
    color: rgb(var(--color-blue));
    border: 1px solid rgb(var(--color-gold));
    border: none;
    height: 120px;
    width: 100%;
    box-shadow: 0px 2px 10px 2px rgba(var(--color-gold), 0.11);
    border-radius: 4px;
    padding: 24px;
}

#add-file-modal button[type="submit"] {
    display: block;
    font-family: var(--font-heading-family);
    font-size: 14px;
    font-weight: var(--type-bold);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background-color: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    padding: 12px 32px;
    border-radius: 512px;
    width: max-content;
    border: none;
    margin-top: 40px;
    position: relative;
    cursor: pointer;

    height: 40.5px;
    width: 132px;

}


.loading__spinner {
    position: absolute;
    display: inline-block;
    z-index: 1;
    width: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(270deg);
    }
}

button .path {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: rgb(var(--color-beige));
    animation: dash 1.4s ease-in-out infinite;
}

@media screen and (forced-colors: active) {
    .path {
        stroke: CanvasText;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 280;
    }
    50% {
        stroke-dashoffset: 75;
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 280;
        transform: rotate(450deg);
    }
}

.comment-box {
    margin-top: 32px;
}

.fa.fa-clock-o {
    margin-right: 8px;
}

.relanceLivreurFormContainer textarea {
    margin-bottom: 16px;
}

.relance-ajouter {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.reglement-table {
    margin-top: 64px;
}

#donnes-personnelles .table-container td {
    white-space: normal;
    word-break: normal;
}

#changement-exploitation-dialog .input-wrapper {
    margin-bottom: 0;
}

#changement-exploitation-dialog .upload-button {
    margin-top: 0;
}

#changement-exploitation-dialog .input-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 32px;
    gap: 24px;
    border-bottom: 1px solid rgb(var(--color-blue));
}

#changement-exploitation-dialog file-upload {
    font-size: 12px;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    height: 100%;
    grid-column: span 2;
}

#changement-exploitation-dialog .input-group + button {
    margin-top: 32px;
}


#changement-exploitation-dialog select {
    background: none;
    border: none;
    font-family: var(--font-body-family);
    font-size: 12px;
    cursor: pointer;
    color: rgb(var(--color-blue));
}

.file-table-header {
    display: grid;
    font-weight: 700;
    grid-template-columns: 1fr 1fr 1fr 32px;
    font-size: 12px;
    padding: 8px 0;
    gap: 24px;
    margin-top: 16px;
    border-bottom: 1px solid rgb(var(--color-blue));
}

#changement-exploitation-dialog div#add-document {
    border-radius: 0;
    font-size: 13px;
    padding: 10px;
    letter-spacing: 0.05em;
    border: none;
    background: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    margin-top: 8px;
}

#changement-exploitation-dialog .file-name {
    max-width: -webkit-fill-available;
    overflow: hidden;
    text-overflow: ellipsis;
}

.delete-document {
    background: none;
    border: none;
    width: 32px;
    height: 100%;
    cursor: pointer;
    opacity: 0.8;

    display: flex;
    align-items: center;
    justify-content: center;
}

.delete-document:hover {
    opacity: 1;
}

.delete-document svg {
    width: 20px;
}

.rgpd {
    font-size: 12px;
    line-height: 1.5;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 32px 16px;
}

.rgpd a {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: inherit;
}

.rgpd a:hover {
    text-decoration-thickness: 2px;
}

@media screen and (max-width: 749px) {
    .bandeau {
        width: 100%;
        height: 80px;
        position: relative;
    }

    .bandeau + img {
        width: 80px;
        height: 80px;
        position: absolute;
        top: 0;
        bottom: auto;
        left: 50%;
        transform: translate(-50%, 50%);
    }


    #login,
    .premiere-connexion__content {
        width: auto !important;
        margin-left: 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    .premiere-connexion__media {
        display: none;
    }

    .premiere-connexion {
        display: block;
    }

    .premiere-connexion__form {
        width: auto;
    }
}

.relative {
    position: relative;
}

.livreur-submission-message,
.new-contact-message {
    padding: 8px 16px;
    margin-bottom: 32px;
    color: rgb(var(--color-green));
    font-weight: 600;
    border: 1px solid rgb(var(--color-green));
    width: max-content;
}

.livreur-submission-message {
    margin-top: 32px;
    margin-bottom: 0;
}

.contentEspacePerso.QuestPrev .dialog-navbar-container {
    width: 960px;
}

.contentEspacePerso.QuestPrev .form-qpr fieldset {
    margin-bottom: 24px;
}

.contentEspacePerso.QuestPrev .warning-message.rte {
    padding: 16px;
    border: 1px solid rgb(var(--color-blue));
    height: max-content;
}

.error-404 {
    text-align: center;
    padding-top: 64px;
    padding-bottom: 64px;
}

.search-field {
    font-family: var(--font-heading-family);
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: none;
    border: none;
    padding: 8px 16px;
    border-bottom: 2px solid rgb(var(--color-blue));
    margin-top: 16px;
}

p.connected-as {
    padding-top: 32px;
    padding-bottom: 32px;
    margin-bottom: 16px;
}

.connection-details {
    padding-top: 32px;
    padding-bottom: 32px;
}

.connection-details p.connected-as {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 16px;
}

.connected-as.has-announcement {
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
}

.questionnaire_ferme {
    padding: 16px;
    margin-bottom: 32px;
    border: 1px solid rgb(var(--color-blue));
}

@media screen and (min-width: 750px) {
    .pagination {
        grid-column: span 3;
    }
}

#card-ajouter-contact select {
    background: white;
}

.form-qpr.qpr-hectare,
.questionnaire-form .commentaires{
    grid-column: span 2;
}

/* Referent card */
.referent-card {
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}

.referent-card__thumbnail {
    aspect-ratio: 1 / 1;
}


@media screen and (min-width: 750px) {
    .referent-card {
        display: flex;
        height: 200px;
    }

    .referent-card__thumbnail {
        height: 200px;
        min-width: 200px;
    }
}


.referent-card__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.referent-card__infos {
    background: rgb(var(--color-blue));
    color: rgb(var(--color-beige));
    text-align: left;
    padding: 32px;
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
}

.referent-card__infos i {
    font-size: 12px !important;
    margin-bottom: 0 !important;
}

.flex-info {
    display: flex;
    gap: 8px;
    align-items: center;

}

.referent-card__infos p {
    margin-bottom: 8px !important;
}

.benefits__content p {
    margin-bottom: 32px;
}

.wp-block-table.aligncenter a {
    display: inline;
    border: none;
    font-size: 14px;
}

.wp-block-table.aligncenter a:hover {
    border: none !important;
}