/*
--------------------------------------------------
  TITRES PAGES FRANCE
--------------------------------------------------
*/

.titre-page-france{

    width:900px;

    margin:35px auto 25px auto;

    padding:25px 30px;

    background:linear-gradient(135deg,#123d7a,#1e62b8);

    border-radius:12px;

    box-shadow:0 8px 25px rgba(0,0,0,.12);

    color:white;

}


.titre-page-france h1{

    margin:0;

    font-size:38px;

    font-weight:bold;

    letter-spacing:.5px;

}


.titre-page-france h2{

    margin:14px 0 0 0;

    font-size:20px;

    font-weight:normal;

    color:#dceaff;

    border-top:1px solid rgba(255,255,255,.25);

    padding-top:14px;

}



/*
--------------------------------------------------
  TITRES DES BLOCS FRANCE
--------------------------------------------------
*/


.titre-bloc-france{

    width:900px;

    margin:30px auto 15px auto;

    padding:12px 20px;

    background:linear-gradient(135deg,#eaf2fb,#d6e6f8);

    border-left:6px solid #123d7a;

    border-radius:8px;

    color:#123d7a;

    font-size:24px;

    font-weight:bold;

    box-shadow:0 3px 10px rgba(0,0,0,.08);

}



/*
--------------------------------------------------
  DOUBLE RECHERCHE CLUBS
--------------------------------------------------
*/


.double-recherche{

    width:900px;

    margin:20px auto;

    display:flex;

    gap:25px;

}



.double-recherche .recherche-club{

    flex:1;

    background:#fafafa;

    border-radius:12px;

    padding:20px;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

}



.double-recherche h4{

    margin:0 0 15px 0;

    color:#123d7a;

    font-size:18px;

}




.double-recherche input{

    width:90%;

    padding:12px;

    border:1px solid #ccc;

    border-radius:8px;

    font-size:15px;

}




/*
--------------------------------------------------
  RESULTATS RECHERCHE FRANCE
--------------------------------------------------
*/


.resultats-france{

    margin-top:10px;

}



.resultat-club{

    background:white;

    padding:10px;

    border-bottom:1px solid #eee;

}



.resultat-club a{

    color:#123d7a;

    font-weight:bold;

    text-decoration:none;

}



.resultat-club span{

    float:right;

    color:#666;

    font-size:14px;

}




.resultat-club:hover{

    background:#f2f6ff;

}



/*
--------------------------------------------------
  RESPONSIVE FRANCE
--------------------------------------------------
*/


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


.titre-page-france{

    width:90%;

}



.titre-bloc-france{

    width:90%;

}



.double-recherche{

    width:90%;

    flex-direction:column;

}



}
/* =====================================================
   TITRES DES GROUPES (National 1, National 2, D3F)
===================================================== */

.titre-groupe{

    width:900px;

    margin:30px auto 15px auto;

    padding:10px 18px;

    background:linear-gradient(135deg,#edf4fc,#dcecff);

    border-left:6px solid #1e62b8;

    border-radius:8px;

    color:#123d7a;

    font-size:22px;

    font-weight:bold;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

}
/* =====================================================
   MENU STATISTIQUES
===================================================== */


.menu-statistiques
{
    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:10px;

    margin:20px 0 30px;
}



.menu-statistiques a
{
    background:#eeeeee;

    color:#333;

    text-decoration:none;

    padding:10px 22px;

    border-radius:20px;

    font-weight:bold;

    transition:0.2s;
}



.menu-statistiques a:hover
{
    background:#d4d4d4;
}



.menu-statistiques a.actif
{
    background:#1d4f91;

    color:white;
}

/* =====================================================
   CARTES STATISTIQUES
===================================================== */


.carte-stat
{
    background:white;

    border-radius:12px;

    padding:20px;

    box-shadow:0 2px 8px rgba(0,0,0,0.12);

    text-align:center;

    min-height:120px;

}



.carte-stat h4
{
    margin-top:0;

    color:#1d4f91;

}



.carte-stat .valeur
{
    font-size:28px;

    font-weight:bold;

    color:#222;

}



.grille-statistiques
{
    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(220px,1fr));

    gap:20px;

    margin:20px 0;

}








/*====================================================
MENU STATISTIQUES
====================================================*/

.liste-pays-europe .etiquette-pays.actif{

background:#1d4f91;

color:#fff;

border:2px solid #1d4f91;

}

.liste-pays-europe .etiquette-pays.actif span{

color:#fff;

}


/*====================================================
CHOIX HOMME / FEMME
====================================================*/

.choix-sexe{

display:flex;

justify-content:center;

gap:15px;

margin:25px 0;

flex-wrap:wrap;

}

.choix-sexe a{

padding:10px 24px;

border-radius:25px;

background:#ececec;

color:#333;

font-weight:bold;

text-decoration:none;

transition:.2s;

}

.choix-sexe a:hover{

background:#d7d7d7;

}

.choix-sexe a.actif{

background:#1d4f91;

color:#fff;

}


/*====================================================
TITRE
====================================================*/

.titre-statistiques{

text-align:center;

font-size:28px;

font-weight:bold;

color:#1d4f91;

margin:20px 0 35px;

}

.resume-statistiques{

max-width:900px;

margin:0 auto 35px;

text-align:center;

font-size:16px;

color:#666;

line-height:1.6;

}

/*====================================================
LOGOS FICHES CLUBS STATISTIQUES
====================================================*/

.logo-stat-club{

    width:110px;
    height:110px;

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

    background:#fff;

    border-radius:10px;

    overflow:hidden;

}


.logo-stat-club img{

    width:90px;
    height:90px;

    object-fit:contain;

    display:block;

}



.logo-club{

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

}



.logo-club img,
.logo-table-club{

    width:40px;

    height:40px;

    object-fit:contain;

    display:block;

}



.logo-vide{

    width:40px;

    height:40px;

    border-radius:50%;

    background:#f1f1f1;

    border:1px solid #ddd;

}

/*====================================================
FORMULAIRE CLASSEMENT
====================================================*/

.formulaire-classement{

display:flex;

flex-direction:column;

gap:18px;

}


.ligne-filtre{

display:flex;

align-items:center;

gap:20px;

flex-wrap:wrap;

}


.ligne-filtre label{

font-weight:600;

color:#1d4f91;

}


.choix-classement{

display:flex;

gap:25px;

}


.formulaire-classement select{

padding:8px 12px;

border:1px solid #cfd7e3;

border-radius:6px;

font-size:15px;

background:#fff;

min-width:220px;

}


.bouton-france{

padding:10px 20px;

background:#1d4f91;

color:#fff;

border:none;

border-radius:6px;

cursor:pointer;

font-weight:600;

}

.bouton-france:hover{

background:#163d73;

}


.lien-club
{
    font-weight:600;
    text-decoration:none;
    color:#1d4f91;
}


.lien-club:hover
{
    text-decoration:underline;
}

/*====================================================
MOTEUR DE RECHERCHE STATISTIQUES
====================================================*/

.recherche-club{

position:relative;

max-width:500px;

}


#rechercheClub{

width:100%;

padding:12px;

font-size:16px;

border-radius:8px;

border:1px solid #ccc;

}



