/*
 Theme Name:     Poitiers Basket 86
 Theme URI:      https://www.pb86.fr
 Description:    Poitiers Basket 86
 Author:         Seven Lab
 Author URI:     https://www.sevenlab.fr
 Template:       Divi
 Version:        1.0.0
*/
 

/* -------------------------------------------------------
    Couleurs:
*/
:root{
    --bleu : #031F40;
    --orange : #F78D39;
    --rouge : #A91C30;
    --gris-clair : #EFEFEF;
    --vert-victoire : #59F969;
	--noir : #1b1b1b;
}

.no-scroll {
    overflow: hidden; /* Empêche le défilement */
}

.orange{
    color: var(--orange);
}

.blanc{
    color: white;
}

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

a.bleu:hover{
    color: var(--orange);
    text-decoration: underline;
}

.fw500{
    font-weight: 500 !important;
}

/*.fz16{
    font-size: 16px !important;
    line-height: 16px;
}*/

.uppercase{
    text-transform: uppercase;
}

@font-face {
    font-family: 'Agency FB';
    src: url('fonts/AgencyFB-Reg.woff2') format('woff2'),
    url('fonts/AgencyFB-Reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AgencyFB';
    src: url('fonts/AgencyFBBlack.woff2') format('woff2'),
    url('fonts/AgencyFBBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AgencyFB Black Wide';
    src: url('fonts/AgencyFB-BlackWide.woff2') format('woff2'),
    url('fonts/AgencyFB-BlackWide.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agency FB';
    src: url('fonts/AgencyFB-Bold.woff2') format('woff2'),
    url('fonts/AgencyFB-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-LightItalic.woff2') format('woff2'),
    url('fonts/Gotham-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-Thin.woff2') format('woff2'),
    url('fonts/Gotham-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-ThinItalic.woff2') format('woff2'),
    url('fonts/Gotham-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-Book.woff2') format('woff2'),
    url('fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-BookItalic.woff2') format('woff2'),
    url('fonts/Gotham-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-XLight.woff2') format('woff2'),
    url('fonts/Gotham-XLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-XLightItalic.woff2') format('woff2'),
    url('fonts/Gotham-XLightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-Light.woff2') format('woff2'),
    url('fonts/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-Medium.woff2') format('woff2'),
    url('fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-MediumItalic.woff2') format('woff2'),
    url('fonts/Gotham-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-Bold.woff2') format('woff2'),
    url('fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-BoldItalic.woff2') format('woff2'),
    url('fonts/Gotham-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-Black.woff2') format('woff2'),
    url('fonts/Gotham-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham";
    src: url('fonts/Gotham-UltraItalic.woff2') format('woff2'),
    url('fonts/Gotham-UltraItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

.gotham-text{
    font-family: "Gotham";
    font-weight: 700;
    font-size: clamp(16px, 3vw, 24px);
    line-height: clamp(18px, 3vw, 24px);
}

.gotham{
    font-family: "Gotham";
    font-weight: 700;
}

.bleu a{
    color: var(--bleu);
}

.bleu a:hover{
    text-decoration: underline;
}

.gotham-book{
    font-family: "Gotham";
    font-weight: normal;
    font-style: italic;
    font-size: clamp(16px, 3vw, 24px);
}

.roboto{
    font-family: 'Roboto', sans-serif;
    font-size: clamp(14px, 3vw, 20px);
    font-weight: 400;
    line-height: clamp(22px, 4vw, 20px);
    text-align: justified;
}

.titres-h1{
    display: none;
}

/* =Theme customization starts here
------------------------------------------------------- */

#bg-video {
    width: 100%;
    height: calc(100svh - 58px);
    object-fit: cover;
}

.overlayvideo{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgb(3, 31, 64) 100%);
}

.top-mvp{
    width: 300px;
}

.flex-menu-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-bottom: 1px solid var(--orange);
}

.flex-menu-container a{
    color: white;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    font-size: 14px;
    font-weight: bold;
}

#menu{
    background-color: var(--bleu);
}

#menu .menu-nav a{
    color: white;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 20px;
    /*font-size: 120px;*/
    font-size: 6vw;
    line-height: 6vw;
    font-family: 'AgencyFB Black Wide';
    font-weight: 900;
    text-transform: uppercase;
}

#menu .menu-nav .submenu a{
    margin-left: 50px;
}

#menu .menu-nav .submenu .submenu a{
    margin-left: 100px;
}

/* Ajoutez cette section dans votre CSS */
.parent-active {
    color: var(--orange) !important;
}

#menu ul.menu-nav li.top-menu > a::after{
    content: '.';
    color: var(--orange);
    font-size: 6vw;
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
}

#menu a.font-awesome::after{
    content: '' !important;
}

#menu .menu-nav a:hover{
    color: var(--orange);
}

.flex-menu-container .col {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
}

.flex-menu-container .col.col1:hover,
.flex-menu-container .col.col2:hover,
.flex-menu-container .col.col3:hover,
.flex-menu-container .col.col5:hover {
    cursor: pointer;
    background: var(--orange);
}

.flex-menu-container .col1,
.flex-menu-container .col2,
.flex-menu-container .col3 {
    border-right: 1px solid var(--orange);
    flex: 0 0 auto;
}

.flex-menu-container .col4 {
    flex: 1;
}

.flex-menu-container .col5 {
    flex: 0 0 auto;
    margin-left: auto;
}

.logo-header{
    width: 170px;
    position: absolute;
    left: 50%;
    top: 26px;
    transform: translateX(-50%);
}

.home-image img,
img.image_article{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 16/9;
}

.home-image,
.fond-image{
    position: relative;
}

.fond-image{
    background-position-x: -170px !important;
}

.home-image:after,
.flex-actualites-container a:after,
.flex-solidaire-container a:after,
.full-actualites-container div.item:after,
.fond-image:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(3, 31, 64, 1) 90%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(3, 31, 64, 1) 90%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(3, 31, 64, 1) 90%);
    z-index: 1;
}

.home-prochain-match{
    position: absolute;
    bottom: 5svh;
    z-index: 2;
    width: 100%;
}

.container-prochain-match {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 100%;
}

.container-prochain-match .item {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 auto;
    height: auto;
    box-sizing: border-box;
    text-align: center;
    font-size: clamp(18px, 1vw ,24px);
}

.container-prochain-match .item img.logoEquipe{
    width: 150px;
    filter: grayscale(100%);
}

.container-prochain-match .item img.logoEquipe:hover{
    filter: initial;
}

.container-prochain-match-avant-match .ticket{
    background: var(--orange);
    padding: 10px;
    display: block;
    width: max-content;
    margin: 10px auto;
    margin-right: 30px;
}

.container-prochain-match-avant-match .ticket a{
    color: var(--bleu);
    font-weight: 700;
    font-family: "Gotham";
    text-transform: uppercase;
    font-size: clamp(12px, 1vw, 20px);
}

.container-prochain-match-avant-match .ticket a:hover{
    color: white;
}

.container-prochain-match-avant-match .lien-avant-match a{
    text-align: left;
    display: block;
    color: white;
    font-weight: 700;
    font-family: "Gotham";
    text-transform: uppercase;
    text-decoration: underline;
    margin: 0;
}

.container-date-prochain-match .date-prochain-match{
    font-weight: 700;
    font-family: "Gotham";
}

.container-date-prochain-match .place-prochain-match{
    font-weight: 400;
    font-family: "Gotham";
    font-style: italic;
}

.home h2,
h1,
.page-id-25979781 h2,
.page-id-25979867 h2,
.page-id-25980309 h2,
.page-id-3 h2,
.page-id-0 h2,
.woocommerce h2{
    text-transform: uppercase;
    color: var(--bleu);
    font-size: clamp(30px, 4vw, 76px);
    line-height: clamp(28px, 5vw, 76px);
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
}

.page-id-25979781 h2,
.page-id-25979867 h2,
.page-id-25980309 h2,
.page-id-3 h2,
.page-id-0 h2,
.woocommerce h2{
    font-size: clamp(22px, 2vw, 40px);
}

.home h2::after,
h1::after,
.woocommerce h2::after,
.page-id-3 h2::after,
.page-id-0 h2::after{
    content: '.';
    color: var(--orange);
    font-size: 80px;
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
}

h1.not-final-dot::after{
    display: none;
}

.woocommerce h2::after,
.page-id-3 h2::after,
.page-id-0 h2::after{
    font-size: 40px;
}

.home h4{
    font-family: "Gotham";
    color: white;
    font-weight: 700;
    font-size: clamp(16px, 2vw, 40px);
    text-transform: uppercase;
    text-align: center;
    width: 60%;
    display: block;
    margin: 0 auto;
}

.flex-actualites-container,
.flex-solidaire-container{
    display: flex;
    gap: 15px;
    max-width: 100%;
    margin: 0 auto;
}

