/* +P
  __      ____
 /\ \    /\  _`\  
 \_\ \___\ \ \L\ \
/\___  __\\ \ ,__/
\/__/\ \_/ \ \ \/ 
    \ \_\   \ \_\ 
     \/_/    \/_/ 
     Yeah! 2022 plusproduit.com
     
     plus10 theme 22.12.24
*/

/* Couleurs et gouttières dans global.css */

html {
    font-size: 16px;
    background-color: var(--bs-primary);
}

body {
    background-color: var(--bs-body-bg);
    color: var(--bs-dark);
}

aside {
    --drupal-displace-offset-top: 85px;
    /* --drupal-displace-offset-bottom: 54px;  */
}

.top-bar {
    bottom: 0 !important;
    top: auto !important;
}

.region-help {
    position: fixed;
    bottom: 3rem;
    background-color: rgba(255, 255, 255.7);
    height: auto;
    padding: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.messages {
    max-width: 800px;
    margin: auto;
}

.messages .placeholder {
    background: none;
    cursor: auto;
}

/* #region STRUCTURE */
.unpublished::after {
    content: '⚠ non publié / unveröffentlicht / inedito';
    position: fixed;
    bottom: 0;
    left: 0px;
    right: 0;
    width: 100%;
    background-color: red;

    font-weight: normal;
    color: #FFF;
    text-transform: uppercase;

    padding: 1rem 0 1rem 100px;
    box-shadow: 0px 0px 5px #444;
    z-index: 2;
}

main {

    /* taille du header voir global.css */
    padding-top: var(--p-header-height);
    overflow: hidden;
}

.node,
.block-webform,
.block-view,
.block-menu,
#block-plus10-content,
.block-views {
    position: relative;
    z-index: 1;
}

.toolbar-fixed main {
    /* padding-top: calc(var(--p-header-height) + 39px); */
    padding-top: var(--p-header-height);
}

.toolbar-tray-open.toolbar-horizontal main {
    padding-top: var(--p-header-height);
    /* padding-top: calc(var(--p-header-height) + 79px); */
}

/* #endregion */


/* #region HEADER */

/* Navbar */
.site-header {
    padding: 30px 0 35px;
    background-color: rgba(var(--bs-primary-rgb), 0);
}

/* Fixed-top */
.fixed-top.site-header {
    z-index: 1502;

}

.scrolled .fixed-top.site-header {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgba(var(--bs-primary-rgb), 0);
}

/* Aligne logo et menu au centre vertical */
.region-header {
    align-items: center;
}

/* annule le 100% par défaut */
.region-header .block {
    width: auto;
}



@media (max-width: 991.98px) {
    .region-header .block-system-branding-block {
        padding-right: 0;
    }

    /* cache les menus dans le header */
    .region-header nav {
        display: none;
    }

    #p-offcanvasbtn {
        display: block;
    }
}

/* Pousse les autres éléments dans le header à droite */
.region-header .block-system-branding-block {
    margin-right: auto;
}

.block-system-branding-block .block-inner {
    display: flex;
    align-items: center;
}

/* Logo ----------- */
.site-logo img,
.site-logo svg {
    width: 100%;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0;
}

.bg-neg .site-logo {
    fill: #FFF;
}

.site-logo {
    height: 44px;
    max-width: 400px;
    margin-right: .6rem;
    display: flex;
}

/* .scrolled .fixed-top .site-logo {}

.site-name {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1;
}

.site-slogan {
    font-size: .8rem;
} */

.p-invert-color .fixed-top .site-name a,
.p-invert-color .fixed-top .site-slogan {
    color: var(--bs-light);
}

/* Permet le calcul du padtop */
.p-loaded .site-header,
.p-loaded .site-logo {
    transition: all .4s .05s ease-out;
}

@media (max-width: 991.98px) {

    /* .site-header,
    .scrolled .fixed-top.site-header {
        padding: 10px 0;
    } */



}

/* #endregion */


/* #region DROPDOWN multilevel nav */

.menu-item--expanded {
    position: relative;
}

.site-header ul.nav>.menu-item--expanded,
.site-header ul.nav .menu-item--expanded>ul {
    border-left: 2px solid transparent;
}

.site-header ul.nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 12rem;
    font-size: .8rem;
}

/* moins la largeur du border */
.site-header ul.nav>li>ul {
    display: none;
    position: absolute;
    left: -2px;
}

.site-header ul.nav .menu-item--expanded:hover,
.site-header ul.nav .menu-item--expanded:hover>ul {
    display: block;
    background-color: rgba(var(--bs-body-bg-rgb), .95);
    border-color: var(--bs-primary);
}

/* #endregion */


/* #region LANGUAGE */
.site-header .block-language {
    height: 44px;

}

.block-language .links a {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    padding: 8px 1rem 8px 0;

    transition: opacity .2s linear;

    opacity: .5;
}

.block-language .links a:hover {
    opacity: .75;
}

.block-language .links a.is-active {
    opacity: 1;
}

@media (max-width:1420px) {
    .block-language {
        margin-right: 0;
    }
}

@media (max-width:991px) {
    .site-header .block-language {
        margin-right: 0;
        padding-right: .5rem;
        padding-left: 0;
    }

}

/* #endregion */





/* #region TYPOGRAPHY */

h1,
h2,
h3,
.font2,
.fake-h2,
.fake-h3,
.fake-h2-small {
    font-family: var(--p-alt-font-family);
    font-weight: 400;
    text-transform: uppercase;
    font-variation-settings: "wdth" 85, "slnt" 0;
    margin-bottom: 1rem;
    letter-spacing: .033em;

}

table td>p {
    margin: 0 !important;
}

table td * {
    font-variation-settings: "wdth" 85, "slnt" 0 !important;
}

/* .char-1 {
    font-variation-settings: "wdth" 58;
}

.char-2 {
    font-variation-settings: "wdth" 65;
}

.char-3 {
    font-variation-settings: "wdth" 72;
}

.char-4 {
    font-variation-settings: "wdth" 79;
} */


