.elementor-2483 .elementor-element.elementor-element-593d2462{--display:flex;}.elementor-2483 .elementor-element.elementor-element-47f50eb4{padding:60px 60px 60px 60px;text-align:center;}.elementor-2483 .elementor-element.elementor-element-47f50eb4 .elementor-heading-title{color:var( --e-global-color-el_color_1 );}.elementor-2483 .elementor-element.elementor-element-13b548f7{--display:flex;--justify-content:flex-end;}.elementor-2483 .elementor-element.elementor-global-4651{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2483 .elementor-element.elementor-global-4651.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2483 .elementor-element.elementor-element-6424142{--display:flex;}.elementor-2483 .elementor-element.elementor-element-a048105{padding:60px 60px 60px 60px;text-align:center;}.elementor-2483 .elementor-element.elementor-element-a048105 .elementor-heading-title{color:var( --e-global-color-el_color_1 );}.elementor-2483 .elementor-element.elementor-element-210a74d{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;columns:1;text-align:center;}.elementor-2483 .elementor-element.elementor-element-0c4c9a5{--display:flex;}.elementor-2483 .elementor-element.elementor-element-b474cef .elementor-post__thumbnail__link{padding-bottom:calc( 0.66 * 100% );}.elementor-2483 .elementor-element.elementor-element-b474cef:after{content:"0.66";position:absolute;color:transparent;}.elementor-2483 .elementor-element.elementor-element-1b1dd53f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2483 .elementor-element.elementor-element-1b1dd53f:not(.elementor-motion-effects-element-type-background), .elementor-2483 .elementor-element.elementor-element-1b1dd53f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://montrougefc92.fr/wp-content/uploads/2026/04/4852_565_Sport.jpeg");background-position:center center;background-size:cover;}.elementor-2483 .elementor-element.elementor-element-1b1dd53f > .elementor-background-overlay{background-color:var( --e-global-color-el_color_6_3 );opacity:1;transition:background 0.6s, border-radius 0.3s, opacity 0.6s;}.elementor-2483 .elementor-element.elementor-element-1b1dd53f:hover > .elementor-background-overlay{background-color:var( --e-global-color-el_color_6_4 );opacity:1;}.elementor-2483 .elementor-element.elementor-element-1b1dd53f > .elementor-container{max-width:919px;min-height:24vh;}.elementor-2483 .elementor-element.elementor-element-1b1dd53f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0% 5% 0% 5%;}.elementor-bc-flex-widget .elementor-2483 .elementor-element.elementor-element-2373af8e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2483 .elementor-element.elementor-element-2373af8e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2483 .elementor-element.elementor-element-2373af8e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2483 .elementor-element.elementor-element-2373af8e > .elementor-element-populated{padding:80px 20px 80px 20px;}.elementor-2483 .elementor-element.elementor-element-785d4c8{text-align:center;}.elementor-2483 .elementor-element.elementor-element-785d4c8 .elementor-heading-title{font-family:var( --e-global-typography-el_title_2-font-family ), Sans-serif;font-size:var( --e-global-typography-el_title_2-font-size );font-weight:var( --e-global-typography-el_title_2-font-weight );text-transform:var( --e-global-typography-el_title_2-text-transform );line-height:var( --e-global-typography-el_title_2-line-height );color:var( --e-global-color-el_color_0 );}.elementor-2483 .elementor-element.elementor-element-124a8f0b{--spacer-size:30px;}.elementor-2483 .elementor-element.elementor-element-51a59839{text-align:center;font-family:var( --e-global-typography-el_content_4-font-family ), Sans-serif;font-size:var( --e-global-typography-el_content_4-font-size );line-height:var( --e-global-typography-el_content_4-line-height );color:var( --e-global-color-el_color_0 );--textColor:var( --e-global-color-el_color_0 );}.elementor-2483 .elementor-element.elementor-element-2c1b7e43{--spacer-size:40px;} .elementor-2483 .elementor-element.elementor-element-246b8291 .box-button, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-button .popup-icon,  .elementor-2483 .elementor-element.elementor-element-246b8291 .box-button:hover,  .elementor-2483 .elementor-element.elementor-element-246b8291 .box-button:focus, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-hover:hover .box-button{background:var( --e-global-color-el_color_1 );}.elementor-2483 .elementor-element.elementor-element-246b8291 .box-button.elementor-button:hover, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-button.elementor-button:focus, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-button.elementor-button:hover .popup-icon, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-button.elementor-button:focus .popup-icon,  .elementor-2483 .elementor-element.elementor-element-246b8291 .box-hover:hover .box-button.elementor-button, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-hover:hover .box-button.elementor-button .popup-icon{background:var( --e-global-color-el_color_6 );}.elementor-2483 .elementor-element.elementor-element-246b8291{--box-button-width:300px;}.elementor-2483 .elementor-element.elementor-element-246b8291 .box-button{min-width:300px;}.elementor-2483 .elementor-element.elementor-element-246b8291 .box-button, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-button *{color:var( --e-global-color-el_color_0 );}.elementor-2483 .elementor-element.elementor-element-246b8291 .box-button svg{fill:var( --e-global-color-el_color_0 );color:var( --e-global-color-el_color_0 );}.elementor-2483 .elementor-element.elementor-element-246b8291 .box-button.elementor-button:hover, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-button.elementor-button:focus, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-button.elementor-button:hover *, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-button.elementor-button:focus *, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-hover:hover .box-button.elementor-button, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-hover:hover .box-button.elementor-button *{color:var( --e-global-color-el_color_0 );}.elementor-2483 .elementor-element.elementor-element-246b8291 .box-button.elementor-button:hover svg, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-button.elementor-button:focus svg, .elementor-2483 .elementor-element.elementor-element-246b8291 .box-hover:hover .box-button.elementor-button svg{fill:var( --e-global-color-el_color_0 );color:var( --e-global-color-el_color_0 );}@media(min-width:851px){.elementor-2483 .elementor-element.elementor-element-2373af8e{width:100%;}}@media(max-width:1050px){.elementor-2483 .elementor-element.elementor-element-785d4c8 .elementor-heading-title{font-size:var( --e-global-typography-el_title_2-font-size );line-height:var( --e-global-typography-el_title_2-line-height );}.elementor-2483 .elementor-element.elementor-element-51a59839{font-size:var( --e-global-typography-el_content_4-font-size );line-height:var( --e-global-typography-el_content_4-line-height );}}@media(max-width:850px){.elementor-2483 .elementor-element.elementor-element-785d4c8 .elementor-heading-title{font-size:var( --e-global-typography-el_title_2-font-size );line-height:var( --e-global-typography-el_title_2-line-height );}.elementor-2483 .elementor-element.elementor-element-51a59839{font-size:var( --e-global-typography-el_content_4-font-size );line-height:var( --e-global-typography-el_content_4-line-height );}.elementor-2483 .elementor-element.elementor-element-246b8291{--box-button-width:0px;}.elementor-2483 .elementor-element.elementor-element-246b8291 .box-button{min-width:0px;}}/* Start custom CSS for global, class: .elementor-global-4651 *//* --- LE CARROUSEL PRINCIPAL --- */
.montrouge-css-carousel {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden; /* Cache ce qui dépasse */
    padding: 0 40px; /* Laisse de la place pour les flèches */
    box-sizing: border-box;
}

/* Cache les boutons radio techniques */
.montrouge-css-carousel input[type="radio"] {
    display: none;
}

/* --- LA PISTE ANIMÉE --- */
.carousel-piste {
    display: flex;
    width: 200%; /* 2 pages = 200% de la largeur */
    transition: transform 0.6s ease-in-out;
}

/* Chaque page de 3 joueurs */
.carousel-page {
    width: 50%; /* La moitié de la piste */
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

/* L'animation de glissement magique */
#slide1:checked ~ .carousel-piste { transform: translateX(0%); }
#slide2:checked ~ .carousel-piste { transform: translateX(-50%); }

/* --- LES FLÈCHES EN OR --- */
.fleche {
    position: absolute;
    top: 35%; /* Hauteur des flèches par rapport à l'image */
    font-size: 50px;
    color: #cca63d; /* L'Or de Montrouge */
    cursor: pointer;
    z-index: 10;
    display: none; /* Cachées de base */
    transition: color 0.3s;
}
.fleche:hover {
    color: #000000;
}
.fleche-gauche { left: 0; }
.fleche-droite { right: 0; }

/* Affichage intelligent des flèches */
#slide1:checked ~ .controles-carousel .fleche-droite { display: block; }
#slide2:checked ~ .controles-carousel .fleche-gauche { display: block; }

/* --- LE DESIGN DES CARTES --- */
.signature-carte {
    width: 32%; 
    text-align: center;
}
.signature-carte img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.signature-carte img:hover {
    transform: scale(1.02);
}
.nom-joueur {
    font-family: sans-serif;
    font-size: 22px;
    color: #222;
    margin: 15px 0 5px 0;
}
.club-joueur {
    font-family: sans-serif;
    font-size: 16px;
    color: #888;
    margin: 0;
}

/* --- LE SYSTEME DE LIGHTBOX (POUR LE PLEIN ECRAN) --- */
.lightbox {
    display: none;
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.85);
    text-decoration: none;
}
.lightbox img {
    max-width: 90%;
    max-height: 85vh;
    margin-top: 5vh;
    box-shadow: 0 0 25px rgba(0,0,0,0.5);
}
.lightbox::after {
    content: "✕";
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 50px;
    color: white;
    font-family: Arial, sans-serif;
    cursor: pointer;
}
.lightbox:target {
    display: block;
    outline: none;
}

/* --- RESPONSIVE MOBILE --- */
@media (max-width: 768px) {
    .carousel-page {
        flex-direction: column; /* Les joueurs s'empilent sur téléphone */
        align-items: center;
    }
    .signature-carte {
        width: 100%;
        margin-bottom: 30px;
    }
    .fleche {
        top: 10%; /* Remonte la flèche sur mobile */
    }
}/* End custom CSS */