.flex-actualites-container .col1,
.flex-actualites-container .col2,
.flex-actualites-container .col3,
.flex-solidaire-container .col1,
.flex-solidaire-container .col2,
.flex-solidaire-container .col3,
.flex-solidaire-container .col4 {
    position: relative;
    flex: 1;
    padding: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.flex-solidaire-container .col1,
.flex-solidaire-container .col2,
.flex-solidaire-container .col3,
.flex-solidaire-container .col4{
    aspect-ratio: 1;
}

.flex-actualites-container .col1 {
    flex: 1 1 50%;
}

.flex-actualites-container .col2,
.flex-actualites-container .col3,
.flex-solidaire-container .col1,
.flex-solidaire-container .col2,
.flex-solidaire-container .col3,
.flex-solidaire-container .col4 {
    flex: 1 1 25%;
}

.flex-actualites-container a,
.flex-solidaire-container a{
    position: relative;
    flex: 1;
    padding: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 16/9;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    text-decoration: none;
    color: #fff;
}

.flex-actualites-container h3,
.flex-solidaire-container h3,
h3{
    margin: 0;
    font-size: clamp(24px, 1vw, 40px);
    z-index: 5;
    color: white;
    font-family: 'Agency FB';
    font-weight: 700;
}

.full-actualites-container h2{
    margin: 0;
    font-size: clamp(24px, 1vw, 40px);
    z-index: 5;
    color: white;
    font-family: 'Agency FB';
    font-weight: 700;
    text-transform: uppercase;
}

h3{
    color: var(--bleu);
    font-family: 'AgencyFB Black Wide';
    text-transform: uppercase;
}

h3::after,
.full-actualites-container h2::after{
    content: '.';
    color: var(--orange);
    font-size: 40px;
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
}


.full-actualites-container h2{
    position: absolute;
    bottom: 0;
    color: white;
}

.flex-actualites-container a:after,
.full-actualites-container div:after{
    border-bottom: 2px solid var(--orange);
}

.full-actualites-container h4{
    text-transform: uppercase;
    color: var(--bleu);
    font-size: clamp(36px, 2vw, 40px);
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
}

.full-actualites-container h4::after {
    content: '.';
    color: var(--orange);
    font-size: 40px;
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
}

h4{
    text-transform: uppercase;
    color: var(--bleu);
    padding: 10px;
    font-size: 20px;
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
}

h4::after {
    content: '.';
    color: var(--orange);
    font-size: 40px;
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
}


.full-actualites-container {
    display: flex;
    flex-wrap: wrap; /* Permet de passer à la ligne suivante si l'espace est rempli */
    gap: 15px;
    max-width: 100%;
    margin: 0 auto;
}

.full-actualites-container div {
    position: relative;
    padding: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 16/9;
    overflow: hidden;
    flex-grow: 1;
    flex-basis: calc(50% - 15px);
}

.full-actualites-container div:nth-child(2) {
    flex-basis: calc(50% - 30px);
}

.full-actualites-container div:nth-child(3),
.full-actualites-container div:nth-child(4) {
    flex-basis: calc(25% - 10px); /* Les 2 premières de la 2e ligne prennent 25% */
}

.full-actualites-container div:nth-child(5) {
    flex-basis: calc(50% - 15px); /* La dernière colonne de la 2e ligne prend 50% */
}

.full-actualites-container div:nth-child(6) {
    flex-basis: calc(50%); /* 3e ligne, 1ère colonne */
}

.full-actualites-container div:nth-child(7),
.full-actualites-container div:nth-child(8) {
    flex-basis: calc(25% - 15px); /* 3e ligne, 2e et 3e colonnes */
}

.item-video{
    padding: 0 !important;
    aspect-ratio: initial !important;
}

.et_pb_button{
    border: none;
    background: var(--orange);
    color: var(--bleu);
    font-family: "Gotham";
    font-weight: 700;
    font-size: clamp(14px, 1vw, 20px);
    text-transform: uppercase;
}

.et_pb_button:hover{
    background: white !important;
    color: var(--bleu);
    border: 1px solid var(--bleu) !important;
}

.et_pb_button::after, .et_pb_button::before {
    font-size: 26px !important;
}

.home .footer-top{
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
}

.footer-top{
    border-top: 1px solid white;
    border-radius: 75px 75px 0 0;
    background-color: var(--bleu) !important;
}

.home .fond-footer,
body.page-id-25982359 .fond-footer{
    /*background-image: radial-gradient(circle at bottom,#f78d39 0%,#031f40 75%,#031f40 100%) !important;*/
    background: url("img/degrade.png") top center no-repeat, var(--bleu);
    background-size: cover;
    background-position-y: -100px;
}

.fond-footer{
    background-color: white;
}

body.page-id-22821 .fond-footer{
    background-color: black !important;
}

body.page-id-25982359 .fond-footer h4{
    color: white;
}

.woocommerce-page .fond-footer,
.woocommerce-shop .fond-footer,
.tax-product_cat .fond-footer{
    background-color: var(--orange) !important;
}

.error404 .fond-footer{
    background-color: var(--bleu) !important;
}

.error404 .footer-top{
    border: none !important;
    border-radius: none !important;
}

.footer-mvp{
    font-family: "Gotham";
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
}

.footer {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

.footer .footer-column {
    flex: 1 auto;
    display: flex;
    justify-content: center;
}

.footer-column-content {
    text-align: left;
}

.logo-footer{
    width: 9vw;
    height: 9svh;
}

footer{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-style: normal;
    color: white;
    text-transform: uppercase;
}

.footer-list{
    list-style: none !important;
}

.footer-list li{
    margin-bottom: 25px;
    line-height: 15px;
}

.footer-column-content span.siege-social{
    margin-bottom: 25px;
    display: block;
}

.footer-column-content span.adresse{
    margin-bottom: 25px;
    display: block;
    text-transform: initial;
    line-height: 15px;
}

.footer-list a{
    color: white;
}

.footer-list a:hover{
    text-decoration: underline;
}

.container-effectif {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease;
    flex-wrap: wrap;
    justify-content: flex-start;
    /*gap: 10px;*/
}
.container-effectif.show {
    display: flex;
    opacity: 1;
}

.container-effectif .player {
    /*width: calc(25% - 10px); !* 25% pour 4 joueurs par ligne, -10px pour le gap *!*/
    width: 25%;
    box-sizing: border-box;
    border: 1px solid var(--bleu);
    display: block;
    text-decoration: none;
}

.container-effectif .player img {
    width: 100%;
    height: auto;
    display: block;
}

.container-effectif .info {
    background-color: var(--bleu);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    font-family: "Gotham";
    font-style: normal;
    font-weight: 700;
    font-size: clamp(14px, 2vw, 22px);
}

.container-effectif .info h2 {
    all: unset;
    flex-grow: 1;
}

.container-effectif .info img {
    width: 40px;
    height: auto;
}

#fond-change-couleur{
    cursor: pointer;
}

.effectif-bleu h1{
    color: white;
}

.effectif-bleu .container-effectif .player{
    border: 1px solid white;
}

.effectif-bleu .container-effectif .info{
    background-color: white;
    color: var(--bleu);
}

.effectif-bleu .fond-footer{
    background-color: var(--bleu);
}


.container-joueur {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 16/9;
    background-size: contain;
    background-position: top left;
    position: relative;
    background-repeat: no-repeat;
    margin-top: 30px
}

.container-joueur .top-right {
    position: absolute;
    top: 20px;
    right: 20px;
}

.container-joueur .number {
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
    color: white;
    text-shadow: 1px 1px 0 var(--bleu),
                -1px 1px 0 var(--bleu),
                1px -1px 0 var(--bleu),
                -1px -1px 0 var(--bleu);
    font-size: clamp(60px, 10vw, 128px);
    padding-top: 70px;
    padding-right: 70px;
}

.container-joueur .content {
    position: absolute;
    top: 25%;
    right: 0;
    text-align: left;
    color: var(--bleu);
    width: 50%;
}

.container-joueur .name span{
    font-family: "Gotham";
    font-size: clamp(32px, 5vw, 96px);
    line-height: clamp(10px, 0vw, 96px);
    text-transform: uppercase;
    margin: 0;
    display: block;
    width: max-content;
}

.container-joueur .name span.nom{
    background-color: var(--orange);
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
    font-size: clamp(36px, 5vw, 96px);
    line-height: clamp(28px, 5vw, 96px);
}

.comment-verser-la-taxe h2{
    font-family: 'Roboto', sans-serif;
    font-size: 64px;
    font-weight: 800;
    line-height: 50px;
    text-transform: uppercase;
    width: max-content;
    background: var(--orange);
    text-align: center;
    margin: 0 auto;
    padding: 0;
    color:var(--bleu);

}

.container-joueur .columns {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
    margin-bottom: 70px;
    width: max-content;
}

.container-joueur .column {
    font-family: "Gotham";
    font-size: clamp(16px, 1vw, 22px);
    font-weight: 700;
    color: var(--bleu);
    border: 2px solid var(--bleu);
    flex: 1;
    margin: 0 15px 0 0;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
}

.container-joueur .columns .column:last-child {
    border: none;
    padding: 0;
    margin: 0;
    align-items: left;
    justify-content: left;
}

.container-joueur .stats {
    display: flex;
    background-color: #fff;
}

.container-joueur .stats .col {
    padding: 20px;
    flex: 1;
    text-align: center;
    position: relative;
}

.container-joueur .stats .col:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: var(--bleu);
}

.container-joueur .stats .score{
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
    font-size: clamp(28px, 5vw, 64px);
    color:var(--bleu);

}

.container-joueur .stats .legende{
    font-family: 'Agency FB';
    font-weight: 700;
    font-size: clamp(16px, 3vw, 28px);
    color:var(--bleu);
    text-transform: uppercase;
    margin-top: 22px;
}


.galerie {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; /* Ajoute un défilement horizontal */
    width: 100%; /* Assure-toi que le conteneur prend toute la largeur disponible */
}

.galerie div {
    width: 100%;
    height: calc(40svh);
    box-sizing: border-box; /* Inclut les marges et les bordures dans la largeur totale */
    position: relative;
}

.galerie img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Pour que l'image remplisse le conteneur tout en conservant son ratio */
}

.stats-joueur{
    width: 90%;
    margin: 20px auto;
    margin-bottom: 100px;
}

.en-savoir-plus {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 auto;
    padding: 20px 0;
}

.en-savoir-plus-item {
    flex: 1 1 calc(50% - 20px);
    box-sizing: border-box;
    padding: 15px 0;
}

.en-savoir-plus-item h2 {
    font-family: 'Roboto', sans-serif;
    font-size: clamp(38px, 5vw, 64px);
    font-weight: 800;
    line-height: clamp(30px, 5vw, 64px);
    margin: 0;
    padding: 0;
    color: var(--bleu);
    background: var(--orange);
    width: max-content;

    text-transform: uppercase;
}

.en-savoir-plus-item p {
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: justify;
    font-style: normal;
    color: black;
}

.stats-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-family: "Gotham";
    font-weight: 700;
    text-transform: uppercase;
}

.stats-header, .stats-item {
    display: flex;
    flex-wrap: nowrap;
    box-sizing: border-box;
    color: var(--bleu);
}

.stats-item:nth-child(odd) {
    background-color: var(--gris-clair);
}

.stats-header {
    font-weight: bold;
    background-color: var(--bleu);
    color: white;
}

.stats-header div, .stats-item div {
    flex: 1;
    text-align: center;
}

.prob, .probretourmatch{
    top: 0px;
    position: absolute;
    left: 70px;
}

.probretourmatch{
    left: 100px;
}

.container-matchs {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease;
    flex-wrap: wrap;
    gap: 20px;
}

.container-matchs.show {
    display: flex;
    opacity: 1;
}

.container-classement {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease;
    flex-wrap: wrap;
    gap: 20px;
}