h1 {
    font-size: 7.5rem;
    /* 16 –> 120 */
    line-height: .9;
    letter-spacing: 0;
    font-variation-settings: "wdth" 60, "slnt" 0;
}

h2 {
    font-variation-settings: "wdth" 85, "slnt" 0;
}


.page-node-type-concert h1.page-title {
    /* border-bottom: 0 !important; */
    margin-bottom: 1.25rem;
}

table {
    margin-top: 1rem;
    min-width: 100%;
}

table td {
    border-bottom: .5px solid #000;
}

table tr:first-child td,
table thead td {
    border-top: .5px solid #000;
}

h2 {
    font-size: 2rem;
    /* 16 –> 32 */
    line-height: 1.1
}

/* plus de vague typo mais extra compressed */

h2.geca-vague-typo {
    font-size: 3rem;
    /* 16 –> 48 */
    font-size: 5rem;
    /* 16 -> 80 */
    font-variation-settings: "wdth" 60, "slnt" 0;
}

p.fake-h2 {
    font-size: 3rem;
    /* 16 –> 48 */
    line-height: 1;
}

p.fake-h2-small {
    font-size: 2.125rem;
    line-height: 1.1;
}

h3 {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: .5rem;
    /* 16 –> 24 */
}

h4 {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

p+h3 {
    margin-top: 1.5rem;
}

h3+h4 {
    margin-top: 0rem;
}

h5 {
    font-size: 1rem;
    margin-top: 1rem;
    font-weight: 700;
}

p.fake-h3 {
    font-size: 1.5rem;
    line-height: 1.25;
    /* 16 –> 24 */
}

.paragraph--type-personne p.fake-h3,
.press-item .fake-h3 {
    line-height: 1;
}

.press-item .geca-box img {
    -webkit-filter: brightness(.9);
    filter: brightness(.9);
}

hr {
    opacity: 1;
    border-top: 1px solid var(--bs-primary);
}

strong {}

.field__label,
/* .field-label-above, */
.field-label-inline,
figcaption {
    font-size: .8rem;
    font-weight: 700;
}

.field-label-inline {
    float: left;
    margin: 0 1rem 1rem 0;
}

/* listes contenu */
.text-formatted ul,
.text-formatted ol {
    margin: 1.5rem;
}

/* citation */
blockquote {
    font-size: 1.5rem;
    padding: 1.5rem 0 .5rem 1.5rem;
    border-left: 5px solid var(--bs-primary);
}

.node p a:not('.btn') {
    text-decoration: underline;
}


.uppercase {
    text-transform: uppercase;
}

/* #endregion */


/* #region COLORS + LINKS + SOCIAL */

/* #region COLORS */
.color1 {
    color: var(--bs-body-color);
}

.color2 {
    color: var(--bs-primary);
}



.bg1 {
    background-color: var(--bs-body-color);
}


.bg-neg,
.text-bg-primary,
.text-bg-dark {
    color: var(--bs-body-bg) !important;
}

.text-bg-primary {
    background-color: var(--bs-primary) !important;
}

.text-bg-secondary {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-body-color) !important;
}

.text-bg-dark {
    background-color: var(--bs-dark) !important;
}

/* 26 - 27 : les couleurs ont été interverties à la dernière minute sur le plan */
.c-rose {
    color: var(--geca-rouge);
}

.c-orange {
    color: var(--geca-vert);
}

.c-rouge {
    color: var(--geca-orange);
}

.c-bleu {
    color: var(--geca-rose);
}

.c-vert {
    color: var(--geca-jaune);
}

/* #endregion */

/* #region LINKS a + nav-link */

a {
    color: var(--bs-primary);
    text-decoration: none;
}

a:hover,
a:focus,
a.is-active {
    color: var(--bs-dark);
    text-decoration: none;
}

/* nav ---- */
.nav-link,
.links a {
    color: var(--bs-dark);
    opacity: 1;

}

.nav-link:hover,
.nav-link:focus,
.nav-link.active,
.nav-link.is-active,
.links a:hover,
.links a:focus,
.links a.is-active {
    color: var(--bs-dark);
    opacity: .5;
    transition: all .2s linear;

}

/*  BLOCK MENU */
.block-menu .nav-link.is-active,
.block-menu .nav-link:hover,
.block-menu .nav-link:focus,
.block-menu .nav-link.active {
    color: var(--bs-tertiary);
    background-color: var(--bs-dark);
    padding-left: .5rem;
    margin-left: -.5rem;
    border-radius: 0px;
    opacity: 1;
}

/* bg-neg links ------------- */

.bg-neg a,
.text-bg-primary a {
    color: var(--bs-white);
}

.bg-neg a:hover,
.bg-neg a:focus,
.bg-neg a.is-active,
.text-bg-primary a:hover,
.text-bg-primary a:focus,
.text-bg-primary a.is-active,
.text-bg-dark a:hover,
.text-bg-dark a:focus,
.text-bg-dark a.is-active {
    color: var(--bs-light);
}

/* nav ---- */
.bg-neg .nav-link,
.bg-neg .links a,
.text-bg-primary .nav-link,
.text-bg-primary .links a {
    color: var(--bs-light);
}

.bg-neg .nav-link:hover,
.bg-neg .nav-link:focus,
.bg-neg .nav-link.active,
.bg-neg .nav-link.is-active,
.bg-neg .links a:hover,
.bg-neg .links a:focus,
.bg-neg .links a.is-active,
.text-bg-primary .nav-link:hover,
.text-bg-primary .nav-link:focus,
.text-bg-primary .nav-link.active,
.text-bg-primary .nav-link.is-active,
.text-bg-primary .links a:hover,
.text-bg-primary .links a:focus,
.text-bg-primary .links a.is-active {
    color: var(--bs-white);
}


.btn+.btn,
.cta a+a {
    margin-left: 1rem;
}

/* #endregion */

/* Inputs */

input {
    /* padding: .75rem 2rem; */
    border-radius: 2rem;
    width: 100%;
    max-width: 100%;
    border: 0;
    /* font-size: .875rem; */
    margin-bottom: 1rem;
}