#resultatsRecherche{

position:absolute;

top:50px;

left:0;

right:0;

background:white;

border-radius:8px;

box-shadow:0 5px 20px rgba(0,0,0,.15);

z-index:100;

}



.resultat-club{

display:block;

padding:12px;

color:#123d7a;

text-decoration:none;

border-bottom:1px solid #eee;

font-weight:600;

}



.resultat-club:hover{

background:#eef5ff;

}



.resultat-vide{

padding:12px;

color:#777;

}


/*====================================================
TABLEAU HISTORIQUE CLUBS
====================================================*/

.table-classement-historique,
.table-classement{

    width:100%;
    border-collapse:collapse;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.08);

}


/*====================================================
ENTETE
====================================================*/

.table-classement-historique thead,
.table-classement thead{

    background:linear-gradient(
        135deg,
        #123d7a,
        #1f63b7
    );

    color:#fff;

}


.table-classement-historique th,
.table-classement th{

    padding:14px 10px;
    text-align:center;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;

}



/*====================================================
COLONNE TOTAL POINTS
====================================================*/


.table-classement-historique th.colonne-points{

    color:#ffffff;

    background:rgba(0,0,0,.12);

    font-size:15px;

}


.table-classement-historique td.colonne-points{

    font-size:16px;

    font-weight:700;

    color:#123d7a;

    background:#f4f8ff;

    min-width:115px;

    width:115px;

    white-space:nowrap;

}