.container-classement.show {
    display: flex;
    opacity: 1;
}

.container-matchs .colonne {
    position: relative;
    width: 110px; /* Largeur des colonnes */
    height: 110px; /* Hauteur des colonnes */
    flex: 0 0 110px; /* Empêche la redimensionnement des colonnes */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--bleu); /* Couleur par défaut */
    /*border: 1px solid var(--bleu);*/
}

.container-matchs .colonne.exterieur {
    background-color: white; /* Couleur pour "exterieur" */
}

.container-matchs .icone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; /* Assure que le conteneur occupe toute la largeur disponible */
    height: 100%; /* Assure que le conteneur occupe toute la hauteur disponible */
}

.container-matchs .icone img {
    width: 70%;
    height: auto;
    /*filter: grayscale(100%);*/
    /*opacity: 0.3;*/
}

.container-matchs .rectangle {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-color: var(--vert-victoire);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.container-matchs .rectangle.defaite,
.container-victoires .rectangle.defaite{
    background-color: var(--rouge);
}

.container-victoires .rectangle.victoire{
    background-color: var(--orange);
}

.container-victoires {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
}

.container-victoires .rectangle {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'AgencyFB Black Wide';
    font-size: 24px;
    font-weight: bold;
    color: white;
    background-color: var(--gris-clair);
}

.container-matchs .bandeau {
    font-family: "Gotham";
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    background-color: var(--orange);
    color: var(--bleu);
    text-align: center;
    padding: 0;
}

.container-score-shedule,
.container-score-over{
    display: flex;
    flex-wrap: wrap; /* Permet de faire passer les éléments à la ligne suivante si nécessaire */
    align-items: center;
    justify-content: center;
}

.container-score-shedule .item,
.container-score-over .item {
    box-sizing: border-box; /* Inclut les bordures et le padding dans la largeur totale de l'élément */
    padding: 10px;
    margin: 5px;
    text-align: center;
}

.container-score-shedule .item img,
.container-score-over .item img{
    width: 150px;
}

.container-score-shedule .item{
    flex: 1 1 calc(100% / 5 - 20px);
}

.container-score-over .item{
    flex: 1 1 calc(100% / 6 - 20px);
}

.container-score-over .item:nth-child(3),
.container-score-over .item:nth-child(4){
    height: 150px;
    width: 150px;
    margin: 2px;
    align-content: center;
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
    font-size: clamp(30px, 5vw, 50px);
    color: var(--bleu);
    background: var(--gris-clair);
}

.container-score-over .item:first-child,
.container-score-over .item:last-child,
.container-score-shedule .item:first-child,
.container-score-shedule .item:last-child{
    font-family: "Gotham";
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: var(--bleu);
    width: 150px;
}

.container-score-shedule .item:nth-child(3){
    height: 150px;
    width: 300px;
    margin: 2px;
    align-content: center;
    font-family: "Gotham";
    font-weight: 700;
    font-size: clamp(16px, 4vw, 24px);
    color: black;
    background: var(--gris-clair);
}

.container-single {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container-single  .item {
    width: 100%;
    text-align: center;
}

.container-single .date-fr,
.container-single .heure-fr,
.container-single .pipe-orange{
    font-family: "Gotham";
    font-weight: 500;
    color: var(--bleu);
    font-size: 18px;
}

.container-single .pipe-orange{
    font-weight: 700;
    color: var(--orange);
    font-size: 20px;
}

.container-single .place{
    font-family: "Gotham";
    font-style: italic;
    color: var(--bleu);
    font-size: 16px;
    font-weight: 400;
}

.container-single .ticket{
    background: var(--orange);
    padding: 10px;
    display: block;
    width: max-content;
    margin: 0 auto;
}

.container-single .ticket a{
    font-family: "Gotham";
    font-weight: 700;
    color: var(--bleu);
    text-transform: uppercase;
}

.container-single .ticket a:hover{
    color: white;
}

.container-avant-match {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    position: relative;
    background: var(--bleu);
    color: white;
    font-family: "Gotham";
    font-weight: 700;
}

.container-avant-match .team {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px;
    flex: 0 0 auto;
}

.container-avant-match .team-name {
    font-size: 24px;
    line-height: 26.52px;
    letter-spacing: 0.3em;
    text-align: center;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    color: white;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-transform: uppercase;
    padding: 20px;
}

.container-avant-match .team1 .team-name {
    left: 0;
    writing-mode: sideways-lr;
}

.container-avant-match .team2 .team-name {
    right: 0;
}

.container-avant-match .stats {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    margin: 0 20px;
}

.container-avant-match .stat-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    margin: 5px 0;
}

.container-avant-match .label, .container-avant-match .stat {
    margin: 0 10px;
    text-align: center;
    flex: 1;
    font-size: clamp(14px, 2vw, 18px)
}

.container-avant-match .stat{
    color: var(--orange);
    font-size: clamp(14px, 5vw, 22px);
}

.container-avant-match .dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 2px;
    background-color: var(--gris-clair);
    opacity: 0.2;
}

.container-avant-match .win {
    background-color: var(--vert-victoire);
}

.container-avant-match .loss {
    background-color: var(--rouge);
}

.history{
    background-color: var(--orange);
    padding: 10px;
    color: var(--bleu);
}

.history .stat{
    color: white;
}

.history .stat span{
    color: var(--bleu);
}

.container-classement .poitiers{
    background-color: var(--orange);
    color: white;
}

.mini-container-classement{
    padding: 20px;
    background: var(--bleu);
    width: 100%;
}

.mini-container-classement h3{
    text-transform: uppercase;
    color: white;
    font-size: 30px;
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
}

.mini-container-classement h3::after{
    content: '.';
    color: var(--orange);
    font-size: 40px;
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
}

.mini-container-classement .header-container {
    display: flex;
    margin-bottom: 10px;
}

.mini-container-classement .header-item {
    color: white;
}

.mini-container-classement .header-item:first-child {
    flex: 0 0 80%;
    text-align: left;
}

.mini-container-classement .header-item:last-child {
    flex: 0 0 20%;
}

.mini-container-classement .header-item:last-child img{
    float: right;
}

.mini-container-classement .stats-container{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: clamp(20px, 5vw, 26px)
}

.mini-container-classement img{
    margin: 0 auto ;
    display: block;
}

.mini-container-classement .stats-item.poitiers{
    color: var(--orange);
    font-weight: 900;
}

.mini-container-classement .stats-item .stats-Rang{
    flex: 0 0 15%;
    text-align: left;
}

.mini-container-classement .stats-item .stats-Equipe{
    flex: 0 0 65%;
    text-align: left;
}

.mini-container-classement .stats-item .stats-Victoires{
    flex: 0 0 20%;
    text-align: right;
}

.mini-container-classement .stats-item{
    color: white;
    padding-bottom: 15px;
}

.mini-container-classement .stats-item:nth-child(odd) {
    background-color: initial;
}

.container-top3-home{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5px;
    width: 100%;
}

.container-top3-home .column{
    flex: 1;
    padding: 10px;
}

.container-top3-home .column .best{
    font-family: "Gotham";
    font-weight: 700;
    font-size: clamp(16px, 5vw, 20px);
    text-transform: uppercase;
    color: var(--bleu);
}

.container-top3-home .column .titre{
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: clamp(24px, 2vw, 30px);
    line-height: 24px;
    text-transform: uppercase;
    color: var(--bleu);
    background-color: var(--orange);
    width: max-content;
    margin-bottom: 20px;
}

.container-top3-home .column .nom,
.container-top3-home .column .legende,
.container-top3-home .column .value{
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
    font-size: clamp(16px, 2vw, 20px);
    text-transform: uppercase;
    color: var(--bleu);
}

.container-top3-home .column .value{
    color: var(--orange);
    font-size: 30px;
    margin: 15px 0 5px 0;
}

.container-top3-home .column .photo img{
    border: 1px solid var(--orange);
    margin-bottom: 5px;
    max-width: 175px;
}

.container-home-avg{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.container-home-avg .flex-item {
    margin: 20px 0;
    padding: 20px;
    text-align: center;
}

.container-home-avg .value{
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
    font-size: clamp(36px, 5vw, 80px);
    color: var(--bleu);
    display: block;
}

.container-home-avg .legende{
    font-family: "Gotham";
    font-weight: 700;
    font-size: clamp(12px, 2vw, 20px);
    line-height: clamp(12px, 2vw, 20px);
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
    color: var(--bleu);
}

.container-stats-home{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.container-stats-home .colonne {
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.container-stats-home .colonne-1 {
    flex: 0 0 30%;
    flex-direction: column;
}

.container-stats-home .colonne-2 {
    flex: 0 0 50%;
}

.container-stats-home .colonne-3{
    flex: 0 0 20%;
    flex-direction: column;
}

.flickr-gallery .slick-slide {
    position: relative;
    height: 400px; /* Hauteur fixe */
    overflow: hidden; /* Cache l'excédent d'image */
    margin: 0 10px; /* Espacement entre les images */
}

.flickr-gallery .slick-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Recadre l'image pour remplir le conteneur */
    object-position: center; /* Centre l'image */
}

.pagination {
    text-align: center; /* Centre la pagination horizontalement */
    margin: 20px 0; /* Espacement vertical autour de la pagination */
}

.pagination .page-numbers {
    font-family: "Gotham";
    font-weight: bold;
    font-size: 20px;
    font-style: normal;

    display: inline-block; /* Affiche les numéros de page en ligne */
    padding: 5px 10px; /* Espacement interne des boutons */
    border: 1px solid var(--bleu); /* Bordure rouge pour chaque page */
    margin: 5px; /* Espacement entre les boutons de page */
    text-decoration: none; /* Retire le soulignement des liens */
    color: var(--bleu); /* Couleur du texte des pages */
}

.pagination .page-numbers.current {
    background-color: var(--bleu); /* Fond vert pour la page actuelle */
    color: white; /* Couleur du texte de la page actuelle */
    border: 1px solid var(--bleu); /* Bordure verte pour la page actuelle (optionnelle) */
}

.pagination .page-numbers:hover {
    background-color: var(--bleu); /* Couleur de fond au survol des pages */
    color: white;
}

.image_article{
    border-bottom: 4px solid var(--orange);
}

.titre-single-actu .entry-title{
    font-size: clamp(24px, 4vw, 36px);
    line-height: clamp(28px, 4vw, 36px);
}

.article{
    position: relative;
    background-color: var(--gris-clair);
    padding: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: var(--bleu);
    font-size: clamp(19px, 1.5vw, 30px);
    line-height: clamp(24px, 2vw, 30px);
}
.article .post-content{
    font-size: clamp(18px, 1.5vw, 30px) !important;
}

.article::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: var(--orange);
}

.article a{
    color: var(--orange);
    font-weight: 800;
    text-decoration: underline;
}

.article a:hover{
    color: var(--bleu);
}

.article h2, .article h3, .article h4{
    font-weight: 800;
    color: var(--bleu);
}

.post-excerpt{
    margin-bottom: 20px;
    font-style: italic;
    font-weight: bold;
}

/*.sticky-column{*/
/*    position: -webkit-sticky;*/
/*    position: sticky;*/
/*    top: 10vh;*/
/*}*/

#retour-button{
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: var(--bleu);
    cursor: pointer;
    font-family: "Gotham";
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
}