/* #region BTN + CTA */
.cta {
    margin-right: .75rem;
}

.btn,
.cta a,
.more-link a,
.node-readmore a,
.button,
input.button {
    display: inline-block;
    width: auto;
    text-align: center;
    line-height: 1.4;
    padding: .75rem 2rem;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3em;
    border: 0;
    color: var(--bs-dark);
    background-color: var(--bs-body-bg);
    font-weight: 700;
    font-size: .875rem;
    letter-spacing: .12em;
    transition: .6s;
}

.btn:hover,
.cta a:hover,
.more-link a:hover,
.node-readmore a:hover,
.button:hover {
    color: var(--bs-primary);
    text-decoration: none;
    background: var(--bs-body-bg);
    border-color: var(--bs-primary);
}

.bg-section-bleu,
.bg-section-rouge,
.bg-section-orange,
.page-node-type-concert .page-title-wrapper {

    & .btn,
    & .cta a,
    & .btn.btn-primary,
    & .cta.btn-primary a,
    & .more-link a,
    & .node-readmore a,
    & .button,
    & input.button {
        background-color: var(--bs-dark);
        color: var(--bs-light);
    }

    & .btn:hover,
    & .cta a:hover,
    & .btn.btn-primary:hover,
    & .cta.btn-primary a:hover,
    & .more-link a:hover,
    & .node-readmore a:hover,
    & .button:hover,
    & input.button:hover {
        background-color: var(--bs-light);
        color: var(--bs-dark);
    }
}


/* bg-neg cta */
.bg-neg .btn,
.bg-neg .cta a,
.bg-neg .more-link a,
.bg-neg .node-readmore a,
.bg-neg .button,
.text-bg-primary .btn,
.text-bg-primary .cta a,
.text-bg-primary .more-link a,
.text-bg-primary .node-readmore a,
.text-bg-primary .button {
    border-color: var(--bs-light);
    background-color: var(--bs-light);
    color: var(--bs-primary);
    border: 0;
}

.bg-neg .btn:hover,
.bg-neg .cta a:hover,
.bg-neg .more-link a:hover,
.bg-neg .node-readmore a:hover,
.bg-neg .button:hover,
.text-bg-primary .btn:hover,
.text-bg-primary .cta a:hover,
.text-bg-primary .more-link a:hover,
.text-bg-primary .node-readmore a:hover,
.text-bg-primary .button:hover {
    color: var(--bs-light);
    background: var(--bs-body-color);
    border-color: var(--bs-body-color);
}


/* Button colors */

.btn.btn-primary,
.cta.btn-primary a {
    background-color: var(--bs-secondary);
}

.btn.btn-primary:hover,
.cta.btn-primary a:hover,
input.button a:hover {
    background-color: var(--bs-tertiary);
    color: var(--bs-dark);
}

/* Button outline à ajouter ============================================= */

/* #endregion */


/* #region SOCIAL */

.social-link a {
    display: inline-block;
    width: 2.75rem;
    height: 2.75rem;
    margin-right: 1rem;
    margin-top: 5px;
    overflow: hidden;
    background: url('img/sn-ext.svg') no-repeat center center;
    background-size: contain;
    color: var(--bs-light);
    text-indent: -1300px;
    font-size: 10px;
    opacity: 1;

    transition: all .3s ease-out;
}

.social-link a:hover {
    transform: translateY(-0.25rem);
    opacity: 1;
}

/* DARK */
.p-offcanvas-content .social-link a[href^="https://www.linkedin.com/"] {
    background-image: url('img/sn-in_dark.svg');
}

.p-offcanvas-content .social-link a[href^="https://www.facebook.com/"] {
    background-image: url('img/sn-fb_dark.svg');
}

.p-offcanvas-content .social-link a[href^="https://www.instagram.com/"] {
    background-image: url('img/sn-insta_dark.svg');
}

.p-offcanvas-content .social-link a[href^="https://www.twitter.com/"] {
    background-image: url('img/sn-tw_dark.svg');
}

.p-offcanvas-content .social-link a[href^="https://www.tiktok.com/"] {
    background-image: url('img/sn-tiktok_dark.svg');
}

.p-offcanvas-content .social-link a[href^="https://www.youtube.com/"] {
    background-image: url('img/sn-yt_dark.svg');
}

/* BRIGHT  */
.social-link a[href^="https://www.linkedin.com/"] {
    background-image: url('img/sn-in_bright.svg');
}

.social-link a[href^="https://www.facebook.com/"] {
    background-image: url('img/sn-fb_bright.svg');
}

.social-link a[href^="https://www.instagram.com/"] {
    background-image: url('img/sn-insta_bright.svg');
}

.social-link a[href^="https://www.twitter.com/"] {
    background-image: url('img/sn-tw_bright.svg');
}

.social-link a[href^="https://www.tiktok.com/"] {
    background-image: url('img/sn-tiktok_bright.svg');
}

.social-link a[href^="https://www.youtube.com/"] {
    background-image: url('img/sn-yt_bright.svg');
}


.social-link a:hover {
    opacity: .8;
}

/* #endregion */


/* #endregion */

/* #region GECA styles */


.border-bottom,
.border-top {
    border-color: var(--bs-dark) !important;
}

.relative {
    position: relative
}

.underline {
    text-decoration: underline !important;
    text-underline-offset: .15rem;
}

.bold {
    font-weight: 700;
}

.view-content.row>* {
    /* padding-right: calc(var(--bs-gutter-x) * .2);
    padding-left: calc(var(--bs-gutter-x) * .2); */
}

table td {
    vertical-align: top;
    padding: 1rem;
    padding-left: var(--bs-gutter-x);
}

table ul {
    max-width: 600px;
}

table td:first-child {
    padding-left: 0;
}


.presse-item img {
    background-color: #FFF;
}

/* #region mini-components */

.unpub-notice {
    background-color: rgb(253, 255, 160);
    padding: .5rem 1.5rem;
    border: 1px solid rgb(211, 204, 0);
}

