/*FONT*/
@font-face {
	font-family:'Style1';
	src:url(font/Poppins-Bold.ttf) format("truetype");
}
@font-face {
	font-family:'Style2';
	src:url(font/Poppins-Light.ttf) format("truetype");
}
@font-face {
	font-family:'Style3';
	src:url(font/Poppins-Medium.ttf) format("truetype");
}
@font-face {
	font-family:'Style4';
	src:url(font/Poppins-Regular.ttf) format("truetype");
}
@font-face {
	font-family:'Style5';
	src:url(font/Poppins-SemiBold.ttf) format("truetype");
}

/* RESET */
*, *::after, *::before {
    box-sizing: border-box;
}

html {height:100.1%;}

/* Modif de la scrollbar sur chrome et autre */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background: var(--couleur_centre);
}


body{
    background-color: var(--light);
    margin: 0;
    font-family:'Style4';
    /* padding: 1rem; */
}
img {
    max-width: 200px;
}



/* LINKS */
a {
    color: var(--links);
}
a:not(.font_score_not_played):not(.recolor_lien_temps) {
    text-decoration: underline;
}

a:hover:not(.font_score_not_played):not(.recolor_lien_temps) {
    color: var(--hover);
}

/* CONTAINER */
.container{
    width: 100%;
    color: var(--dark);
    /* background-color: var(--containerBackground); */
    background-color: var(--light);
    max-width: var(--containerMaxWidth);
    margin: 0 auto;
    /* padding: 1rem; */
}

.container_video{
    background-color: var(--light);
    max-width: fit-content;
    margin: 0 auto;
    max-width: 800px;
}

.table{
    background-color: var(--light);
    /*font: var(--typoTable);*/
    font-size: 14px;
    width: 100%;
    text-align: left;
    border-spacing: 0px;
}

thead{
    /* background-color: var(--theadBackground); */
}
td{
    border-bottom: 1px solid #cfcfcf;
    height: 40px;
}
/* Accueil */
.img_tab{
    padding: 5px 0px;
}
.img_mc{
   width: 140px;
}
.img_play{
    width: 35px;
}
.img_tab_equipe{
    padding: 5px 0px;
    width: 86px;
    height: 86px;
}
/***********/
/* 1st page après accueil */
.upper_page{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    align-items: center;
}
.data_competition{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
}
.logo_competition_accueil{
    grid-row: 1;
    grid-column: 1 / span 1;
    justify-self: left;
}
.entete{
    padding: 10px 0px;
}
.logo_league{
    
}
.titre_competition_accueil{
    grid-row: 1;
    grid-column: 2 / span 1;
    color: var(--colorCompetitionName);
    font-size: 25px;
}
.voir_ligues{
    grid-row: 1;
    grid-column: 3 / span 1;
    text-align: left;
}
.btn_retour{
    font-size: 25px;
    color: var(--dark);
}
.btn_retour_accueil{
    font-size: 25px;
    color: var(--couleur_centre);
    font: var(--police_centre);
}
.btn_retour_video{
    font-size: 25px;
    color:  var(--btn_retour);
}
/*******************************/
/* Données equipe //page callDataEquipe// */
.masthead_equipe{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    align-items: center;
}
.logo_equipe{
    grid-row: 1;
    grid-column: 1 / span 1;
    text-align: left;
    border: none;
}
.nom_equipe{
    grid-row: 1;
    grid-column: 2 / span 1;
    font-size: 25px;
    color: var(--nom_equipe);
}
.nom_equipe_2{
    grid-row: 1;
    grid-column: 2 / span 1;
    font-size: 25px;
    color: white;
    background-color: var(--couleur_centre);
}
.nb_competitions{
    grid-row: 2;
    grid-column: 1 / span 1;
    text-align: left;
}
.retour{
    grid-row: 1;
    grid-column: 3 / span 1;
    text-align: right;
}


/******************************************/

/* Classement General */
.centree{
    text-align: center;
}

/*************************/
.ligne_data_tableau:hover{
    background-color: var(--ligneTabBackground);
    /* border-bottom: 2px solid crimson; */
}