#linkBack:hover{
    text-decoration: underline;
}

#retour-button .material-symbols-outlined{
    color: var(--orange);
    margin-right: 5px;
    margin-top: -10px;
}

.mini_shortcode .container-prochain-match{
    padding: 20px;
    width: 100%;
}

.mini_shortcode .container-prochain-match .item{
    margin: 20px 0;
}

.mini_shortcode .container-prochain-match .item:first-child{
    justify-content: flex-start;
}

.mini_shortcode .container-prochain-match .item:first-child img{
    width: 90%;
}

.mini_shortcode .container-prochain-match img.adversaire,
img.adversaire{
    width: 100px !important;
}

.mini_shortcode .container-prochain-match img.adversaire{
    width: 70px !important;
}

.mini_shortcode .container-prochain-match img.pb86{
    width: 110px !important;
}

.mentions-legales {
    column-count: 2;
    column-gap: 20px; /* Espace entre les colonnes */
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: var(--bleu);
    font-size: 16px;
}

.mentions-legales h2{
    font-weight: 700;
    color: var(--bleu);
    margin-bottom: 20px;
    margin-top: 20px;
}

.mentions-legales a{
    color: var(--bleu);
}

.mentions-legales a:hover{
    color: var(--orange);
    text-decoration: underline;
}

.compteur-partenaire{
    font-family: 'Roboto', sans-serif;
    color: var(--bleu);
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 5px;
}

.header-partners {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}
.header-partners h1 {
    margin: 0; /* Pour s'assurer qu'il n'y a pas de marge ajoutée par défaut */
}

.page-id-22539 .fond-footer{ /* PAGE PARTENAIRES*/
    background-color: var(--gris-clair);
}

.devenez-partenaires,
.partenaires-institutionnels{
    font-family: "Gotham";
    font-weight: 700;
    font-size: 16px;
    color: var(--bleu);
    text-transform: uppercase;
    text-decoration: underline;
}

.partenaires-institutionnels{
    text-decoration: initial;
}