/* Double sous-titre */
.geca-rich-subtitle {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    /* padding-bottom: .25rem; */
    margin-bottom: 2rem;
    border-color: #333;

}

.geca-rich-subtitle h4 {
    margin: 0;
    margin-bottom: .3rem;
}

.geca-vague-typo {
    margin-bottom: 0;
    max-width: 80%;
    line-height: 1;
    letter-spacing: -.01em;
}

.geca-subtitle {
    margin-left: auto;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: .25rem;
    letter-spacing: .05em;
}

/* mini artistes */
.mini-artistes-wrapper {
    margin-left: -6%;
    margin-right: -6%;
}


.row>.mini-artiste {
    width: ;
    padding: 0 .5rem !important;
    max-width: 12.5%;
    flex: 0 0 12.5%;
}

/* partners */
.partner-item>div {
    align-self: stretch;
    background-color: #FFF;
    display: flex;
    border-radius: .5rem;
    overflow: hidden;

    filter: grayscale(1);
}

.partner-item img {
    border-radius: 0;

}

.groupe-partenaires {
    margin-bottom: 10vh;
    filter: saturate(0);
}

/* slideshow horizontal */
.swiper-horizontal {
    overflow: visible;
}

.swiper-horizontal .swiper-wrapper {
    align-items: stretch;
}

.swiper-horizontal .swiper-slide {
    height: auto;
}

.slide-exclu {
    display: none !important
}


/* #endregion */


/* #region TAGS + RIBBONS */

/* ribbon Teaser concert */

.geca-ribbon {
    display: block;
    white-space: nowrap;
    position: absolute;
    bottom: 2.5rem;
    left: 0;
    right: 0;
    padding: .25rem 0 .25rem 0rem;
    background-color: var(--geca-jaune);
    text-transform: uppercase;
    font-weight: bold;
    z-index: 100;
}

.geca-ribbon-type {}

.geca-ribbon-soldout {
    bottom: 5rem;
    transform-origin: 25% center;
    transform: rotate(-10deg);
    background-color: var(--geca-rose);
    padding: 0 3rem;
    line-height: 2;
    left: -1rem;
    right: -1rem;
    z-index: 101;
}

.geca-ribbon span {
    display: inline-block;
    margin-left: 3rem;
}

/* Tag node concert */

.geca-tag {
    display: block;
    position: absolute;
    top: 5rem;
    z-index: 40;
}

.geca-tag a {
    background-color: var(--geca-jaune);
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    padding: 1rem 2rem;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 100;
}

/* #endregion */

/* Nodes */
.path-node .geca-main-node {}


.main-content {
    padding-bottom: 15vh;
}

/* .page-node-type-page  */
.main-content {
    /* background-image: url(img/2024-25_footer.png), url(img/2024-25_footer.png), url(img/fond-footer.png);
    background-position: bottom -2px left -100px, bottom 0px right -100px, left bottom;
    background-size: 16%, 16%, auto;
    background-repeat: no-repeat, no-repeat, repeat-x; */
    background-image: url(../images/banners/2627/footer.webp);
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 100vh;
}

a.field-group-link {
    display: block;
}

/* #region Titre et BG Head */
h1.page-title {
    /* border-bottom: 1px solid var(--bs-dark); */
    margin-bottom: 3.5rem;
    position: relative;
}

h1.page-title.bg-neg {
    border-bottom: 1px solid var(--bs-light);
}

/* h1.page-title::after {
    content: '';
    position: absolute;
    bottom: -3rem;
    left: 0;
    width: 80%;
    max-width: 700px;
    height: 6rem;
    background: transparent url('img/scribbles/bgvert_underscribble.png') no-repeat left center;
    background-size: contain;
    z-index: 4;
} */

h1.cancel-border {
    border-bottom: 0;
}

/* h1.cancel-border::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.5rem;
    height: 3rem;
    width: 100%;
    background: transparent url('img/scribbles/bgvert_underscribble.png') no-repeat center bottom;
} */

.bg-neg h1.page-title {
    border-color: #FFF;
}

.geca-special-title h1 {
    min-height: 20vh;
    padding: 30vh 0;
    border: 0 !important;
}

.page-title-wrapper {
    padding-top: 3rem;
    margin-bottom: 3rem;
}

.lien-retour-head {
    margin-top: -2rem;
    margin-bottom: 3rem;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.lien-retour-head a {
    text-transform: uppercase;
    text-decoration: underline;
    font-size: .875rem;
    font-size: .6667rem;
}

.paragraph {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

div[class*="bg-section"] {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

div[class*="bg-section"]+div[class*="bg-section"] {
    margin-top: -10%;
}

/* BG HEAD */
.geca-bg #page>#banner-container,
.path-concerts #page>#banner-container,
.path-taxonomy #page>#banner-container,
div[class*="bg-section"]>.section-banner-container {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 80vh;
    max-height: 700px;
    width: 100%;
    z-index: 0;
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0 100%);

    background-size: 100%;
    background-position: center center;

    /* background-size: cover, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center; */
}

/* Fond des sections (paragraphs) */
div[class*="bg-section"]>.section-banner-container {
    clip-path: polygon(0% 10%, 100% 0%, 100% 90%, 0 100%);
    height: 100%;
    max-height: none;
}

div[class*="bg-section"]>div {
    position: relative;
    z-index: 1
}

@media (max-height:700px) {

    .geca-bg #page>#banner-container,
    .path-concerts #page>#banner-container,
    .path-taxonomy #page>#banner-container {
        height: 95vh;
        min-height: 640px;
        max-height: none;
    }
}

/* #region BANNIERES */
/* Fond des banners */
.page-node-type-page-composable #page>#banner-container {
    height: 100vh;
    max-height: none;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}

.geca-special-banner {
    height: 100vh;
    /* height: calc(100vh - 3rem); */

}

.page-node-type-page-composable main {
    padding-top: 3rem;
}

/* Images */

/* SVG LOGO BANNER*/
.node-16 .geca-special-banner {
    margin: 0 -1rem;
}