/*====================================================
COLONNES SAISONS
====================================================*/


.table-classement-historique th.colonne-saison{

    color:#dcecff;

    background:rgba(255,255,255,.08);

    font-size:14px;

    min-width:75px;

}



.table-classement-historique td.points-saison{

    color:#44566c;

    font-size:13px;

    min-width:75px;

    width:75px;

    white-space:nowrap;

}



/*====================================================
CORPS TABLEAU
====================================================*/


.table-classement-historique td,
.table-classement td{

    padding:12px 10px;

    border-bottom:1px solid #edf1f5;

    text-align:center;

    font-size:14px;

}


.table-classement-historique tbody tr:nth-child(even),
.table-classement tbody tr:nth-child(even){

    background:#fafbfd;

}



.table-classement-historique tbody tr:hover,
.table-classement tbody tr:hover{

    background:#eef5ff;

    transition:.2s;

}




/*====================================================
ALIGNEMENTS
====================================================*/


.table-classement-historique td:nth-child(3),
.table-classement td:nth-child(3){

    text-align:left;

}



.rang-club{

    font-weight:700;

    font-size:16px;

    color:#123d7a;

    width:55px;

}



/*====================================================
LOGOS
====================================================*/


.logo-club{

    width:60px;

}



.logo-club img{

    max-width:42px;

    max-height:42px;

}



/*====================================================
LIEN CLUB
====================================================*/


.lien-club{

    color:#123d7a;

    font-weight:600;

    text-decoration:none;

}


.lien-club:hover{

    color:#1f63b7;

    text-decoration:underline;

}



/*====================================================
COMPTEUR CLUBS
====================================================*/


.bloc-compteur-clubs{

    margin:0 0 18px 0;

    padding:12px 18px;

    background:#f5f8fc;

    border:1px solid #d9e5f3;

    border-left:5px solid #1d4f91;

    border-radius:8px;

    font-size:15px;

    color:#30465d;

}



.bloc-compteur-clubs strong{

    font-size:20px;

    color:#1d4f91;

    font-weight:700;

    margin-left:6px;

}



/*====================================================
RESPONSIVE MOBILE
====================================================*/


@media(max-width:900px){


.table-classement-historique,
.table-classement{

    display:block;

    overflow-x:auto;

    white-space:nowrap;

    -webkit-overflow-scrolling:touch;

}



.table-classement-historique th,
.table-classement-historique td{

    padding:10px 8px;

    font-size:13px;

}



.table-classement-historique td.colonne-points{

    min-width:110px;

}



.table-classement-historique td.points-saison{

    min-width:70px;

}



}



/*====================================================
PETITS ECRANS
====================================================*/


@media(max-width:600px){


.table-classement-historique th,
.table-classement-historique td{

    font-size:12px;

}



.logo-club img{

    max-width:32px;

    max-height:32px;

}


.rang-club{

    width:40px;

}


}


/*====================================================
PAGINATION
====================================================*/

.pagination-clubs{

margin:25px 0;

text-align:center;

}

.pagination-clubs a{

display:inline-block;

min-width:40px;

padding:8px 12px;

margin:2px;

background:#ffffff;

border:1px solid #d6dce5;

border-radius:6px;

color:#1d4f91;

text-decoration:none;

font-weight:600;

transition:.2s;

}

.pagination-clubs a:hover{

background:#edf4ff;

}

.pagination-clubs a.actif{

background:#1d4f91;

color:#fff;

border-color:#1d4f91;

}

/*====================================================
RECHERCHE CLASSEMENT CLUBS
====================================================*/

.bloc-recherche-classement{

margin-bottom:20px;

}


.recherche-classement{

display:flex;

gap:10px;

align-items:center;

flex-wrap:wrap;

}