.flex-partenaires {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.flex-partenaires .flex-item{
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}

.flex-partenaires .flex8{
    flex: 1 1 calc(100% / 8 - 10px);
    max-width: calc(100% / 8 - 10px);
    margin: 10px;
}

.flex-partenaires .flex4{
    flex: 0 auto;
    max-width: calc(100% / 4);
}

.flex-partenaires .flex3{
    max-width: calc(100% / 5);
    flex: 0 auto;
}

.flex-meneur .flex3{
    max-width: calc(100% / 7);
    flex: 0 auto;
}

.flex-partenaires img {
    max-width: 50%;
    max-height: 100%;
    object-fit: cover;
    margin: 0 auto;
    display: block;
}

.flex-mvp img{
    max-width: 70%;
}

.flex-majeur img{
    max-width: 50%;
}

.flex-meneur img{
    max-width: 55%;
}

.sub_taxe{
    font-size: 36px;
    font-family: 'AgencyFB Black Wide';
    font-weight: 400;
    text-transform: uppercase;
    color: var(--bleu);
}

.sub_taxe.orange{
    color: var(--orange);
}

.row-centered{
    display: flex;
    align-items: center;
}

.formation {
    font-family: "AgencyFB Black Wide";
    font-size: clamp(38px, 4vw, 64px);
    font-weight: 700;
    text-transform: uppercase;
    background: -webkit-linear-gradient(left, #FF8B0B, #FECC0F); /* Pour les anciens navigateurs WebKit */
    background: linear-gradient(to right, #FF8B0B, #FECC0F); /* Pour les navigateurs modernes */
    -webkit-background-clip: text; /* Pour les anciens navigateurs WebKit */
    background-clip: text; /* Pour les navigateurs modernes */
    color: transparent; /* Pour rendre le texte transparent afin que le dégradé soit visible */
}


.et_pb_button.btn-inverse{
    border: 1px solid white;
    background: transparent;
    color: white;
    font-family: "Gotham";
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}

.et_pb_button.btn-inverse:hover{
    color: var(--orange);
    background: transparent !important;
}

.hosp-border {
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-image-source: linear-gradient(90deg, #FF8B0B 0%, #031F40 100%);
    border-image-slice: 1;
}

.titre-prochain-match{
    width: 100%;
    display: none;
}

.titre-match-en-direct{
    width: auto;
    display: none;
}

.en-direct{
    display: block;
    background: var(--rouge);
    width: max-content;
    font-family: "AgencyFB Black Wide";
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 10px 5px 10px;
}

.titre-match-en-direct .img-prob-live{
    width: initial !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
}

.container-voir-le-live {
    display: none;
    /*justify-content: space-between;*/
    justify-content: end;
    align-items: center;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 90%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 90%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 90%);
    height: 42px;
    border-radius: 42px;
    width: max-content;
    font-weight: 700;
    font-family: "Gotham";
    text-transform: uppercase;
    font-size: clamp(12px, 1vw, 20px);
    padding-left: 20px;
    color: var(--bleu);
}

.img-lnbtv {
    width: initial !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 86px !important;
    margin-left: 5px !important;
}

.mini_shortcode .container-voir-le-live{
    padding-left: 5px;
}

.titre-prochain,
.titre-match{
    font-family: "AgencyFB Black Wide";
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
}

.titre-match{
    margin-left: 5px;
    color: var(--orange);
}

.onlyMobile{
    display: none;
}

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module{
    margin-bottom: 0;
}

.modal {
    opacity: 0;
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(3, 31, 64, 0.95);

    /* Centrer la modal */
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    opacity: 0; /* Initialement transparent */
}

.modal-content {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    padding: initial !important;
    margin: initial !important;
    max-width: 900px !important; /* Limiter la largeur maximale pour éviter qu'elle soit trop grande */
}

.close {
    color: var(--bleu) !important;
    font-size: 50px !important;
    font-weight: bold !important;
    position: absolute !important;
    right: 0 !important;
    padding: 5px !important;
}

.close:hover,
.close:focus {
    color: var(--rouge) !important;
    text-decoration: none !important;
}

#Pb86Newsletter h6{
    font-family: Gotham;
    font-size: 26px;
    font-weight: 700;
    line-height: 28.73px;
    text-align: left;
    color: var(--bleu);
}

.flex-popupnewsletter {
    display: flex;
    justify-content: center;
    align-items: stretch; /* Alignement pour s'assurer que les colonnes ont la même hauteur */
}

.flex-popupnewsletter .image-column {
    display: flex;
    align-items: center;
}

.flex-popupnewsletter .image-column,
.flex-popupnewsletter .text-column {
    flex: 1; /* Les colonnes prendront la même largeur */
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-popupnewsletter .image-column img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* L'image couvrira toute la zone de la colonne sans déformation */
    display: block;
}

.flex-popupnewsletter form {
    width: 100%;
}

.flex-popupnewsletter .form-row {
    display: flex;
    margin-bottom: 10px;
}

.flex-popupnewsletter .form-column {
    flex: 1;
    padding: 0 10px 0 0;
}

.flex-popupnewsletter .full-width {
    width: 100%;
    padding: 0 10px 0 0;
}

.flex-popupnewsletter label {
    display: none;
    margin-bottom: 5px;
    font-weight: bold;
    color:var(--bleu);
    text-align: left;
}

.flex-popupnewsletter input[type="text"],
.flex-popupnewsletter input[type="email"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

.flex-popupnewsletter button {
    padding: 10px 20px;
    background-color: var(--orange);
    color: var(--bleu);
    font-family: Gotham;
    font-size: 16px;
    font-weight: 700;
    line-height: 17.68px;
    text-align: left;
    border: none;
    border-radius: 0 !important;
    cursor: pointer;
}

.flex-popupnewsletter button:hover {
    background-color: white;
    border: 1px solid var(--bleu);
}

#mce-responses{
    text-align: left;
    width: 100%;
    color: var(--bleu);
    font-family: Gotham;
    font-size: 16px;
    font-weight: 700;
    line-height: 17.68px;
    text-align: left;
}

.deuxequipes .et_pb_button{
    margin-right: 20px;
}

.passe-par-le-club,
.environnement-professionnel{
    display: flex;
    flex-wrap: wrap;
    /*gap: 10px; !* Espacement entre les colonnes *!*/
}

.passe-par-le-club .colonne,
.environnement-professionnel .colonne{
    flex: 1 1 calc(100% / 6 - 10px); /* Colonne qui occupe 1/6 de la largeur moins l'espacement */
    background-color: var(--bleu);
    /*padding: 10px; !* Padding à l'intérieur de chaque colonne *!*/
    box-sizing: border-box; /* Assure que le padding n'affecte pas la taille des colonnes */
}

.environnement-professionnel .colonne{
    border: 2px solid var(--bleu);
}

.passe-par-le-club .colonne .nom,
.environnement-professionnel .colonne .nom{
    font-family: Gotham;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    color: white;
    margin: 8px 0;
    padding-left: 8px;
}

.passe-par-le-club .colonne .situation,
.environnement-professionnel .colonne .situation{
    font-family: Gotham;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: white;
    padding-left: 8px;
    margin: 8px 0;
    height: 28px;
}



.formation-gal {
    display: flex;
    width: 100%;
}

.formation-gal .colonne {
    flex: 1 auto;
    display: flex;
    flex-direction: column;
    /*justify-content: flex-end;*/
}

.formation-gal .colonne img {
    width: 100%;
    max-height: 250px;
    flex-grow: 1;
    object-fit: cover;
}

.formation-gal .colonne .texte {
    padding: 10px 0 0 0;
    text-align: center;
    background: var(--gris-clair);
    color: var(--bleu);
    font-size: 12px;
    line-height: 12px;
    font-family: Gotham;
    height: 48px;
    /* Centrage vertical */
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline-container {
    position: relative;
    width: 10px;  /* Réduit la largeur de la timeline */
    height: 100%;  /* La hauteur de la timeline est désormais 300px */
    margin-left: auto;
    margin-right: auto;
}

.timeline-line {
    position: absolute;
    left: 50%;
    top: 10px;
    width: 2px;
    height: calc(100% - 20px);
    background-color: #ccc;
}

.timeline-progress {
    position: absolute;
    left: 50%;
    top: 10px;
    width: 2px;
    height: 0;
    background-color: #f8941c;
    z-index: 1;
}

.timeline-item {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    cursor: pointer;  /* Ajoute le curseur pointeur pour les points cliquables */
}

.timeline-dot {
    width: 8px;  /* Réduit la taille des points */
    height: 8px;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}

.timeline-dot.active {
    background-color: #f8941c;
    border-color: #f8941c;
}

.content-block {
    margin-bottom: 50px;
}

.content-block h2 {
    margin: 0;
    font-size: 24px;
    color: #1a2d66;
}

.content-block h3 {
    margin-top: 5px;
    font-size: 20px;
    color: #f8941c;
}

.content-block p {
    font-size: 16px;
    color: #333;
}

.content-block img {
    width: 100%;
    margin-top: 15px;
    border-radius: 10px;
}

/* Styles pour les points de début et de fin */
.timeline-start,
.timeline-end {
    width: 8px;  /* Réduit la taille des points de début et de fin */
    height: 8px;
    background-color: #f8941c;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.timeline-start {
    top: 0;
}

.timeline-end {
    bottom: 0;
}

.content-block .date1,
.content-block .date2 {
    font-family: AgencyFB Black Wide;
    font-size: clamp(32px, 2vw, 96px);
    font-weight: 400;
    line-height: clamp(32px, 2vw, 96px);
    text-align: left;
    color: var(--bleu);
}

.content-block .date2{
    color: var(--orange);
}

.content-block,
.content-block p{
    font-family: Gotham;
    font-size: clamp(14px, 1vw, 20px);
    font-weight: 700;
    line-height: clamp(22px, 1vw, 25px);
    text-align: left;
    color: var(--bleu);
}

.content-block h3 {
    font-family: 'Roboto', sans-serif;
    font-size: clamp(26px, 3vw, 48px);
    font-weight: 800;
    line-height: clamp(5px, 1vw, 35px);
    text-align: left;
    color: var(--bleu);
    background-color: var(--orange);
    width: max-content;
    padding: 10px 0;
    margin: 0;
    margin-bottom: 15px;
}

.content-block h3:after{
    display: none;
}

.histoire-images {
    display: flex;
    margin: 0 0 20px 0;
}

.histoire-images .colonne {
    flex: 1;
}

.histoire-images .colonne img {
    width: 100%; /* L'image occupe toute la largeur de la colonne */
    height: auto; /* Pour garder les proportions de l'image */
    max-height: 330px; /* Hauteur maximale */
    aspect-ratio: 16 / 9; /* Ratio 16/9 */
    object-fit: cover; /* Pour s'assurer que l'image remplit bien son conteneur */
    display: block;
    border-radius: 0px;
}

.videos-gallery{
    display: flex;
}

.videos-gallery .item {
    flex: 1;
    margin: 20px;
}

.videos-gallery .item .titre{
    font-family: Gotham;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
    color: white;
    margin-top: 20px;
}

.videos-gallery .item .titre span{
    color: var(--orange);
}

.consultez-faq{
    background: var(--orange);
    width: max-content;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    border: 1px solid var(--orange);
}

.consultez-faq:hover{
    background: white;
    border: 1px solid var(--bleu);
}

/*** PAGE EFFECTIF **/
.page-id-164 .et_pb_row_0 .et_pb_column_0,
.page-id-25981090 .et_pb_row_0 .et_pb_column_0{
    width: 100% !important;
}
.page-id-164 .et_pb_row_0 .et_pb_column_1,
.page-id-25981090 .et_pb_row_0 .et_pb_column_1{
    width: 50% !important;
}
/*** FIN PAGE EFFECTIF **/


.container-prochain-match img{
    margin: 0 12px;
    width: 55%;
}



.bloc-shortcode{
    display: flex; /* Affiche les cartes de produit côte à côte */
    gap: 1px; /* Espace entre les cartes */
}

.bloc-shortcode-cat{
    display: flex; /* Affiche les cartes de produit côte à côte */
    flex-wrap: wrap; /* Permet de passer à la ligne suivante */
    gap: 1px; /* Espace entre les cartes */
}

.bloc-shortcode .custom-product-card {
    position: relative; /* Nécessaire pour positionner l'icône du panier */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bloc-shortcode-cat .custom-product-card {
    position: relative; /* Nécessaire pour positionner l'icône du panier */
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 1 calc(25% - 20px); /* 4 produits par ligne avec un écart de 20px */
    box-sizing: border-box; /* Inclut le padding et la bordure dans la largeur totale */
    margin-bottom: 60px;
}

.product-image {
    position: relative; /* Nécessaire pour que l'image du panier soit positionnée par rapport à l'image du produit */
    width: 100%; /* S'assure que l'image prend toute la largeur de la carte */
}

.product-image img {
    max-width: 100%; /* Ajuster l'image à la taille de la carte */
    border: 1px solid var(--gris-clair); /* Bordure de la carte */
    display: block; /* Évite l'espacement en bas de l'image */
}

.add-to-cart {
    position: absolute; /* Positionnement absolu par rapport à .product-image */
    bottom: 0px;
    right: 0px;
    text-align: center; /* Centrer le bouton d'ajout au panier */
}

.add-to-cart img {
    width: 50px; /* Taille de l'icône panier */
    cursor: pointer; /* Curseur en forme de main */
    background-color: var(--orange);
    padding: 8px;
}

.panier-svg img{
    height: 35px;
    top: -5px;
    position: relative;
}

.bloc-shortcode .product-info,
.bloc-shortcode-cat .product-info{
    width: 100%;
    margin-top: 20px;
}

.bloc-shortcode .product-info strong a,
.bloc-shortcode-cat .product-info strong a{
    font-family: Gotham;
    font-size: 20px;
    font-weight: 700;
    line-height: 22.1px;
    text-align: left;
    color: var(--bleu);
    display: block;
}

.bloc-shortcode .product-info .price,
.bloc-shortcode-cat .product-info .price{
    font-family: Gotham;
    font-size: 20px;
    font-weight: 700;
    line-height: 22.1px;
    text-align: left;
    color: var(--bleu) !important;
    display: block;
}

.bloc-shortcode .promo-badge,
.bloc-shortcode-cat .promo-badge{
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: var(--orange);
    color: white;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
}

.bloc-shortcode .price del,
.bloc-shortcode-cat .price del{
    margin-right: 10px; /* Espace entre le prix barré et le prix promotionnel */
}


.tenues-vetements-accessoires {
    display: flex;
    width: 100%;
    height: 0;
    padding-bottom: 33.33svh; /* Pour obtenir un carré en fonction de la largeur */
    position: relative;
    gap: 5px;
}

.tenues-vetements-accessoires .colonne {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-size: cover;
    background-position: center;
    text-decoration: none;
}

.tenues-vetements-accessoires .colonne.tenues{
    background-image: url("img/fond_tenues.png");
    height: 33.33svh;
}

.tenues-vetements-accessoires .colonne.vetements{
    background-image: url("img/fond_vetements.png");
    height: 33.33svh;
}

.tenues-vetements-accessoires .colonne.accessoires{
    background-image: url("img/fond_accessoires.png");
    height: 33.33svh;
}

.tenues-vetements-accessoires .texte-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.tenues-vetements-accessoires .texte {
    margin: 5px 0;
    font-family: AgencyFB Black Wide;
    font-size: clamp(38px, 2vw, 48px);
    font-weight: 400;
    line-height: 57.79px;
    text-align: center;
    color: white;
}

.tenues-vetements-accessoires .typo-different {
    font-family: Gotham;
    font-size: clamp(30px, 2vw, 40px);
    font-weight: 700;
    line-height: 44.2px;
    letter-spacing: 0.2em;
    text-align: center;
}

.footer-shop-bloc{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--bleu);
}

.woocommerce .et_pb_code_0_tb_header{
    margin-bottom: 0 !important;
}
@media all {

  /* Bouton "Placer votre enchère" / "Enchérir dès maintenant" */
  input.button.ans-auction-bid {
    background-color: var(--orange) !important;
    color: white !important;
    border: none !important;
    border-radius: 0px !important;
    height: 40px !important;
    padding: 0 28px !important;
    font-family: 'Gotham', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;

    /* Centrage parfait */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  /* ⚙️ Correction : on garde les mêmes propriétés au survol */
  input.button.ans-auction-bid:hover {
    background-color: var(--bleu) !important;
    color: white !important;
    border: none !important;
    border-radius: 0px !important;
    height: 40px !important;
    padding: 0 28px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }

  /* Texte "Temps restant avant le début" */
  p.ans-auction-time-left-label {
    font-family: 'Gotham', 'Roboto', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    color: var(--bleu) !important;
    margin-bottom: 8px !important;
  }

  /* Masquer "Normal Auction" */
  p.ans-auction-type-message.ans-auction-message {
    display: none !important;
  }
	@media all {
  /* Valeur de l'enchère (le "80") */
  input.ans-auction-bid-increment {
    font-family: 'Gotham', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important; /* Taille du nombre */
    text-align: center !important;
    color: var(--bleu) !important;
  }

  /* Labels "Jours / Heures / Minutes / Secondes" */
  .ans-auction-product-summary .ans-auction-time-left-label,
  .ans-auction-product-summary span {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--bleu) !important;
  }

/* Boutons + et - autour de la valeur de l'enchère */
span.dashicons-plus::before {
  content: "+" !important;
}

span.dashicons-minus::before {
  content: "−" !important; /* le vrai tiret long (alt + - sur Mac) */
}

span.dashicons-plus,
span.dashicons-minus {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--bleu) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 1 !important;
  background-color: #f5f5f5 !important;
  border: 1px solid #ccc !important;
  cursor: pointer !important;
  user-select: none !important;
  vertical-align: middle !important;
}

/* Effet au survol */
span.dashicons-plus:hover,
span.dashicons-minus:hover {
  background-color: var(--orange) !important;
  color: #fff !important;
  border-color: var(--orange) !important;

}

.menu-boutique a{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 18.75px;
    text-align: left;
    color: var(--bleu);
}

.menu-boutique a:hover{
    color: var(--orange);
    text-decoration: underline;
}

body.term-tenues-officielles .link-tenues-officielles,
body.term-vetements .link-vetements,
body.term-accessoires .link-accessoires{
    color: var(--orange);
    text-decoration: underline;
}

body.single-product h1{
    font-size: clamp(28px, 2vw, 76px);
}

body.single-product h1:after{
    font-size: 50px;
}

body.single-product .et_pb_wc_price .amount,
.et_pb_wc_price .price,
.woocommerce-variation-price .amount {
    color: var(--bleu) !important;
    font-family: "Gotham" !important;
    font-weight: 700 !important;
    font-size: clamp(22px, 2vw, 40px) !important;
    line-height: clamp(22px, 2vw, 40px) !important;
    text-align: left !important;
}

.woocommerce-variation-price{
    margin-bottom: 20px;
}

body.single-product .et-dynamic-content-woo--product_description{
    font-family: "Gotham";
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: var(--bleu);
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{
    display: flex;
    padding: 0px !important;
}

.variations th label {
    font-family: "Gotham";
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: var(--bleu);
}

.sps-swatches .superSwatch{
    width: max-content !important;
    padding: 0 15px !important;
}

.sps-swatches .swatch-label,
.sps-swatches .swatch-label-square{
    background-color: var(--bleu);
    color: white;
    font-family: Gotham;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}

.sps-swatches .swatch-label:hover,
.sps-swatches .swatch-label-square:hover,
.sps-swatches .superSwatch.selected{
    background-color: var(--orange);
    color: var(--bleu);
}

.sps-swatches .superSwatch.selected{
    border: 2px solid var(--orange);
}

.et_pb_wc_add_to_cart .quantity input.qty,
.shop_table .quantity input.qty{
    border: 2px solid var(--bleu) !important;
    color: var(--bleu);
    font-family: "Gotham";
    font-weight: 700;
    padding: 10px;
}

.et_pb_wc_add_to_cart form.cart .variations td.value span::after {
    display: none;
}

.et_pb_wc_add_to_cart form.cart .variations td.value .reset_variations{
    align-content: center;
    margin-top: initial;
    font-family: Gotham;
    font-weight: 600;
    color: var(--rouge);
}

.stock.out-of-stock{
    font-family: Gotham;
    font-weight: 600;
    color: var(--rouge);
}

.single_add_to_cart_button,
.wc-proceed-to-checkout .checkout-button,
.woocommerce button.button{
    background-color: var(--orange) !important;
    border: none !important;
    color: var(--bleu) !important;
    border-radius: 0 !important;
    font-family: "Gotham" !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 22.1px !important;
    text-align: left !important;
    text-transform: uppercase !important;
    padding: 11px !important;
}

.woocommerce .guide-tailles-button{
    font-family: Gotham !important;
    font-weight: 700 !important;
    color: #3c3c3c !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
    text-decoration: underline !important;
}

.woocommerce .guide-tailles-button:hover{
    color: var(--bleu) !important;
}

body.has-guide table.variations{
    margin-bottom: 0 !important;
}

.wc-proceed-to-checkout .checkout-button{
    float: right;
}

.wc-proceed-to-checkout .checkout-button:hover{
    color: white !important;
}

.woocommerce .button:hover:after{
    display: none !important;
}

.woocommerce .button:hover{
    color: white !important;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{
    background: var(--orange);
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.woocommerce-message a.button.wc-forward{
    color: var(--bleu) !important;
}

table.shop_table,
table.shop_table a,
table.shop_table .actions button,
#coupon_code::placeholder,
#coupon_code,
body.woocommerce-checkout form,
body.woocommerce-checkout form input,
body.woocommerce-checkout form input::placeholder,
body.woocommerce-checkout form textarea,
body.woocommerce-checkout form textarea::placeholder{
    font-family: Gotham !important;
    font-size: clamp(14px, 2vw, 20px) !important;
    font-weight: 700 !important;
    color: var(--bleu) !important;
}

#coupon_code{
    width: max-content;
    padding: 8px;
}

table.shop_table a:hover{
    color: var(--orange);
}

.woocommerce-privacy-policy-link{
    color: var(--bleu) !important;
    text-decoration: underline;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
    width: 60%;
    object-fit: contain;
    height: 20svh;
}

body.woocommerce-cart .woocommerce a.remove{
    color: var(--rouge) !important;
    line-height: 0.7 !important;
}

body.woocommerce-cart .woocommerce a.remove:hover{
    color: white !important;
    line-height: 0.7 !important;
}

.woocommerce-additional-fields__field-wrapper textarea{
    height: 25svh !important;
}

#customer_details{
    margin-bottom: 40px;
}

.thankyou-text{
    width: 100%;
    text-align: center;
    color: var(--bleu);
    font-family: Gotham;
    font-size: 24px;
    font-weight: 500;
    line-height: 22.97px;
    padding: 20px;
}

.submenu.level-1 li a{
    font-size: 5vw !important;
    line-height: 5vw !important;
}

.et_pb_toggle_title{
    font-family: Gotham !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--bleu) !important;
}

.et_pb_toggle_content{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--bleu);
}

.partenaires-mvp {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    gap: 20px;
}

.partenaires-mvp .colonne a{
    flex: 0 1 auto; /* Permet aux colonnes de se redimensionner mais ne force pas une largeur égale */
    display: flex;
    justify-content: center; /* Centre l'image horizontalement dans la colonne */
    align-items: center; /* Centre l'image verticalement dans la colonne */
    min-width: 120px; /* Largeur minimale pour chaque colonne */
}

.partenaires-mvp .colonne a img {
    max-width: 100%; /* L'image ne dépasse pas la largeur de sa colonne */
    height: auto; /* Garde les proportions de l'image */
}

.icon-footer-rs{
    margin: 0 5px;
}

.logo_sevenlab{
    width: 120px;
    margin: 0 auto;
    display: block;
}

.flex-champions {
    display: flex;
    justify-content: center; /* Centrer les colonnes au milieu de la page */
    gap: 20px; /* Espacement entre les colonnes */
}

.flex-champions .champion {
    width: 150px; /* Largeur fixe des colonnes */
    text-align: center; /* Centrer le texte sous l'image */
}

.flex-champions .champion img {
    width: 100%; /* S'assurer que l'image occupe toute la largeur de la colonne */
    height: auto; /* Garder les proportions de l'image */
}

.personnalisation {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 34px;
}

.personnalisation div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.personnalisation label,
.frais-personnalisation {
    color: var(--bleu);
    font-family: "Gotham";
    font-size: 16px;
    font-weight: 500;
    flex: 0.3;
}

.personnalisation select,
.personnalisation input {
    background: var(--gris-clair);
    height: 40px;
    font-weight: 700;
    font-size: 16px;
    color: var(--bleu);
    flex: 2;
    text-transform: uppercase;
}

.personnalisation input::placeholder{
    color: var(--bleu);
}

#btn-personnaliser{
    background-color: white !important;
    border: 1px solid var(--bleu) !important;
}

#btn-personnaliser:hover{
    background-color: var(--bleu) !important;
    color: white !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock{
    color: var(--bleu) !important;
    font-weight: bold !important;
}

.lien-single-actu{
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
    z-index: 100;
}

.single-joueur h1::after{
    display: none;
}

.woosb-products[class*="woosb-products-layout-grid"] .woosb-product:hover{
    border: 2px solid var(--orange) !important;
}

.woosb-title a,
.woosb-title,
.woosb-total,
.woosb-price-ori,
.woosb-price-new bdi{
    color: var(--bleu) !important;
    font-weight: bolder !important;

}

.woosb-alert{
    background-color: var(--bleu) !important;
    color: white !important;
}

.woosb-item-child img{
    height: 100px !important;
}

.woosb-summary{
    display: none !important;
}

.woosb-title select{
    line-height: 1.7em !important;
}

.woosb-title .label{
    display: none !important;
}

.woosb-products .woosb-product .variations_form .variations .variation,
.woosb-products .woosb-product .variations_form .variations,
.woosb-title .label {
    width: 100% !important;
}

.woosb-products .woosb-product .woosb-title .stock.out-of-stock{
    color: var(--rouge) !important;
}

.woocommerce-account #menu a:hover{
    text-decoration: none !important;
}

.gift-cards-list .ywgc-amount-buttons{
    width: initial !important;
    padding: 0 2% !important;
}

.gift-cards-list button:hover{
    cursor: pointer !important;
}

.gift-cards-list .selected_button{
    background-color: var(--orange) !important;
}

.gift-cards_form .amount{
    color: var(--bleu) !important;
    font-family: "Gotham" !important;
    font-weight: 700 !important;
}

.gift-cards_form label,
.gift-cards_form input,
.gift-cards_form textarea,
.ywgc_have_code,
.ywgc_enter_code,
.ywgc_enter_code input{
    font-family: "Gotham";
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: var(--bleu) !important;
}

.gift-card-content-editor.step-content #ywgc-delivery-date::placeholder{
    color: var(--bleu) !important;
}