.geca-banner-svg {
    position: absolute;
    left: 0;
    right: 0;
    width: 100vw;
    top: 0px;
    z-index: 1;
    max-height: 100vh;
    overflow: hidden;
}

/* logo / Amours */
.geca-banner-svg img {
    aspect-ratio: 132/31;
    width: 102vw;
    margin: auto;
    object-fit: contain;
}

/* logo outline */
.geca-banner-svg.svg-top {
    z-index: 12;
}

/* splatter */
.geca-banner-img {
    position: absolute;
    left: 0rem;
    right: 0rem;
    top: -5vh;
    height: 100vh;
    width: 100vw;
    z-index: 3;
}

/* Page d'accueil */
.node-16 .geca-special-banner {
    height: 100vh;
    overflow: hidden;
}

.geca-bg-vert.node-16 #page>#banner-container {
    background-image: url(../images/banners/2627/paysage/home_header.webp);
    background-size: 100%;
}

/* Banners 2526 */
body:not(.node-16) .node--type-page-composable .geca-banner-img {
    background-size: cover;
    height: calc(70vh);
    margin-top: -3rem;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
    margin-left: -1rem;
    margin-right: -1rem;
}

/* Page GECA */
.node-17 .geca-special-banner {
    height: calc(60vh - 3.5rem);
}


.node-17 #page>#banner-container {
    height: 70vh !important;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

.node-17 h1 {
    font-size: 8rem;
}

@media (max-aspect-ratio: 15/12) {
    .node-17 .geca-banner-img {
        /* background: transparent url('../images/banners/2425/web_06-1_geca_2024-25.png') no-repeat right -10% top 40px; */
        /* background-size: 70%;
        height: 70vh; */
    }
}

@media screen and (orientation: portrait) and (max-width: 700px) {
    .node-17 .geca-banner-img {
        background: transparent url('../images/banners/2425/web_06-1_geca_2024-25.png') no-repeat right 50% top 40px;
        background-size: 130%;
        height: 70vh;
        min-height: 0;
    }

    .node-17 h1 {
        font-size: 6rem;
    }

    .node-17 #page>#banner-container {
        height: 70vh !important;
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
    }
}

@media (max-width: 700px) {
    .node-17 #page>#banner-container {
        height: 70vh !important;
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
        min-height: 0;
    }
}



/* Page 10 ans */
.node-37 .bg-section-bleu>.section-banner-container,
.node-37 #page>#banner-container {
    background: var(--geca-bleu) !important;
}

.node-37 .geca-banner-img {
    background: transparent url('../images/banners/10ans_page.png') no-repeat center center;
    max-height: 70vh;
    top: 10vh;
    background-size: contain !important;
}

.node-37 .geca-banner-svg {
    top: 10vh;
}

.d-portrait {
    display: none;
}

@media screen and (orientation: portrait) and (max-width: 700px) {
    .geca-banner-svg {
        height: auto;
        width: 106vw;
        left: -5vw;
        right: auto;
        top: 40px;
        bottom: 0;
    }

    .geca-banner-svg svg {
        width: 100%;
        height: 100%;
    }

    .d-portrait {
        display: block;
    }

    .d-landscape {
        display: none;
    }
}


/* HOME */
/* .geca-bg-vert .geca-banner-svg svg {
    fill: var(--geca-rouge);
    fill: #000;
} */

/* GECA et 10 ans */
/* .geca-bg-jaune .geca-banner-svg svg, */
.geca-bg-bleu .geca-banner-svg svg {
    fill: var(--geca-vert);
    /* fill: #000; */
}

h1.banner-title {
    position: relative;
    z-index: 5;
    padding-top: 33vh;
    font-family: var(--bs-body-font-family);
    font-weight: var(--bs-body-font-weight);
    font-size: 3rem;
    text-transform: none;
}

/* 10 ans */
.geca-bg-bleu .geca-banner-svg svg {
    fill: var(--geca-jaune);
}

.node-37 .bg-section-bleu {
    margin-top: -13rem;
}


/* SCRIBBLES */
.geca-banner-scribble {
    position: absolute;
    bottom: -15vh;
    right: -3rem;
    z-index: 5;
    width: 30vw;
    height: 30vw;
    background: transparent url('img/HC06-SHAPE.png') no-repeat center center;
    background-size: contain;

}

.node-17 .geca-banner-scribble {
    /* background-image: url('img/HC03-SHAPE.png'); */
}

.node-37 .geca-banner-scribble {
    /* background-image: url('img/HC04-SHAPE.png'); */
}

.scroller-btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 1.5rem;
    z-index: 100;

    cursor: pointer;
    pointer-events: all;

    width: 60px;
    height: 60px;
    background-color: var(--bs-dark);
    border-radius: 50px;
}

.scrolled .scroller-btn {
    opacity: 0;
    transform: translateY(-1rem);
    transition: all .2s linear;
    pointer-events: none;
}

#scroller {
    margin: 7px 5px;
}

/* #endregion */
/* #region BANNERS PAGES */
:root {
    --banner-rouge: url(../images/banners/2627/paysage/rouge_partenaires_header.webp);
    --banner-jaune-1: url(../images/banners/2627/paysage/jaune_programme_header.webp);
    --banner-jaune-2: url(../images/banners/2627/paysage/jaune-2_abo_header.webp);
    --banner-vert: url(../images/banners/2627/paysage/bleu-2_archive_header.webp);
    --banner-orange: url(../images/banners/2627/paysage/orange_header.webp);
    --banner-flamme-1: url(../images/banners/2627/paysage/flamme-1_artiste_header.webp);
    --banner-flamme-2: url(../images/banners/2627/paysage/flamme-2_mediation_header.webp);
    --banner-bleu-1: url(../images/banners/2627/paysage/bleu-1_presse_header.webp);
    --banner-bleu-2: url(../images/banners/2627/paysage/bleu-2_archive_header.webp);
    --banner-lilas: url(../images/banners/2627/paysage/violet_geca_header.webp);
    --banner-rose: url(../images/banners/2627/paysage/violet_geca_header.webp);
}