.recherche-classement input{

padding:10px 14px;

border:1px solid #d5dce5;

border-radius:6px;

width:280px;

font-size:15px;

}


.recherche-classement button{

padding:10px 18px;

background:#1d4f91;

color:white;

border:none;

border-radius:6px;

cursor:pointer;

font-weight:600;

}


.recherche-classement button:hover{

background:#163c70;

}


.recherche-classement a{

padding:10px 15px;

background:#eeeeee;

border-radius:6px;

text-decoration:none;

color:#333;

}

/*====================================================
RESULTATS CHAMPIONNAT
Styles spécifiques à resultat.php
====================================================*/


/* Conteneur page résultats */

.page-resultat{

    max-width:900px;

    margin:auto;

}



/*====================================================
RETOUR CHAMPIONNAT
====================================================*/


.page-resultat .retour{

    margin-bottom:20px;

}


.page-resultat .retour a{

    text-decoration:none;

    color:#0056b3;

    font-weight:bold;

}




/*====================================================
TITRE RESULTATS
====================================================*/


.page-resultat .titre-resultat{

    width:900px;

    max-width:100%;

    margin:25px auto 15px;

    padding:18px 25px;


    background:linear-gradient(
        135deg,
        #123d7a,
        #1e62b8
    );


    color:#fff;


    border-radius:12px;


    box-shadow:
    0 8px 20px rgba(0,0,0,.10);


    font-size:28px;

    font-weight:700;

    text-align:center;

    line-height:1.3;

}



/*====================================================
NAVIGATION JOURNEES
====================================================*/


.page-resultat .navigation-resultats{


    margin:25px 0;


    display:flex;


    justify-content:space-between;


    align-items:center;


}


.page-resultat .navigation-resultats a{


    text-decoration:none;


    color:#0056b3;


    font-weight:bold;


}


.page-resultat .navigation-resultats span{


    font-size:22px;


    font-weight:bold;


}



/*====================================================
TABLEAU RESULTATS
====================================================*/


.page-resultat .tab-resultats{


    width:100%;


    border-collapse:collapse;


    margin-top:20px;


    background:white;


    box-shadow:
    0 2px 6px rgba(0,0,0,.10);


    border-radius:8px;


    overflow:hidden;


}



.page-resultat .tab-resultats caption{


    padding:12px;


    font-size:18px;


    font-weight:bold;


    background:#333;


    color:white;


}



.page-resultat .tab-resultats th{


    background:#0056b3;


    color:white;


    padding:12px;


    text-align:center;


}



.page-resultat .tab-resultats td{


    padding:12px 10px;


    text-align:center;


    border-bottom:1px solid #eee;


}



.page-resultat .tab-resultats tr:nth-child(even){


    background:#f9f9f9;


}



.page-resultat .tab-resultats tr:hover{


    background:#eef5ff;


}




/*====================================================
CLUBS
====================================================*/


.page-resultat .dom,
.page-resultat .ext{


    display:flex;


    align-items:center;


    gap:10px;


    min-height:42px;


}



.page-resultat .dom{


    justify-content:flex-end;


}



.page-resultat .ext{


    justify-content:flex-start;


}



.page-resultat .logo-resultat{


    width:32px;


    height:32px;


    object-fit:contain;


    flex-shrink:0;


}



.page-resultat .nom-club{


    white-space:nowrap;


}



.page-resultat .nom-club a{


    font-weight:700;


    color:#1e62b8;


    text-decoration:none;


}



.page-resultat .nom-club a:hover{


    color:#123d7a;


}




/*====================================================
CLUB GAGNANT
====================================================*/


.page-resultat .gagnant{


    background:#dff2e3;


    border:1px solid #8bcf99;


    border-radius:8px;


    padding:6px 10px;


    font-weight:700;


    color:#155724;


}



/*====================================================
SCORE
====================================================*/


.page-resultat .score{


    display:inline-block;


    min-width:60px;


    padding:7px 14px;


    border-radius:20px;


    font-size:16px;


    font-weight:700;


    text-align:center;


    color:white;


    background:#555;


}



.page-resultat .score-domicile{


    background:#198754;


}



.page-resultat .score-exterieur{


    background:#dc3545;


}