.gift-cards_form input,
.gift-cards_form textarea{
    background: var(--gris-clair) !important;
    border-radius: 0 !important;
}

.ywgc_enter_code input{
    background: white !important;
    border-radius: 0 !important;
    padding: 8px !important;
}

body .gift-cards-list h3 {
    font-size: clamp(24px, 1vw, 40px);
}

.ywgc_have_code{
    border-width: 0px !important;
}

.ywgc_enter_code{
    background-color: var(--gris-clair) !important;
}

.ywgc_have_code a{
    color: var(--orange) !important;
}

.domaine{
    font-size: clamp(28px, 1vw, 40px);
    font-family: 'AgencyFB';
    font-weight: 900;
    text-transform: uppercase;
}

.domaine-text{
    font-weight: 400;
    font-size: 20px;
}

#devenezMecene{
    cursor: pointer;
}

#devenezMecene:hover{
    color: white;
}

.impots{
    font-family: 'AgencyFB';
    color: var(--bleu);
    text-transform: uppercase;
    font-size: 24px;
}

.impots small{
    font-size: 12px;
    font-family: gotham;
}

.impots .pourcentage-dynamique{
    font-size: 64px;
    margin: 18px 0;
}


@media all and (min-width: 980px){
    body.woocommerce .flex-menu-container .col.col3{
        background-color: var(--orange) !important;
        color: white !important;
    }

    .woosb-title{
        text-align: left !important;
        font-weight: 900 !important;
        font-family: Gotham !important;
    }

    .woosb-item-product .woosb-price{
        display: block;
        position: relative;
        font-weight: 900 !important;
        font-family: Gotham !important;
        text-align: left !important;
    }

    .woosb-products .woosb-product .variations_form .variations .variation .label{
        color: var(--bleu) !important;
        text-align: center !important;
        font-weight: 400 !important;
        color: var(--bleu) !important;
    }
}