@media (orientation:portrait) {
    :root {
        --banner-rouge: url(../images/banners/2627/portrait/rouge_partenaires_header.webp);
        --banner-jaune-1: url(../images/banners/2627/portrait/jaune_programme_header.webp);
        --banner-jaune-2: url(../images/banners/2627/portrait/jaune-2_abo_header.webp);
        --banner-vert: url(../images/banners/2627/portrait/bleu-2_archive_header.webp);
        --banner-orange: url(../images/banners/2627/portrait/orange_header.webp);
        --banner-flamme-1: url(../images/banners/2627/portrait/flamme-1_artiste_header.webp);
        --banner-flamme-2: url(../images/banners/2627/portrait/flamme-2_mediation_header.webp);
        --banner-bleu-1: url(../images/banners/2627/portrait/bleu-1_presse_header.webp);
        --banner-bleu-2: url(../images/banners/2627/portrait/bleu-2_archive_header.webp);
        --banner-lilas: url(../images/banners/2627/portrait/violet_geca_header.webp);
        --banner-rose: url(../images/banners/2627/portrait/violet_geca_header.webp);
    }
}

.geca-bg-rouge #page>#banner-container,
.bg-section-rouge>.section-banner-container {
    background-color: var(--geca-rouge);
    background-image: var(--banner-rouge);
}

.geca-bg-vert #page>#banner-container,
.bg-section-vert>.section-banner-container {
    background-color: var(--geca-bleu);
    background-image: var(--banner-bleu-2);
}

.geca-bg-jaune-2 #page>#banner-container,
.bg-section-jaune-2>.section-banner-container {
    background-color: var(--geca-jaune);
    background-image: var(--banner-jaune-2)
}

.geca-bg-jaune #page>#banner-container,
.bg-section-jaune>.section-banner-container {
    background-color: var(--geca-jaune);
    background-image: var(--banner-jaune-1);
}

/* Programme et concerts /*/
.path-concerts #page>#banner-container,
.path-taxonomy #page>#banner-container {
    background-image: var(--banner-jaune-1);
}


.geca-bg-orange #page>#banner-container,
.bg-section-orange>.section-banner-container {
    background-color: var(--geca-orange);
    background-image: var(--banner-orange);
}

.geca-bg-flamme-1 #page>#banner-container,
.bg-section-flamme-1>.section-banner-container {
    background-color: var(--geca-orange);
    background-image: var(--banner-flamme-1);
}

.geca-bg-flamme-2 #page>#banner-container,
.bg-section-flamme-2>.section-banner-container {
    background-color: var(--geca-orange);
    background-image: var(--banner-flamme-2);
}

.geca-bg-bleu #page>#banner-container,
.bg-section-bleu>.section-banner-container {
    background-color: var(--geca-bleu);
    background-image: var(--banner-bleu-1);
}

.geca-bg-bleu-2 #page>#banner-container,
.bg-section-bleu-2>.section-banner-container {
    background-color: var(--geca-bleu);
    background-image: var(--banner-bleu-2);
}


.geca-bg-lilas #page>#banner-container,
.bg-section-lilas>.section-banner-container {
    background-color: var(--geca-lilas);
    background-image: var(--banner-lilas);

}

.geca-bg-rose #page>#banner-container,
.bg-section-rose>.section-banner-container {
    background-color: var(--geca-rose);
    background-image: var(--banner-rose);
}


.geca-banner-scribble {
    position: absolute !important;
}



.geca-section-turquoise .geca-banner-scribble {}

.geca-section-jaune .geca-banner-scribble {}

.geca-section-lilas .geca-banner-scribble {}

.geca-section-bleu .geca-banner-scribble {}

/* #endregion */
/* #endregion */

.paragraph--type-bandeau-actualite {
    margin-bottom: 5rem;
    margin-top: 3rem;
}

div.paragraph--type-bandeau-actualite::before {
    background: none, var(--geca-rouge);

}

.paragraph--type-bandeau-actualite .geca-banner-bg {
    position: relative;
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    height: 120%;
    width: 45%;
    max-width: 640px;
    left: -3%;
    top: -10%;
    bottom: 0;
    /* background: transparent url('../images/banners/2526/geca2526_actualite_page-accueil_ltr.svg') no-repeat left center; */
    background-size: contain;
    z-index: 1;
    /* border: dotted 3px blue; */
    /* overflow: hidden; */
}

.paragraph--type-bandeau-actualite .geca-banner-bg>div {
    /* border: 2px dotted red; */
    width: 100%;
}

/* id du SVG de décoration du bandeau*/
.paragraph--type-bandeau-actualite .geca-banner-bg #bg_banner_actu {}

.node-16 .paragraph--type-liste-dynamique,
.node-16 .paragraph--type-bandeau-actualite>div.row {
    position: relative;
    z-index: 3;
}

.geca-contour-2526 {
    stroke: #000;
    stroke-miterlimit: 10;
    stroke-width: .7px;
    fill: #FFF;
}

.geca-bandeau-texte {
    position: relative;
    z-index: 2;
}

@media (max-width: 911px) {
    .paragraph--type-bandeau-actualite .geca-banner-bg {
        width: 60%;
        left: -25%;
    }
}

@media (min-width: 1280px) {
    .paragraph--type-bandeau-actualite .geca-banner-bg {
        left: calc((100vw - 1440px) / 2);
    }
}

.geca-video {
    background: #000;
    border-radius: 1rem;
}

img,
.geca-video iframe {
    border-radius: 1rem;
    overflow: hidden;
}

.geca-box {
    border-radius: 1rem;
    overflow: hidden;
    background-color: #FFF;
}

.geca-box img {
    background-color: transparent;
}

.geca-small-box {
    padding-top: 0;
    height: 100%;
}

.artist-name,
.concert-name {
    font-size: 1.5rem;
    line-height: 1.1;
}

.default-text * {
    max-width: 40rem;
}

.geca-text h2,
.geca-text h3 {
    margin-top: 2rem;
}

/* Accordéons */
.group-wrapper {
    margin-bottom: .5rem;
}