/* Titre championnat page accueil */


/* Titre données tableau */
.titre_tableau{
    /* color: var(--colorCompetitionName); */
    height: 30px;
    border-bottom: 2px solid #cfcfcf;
}
.titre_tableau_cal{
    /* color: var(--colorCompetitionName); */
    height: 30px;
    border-bottom: 2px solid #cfcfcf;
    text-align: center;
}


/* Menu Nav Ligue */



/* Nav Bar */

.hoverable{
    display: flex;
    /* gap: 1rem; */
    vertical-align: middle;
    position:relative;
    box-shadow: 0 0 1px rgba(0,0,0,0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property:transform;
    text-align: center;
}
    
.hoverable:before{
    position:absolute;
    pointer-events: none;
    z-index:-1;
    content: '';
    top: 100%;
    left: 5%;
    height:10px;
    width:90%;
    opacity:0;
    background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
    /* W3C */
    transition-duration: 0.3s;
    transition-property: transform, opacity;
}
    
.hoverable:hover, .hoverable:active, .hoverable:focus{
    transform: translateY(-5px);
}
.hoverable:hover:before, .hoverable:active:before, .hoverable:focus:before{
    opacity: 1;
    transform: translateY(-5px);
}
    
/* Bouton retour */
.bouton_retour{
    text-align: center;
}
.bouton_retour_video{
    text-align: center;
    color:  var(--btn_retour);
}
/****************/
    /*everything below here is just setting up the page, so dont worry about it */
    
body {
    text-align:center !important;
}
.color_back{
    max-width: 100%;
    background-color: var(--fond);
}

nav {
    text-transform:uppercase;
}
.navbar{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0px;
}

nav.li{
    margin-left: 3em;
    margin-right: 3em;
}
    
nav.li.a{
    transition: .5s color ease-in-out;
}
    
.page-title {
    opacity: .75 !important;
}

.a-nav{
    color: var(--dark);
}
.a-nav-select{
    color: var(--couleur_centre);
}
.a-nav:hover{
    color: var(--hover);
}


/* Titre Ligue */
.titre_ligue{
    color: var(--titleLigue);
}

/* Calendrier */  
/* Classement General */

  
/* Classement Buteur */
/* Classement Fair-Play */

/* Calendrier*/
.calendrier_eq1{
    text-align: right;
    /* background-color: rgb(250 250 250); */
    padding-right: 5px;
}
.calendrier_score{
    text-align: center;
    padding: 5px;
    background-color: rgb(74 74 74);
    color: rgb(255 255 255);
}
.calendrier_eq2{
    /* background-color: rgb(255 255 255); */
    padding-left: 5px;
}
.font_eq{
    color: rgb(9 9 9);
}
.font_score{
    color: rgb(255 255 255);
    text-decoration: underline;
    font-family:'Style5';
}
.font_score_not_played{
    color: rgb(74 74 74);
    font-family:'Style5';
}
.td_date{
    font-size: 12px;
}
.td_date_aff{
    background-color: var(--fond);
    font-weight: 600%;
    padding-left: 10px;
}
.td_date_cal{
    font-size: 12px;
    width: 78.59px;
}
.td_heure{
    font-size: 12px;
}
.td_detail_match{
    font-size: 12px;
    width: 115px;
}

/* Feuille Match */
/* Informations haut de page */
.titre_site{
    color: var(--couleur_centre);
    font: small-caps bold 25px/1 sans-serif;
}
.vide{
    background-color: var(--fond);
    height: 20px;
}
.detail_match{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.ligne_1{
grid-column: 1 / span 3;
background-color: var(--couleur_centre);
}
.date_match{
    color: var(--dark);
    border: none;
    text-align: center;
}
.ligne_2{
    grid-column: 1 / span 3;display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.ligne_2_eq1{
    grid-column: 1 / span 3;display: grid;
    grid-template-columns: 3fr repeat(2, 1fr);
}
.ligne_2_eq2{
    grid-column: 1 / span 3;display: grid;
    grid-template-columns: repeat(2, 1fr) 3fr;
}
.equipe_1{
    grid-column: 1 / span 1;
    font-size: 25px;
    width: 320px;
}
.equipe_1_video{
    font-size: 25px;
    border: none;
    color: white;
    background-color: var(--couleur_equipe1);
}
.equipe_2_video{
    font-size: 25px;
    border: none;
    color: white;
    background-color: var(--couleur_centre);
}
.score_eq1{
    grid-column: 1 / span 1;
    font-size: 45px;
    color: white;
    background-color: var(--couleur_equipe1);
    width: 100px;
    padding: 13px;
    font-weight: bold;
}
.video_complet {
    grid-column: 2 / span 1;
    margin: auto;
}
.score_eq2{
    grid-column: 3 / span 1;
    font-size: 45px;
    color: white;
    background-color: var(--couleur_centre);
    width: 100px;
    padding: 13px;
    font-weight: bold;
}
.equipe_2{
    grid-column: 3 / span 1;
    font-size: 25px;
    width: 320px;
}
.equipe_2.a{
    color: #000000;
}
.ligne_3{
    grid-column: 1 / span 3;display: grid;
    grid-template-columns: 2fr 1fr 2fr;
}
.ligne_3_video{
    grid-column: 1 / span 3;display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.action_match{
    border: none; 
    font-size: 25px;
    color: white;
    background-color: black;
}
.ligne_4{
grid-column: 1 / span 3;
border: none;
}
.info_player{
    color: var(--dark);
    grid-column: 1 / span 3;
    border: none;
}
.td_video{
    border: none;
}
/* ******************* */

/* resume de match */
.resume_match{
    display: grid;
    align-items: center;
}
.informations_resume{
    display: grid;
    grid-template-columns: 30px auto 200px auto 30px;
}

/* données */
.colonne_1{
    grid-column:1 / span 1;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.eq1_colonne_2{
    background-color: var(--couleur_equipe1);
    grid-column:2 / span 4;
    text-align: left;
    display: block;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    width: 300px;
    margin-bottom: 10px;
}
.eq1_video{
    text-align: right;
}
.eq2_video{
    text-align: left;
}
.eq2_colonne_2{
    background-color: var(--couleur_centre);
    grid-column:2 / span 4;
    text-align: right;
    display: block;
    margin-left: 58%;
    width: 300px;
    margin-bottom: 10px;
}
.recolor_lien{
    color: white;
}
.recolor_lien_temps{
    color: white;
    text-decoration: none;
}
.affichage_nom_equipe{
    font-size: 12px;
    color: #000000;    
}
.affichage_nom_joueur{
    font-size: 18px;
    margin-top: auto;
    margin-bottom: auto;
}
.affichage_minute_action, .affichage_videos, .score_margin{
    margin: auto;
}

.border{
    border-bottom: 2px solid #dfdddd;
}
.pair{
    position: relative;
    padding: 5px;
}
.impair{
    position: relative;
    padding: 5px;
}
.debut_match{
    background-color: #dbdbdb;
    width: auto;
}
.fin_match{
    background-color: #dbdbdb;
}
.temps_action{
    margin-top: 2px;
}
.icones{
    margin-bottom: 2px;
}
.icone{
    width: 20px;
    height: 20px;
}
/* *************** */

/*images des videos*/
/* lecteur_video.php */
.tab_video, .tab_video_2{
    margin: auto;
    border-collapse: collapse;
}
.info_match{
    background-color: #4a98af;
    border: 1px solid #999999;
    font-size: large;
}

.video_player{
    z-index: 0;
    height: 40px;
    width: 80px;
}
.video_player_1{
    z-index: 0;
    height: 250px;
    width: calc(100% - 10px);
    margin-left: 10px;
}
.video_player_2{
    z-index: 0;
    height: 250px;
    width: calc(100% - 10px);
    margin-right: 10px;
}
.entete_resume{
    background-color: var(--couleur_centre);
    color: white;
}
.img_share{
    height: 43;
    width: 43px;
}
.reseaux_sociaux_multi{
    display: inline-block;
    width: 100%;
    text-align: right;
    border-bottom: none;
}
a.btn_share{
    margin: 10px;
}
.image_video{
    height: 40px;
    width: 80px;
    margin-top: 4px;
    padding: 2px 2px;
}
.image_video_match{
    height: 40px;
    width: 80px;
}
.play_video{
    font-size: 2rem;
    font-family: 'Style4';
    position: absolute;
    height: 40px;
    width: 80px;
    text-align: center;
    z-index: 1;
    margin-top: 4px;
    padding: 2px 2px;
}
.play_video_match{
    font-size: 2rem;
    font-family: 'Style4';
    position: absolute;
    height: 40px;
    width: 80px;
    text-align: center;
    z-index: 1;
}
/*****************/
/* animations */
@keyframes bounce-animation {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
    
.bounce {
    animation-name: bounce-animation;
    animation-duration: 2s;
}
/* ************** */

/* telephone */
@media (max-width: 700px){  
    body{
        background-color: var(--light);
        margin: 0;
        /* padding: 1rem; */
    }
    
    /* LINKS */
    a {
        color: var(--links);
    }
    a:not(.font_score_not_played):not(.recolor_lien_temps) {
        text-decoration: underline;
    }
    
    a:hover:not(.font_score_not_played):not(.recolor_lien_temps) {
        color: var(--hover);
    }
    
    /* CONTAINER */
    .container{
        width: 100%;
        color: var(--dark);
        /* background-color: var(--containerBackground); */
        background-color: var(--light);
        max-width: var(--containerMaxWidth);
        margin: 0 auto;
        max-width: 700px;
        padding: 1rem;
    }

    .container_video{
        background-color: var(--light);
        max-width: fit-content;
        margin: 0 auto;
        max-width: 800px;
    }
    
    
    .table{
        background-color: var(--light);
        /*font: var(--typoTable);*/
        font: 14px;
        width: 100%;
        text-align: left;
        border-spacing: 0px;
    }
    
    thead{
        /* background-color: var(--theadBackground); */
    }
    td{
        border-bottom: 1px solid #cfcfcf;
        height: 40px;
    text-align: center;}
    /* Accueil */
    .img_tab{
        padding: 5px 0px;
    }
    .img_mc{
        width: 140px;
    }
    .img_play{
        width: 35px;
    }
    .img_tab_equipe{
        padding: 5px 0px;
        width: 86px;
        height: 86px;
    }
    /***********/
    /* 1st page après accueil */
    .upper_page{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        align-items: center;
    }
    .data_competition{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        align-items: center;
    }
    .logo_competition_accueil{
        grid-row: 1;
        grid-column: 1 / span 1;
        justify-self: left;
    }
    .entete{
        padding: 10px 0px;
    }
    .logo_league{
        
    width: 100px;}
    .titre_competition_accueil{
        grid-row: 1;
        grid-column: 2 / span 1;
        color: var(--colorCompetitionName);
        font-size: 25px;
    }
    .voir_ligues{
        grid-row: 1;
        grid-column: 3 / span 1;
        text-align: left;
    }
    .btn_retour{
        font-size: 18px;
        color: var(--dark);
    }
    .btn_retour_accueil{
        font-size: 18px;
        color: var(--couleur_centre);
        font: var(--police_centre);
    }
    /*******************************/
    /* Données equipe //page callDataEquipe// */
    .masthead_equipe{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        align-items: center;
    }
    .logo_equipe{
        grid-row: 1;
        grid-column: 1 / span 1;
        text-align: left;
        border: none;
    }
    .nom_equipe{
        grid-row: 1;
        grid-column: 2 / span 1;
        font-size: 25px;
        color: var(--nom_equipe);
    }
    .nom_equipe_2{
        grid-row: 1;
        grid-column: 2 / span 1;
        font-size: 25px;
        color: white;
        background-color: var(--couleur_centre);
    }
    .nb_competitions{
        grid-row: 2;
        grid-column: 1 / span 1;
        text-align: left;
    }
    .retour{
        grid-row: 1;
        grid-column: 3 / span 1;
        text-align: right;
    }
    .img_tab{
        
    width: 100px;}
    .img_mc{
        
        width: 100px;}
    .img_play{
        
        width: 35px;}
    .img_tab_equipe{
        
        width: 100px;}
    
    
    /******************************************/
    
    /* Classement General */
    .centree{
        text-align: center;
    }
    
    /*************************/
    .ligne_data_tableau:hover{
        background-color: var(--ligneTabBackground);
        /* border-bottom: 2px solid crimson; */
    }
    
    /* Titre championnat page accueil */
    
    
    /* Titre données tableau */
    .titre_tableau{
        /* color: var(--colorCompetitionName); */
        height: 30px;
        border-bottom: 2px solid #cfcfcf;
        text-align: center;
    }
    
    
    /* Menu Nav Ligue */
    
    
    
    /* Nav Bar */    
    .hoverable{
        display: flex;
        /* gap: 1rem; */
        vertical-align: middle;
        position:relative;
        box-shadow: 0 0 1px rgba(0,0,0,0);
        transform: translateZ(0);
        transition-duration: .3s;
        transition-property:transform;
        text-align: center;
    }
        
    .hoverable:before{
        position:absolute;
        pointer-events: none;
        z-index:-1;
        content: '';
        top: 100%;
        left: 5%;
        height:10px;
        width:90%;
        opacity:0;
        background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
        /* W3C */
        transition-duration: 0.3s;
        transition-property: transform, opacity;
    }
        
    .hoverable:hover, .hoverable:active, .hoverable:focus{
        transform: translateY(-5px);
    }
    .hoverable:hover:before, .hoverable:active:before, .hoverable:focus:before{
        opacity: 1;
        transform: translateY(-5px);
    }
        
    /* Bouton retour */
    .bouton_retour{
        text-align: center;
    }
    /****************/
        /*everything below here is just setting up the page, so dont worry about it */
        
    body {
        text-align:center !important;
    }
    .color_back{
        width: 100%;
        background-color: var(--fond);
    }
    nav {
        text-transform:uppercase;
    }
    .navbar{
        display: flex;
        justify-content: center;
        gap: 1rem;
        padding: 0px;
    align-content: flex-start;align-items: center;justify-items: center;flex-direction: row;flex-wrap: wrap;}
    
    nav.li{
        margin-left: 3em;
        margin-right: 3em;
    }
        
    nav.li.a{
        transition: .5s color ease-in-out;
    }
        
    .page-title {
        opacity: .75 !important;
    }
    
    .a-nav{
        color: var(--dark);
    }
    .a-nav-select{
        color: var(--couleur_centre);
    }
    .a-nav:hover{
        color: var(--hover);
    }
    
    
    /* Titre Ligue */
    .titre_ligue{
        color: var(--titleLigue);
    }
    
    /* Calendrier */
    /* Classement General */
    
      
    /* Classement Buteur */
    /* Classement Fair-Play */
    
        /* Feuille Match */
    /* Informations haut de page */
    .detail_match{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .ligne_1{
    grid-column: 1 / span 3;
    background-color: var(--couleur_centre);
    }
    
    .date_match{
        color: var(--dark);
        border: none;
        text-align: center;
    }
    .ligne_2{
        grid-column: 1 / span 3;display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .ligne_2_eq1{
        grid-column: 1 / span 3;display: grid;
        grid-template-columns: 3fr repeat(2, 1fr);
    }
    .ligne_2_eq2{
        grid-column: 1 / span 3;display: grid;
        grid-template-columns: repeat(2, 1fr) 3fr;
    }
    .equipe_1{
        grid-column: 1 / span 1;
        font-size: 20px;
        width: auto;
    }
    .score{
        grid-column: 2 / span 1;font-size: 20px;
        width: auto;
    }
    .equipe_2{
        grid-column: 3 / span 1;
        font-size: 20px;
        width: auto;
    }
    .ligne_3{
        grid-column: 1 / span 3;display: grid;
        grid-template-columns: 2fr 1fr 2fr;
    }
    .ligne_3_video{
        grid-column: 1 / span 3;display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .ligne_4{
    grid-column: 1 / span 3;}
    /* ******************* */

    /* resume de match */
    .resume_match{
        display: grid;
        align-items: center;
        width: 100%;
    }
    .informations_resume{
        display: grid;
        grid-template-columns: 30px auto 200px auto 30px;
    }

    /* données */
    .colonne_1{
        grid-column:1 / span 1;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .eq1_colonne_2{
        background-color: var(--couleur_equipe1);
        grid-column:2 / span 4;
        text-align: left;
        display: block;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        width: 300px;
        margin-bottom: 10px;
    }
    .eq1_video{
        text-align: right;
    }
    .eq2_video{
        text-align: left;
    }
    .eq2_colonne_2{
        background-color: var(--couleur_centre);
        grid-column:2 / span 4;
        text-align: right;
        display: block;
        margin-left: auto;
        width: 300px;
        margin-bottom: 10px;
    }
    .affichage_nom_equipe{
        font-size: 18px;
        color: #585555;    
    }
    .affichage_nom_equipe_2{
        font-size: 18px;
        color: #585555;    
    }
    .affichage_non_equipe{
        font-size: 18px;
        color: #585555; 
    }

    .affichage_nom_joueur{
        font-size: 18px;
        margin-top: auto;
        margin-bottom: auto;
    }
    .affichage_minute_action, .affichage_videos, .score_margin{
        margin: auto;
    }
    .border{
        border-bottom: 2px solid #dfdddd;
    }
    .pair{
        position: relative;
        padding: 5px;
    }
    .impair{
        position: relative;
        padding: 5px;
    }
    .debut_match{
        background-color: #dbdbdb;
    }
    .fin_match{
        background-color: #dbdbdb;
    }
    .temps_action{
        margin-top: 2px;
    }
    .icones{
        margin-bottom: 2px;
    }
    .icone{
        width: 20px;
        height: 20px;
    }
    /* *************** */

    /*images des videos*/
    .titre_site{
        color: var(--couleur_centre);
        font: small-caps bold 18px/1 sans-serif;
    }
    .vide{
        background-color: var(--fond);
        height: 20px;
    }
    .video_player{
        z-index: 0;
        height: 40px;
        width: 80px;
    }
    .video_player_1{
        z-index: 0;
        width: calc(100% - 10px);
        margin-left: 10px;
    }
    .video_player_2{
        z-index: 0;
        width: calc(100% - 10px);
        margin-right: 10px;
    }
    .entete_resume{
        background-color: var(--couleur_centre);
        color: white;
    }
    .img_share{
        height: 25px;
        width: 25px;
    }
    .action_match{
        border: none; 
        font-size: 18px;
        color: white;
        background-color: black;
    }
    .equipe_1_video{
        font-size: 18px;
        border: none;
        color: white;
        background-color: var(--couleur_equipe1);
    }
    .equipe_2_video{
        font-size: 18px;
        border: none;
        color: white;
        background-color: var(--couleur_centre);
    }
    .info_player{
        color: var(--dark);
        grid-column: 1 / span 3;
        border: none;
        font-size: 14px;
    }
    .image_video{
        height: 50px;
        width: 100px;
        margin-top: 4px;
        padding: 2px 2px;
    }
    .image_video_match{
        height: 60px;
        width: 120px;
    }
    .play_video{
        font-size: 2rem;
        font-family: 'Style4';
        position: absolute;
        height: 50px;
        width: 100px;
        text-align: center;
        z-index: 1;
        margin-top: 4px;
        padding: 2px 2px;
    }
    .play_video_match{
        font-size: 2rem;
        font-family: 'Style4';
        position: absolute;
        height: 60px;
        width: 120px;
        text-align: center;
        z-index: 1;
    }
    /*****************/

    .logo_competition_accueil{

    }
    .titre_competition_accueil{

    }
    .voir_ligues{

    }
    .upper_page{
    }
    .table{
    }
    .titre_tableau{
    text-align: center;}
    .ligne_data_tableau{
    }
    /*****************/


}