/*** Responsive Styles Tablet Only ***/
@media all and (max-width: 980px) {

    footer .container-prochain-match{
        border-top: 2px solid var(--orange);
    }
    #bg-video {
        height: calc(100svh - 104px);
    }

    .home .overlayvideo{
        height: 30svh;
    }

    .home h2::after, h1::after, .woocommerce h2::after, .page-id-3 h2::after{
        font-size: 50px !important;
    }

    .single-post h1::after{
        position: absolute !important;
        bottom: 18px !important;
    }

    .container-date-prochain-match .place-prochain-match{
        font-size: 16px;
    }

    /*.pb86-product-gallery-slider{*/
    /*    height: initial !important;*/
    /*}*/

    .top-mvp{
        width: 200px;
        left: -15px;
        top: -15px;
        position: absolute;
    }

    .footer-mvp{
        font-size: 12px;
    }

    .flex-menu-container a{
        padding: 0;
    }

    .et_pb_section{
        padding: 0;
    }

    .fond-image::after{
        height: 70svh;
    }

    /*** PAGE HOME **/
    .home-image::after{
        height: 60svh;
    }

    .container-prochain-match .item{
        height: auto;
        width: 100%;
    }

    .home .container-prochain-match .item:nth-child(1){
        display: none;
    }

    .container-prochain-match .item:nth-child(4),
    .container-prochain-match .item:nth-child(5){
        justify-content: center;
        margin: 0;
        width: 100%;
    }

    .container-prochain-match .item:nth-child(4){
        margin-bottom: 10px;
    }

    .container-prochain-match .item:nth-child(5){
        font-size: 14px;
    }


    .container-prochain-match .item:nth-child(2),
    .container-prochain-match .item:nth-child(3){
        width: calc(100% - 10px);
    }

    .container-prochain-match .item img.logoEquipe{
        width: 120px;
    }

    .container-prochain-match .item:nth-child(1) img{
        width: 100%;
    }

    .container-prochain-match img.adversaire,
    img.adversaire{
        width: 80px !important;
    }

    .flex-actualites-container,
    .flex-solidaire-container{
        flex-direction: column;
    }

    /* TODO: VERSION 2 ACTU HOME PAGE */
    /*.flex-actualites-container .col1,*/
    /*.flex-actualites-container .col2{*/
    /*    flex: 1 1 50%;*/
    /*    height: 28svh;*/
    /*    background-position: center;*/
    /*}*/

    /*.flex-actualites-container .col3{*/
    /*    display: none;*/
    /*}*/


    .et_pb_button:not(footer .et_pb_button) {
        /*width: 80%;*/
        text-align: center;
        margin: 0 0 20px 0;
        /*display: block;*/
    }

    .container-stats-home{
        flex-direction: column;
    }

    .container-stats-home .colonne-1,
    .container-stats-home .colonne-2,
    .container-stats-home .colonne-3{
        flex: 1;
        width: 100%;
    }

    .container-top3-home .column{
        padding: 10px 10px 10px 0px;
    }

    .container-top3-home .column .photo img,
    .container-top3-home .column .slick-slide{
        max-width: calc(100%) !important;
    }

    .container-home-avg{
        flex-direction: initial;
        align-items: flex-start;
        margin-top: 10%;
        width: 100%;
    }

    .container-home-avg .legende{
        margin-top: 4px;
    }

    .container-home-avg .flex-item{
        margin: 0;
        padding: 4px;
        flex: 1 1 33%;
    }

    .flickr-gallery .slick-slide{
        height: 200px;
    }

    .home h4{
        width: 100%;
    }

    .footer-top{
        border-radius: initial;
        border-top: initial;
    }

    .flex-menu-container .col{
        flex: 1;
        padding: 10px 0;
    }

    .flex-menu-container .col4{
        display: none;
    }
    /*** FIN PAGE HOME **/

    /*** PAGE EFFECTIF **/
    .page-id-164 .et_pb_row_0 .et_pb_column_1,
    .page-id-25981090 .et_pb_row_0 .et_pb_column_1{
        width: 15% !important;
        top: 20px;
        position: absolute;
        right: 10px;
    }
    /*** FIN PAGE EFFECTIF **/

    /*** PAGE JOUEUR **/
    .fond-image{
        background-position: initial !important;
        background-position-y: 90px !important;
    }

    .fond-image::after{
        background: rgb(255, 255, 255);
        background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);
        background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);
        display: none;
    }

    .container-joueur{
        height: calc(100svh - 138px);  /* margin-top 80px + menu 58px */
        margin-top: 40px;
    }

    .container-joueur .top-right{
        top: 0;
        right: 20px;
    }

    .container-joueur .columns{
        margin-top: 58svh;
        width: 100%;
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .container-joueur .column{
        width: 100%;
        padding: 0;
        margin: 0 5px 0 0;
    }

    .container-joueur .number{
        padding-top: 0;
        padding-right: 0;
    }

    .container-joueur .content{
        position: absolute;
        width: 100%;
        /*z-index: 4;*/
        top: 0;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 65%, rgba(255,255,255,1) 75%);
        background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 65%, rgba(255,255,255,1) 75%);
        background: linear-gradient(180deg, rgba(255,255,255,0) 65%, rgba(255,255,255,1) 75%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    }

    .container-joueur .fond-image::after{
        display: none !important;
    }

    .container-joueur .content .name{
        padding-left: 20px;
    }

    .container-joueur .stats{
        background-color: transparent;
    }

    .container-joueur .stats .legende{
        margin-top: 0;
    }

    .container-joueur .stats .col{
        padding: 10px;
    }

    .stats-container{
        width: 100%;
        overflow: scroll;
    }

    .single-joueur .stats-container .stats-header,
    .single-joueur .stats-container .stats-item{
        width: 1200px;
    }
    /*** FIN PAGE JOUEUR **/

    .titre-prochain-match{
        display: block;
    }

    .image-prochain-match{
        display: none;
    }

    .container-prochain-match-avant-match .lien-avant-match a{
        text-align: center;
        font-size: 15px;
    }

    .container-prochain-match-avant-match .ticket{
        padding: 6px;
        margin-right: 0;
    }

    /*** PAGE MATCHS **/
    .page-template-matchs-php .container-score-shedule,
    .page-template-matchs-php .container-score-over{
        flex-wrap: nowrap;
    }

    .page-template-matchs-php .et_pb_row_0.et_pb_row{
        margin-top: 40px !important;
    }

    .page-template-matchs-php .et_pb_row_2.et_pb_row{
        padding: 0;
    }

    .page-template-matchs-php .container-score-shedule .item:first-child,
    .page-template-matchs-php .container-score-shedule .item:last-child,
    .page-template-matchs-php .container-score-over .item:first-child,
    .page-template-matchs-php .container-score-over .item:last-child{
        display: none;
    }

    .page-template-matchs-php .container-score-shedule .item:nth-child(2),
    .page-template-matchs-php .container-score-shedule .item:nth-child(4){
        width: 30%;
    }

    .page-template-matchs-php .container-score-shedule .item:nth-child(3){
        width: 40%;
        height: 100px;
    }

    .page-template-matchs-php .container-score-shedule .item{
        padding: 0;
    }

    .page-template-matchs-php .container-single .item:last-child{
        margin-top: 20px;
    }

    .page-template-matchs-php h1{
        margin-bottom: 20px;
    }

    .page-template-matchs-php .container-avant-match{
        padding: 20px 0;
    }

    .page-template-matchs-php .container-avant-match .stats{
        margin: 0;
    }

    .page-template-matchs-php .container-avant-match .stat-row{
        width: 100%;
    }

    .page-template-matchs-php .container-avant-match .team{
        display: none;
    }

    .page-template-matchs-php .container-avant-match .dot{
        width: 10px;
        height: 10px;
    }

    .page-template-matchs-php .container-score-over .item {
        flex: 1 0 calc(100% / 4);
    }

    .page-template-matchs-php .container-score-over .item:nth-child(3),
    .page-template-matchs-php .container-score-over .item:nth-child(4){
        height: 95px;
        width: max-content;
    }
    /*** FIN PAGE MATCHS ***/

    /*** PAGE ACTUALITES ***/
    .full-actualites-container div,
    .full-actualites-container div:nth-child(8){
        flex-basis: calc(100% - 15px);
    }

    .full-actualites-container div:nth-child(2),
    .full-actualites-container div:nth-child(3),
    .full-actualites-container div:nth-child(4),
    .full-actualites-container div:nth-child(5),
    .full-actualites-container div:nth-child(7),
    .full-actualites-container div:nth-child(8){
        flex-basis: calc(50% - 30px);
        height: 28svh;
        background-position: center;
    }

    .full-actualites-container div:nth-child(6){ /* video */
        flex-basis: calc(100% - 15px);
    }

    .full-actualites-container div.item::after{
        height: 70%;
    }

    .container-prochain-match-avant-match{
        margin: 0 auto;
    }
    /*** FIN PAGE ACTUALITES ***/

    /*** PAGE HISTOIRE  ***/
    .content-block .date1, .content-block .date2{
        display: inline-block;
    }

    /*** FIN PAGE HISTOIRE  ***/

    .partenaires-mvp{
        gap: 10px;
        margin: 0 auto;
    }

    .partenaires-mvp .colonne a{
        min-width: 80px;
    }

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

    .footer{
        flex-wrap: wrap;
    }

    .footer .footer-column {
        flex: 1 1 100%; /* Chaque colonne prendra 100% de la largeur */
        justify-content: center;
        padding: 10px 0; /* Optionnel : Ajoute un peu d'espace autour des colonnes */
    }

    .logo-footer{
        height: 8svh !important;
        width: auto;
    }

    .logo_sevenlab{
        height: 3svh !important;
    }

    .footer-column-content{
        text-align: center;
    }

    .bloc-shortcode .product-info strong a,
    .bloc-shortcode-cat .product-info strong a{
        font-family: Gotham;
        font-size: 4vw;
        font-weight: 700;
        line-height: 4vw;
        text-align: left;
        color: var(--bleu);
        display: block;
    }

    .bloc-shortcode .product-info .price, .bloc-shortcode-cat .product-info .price {
        font-family: Gotham;
        font-size: 14px !important;
        font-weight: 700;
        line-height: 14px !important;
        text-align: left;
        color: var(--bleu) !important;
        display: block;
        margin-top: 10px;
    }

    .bloc-shortcode-cat .custom-product-card{
        flex: 0 1 calc(50% - 1px);
    }

    .woocommerce-shop .bloc-shortcode {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1px;
    }

    .woocommerce-shop .bloc-shortcode .custom-product-card {
        flex: 1;
    }

    .compteur-partenaire{
        margin-top: 20px;
    }

    .flex-popupnewsletter{
        flex-direction: column;
    }

    .flex-popupnewsletter .image-column img{
        height: 150px;
    }

    .flex-popupnewsletter .sib-form{
        display: contents !important;
    }

    .modal-content{
        width: 100% !important;
    }

    .compteur-partenaire{
        font-size: 16px !important;
        margin-bottom: -5px !important;
    }

    .mon-compte-icon,
    .panier-svg{
        top: 30px !important;
    }

    .personnalisation div {
        flex-direction: column;
        align-items: flex-start;
    }

    .personnalisation label {
        margin-right: 0;
        margin-bottom: 5px;
        flex: unset;
    }

    .personnalisation select,
    .personnalisation input {
        width: 100%;
    }

    .menu-boutique a{
        font-size: 13px !important;
    }

    .woosb-products[class*="woosb-products-layout-grid"] .woosb-product{
        width: calc(50% - 20px);
    }
}