.p-accordion h3.group-title {
    margin-bottom: 0;
    padding: .5rem 0;
    border: 0;
    /* line-height: 2.5rem; */
}

.p-accordion h3.group-title .p-btn {
    width: 2rem;
    height: 2rem;
    margin-top: -0.25rem;
}

/* #region PROGRAMME */




/* FILTRES // MENU TAXO */

.view-header .page-title-wrapper {
    padding-top: 1rem;
}

.geca-menu-prog {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.geca-menu-types {
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
}

#menu_prog {
    margin-bottom: 5rem;
}

.block-menu.geca-menu-prog .nav-item a {
    padding: .75rem 1.5rem;
    border: 1px solid var(--bs-dark);
    border-radius: .5rem;
    background-color: rgba(255, 255, 255, 0);
    margin: 0 1rem 1rem 0 !important;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
}


.block-menu.geca-menu-types .nav-item a {
    opacity: 1;
}

.block-menu.geca-menu-prog .nav-item a:hover,
.block-menu.geca-menu-prog .nav-item a.is-active,
.block-menu.geca-menu-prog .nav-item a.active,
.block-menu.geca-menu-prog .nav-item a:focus {
    color: var(--bs-dark);
    background: var(--geca-rose);
    opacity: 1;
}

.block-menu.geca-menu-types .nav-item a:hover,
.block-menu.geca-menu-types .nav-item a.is-active,
.block-menu.geca-menu-types .nav-item a.active,
.block-menu.geca-menu-types .nav-item a:focus {
    background-color: var(--geca-rose);
    color: var(--bs-dark);
    opacity: 1;
}


.view-geca-concerts-info {
    margin-top: 0;
}

#filterbtn {
    background-color: var(--bs-dark);
    border-radius: 5rem;
    width: 50px;
    height: 50px;
}

#filterbtn .p-btn span,
#filterbtn .p-btn::after,
#filterbtn .p-btn::before {
    background-color: var(--geca-jaune);
}

.geca-filters-wrapper {
    transition: all 0.35 linear;
}

.geca-filters-wrapper .geca-rich-subtitle {
    margin-bottom: 1rem;
}

.geca-filters-toggle .geca-filters-title,
.geca-filters-toggle .geca-subtitle {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #000;
    border-radius: 10px;
    padding: 5px 10px;
    margin-bottom: 6px;
    font-size: 1rem;
    line-height: 1.2;
}

.geca-filters-toggle .geca-filters-title {
    margin-right: 1rem;
}

.geca-filters-header {
    cursor: pointer;
}

.geca-filters-content {
    display: none;
}

.geca-filters-open {
    background-color: var(--geca-jaune);
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: -2rem;
    margin-bottom: 2rem;
}

.concert-passe {
    filter: grayscale(1);
}

/* NODE CONCERT*/
.concert-date {
    letter-spacing: .1em;
    margin-bottom: .25rem;
}

/* cache la date si date littéraire présente */
.show-first-only+.show-first-only {
    display: none;
}

/* cache l'artiste si exclus */
.display-exclus {
    display: none;
}

.plan-img {
    margin-bottom: 2rem;
}

@media (max-width:767px) {}


/* #endregion */

/* #region FORMULAIRES */
.webform-wrapper .form-control {
    /* width: 100%; */
}

.webform-multiple-table {}

.webform-multiple-table table tr {
    border-bottom: 1px solid #CCC;
}

.webform-multiple-table table tr td {
    border: 0 !important;
    padding-left: 0;
}

.webform-multiple-table .tabledrag-toggle-weight-wrapper,
.webform-multiple-table .webform-multiple-table--handle {
    display: none;
}

.webform-multiple-add .form-number,
.webform-multiple-add .form-item-abonnement-add-more-items {
    display: none;
}

@media (max-width: 1024px) {
    .webform-multiple-table-responsive tr {
        display: flex;
        flex-flow: row wrap;
    }

    .webform-multiple-table-responsive td {
        padding-bottom: 0;
        width: 50%;
    }

}

@media (max-width: 768px) {
    .webform-multiple-table-responsive td {
        padding-bottom: 0;
        width: 85%;
    }

}

.webform-multiple-add input.button {
    border: 1px solid #CCC;

}

.form-control:not(.form-submit),
.form-select,
.form-textarea {
    border: 1px solid #EEE;
    background-color: #FAFAFA;
    border-radius: 1.5rem;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
}

.js-form-item {
    margin-bottom: 2rem;
}

input:focus,
textarea:focus,
.form-select:focus,
.form-control:focus {
    outline: 0;
    border-color: #EEE;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
}

.form-control::placeholder,
select option {
    text-transform: none;
    color: #999;
}

/* #endregion */

/* #region FOOTER */

.site-footer_top {
    padding: 15vh 0 6vh;
}

.site-footer_bottom {
    padding: 2vh 0;
}

#block-adresse .block-inner {
    padding-top: 3rem;
    margin-top: 0;
    border-top: 1px solid rgba(255, 255, 255, .3);
}

.geca-faded p,
.geca-faded .fake-h2,
.geca-faded * {

    opacity: .7;
}

/* #endregion */

.geca-box-2526 {
    display: inline-block;
    background-color: #FFF;
    border: 1px solid #000;
    padding: 1rem 1rem .25rem 1rem;
    border-radius: 10px;
}

/* #region A la mano */
.paragraph {
    position: relative
}

.node-6 .main-content,
.node-18 .main-content {
    background-image: none;
}

.node-6 .geca-main-node .geca-box {
    background-color: transparent;
    padding-left: 1rem !important;
}

.node-16 .bg-section-bleu>.section-banner-container {
    /* background: var(--geca-grad-bleu); */
}

.node-16 main {
    padding-top: 0;
}

/* 10 ans : statue */
#section-46::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 25%;
    background: transparent url('img/footer.png') no-repeat center center;
    background-size: contain;
    z-index: 4;
}

/* 10 ans : texte full width */
#section-49 .text-wrapper {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}


/* ACTUALITE */

#section-55
/* #endregion */
/* #region MEDIA QUERIES */