.page-resultat .score-nul{


    background:#ffc107;


    color:#222;


}



/*====================================================
DATE
====================================================*/


.page-resultat .date{


    color:#007bff;


    font-weight:bold;


}



.page-resultat .date-score{


    display:block;


    font-size:.75em;


    font-weight:bold;


    color:#666;


    line-height:1.1;


    margin-bottom:3px;


}



.page-resultat .centre{


    text-align:center;


}



/*====================================================
RESPONSIVE RESULTATS
====================================================*/


@media(max-width:768px){


    .page-resultat .tab-resultats td{


        font-size:14px;


        padding:8px 5px;


    }



    .page-resultat .navigation-resultats{


        flex-direction:column;


        gap:10px;


        text-align:center;


    }



    .page-resultat .titre-resultat{


        font-size:20px;


        padding:15px;


    }



    .page-resultat .logo-resultat{


        width:25px;


        height:25px;


    }



    .page-resultat .dom,
    .page-resultat .ext{


        gap:6px;


    }



    .page-resultat .nom-club{


        font-size:14px;


    }



    .page-resultat .date-score{


        font-size:.70em;


    }


}

/*====================================================
RESULTATS CLUB
====================================================*/


.page-resultats{

    width:900px;
    max-width:100%;

    margin:30px auto;

}


/* MENU INTERNE RESULTATS */

.menu-resultats{

    display:flex;

    justify-content:center;

    gap:15px;

    margin:25px 0;

}


.menu-resultats a{

    padding:10px 20px;

    background:#1d4f91;

    color:white;

    text-decoration:none;

    border-radius:20px;

    font-weight:bold;

}


.menu-resultats a:hover{

    background:#123d7a;

}



/* BLOC MATCH */

.match-section{

    width:100%;

    margin:25px auto;

    background:#fff;

    border-radius:12px;

    overflow:hidden;

    box-shadow:0 8px 20px rgba(0,0,0,.10);

}



/* TITRE BLOC */

.match-title{

    padding:15px 20px;

    background:linear-gradient(
        135deg,
        #123d7a,
        #1e62b8
    );

    color:white;

    font-size:22px;

    font-weight:bold;

}



/* LIGNE MATCH */

.match-row{

    display:grid;

    grid-template-columns:
    120px 180px 1fr 90px 1fr;

    align-items:center;

    gap:10px;

    padding:12px 15px;

    border-bottom:1px solid #eee;

}



/* DATE */

.match-date{

    font-size:12px;

    font-weight:bold;

}



/* COMPETITION */

.match-comp{

    font-size:12px;

    color:#666;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}



/* CLUB */

.team{

    display:flex;

    align-items:center;

    gap:6px;

    min-width:0;

}


.team.home{

    justify-content:flex-start;

}


.team.away{

    justify-content:flex-end;

}



/* LIEN CLUB */

.team a{

    display:flex;

    align-items:center;

    gap:6px;

    min-width:0;

    color:#123d7a;

    text-decoration:none;

    font-weight:600;

}



.team.home a{

    justify-content:flex-start;

}


.team.away a{

    justify-content:flex-end;

    text-align:right;

}



.team span{

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}



/* LOGOS */

.team img{

    width:22px;

    height:22px;

    object-fit:contain;

    border-radius:50%;

    border:2px solid white;

    box-shadow:0 1px 4px rgba(0,0,0,.2);

}



/* SCORE */

.match-score{

    text-align:center;

    font-weight:bold;

    padding:5px 12px;

    border-radius:8px;

    background:#eee;

    white-space:nowrap;

}



/* RESULTATS */

.match-score.win{

    background:#1fa463;

    color:white;

}


.match-score.draw{

    background:#999;

    color:white;

}


.match-score.loss{

    background:#e74c3c;

    color:white;

}



/* CLUB CONSULTE */

.current-club{

    background:#e8f5e9;

    color:#1b5e20!important;

    border-radius:6px;

    padding:4px;

}




/* MOBILE */

@media(max-width:900px){


.match-row{

    grid-template-columns:1fr;

    text-align:center;

}


.team.home,
.team.away{

    justify-content:center;

}


.menu-resultats{

    flex-wrap:wrap;

}


}