@media all and (min-width: 768px){
    body:not(.home):not(.page-id-22821):not(.page-id-164):not(.page-id-22980):not(.error404):not(.page-id-25981090) header {
        margin-bottom: 40px;
    }

    .newsletter-mobile{
        display: none !important;
    }
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
    .newsletter-desktop{
        display: none !important;
    }

    body.woocommerce header {
        margin-bottom: 20px;
    }

    .woocommerce .add-to-cart img{
        width: 35px;
    }

    /*** MENU ***/
    .onlyMobile{
        display: initial;
    }

    .et_pb_code_0_tb_header{
        margin-bottom: 0 !important;
    }

    .flex-menu-container .col1, .flex-menu-container .col2, .flex-menu-container .col3{
        border-right: none;
    }

    .submobile .col:first-child{
        border-right: 1px solid var(--orange);
    }

    .flex-menu-container .col2 a,
    .flex-menu-container .col3 a{
        display: none;
    }

    img.logo-header{
        z-index: 4;
        width: clamp(110px, 20%, 150px);
    }

    #menu ul.menu-nav li.top-menu > a::after{
        font-size: 10vw;
    }
    #menu .menu-nav a{
        font-size: 9vw;
        padding: 10px;
        line-height: 7vw;
    }

    .submenu.level-1 li a{
        font-size: 6vw !important;
        line-height: 3vw !important;
    }

    #menu .menu-nav .submenu .submenu a,
    #menu .menu-nav .submenu a{
        margin-left: 5vw;
        font-size: 20px;
    }

    /*** FIN MENU ***/

    /*** PAGE EFFECTIF **/
    .container-effectif .player{
        width: 33%;
    }
    .container-effectif .info img{
        width: 25px;
    }
    /*** FIN PAGE EFFECTIF **/

    /*** PAGE CLASSEMENT **/
    .page-id-382 .stats-container .stats-header,
    .page-id-382 .stats-container .stats-item{
        width: calc(100vw * 1.8);
    }

    .page-id-382 .stats-Rang{
        width: 20px !important;
    }

    .page-id-382 .stats-header .stats-Equipe,
    .page-id-382 .stats-item .stats-Equipe{
        flex: 1 0 150px;
    }
    /*** FIN PAGE CLASSEMENT **/

    /*** PAGE HISTOIRE  ***/
    .content-block .dates{
        margin-bottom: 20px !important;
    }

    .content-block .histoire-images{
        display: initial;
    }
    /*** FIN PAGE HISTOIRE  ***/

    /*** PAGE FORMATION  ***/
    .formation-gal{
        display: initial;
    }
    /*** FIN PAGE FORMATION  ***/

    body.page-id-164 .et_pb_section_0 .et_pb_row_0,
    body.page-id-25981090 .et_pb_section_0 .et_pb_row_0,
    body.page-id-164 .et_pb_section_0 .et_pb_row_0 .et_pb_column_0,
    body.page-id-25981090 .et_pb_section_0 .et_pb_row_0 .et_pb_column_0{
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    body:not(postid-290).single-joueur .fond-image{
        background-position-x: -18vw !important;
    }

    .tenues-vetements-accessoires {
        flex-direction: column;
        height: 80svh;
        padding-bottom: 0;
    }

    .tenues-vetements-accessoires .colonne {
        height: auto;
        width: 100%;
    }

    #btn-personnaliser,
    .single_add_to_cart_button, .wc-proceed-to-checkout .checkout-button, .woocommerce button.button{
        font-size: 18px !important;
    }
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

    /*** PAGE HOME **/
    .bloc_pub_home {
        width: 345px !important;
        height: 100px !important;
        overflow: hidden !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .bloc_pub_home img {
        width: auto !important;
        height: 100px !important;
        object-fit: cover !important;
        object-position: center !important;
        border: 1px solid var(--orange);
    }
    /*** FIN PAGE HOME **/

    /*** PAGE EFFECTIF **/
    .container-effectif .player{
        width: 50%;
    }
    /*** FIN PAGE EFFECTIF **/

    /*** PAGE SINGLE JOUEUR **/
    .galerie div{
        height: calc(20svh);
    }

    .container-matchs{
        gap: 12px;
    }

    .container-matchs .colonne{
        width: clamp(75px, calc(20vw), 110px);
        height: clamp(75px, calc(20vw), 110px);
    }

    .container-matchs .bandeau{
        font-size: 12px !important;
        line-height: 12px !important;
        padding: 2px !important;
    }

    .article{
        padding: 30px 20px;
    }

    .article h3{
        font-size: 16px;
    }

    .single-post .container-prochain-match .item:first-child{
        padding: 0;
    }

    .single-post  .container-prochain-match .item{
        margin: 0;
    }
    /*** FIN PAGE SINGLE JOUEUR **/

    /*** PAGE MENTIONS LEGALES ***/
    .mentions-legales{
        column-count: 1;
    }
    /*** FIN PAGE MENTIONS LEGALES ***/

    /*** PAGE NOS PARTENAIRES ***/
    .header-partners img{
        width: 50%;
    }

    .flex-partenaires .flex2{
        max-width: 15%;
    }

    .flex-partenaires .flex3{
        max-width: 30%;
    }

    .flex-partenaires .flex4{
        max-width: 20%;
    }

    .flex-partenaires .flex8{
        flex: 0 15%;
        max-width: 100%;
    }

    .flex-partenaires img{
        max-width: 100%;
    }

    .flex-institutionnels img{
        max-width: 90%;
    }

    .flex-mvp img{
        max-width: 90%;
    }


    .flex-majeur img{
        max-width: 80%;
    }

    .flex-meneur img{
        max-width: 75%;
    }

    /*** FIN PAGE NOS PARTENAIRES ***/

    /*** PAGE TAXE D'APPRENTISSAGE ***/
    .sub_taxe{
        font-size: 16px;
    }
    .comment-verser-la-taxe h2{
        font-size: 20px;
        width: 100%;
    }

    .page-id-22701 h1{
        font-size: 23px;
    }

    .page-id-22701 .et_pb_row_0 .et_pb_image_0{
        display: none;
    }

    .page-id-22701 .et_pb_text_2{
        font-size: 14px;
    }

    .page-id-22701 .et_pb_text_5{
        margin: 0 !important;
        padding: 10px !important;
        width: 100%;
    }

    .page-id-22701 .et_pb_text_9{
        width: 90%;
        font-size: clamp(16px, 3vw, 24px);
    }

    .page-id-22701 .row-centered{
        display: initial;
    }

    .page-id-22701 .et_pb_text_10{
        padding: 0 !important;
        width: 90%;
        margin: 0 auto;
    }

    .page-id-22701 .centredeformation p:first-of-type{
        display: none;
    }

    .page-id-22701 .centredeformation span.gotham-text{
        display: block;
    }

        /***  FIN PAGE TAXE D'APPRENTISSAGE ***/

    .footer-reassurance{
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .et-db #et-boc .et-l .footer-reassurance .et_pb_column{
        width: 25% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .footer-reassurance .et-pb-icon{
        font-size: 20px !important;
    }

    .footer-reassurance .et_pb_text_inner{
        font-size: 12px;
        line-height: 12px;
    }

    .home-image::after,
    .flex-actualites-container a::after,
    .flex-solidaire-container a::after,
    .full-actualites-container div.item::after,
    .full-solidaire-container div.item::after,
    .fond-image::after{
        height: 25svh;
    }

    .single-post #retour-button{
        margin-bottom: 15px;
    }

    .single-joueur .galerie {
        margin-top: 40px;
    }

    .flex-champions{
        flex-wrap: wrap;
    }

    .flex-champions .champion{
        width: 40vw;
    }

    .et-dynamic-content-woo--product_description p{
        padding: 15px 0;
    }

    .flex-solidaire-container .col1, .flex-solidaire-container .col2, .flex-solidaire-container .col3, .flex-solidaire-container .col4 {
        aspect-ratio: 16/9;
    }

    #devenezMecene {
        cursor: initial !important;
        background-color: initial !important;
        color: white !important;
        padding: initial !important;
    }

    .impots small{
        font-size: 10px !important;
    }

}