/* #region MOBILE FIRST */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* #endregion */


/* #region DESKTOP FIRST */

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    .site-logo,
    .scrolled .fixed-top .site-logo {
        /* width: 180px; */

    }

    .site-name {
        font-size: 1rem;
    }

    .site-slogan {
        font-size: .7rem;
    }

    .site-header {
        padding-top: 1rem;
    }

    .site-header .block-language {
        padding-right: 1rem;
    }

    .site-header {
        /* padding-left: calc(var(--bs-gutter-x)/2);
        padding-right: calc(var(--bs-gutter-x)/2); */
    }

    .site-header .region-header {
        /* background-color: #FFF;
        border: 1px solid #000;
        border-radius: 10px; */

    }

    .site-header .region-header>div {
        border: 0 !important;
    }

    .site-logo {
        border: 0;
        padding-left: 5px;
        padding-right: 0;
    }

    .region-header .block-system-branding-block {
        margin-right: auto;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    html {
        font-size: 15px;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .site-header .block-language {
        padding-top: .33rem;
    }

    .row>* {}


    .max-width-sm,
    .view-content.row>div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .site-logo {
        max-width: 140px;
        margin-top: 0;
        padding-top: 8px;

    }


    .sm-max-width {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

    /* module nbsp */
    .nbsp {
        display: inline-block;
    }

    /* TYPO */
    h1 {
        font-size: 5rem;
    }

    h1.banner-title {
        font-size: 2.5rem;
        margin-left: 8%;
    }

    h1.page-title,
    .page-title-wrapper {
        margin-bottom: 1.5rem;
    }



    h2,
    p.fake-h2 {
        font-size: 3rem;
    }


    h3,
    p.fake-h3,
    p.fake-h2-small {
        font-size: 1.5rem;
    }

    .geca-filters-title {}

    .path-frontpage.geca-bg-vert.node-16 #page>#banner-container {
        background-size: cover;
    }




    /* .block-menu.geca-menu-prog .nav {
        display: flex;
        flex-flow: row nowrap;
        overflow: auto;
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        padding-left: 1.5rem;
    } */

    #menu_level_2 {
        padding-left: 0;
    }

    .block-menu.geca-menu-prog .nav-item a {
        white-space: nowrap;
        margin: 0 .5rem .5rem 0 !important;
        padding: .5rem .75rem;
    }

    #block-menu-prog {
        margin-bottom: 2rem;
    }

    #menu_prog {
        margin-bottom: 2rem;
    }

    .geca-filters-content {
        position: relative;
    }

    #filterbtn {
        position: absolute;
        top: 0rem;
        right: 0;
        width: 2rem;
        height: 2rem;
    }

    #filterbtn .p-btn {
        height: 2rem;
        width: 2rem;
    }

    .geca-rich-subtitle.border-bottom {
        border: 0 !important;
    }

    .geca-rich-subtitle .geca-vague-typo,
    .geca-filters-title {
        border-bottom: 1px solid #000;
        padding-bottom: .5rem;
        margin-bottom: .5rem;
        font-size: 6rem;
        /* min-width: 100%; */
    }

    .geca-filters-title {
        font-size: 1.1rem;
        margin-right: .5rem;
    }

    .geca-vague-typo {
        max-width: none;
    }

    .geca-rich-subtitle .geca-subtitle {
        margin-left: 0;
    }

    .mini-artistes-wrapper {
        margin-left: -6%;
        margin-right: -6%;
        margin-top: 3rem;
    }

    .geca-banner-svg img {
        width: 110vw;
    }


    .view-content.row>.mini-artiste {
        padding: 0 .5rem !important;
        margin-bottom: 1rem;
        max-width: 20%;
        flex: 0 0 20%;
    }

    .swiper .swiper-button-next {
        right: .5rem;
    }

    .swiper .swiper-button-prev {
        left: .5rem;
    }

    .main-content {
        background-position: center bottom, left 0 bottom -40px;
        background-repeat: no-repeat, repeat-x;
        background-size: 170vw, auto;
        min-height: 35vh;

        padding-bottom: 20vh;
    }

    .lien-retour-head {
        margin-top: 0;

    }

    .page-title-wrapper {
        padding: 0;
    }

    p.fake-h2 a[href^='mailto'] {
        font-size: 1rem;
        font-family: var(--bs-body-font-family)
    }

    .geca-filters-open {
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin-top: -1rem;
        margin-bottom: 1rem;
    }

    .geca-banner-scribble {
        right: 0;
        width: 50vw;
        height: 50vw;
        bottom: -20vw;
    }

    .paragraph--type-bandeau-actualite {
        margin-top: 40vh;
    }

    .press-item {
        margin-bottom: 1.5rem;
    }



    .paragraph--type-bandeau-actualite .geca-banner-bg {
        height: 40vh;
        left: 0;
        background-position: center center;
        width: 100vw;
        top: -25vh;
    }

    #section-49 .fake-h3 {
        font-size: 1rem;
    }

    .node-16 .geca-banner-img {
        /* background-size: 90%; */
        width: 120vw;
        margin-left: -10vw;
        margin-right: -1rem;
        background-size: 200%;
        background-position: 55% 140%;
    }



    #section-46::before {
        display: none;
    }

    .plan-img img {
        max-height: 350px;
        width: auto;
    }

    .h-table-wrapper {
        width: 100%;
        overflow: auto;
    }

    table td {
        padding: 1rem .25rem;
    }

    .h-table-wrapper table {}




}

/* #endregion */

/* #endregion */




/* .contextual-links,
button.trigger.focusable {
    position: relative !important;
    z-index: 14;
} */

.geca-prlx-container {
    max-height: 80vh;
    overflow: hidden;
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0 100%);
}

.geca-prlx-container {
    position: absolute;
    top: calc(-1 * var(--p-header-height));
    right: calc(-0.5 * var(--bd-gutter-x));
    left: calc(-0.5 * var(--bd-gutter-x));

}

.geca-prlx-img>img {
    width: 100%;
    max-width: none;
}