*{
    padding: 0px;
    margin: 0px;
}
body{
    font-family: 'open sans', verdana, comic, cursive;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: auto;
    position: relative;
    top:0px;
    background-color: rgb(255,255,255);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
.main{
    position: relative;
    top:157px;
    width: 80%;
    height: auto;
    background-color: rgb(250, 250, 250);
    box-shadow: 0px 0px 1px;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
}
.main2{
    position: relative;
    top:157px;
    border: 1px solid rgb(45,45,45);
    box-shadow: 0px 0px 3px;
    width: 1024px;
    background-color: rgb(250, 250, 250);
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
}
.container_acceuil{
    position: relative;
    width: 100%;
    height: auto;
    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url("image/fond_acceuil.png");
    background-size: cover;
    background-position: left;
    margin: 0px auto;
}
.container_acceuil2{
    position: relative;
    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url("image/fond_acceuil.png");
    width: 100%;
    height: auto;
    margin: 0px auto;
}
.container_acceuil2::after{
    content: '';
    display: table;
    clear: both;   
}
.container_image_acceuil{
    width: 500px;
    min-height: 300px;
    margin: 0px auto;
}
.container_image_acceuil img{
    width: 100%;
    min-height: 300px;
    margin: 0px;
}
.container_acceuil3{
    width: 40%;
    margin: 0px auto;
    height: auto;
    border: 1px solid rgb(250,250,250);
    background: -moz-radial-gradient(ellipse rgb(20,120,20),rgb(45,45,45));
    background: -webkit-radial-gradient(ellipse rgb(20,120,20),rgb(45,45,45));
    background: -o-radial-gradient(ellipse rgb(20,120,20),rgb(45,45,45));
    background: radial-gradient(ellipse rgb(20,120,20),rgb(45,45,45));
    box-shadow: 0px 0px 5px #fff;
    border-radius: 10px;
    
}
.container_acceuil3 img{
    display: inline-block;
    position: relative;
    width: 90%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5%;
    margin-right: 5%;
}
.container_sec_football{
    width: 98%;
    height: auto;
    background-color: rgba(220,220,220,0.4);
    margin: 0px auto;
    padding: 10px 0px;
}
.container_sec_football::after{
    content: '';
    display: table;
    clear: both;
}
.container_sec{
    width: 98%;
    height: auto;
    background-color: rgba(220,220,220,0.4);
    margin: 0px auto;
    padding: 50px 0px 10px 0px;
    border-top: 1px solid #2d2d2d;
}
.container_sec::after{
    content: '';
    display: table;
    clear: both;
}
.table_date_acceuil{
    display: inline-block;
    width: 100%;
    margin: 0px auto;
    height: auto;
    position: relative;
    bottom: 0px; 
}
.date_acceuil{
    position: relative;
    left: 0px;
    display: inline-block;
    width: 100%;
    padding-top: 190px;
    font-size: 12px;
    color: #7f7e7e;
}
.indication_page{
    width: 16px;
    height: auto;
    transform: translateX(10px);
}
.indication_page img{
    width: 100%;
    height: 100%;
}
.indication_page_texte{
    width: 80%;
    color: #7f7e7e;
}
/*.date_acceuil_horloge{
    display: inline-block;
    width: 20px;
    height: 20px;
}*/
section{
    display:inline-block;
    width: 100%;
    height: auto;
    position: inherit;
    margin-bottom: 5px;
    top: 0px;
    background-color: rgb(250,250,250);
}
.sec{
    width: 100%;
    height: auto;
    margin: 0px auto;
    position: relative;
    top:0px;
}
.sec3{
    width: 100%;
    height: auto;
    margin: 0px auto;
    position: relative;
    top:-120px;
}
.sec4{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 5px;
    position: relative;
    top:0px;
}
.sec5{
    width: 100%;
    margin: 0px auto;
    position: relative;
    top:-120px;
}
.sec6{
    width: 1024px;
    height: auto;
    margin: 0px auto;
    position: relative;
    top:0px;
}
.sec7{
    width: 100%;
    height: auto;
    margin: 0px auto;
    position: relative;
    top:0px;
}
.sec8{
    width: 96%;
    height: auto;
    margin: 0px auto;
    position: relative;
    border: 1px dotted #7f7e7e;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgba(20,250,20,0.15);
}
.sec9{
    width: 96%;
    height: auto;
    margin: 0px auto;
    position: relative;
    border: 1px dotted #7f7e7e;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgba(220,220,20,0.15);
}
.sec9_c2{
    width: 96%;
    height: auto;
    margin: 0px auto;
    position: relative;
    border: 1px dotted #7f7e7e;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgba(220,220,220,0.15);
}
.sec9_super_league{
    width: 96%;
    height: auto;
    margin: 0px auto;
    position: relative;
    border: 1px dotted #7f7e7e;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgba(220,20,20,0.15);
}
.sec10{
    width: 100%;
    height: auto;
    margin: 0px auto;
    position: relative;
    top:0px;
}
.sec2{
    width: 100%;
    height: 100vh;
    margin: 0px auto;
    position: relative;
    top:-120px;
    background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.1),url("image/banner.png"));
    box-sizing: border-box;
    background-size: cover;
}
nav input[type=checkbox]{
    display: none;
}
nav label{
    display: none;
}
nav>ul{
    padding: 0px;
    margin: 0px;
}
header{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100px;
    background:-webkit-radial-gradient(ellipse,rgb(20,120,20),rgb(45,45,45));
    background:-moz-radial-gradient(ellipse,rgb(20,120,20),rgb(45,45,45));
    background:-o-radial-gradient(ellipse,rgb(20,120,20),rgb(45,45,45));
    background:radial-gradient(ellipse,rgb(20,120,20),rgb(45,45,45));
    position: fixed;
    top: 25px;
    z-index: 1000; 
}
.header_info{
    width: 100%;
    min-height: 25px;
    background-color: #2d2d2d;
    color: rgb(220,220,220);
    position: fixed;
    top: 0px;
    z-index: 1000;
}
.header_info::after{
    content:'';
    display: table;
    clear: both;
}
.date_header{
    display: inline-block;
    float: left;
    position: absolute;
    left: 90px;
    font-size: 14px;
    padding: 5px;
    font-family: 'Times romain';
}
.date_info{
    display: inline-block;
    float: left;
    position: absolute;
    left: 255px;
    bottom: 0px;
    font-size: 14px;
    text-transform: capitalize; 
    padding: 2px 8px;
    font-family: 'arial narrow black';
    font-weight: bold;
    text-shadow: 0px 0px 1px black;
    background-color: rgb(220,20,20);
    border-radius: 2px;
}
.name_header{
    display: inline-block;
    float: left;
    width: auto;
    font-size: 12px;
    font-family: 'Times romain';
    font-weight: bold;
    padding: 2px 5px;
    text-align: right;
}
.header_sociaux_facebook{
    background-image: url("image/facebook3.avif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.header_sociaux_facebook:hover{
    background-image: url("image/facebook.avif");
}
.header_sociaux_x{
    background-image: url("image/x2.avif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.header_sociaux_x:hover{
    background-image: url("image/x4.avif");
}
.header_sociaux_instagram{
    background-image: url("image/instagramme3.avif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.header_sociaux_instagram:hover{
    background-image: url("image/instagramme2.avif");
}
.header_sociaux_youtube{
    background-image: url("image/youtube_noir.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.header_sociaux_youtube:hover{
    background-image: url("image/youtube.png");
}
.container_utilisateur_header{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    float: right;
    right: 0px;
    width: 200px;
    padding-top: 3px;
    position: absolute;
    background-color: #2d2d2d;
    z-index: 1000;
    
}
.container_utilisateur_header::after{
    display: table;
    content: "";
    clear: both;   
}
.utilisateur_header{
    display: inline-block;
    float: left;
    width: 25px;
    height: 25px;
}
.header{
    width: 100%;
}
.header_box{
    width: 100%;
    height: 75px;
    display: flex;
    align-items: center;
}
.header_item1{
    width: 100px;
    height: auto;
    margin-top: 15px;
    position: absolute;
    left: 100px;
}
.header_item2{
    width: 160px;
    height: auto;
    position: absolute;
    right: 100px;
    border: 1px solid yellow;
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgb(220,220,220);

}
/*.header_box::after{
    content:"";
    display: table;
    clear: both;
}
.recherche{
    display: inline-block;
    width: 120px;
    height: 30px;
    border-radius: 10px;
    text-align: center;
}
.rechercher{
    display: inline-block;
    width: 80px;
    border: none;
    height: auto;
    background: none;
    color: rgb(255,255,255);
    text-align: center;
}*/
.entete_etalon{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 360px;
    background-image: url("image/fondetalon4.avif");
    background-size: cover;
    background-position: left;
}
.entete_etalon2{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 360px;
    background-image: url("image/banner_feminin4.avif");
    background-size: cover;
    background-position: center;
}
/*.sociaux img{
    width: 100%;
}
.yt,.face,.insta,.what{
    width: 20px;
    height: 20px;
}
.face,.insta,.what{
    margin: 0px;
}
.yt:hover{
    background-color: rgba(120,120,120,0.2);
}
.face:hover{
    background-color: rgba(120,120,120,0.2);
}
.insta:hover{
    background-color: rgba(120,120,120,0.2);
}
.what:hover{
    background-color: rgba(120,120,120,0.2);
}*/
.border-bottom:hover{
    background-color:rgb(250,250,250);
}
footer{
    width:100%;
    min-height: 300px;
    background-color: #2d2d2d;
    border-top: 5px solid rgb(220,220,220);
    box-shadow: 0px 0px 5px #2d2d2d;
    color: #c5c5c5;
    position: relative;
    top:155px;
}
#footer_numeros{
    text-align: left;
    line-height: 25px;
    padding-bottom: 30px;
}
.logo_number_footer{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
}
.logo_number_footer1{
    display: inline-block;
    width: 15px;
    height: 15px;
}
.liendusite{
    color: rgb(45,45,45);
    text-transform: uppercase;
    text-decoration: none;
}
.liendusite:hover{
    text-decoration: underline;
    color: rgb(20,120,20);
}
.copy2{
    display: none;
}
nav{
    width: 100%;
    min-width: 1000px;
    background-color: #2d2d2d;
    position: fixed;
    z-index: 1000;
    top:120px;
    border-bottom: 4px solid rgb(220,220,220);
}
nav>ul>li{
    float: left;
    position: relative;
}
nav li{
    list-style-type: none;
}
nav a{
    display: inline-block;
    text-decoration: none;
}
nav>ul::after{
    content: "";
    display: table;
    clear: both;
}
nav>ul>li>a{
    padding: 10px;
    font-family: 'Times romain';
    font-size: 14px;
    text-transform: uppercase;
    color: rgb(220, 220, 220);    
}
.acceuil:hover{
    border-top:3px solid rgb(20,120,20);
    background-color: rgba(20, 120, 020, 0.15);
    color: #2d2d2d;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.etalon:hover{
    border-top:3px solid rgb(20,120,20);
    background-color: rgba(20, 120, 20, 0.15);
    color: #2d2d2d;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.ligue1:hover{
    border-top:3px solid rgb(20,120,20);
    background-color: rgba(20, 120, 20, 0.15);
    color: #2d2d2d;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.coupe_du_faso:hover{
    border-top:3px solid rgb(20,120,20);
    background-color: rgba(20, 120, 20, 0.15);
    color: #2d2d2d;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.cocaf:hover{
    border-top:3px solid rgb(20,120,20);
    background-color: rgba(20, 120, 20, 0.15);
    color: #2d2d2d;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}
.transfert:hover{
    border-top:3px solid rgb(20,120,20);
    background-color: rgba(20, 120, 20, 0.15);
    color: #2d2d2d;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.reportage:hover{
    border-top:3px solid rgb(20,120,20);
    background-color: rgba(20, 120, 20, 0.15);
    color: #2d2d2d;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}
.communique:hover{
    border-top:3px solid rgb(20,120,20);
    background-color: rgba(20, 120, 020, 0.15);
    color: #2d2d2d;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.cont:hover{
    border-top:3px solid rgb(20,120,20);
    background-color: rgba(20, 120, 20, 0.15);
    color: #2d2d2d;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.inscription{
    background-color:red;
    color:black;
    position: absolute;
    left: 80%;
    margin-right: 2px;
}
.inscription:hover{
    font-size: 100%;
    background-color: rgb(20,120,20);
}
.connexion{
    position: absolute;
    left: 84%;
    margin-left:2px;
}
.connexion:hover{
    border-top: 3px solid red;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.inscrire{
    position: absolute;
    left: 77%;
}
.inscrire:hover{
    border-top: 3px solid red;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
nav>ul>li:hover a{
    padding: 7px 10px 10px 10px;
}
.submenu{
    display: none;
}
.submenu2{
    display: none;
}
nav ul li .submenu li:hover .submenu2{
    width: 270px;
    display: block;
    position: absolute;
    top: 0px;
    left: 240px;
    background-color: rgb(20,220,20);   
}
.submenu2 ul li a{
    width: 160px;
    color: #2d2d2d;
}
.submenu2 ul li a:hover{
    color: red;
    font-weight: bold;
}
nav>ul>li:hover .submenu{
    display: inline-block;
    position: absolute;
    top: 100%;
    left:0px;
    padding:0px;
    z-index: 1000;
}
.submenu>li>a{
    font-family: 'Times romain';
    padding: 10px 20px;
    font-size:12px;
    color:rgb(220,220,220);
    width:220px;
}
.submenu2>ul>li>a{
    font-family: 'Times romain';
    padding: 10px 20px;
    font-size:12px;
}
.submenu li{
    border-bottom: 1px solid rgb(220,220,220);
}
.etalon .submenu{
    background-color: rgb(20,120,20);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 0px 3px black;
}
.ligue1 .submenu{
    background-color: rgb(20,120,20);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 0px 3px black;
}
.coupe_du_faso .submenu{
    background-color: rgb(20,120,20);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 0px 3px black;
}
.cocaf .submenu{
    background-color: rgb(20,120,20);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 0px 3px black;
}
.reportage .submenu{
    background-color: rgb(20,120,20);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 0px 3px black;
}
.transfert .submenu{
    background-color: rgb(20,120,20);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 0px 3px black;
}
.submenu>li:hover>a{
    background-color: rgba(20,220,20,0.9);
    color: #2d2d2d;
}
.cleft, .cright{
    display: inline-block;
    width: 50%;
}
.cleft{
    float: left;
}
.cright{
    float: right;
}
.sousleft{
    display: inline-block;
    float: left;
    width: 50%;
}
.sousright{
    display: inline-block;
    float: right;
    width: 50%;
}
.sousright2{
    display: inline-block;
    float: right;
    width: 50%;
}
.sousleft2{
    display: inline-block;
    float: left;
    width: 50%;
}
.cookie_logo{
    width: 100px;
    height: auto;
}
.cookie{
    display: inline-block;
    width: 30%;
}
.cookie_titre{
    font-size: 24px;
}
.mention_legale{
    width: 100%;
    display: inline-block;
}
.pied{
    margin: 10px auto;
    display: inline-block;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}
.pied2{
    margin-top: 10px;
    display: inline-block;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
.pied::{
    content: "";
    display: table;
    clear: both;
}
.pied2::{
    content: "";
    display: table;
    clear: both;
}
.sousleft, .sousright, .sousleft2, .sousright2{
    width: 50%;
}
.sociaux{
    width: 56%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
}
.sociaux img{
    display: inline-block;
    width: 100%;
    
}
.sociaux_bis{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0px 5px 0px;
}
.sociaux_bis img{
    display: inline-block;
    width: 100%;
    
}
.sociaux_rouge{
    background-color: #c4302b;
    position: relative;
    width: 23.5%;
    height: 30px;
    overflow: hidden;
}
.sociaux_rouge:hover{
    box-shadow: 0px 0px 2px black;
}
.sociaux_youtube{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    color: rgb(250,250,250);
    text-decoration: none;
}
.sociaux_youtube_img{
   display: inline-block;
   width: 20px;
   margin: 0px 2px;

}
.sociaux_youtube_img_nom{
    display: inline-block;
    font-size: 11px;
    margin: 0px 2px;

}
.sociaux_youtube_img img{
    display: inline-block;
    width: 100%;
   
}
.sociaux_bleu{
    background-color: #3b5998;
    width: 23.5%;
    height: 30px;
    color: rgb(250,250,250);
    overflow: hidden;
}
.sociaux_bleu:hover{
    box-shadow: 0px 0px 2px black;
}
.sociaux_facebook{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    color: rgb(250,250,250);
    text-decoration: none;
}
.sociaux_facebook_img{
    display: inline-block;
    width: 20px;
    margin: 0px 2px;
}
.sociaux_facebook_img_nom{
    display: inline-block;
    font-size: 11px;
    margin: 0px 2px;

}
.sociaux_facebook_img img{
    display: inline-block;
    width: 100%;
   
}
.sociaux_bleu_bis{
    width: auto;
    height: auto;
    overflow: hidden;
}
.sociaux_bleu_bis:hover{
    box-shadow: 0px 0px 2px black;
}
.sociaux_facebook_bis{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    color: rgb(250,250,250);
    text-decoration: none;
}

.sociaux_facebook_img_bis{
    display: inline-block;
    width: 20px;
    margin: 0px 2px;
}
.sociaux_facebook_img_bis_nom{
    display: inline-block;
    font-size: 11px;
    margin: 0px 2px;
}
.sociaux_facebook_img_bis img{
    display: inline-block;
    width: 100%;
}
.sociaux_arcenciel{
    background-color: #3f729b;
    width: 23.5%;
    height: 30px;
    color: rgb(250,250,250);
    overflow: hidden;
}
.sociaux_arcenciel:hover{
    box-shadow: 0px 0px 2px black;
}
.sociaux_instagram{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    color: rgb(250,250,250);
    text-decoration: none;
}

.sociaux_instagram_img{
    display: inline-block;
    width: 20px;
    margin: 0px 2px;

}
.sociaux_instagram_img_nom{
    display: inline-block;
    font-size: 11px;
    margin: 0px 2px;
}
.sociaux_instagram_img img{
    display: inline-block;
    width: 100%;
   
}
.sociaux_cyan{
    background-color: rgb(0,0,0);
    width: 23.5%;
    height: 30px;
    color: rgb(250,250,250);
    overflow: hidden;
}
.sociaux_cyan:hover{
    box-shadow: 0px 0px 2px black;
}
.sociaux_twitter{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    color: rgb(250,250,250);
    text-decoration: none;
}

.sociaux_twitter_img{
    display: inline-block;
    width: 20px;
}
.sociaux_twitter_img_nom{
    display: inline-block;
    font-size: 11px;
    
}
.sociaux_twitter_img img{
    width: 100%;
    height: auto;
}
.sociaux_cyan_bis{
    width: auto;
    height: auto;
    overflow: hidden;
}
.sociaux_cyan_bis:hover{
    box-shadow: 0px 0px 2px black;
}
.sociaux_twitter_bis{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    color: rgb(250,250,250);
    text-decoration: none;
}
.sociaux_twitter_img_bis{
    display: inline-block;
    width: 20px;
    height: auto;
}
.sociaux_twitter_img_bis_nom{
    display: inline-block;
    font-size: 11px;
}
.sociaux_twitter_img_bis img{
    display: inline-block;
    width: 100%;
    height: auto;
}
.footer_reseaux{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    width: 80%;
    height: 80px;
    background-color: rgb(220,220,220);
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 15px;
    border-radius: 5px;
    position: relative;
}
.facebook{
    background-image: url('image/facebook3.avif');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50px;
    height: 50px;
}
.twitter{
    background-image: url('image/x2.avif');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50px;
    height: 50px;
}
.instagram{
    background-image: url('image/instagramme3.avif');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50px;
    height: 50px;
}
.youtube{
    background-image: url('image/youtube_noir2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50px;
    height: 50px;
}
.facebook:hover{
    background-image: url('image/facebook.avif');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.twitter:hover{
    background-image: url('image/x4.avif');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.instagram:hover{
    background-image: url('image/instagramme2.avif');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.youtube:hover{
    background-image: url('image/youtube.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.sousgauche{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative;
    width: 100%;
    height: auto;
}
.sousgauche1{
    width: 47%;
    min-height: 200px;
    position: relative;
}
.survol_jaune:hover{
    text-decoration: underline;
}
.sousgauche1 h1{
    font-size: 20px;
    margin-top: 10px;
}
.sousgauche1 h1 a{
    text-decoration: none;
}
.sousgauche1 h1 a:hover{
    text-decoration: underline;
}
.sousgauche2{
    display: flex;
    flex-wrap: wrap;
    width: 48%;
    margin-left: 10px;
    min-height: 200px;
    position: relative;
}
.sousgauche3{
    width: 50%;
    margin-bottom: 10px;
    position: relative;
}
.sousgauche3_img{
    width: 90%;
    min-height: 100px;
    padding: 2px;
}
.sousgauche3_img:hover{
    box-shadow: 0px 0px 5px black;
}
.sousgauche4{
    position: relative;
    width: 50%;
    margin-bottom: 10px;
}
.sousgauche4 h3{
    position: relative;
    display: inline-block;
    width: auto;
    padding: 5px 10px;
    background-color: #2d2d2d;
    color: rgb(220,220,220);
}
.sousgauche4 p{
    font-size: 12px;
}
.sousgauche4 p a{
    text-decoration: none;
}
.sousgauche4 p a:hover{
    text-decoration: underline;
}
.copy_div{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    border-top: 1px dotted rgb(220,220,220);
    margin-top: 30px;
}
.copy_div > img{
    width: 80px;
    height: 80px;
    margin-right: 10px;
    
}
.copy{
    text-align: left;
    font-size: 14px;
    position: relative;
    bottom: 0px;
    padding: 5px;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    padding-top: 0px;
}
.redirige{
    font-size: 12px;
    text-align: center;
    color: rgb(220,220,220);
}
.redirige2{
    font-size: 12px;
    text-align: center;
    color: rgb(220,220,220);
}
.redirige3{
    font-size: 12px;
    text-align: center;
    width: 100%;
    color: rgb(220,220,220);
}
.entetefoot{
    font-size: 12px;
    font-family: verdana;
    font-weight: 500;
    text-decoration: none;
    padding: 5px 10px;
    position: relative;
    color: rgb(220,220,220);
    text-align: center;
}
.entetefoot:hover{
    color: #2d2d2d;
    background-color: #fff;
    border-radius: 5px;
}
.logol1{
    position: relative;
    width: 25px;
    height: 25px;
    display: inline-block;
}
table{
    position: relative;
    border-collapse: collapse;
    width: 100%;
    margin: 0px;
}
td,th{
    display: inline-block;
    padding: 5px 9px;
    width:5.3%;
    position: relative;
    margin: 0px;
}
.th{
    font-family: verdana;
    font-weight: bold;
    font-size: 12px;
    color: rgb(255,255,255);
    text-shadow: 0px 0px 2px black;
    background-color: rgb(20,120,20);
    text-align: center;
    width: 100%;
    position: relative;
    padding: 5px 0px;
}
.th7{
    font-family: verdana;
    font-weight: bold;
    font-size: 12px;
    color: rgb(255,255,255);
    text-shadow: 0px 0px 2px black;
    background-color: rgb(20,120,20);
    text-align: center;
    width: 100%;
    position: relative;
    padding: 5px 0px;
}
.th2{
    background-color: rgb(250,250,20);
    width: 100%;
    position: relative;
}
.th3{
    background-color: rgb(220,20,20);
    width: 100%;
    position: relative;
}
.th4{
    background-color: rgb(45,45,45);
    width: 100%;
    position: relative;
    color: rgb(220,220,220);
}
.th6{
    background-color: rgba(45,45,45,0.2);
    width: 100%;
    position: relative;
    color: rgb(45,45,45);
    padding: 5px;
}
.fond_vert{
    background-color: #2d2d2d;
    color: rgb(220,220,220);
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 5px 0px;
    text-align: center;
}
.nbrebut{
    display: inline-block;
    width: 7%;
    position: relative;
    left: 0px;
    text-align: left;
}
.nbrepasse{
    display: inline-block;
    width: 7%;
    position: relative;
    left: 0px;
    text-align: left;
}
.nbrepasse_caf{
    display: inline-block;
    width: 7%;
    position: relative;
    left: 3%;
}
tr{
    border-bottom: 1px solid rgba(45,45,45,0.3);
    margin-left: 0px;
}
.palmares_th{
    display: inline-block;
    width: 15%;
    position: relative;
    left: -10px;
    text-align: right;
}
.club{
    display: inline-block;
    width: 19%;
    position: relative;
    text-align: left;
}
.club_club{
    display: inline-block;
    width: 19%;
    position: relative;
    left: 5%;
    text-align: right;
}
.club_club2{
    display: inline-block;
    width: 19%;
    left: -5%;
    position: relative;
    text-align: left;
}
.score_face{
    display: inline-block;
    width: 8%;
}
.journee{
    width: 100%;
    border: 1px solid #2d2d2d;
    color: rgb(220,220,220);
    background-color:#2d2d2d;
    text-align: center;
}
.journee_adresse{  
    display: inline-block;
    width: 100%;
    height: auto;
    color: rgb(220,220,220);
    background-color:#2d2d2d;
}
.journee_adresse_item1{
    font-family: 'cooper black','Times romain',sans-serif;
    font-size: 18px;
    display: inline-block;
    width: 32%;
    height: auto;
    color: rgb(220,220,220);
    text-decoration: none;
    float: left;
    margin-left: 20px;
}
.journee_adresse_item2{
    display: inline-block;
    font-size: 22px;
    width: 32%;
    height: auto;
    float: left;
    text-align: center;
}
.journee_adresse_item3{
    font-family: 'cooper black','Times romain',sans-serif;
    font-size: 14px;
    display: inline-block;
    width: 30%;
    height: auto;
    float: right;
    text-align: right;
    margin-right: 40px;
}
.journee_adresse_item4{
    display: inline-block;
    font-family: 'Signika Negative',sans-serif;
    font-size: 12px;
    width:90%;
    color:rgb(220,220,220);
    margin-left: 50px;
    border-top: 1px dotted rgb(220,220,220);
}
.journee2{
    width: 100%;
    color: rgb(220,220,220);
    background-color:#2d2d2d;
    padding-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.journee_super_league{
    width: 100%;
    color: rgb(220,220,220);
    background-color:#2d2d2d;
    padding-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.journee_c2{
    width: 100%;
    color: rgb(220,220,220);
    background-color: rgb(45,45,45);
    /*background:-webkit-radial-gradient(ellipse,rgb(20,20,220),rgb(45,45,45));
    background:-moz-radial-gradient(ellipse,rgb(20,20,220),rgb(45,45,45));
    background:-o-radial-gradient(ellipse,rgb(20,20,220),rgb(45,45,45));
    background:radial-gradient(ellipse,rgb(20,20,220),rgb(45,45,45));*/
    padding-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.journee_container{
    display: flex;
    justify-content: center;
    height: 70px;
    margin-bottom: 5px;
}
.journee3{
    width: 70px;
    height: 70px;
    background-image:url("image/Logo-FBF.webp");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    margin-top: 15px;
}
.journee4{
    width: 70px;
    height: 70px;
    background-image:url("image/ligue1ok3.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-top: 15px;
}
.journee5{
    width: 70px;
    height: 70px;
    background-image:url("image/caf.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    margin-top: 15px;
}
.journee6{
    width: 70px;
    height: 70px;
    background-image:url("image/Logo-FBF.webp");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-top: 15px;
}
.journee5_can{
    width: 70px;
    height: 70px;
    background-image:url("image/caf.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    margin-top: 10px;
}
.journee6_can{
    width: 80px;
    height: 80px;
    background-image:url("image/coupe_can2.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-top: 10px;
}
.journee5_chan{
    width: 80px;
    height: 80px;
    background-image:url("image/CHAN_LOGO_OK.avif");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    margin-top: 10px;
}
.journee6_chan{
    width: 80px;
    height: 80px;
    background-image:url("image/TROPHEE_CHAN.avif");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-top: 10px;
}
.journee7{
    width: 70px;
    height: 70px;
    background-image:url("image/caf.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-top: 15px;
}
.journee8{
    width: 70px;
    height: 70px;
    background-image:url("image/Logo-FBF.webp");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-top: 15px;
}
.journee9{
    width: 70px;
    height: 70px;
    background-image:url("image/caf.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-top: 15px;
}
.journee10{
    width: 70px;
    height: 70px;
    background-image:url("image/Logo-FBF.webp");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-top: 15px;
}
.journee2 p{
    text-align: center;
}
.journee2 h1{
    text-align: center;
}
.journee_c2 p{
    text-align: center;
}
.journee_super_league p{
    text-align: center;
}
.journee_container_bis{
    display: inline-block;
    width: 100%;
    height: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #2d2d2d;
    color: rgb(220,220,220);
    
}
.date{
    display: inline-block;
    width: 12%;
    position: relative;
    left: 0px;
    text-align: right;
}
.date_tri{
    display: inline-block;
    width: 12%;
    position: relative;
    left: 0px;
    text-align: left;
}
.date_bis{
    display: inline-block;
    width: 12%;
    position: relative;
    left: 0px;
    text-align: right;
}
.date_bis_c2{
    display: inline-block;
    width: 12%;
    position: relative;
    left: 0px;
    text-align: right;
}
.date_bis2{
    display: inline-block;
    width: 12%;
    position: relative;
    left: 0px;
    text-align: left;
}
.date_bis2_c2{
    display: inline-block;
    width: 12%;
    position: relative;
    left: 0px;
    text-align: left;
}
.date2{
    display: inline-block;
    width: 6%;
    position: relative;
    left: -15px;
    margin-left: 10px;
    
}
.date3{
    display: inline-block;
    width: 15%;
    position: relative;
    left: 5%;
    margin-left: 10px;
    
}
.date4{
    display: inline-block;
    width: 15%;
    position: relative;
    left: 2%;
}
.date5{
    display: inline-block;
    width: 12%;
    position: relative;
    left: -30px;
    margin-left: 10px;
    
}
.date6{
    text-align: right;
    display: inline-block;
    position: relative;
    font-size: 10px;
    left: 0px;
}
.date7{
    font-size: 10px;
    text-align: right;
    position: absolute;
    left: 70%;
}
.date8{
    text-align: right;
}
.date9{
    width: auto;
    text-align: right;
    position: absolute;
    font-size: 10px;
    right: 5px;
}
.date10{
    width: auto;
    text-align: left;
    position: relative;
    right: 0px;
}
.date13{
    display: inline-block;
    width: 12%;
    position: relative;
    left: 0px;
}
.date13_bis{
    display: inline-block;
    width: 12%;
    position: relative;
    left: 0px;
}
.date14{
    display: inline-block;
    width: 8%;
    position: relative;
    left: 0px;
    text-align: left;
}
.date15{
    font-family: verdana;
    font-weight: bold;
    display: inline-block;
    width: 12%;
    position: relative;
    left: 0px;
}
.date15_bis{
    display: inline-block;
    width: 12%;
    position: relative;
    color: black;
    left: 0px;
}
.date15_bis_c2{
    display: inline-block;
    width: 12%;
    position: relative;
    color: rgb(220,220,220);
    left: 0px;
}
.date16{
    display: inline-block;
    width: 8%;
    position: relative;
    text-align: left;
}
.ecusson3{
display: inline-block;
width: 12%;
position: relative;
margin-left: 10px;

}
#h{
    font-family: verdana;
    font-weight: bold;
    position: relative;
    left: 0px;
    width: 25%;
}
#h_c2{
    position: relative;
    color: rgb(220,220,220);
    width: 25%;
    left: 0px;
}
#h_c1{
    position: relative;
    left: 0px;
    color: black;
    width: 25%;
}
#h_superleague{
    position: relative;
    left: 0px;
    color: black;
    width: 25%;
}
#hligue1{
    display: inline-block;
    width: 25%;
    position: relative;
    left: 0px;
}
#eee{
    font-family: verdana;
    font-weight: bold;
    display: inline-block;
    width: 5%;
    position: relative;
}
#eee_bis{
    display: inline-block;
    width: 5%;
    position: relative;
    color: black;
}
#eee_bis_c2{
    display: inline-block;
    width: 5%;
    position: relative;
    color: rgb(220,220,220);
}
.equipe{
    color: rgb(220,220,220);
    background-color:#2d2d2d;
    text-transform: uppercase;
    text-align: center;
}
.buteur{
    color: rgb(220,220,220);
    background-color:#2d2d2d;
    text-transform: uppercase;
    text-align: center;
    padding: 5px;
}
.ligue1_buteur1{
    display: inline-block;
    width: 30%;
    text-align: left;
}
.ligue1_club{
    display: inline-block;
    width: 30%;
    text-align: left;
}
.buteur1{
    display: inline-block;
    width: 35%;
    text-align: left;
}
.buteur1_th{
    display: inline-block;
    width: 30%;
    text-align: center;
}
#lienfacebook{
    text-decoration: none;
    color:rgb(220,220,220);
}
#arr{
    position: relative;
    left: -100px;
}
#back_bis{
    display: inline-block;
    width: 19%;
    position: relative;
    left: -10%;
}
#no_bis{
    display: inline-block;
    width: 30%;
    position: relative;
    left: -10%;
}
.rang_passe{
    display: inline-block;
    width: 5%;
    position: relative;
    text-align: left;
}
#noo{
    position:relative;
    left: 0px;
}
.arr{
    display: inline-block;
    width: 35%;
    position: relative;
    text-align: left;
}
.arr_bis{
    display: inline-block;
    width: 19%;
    position: relative;
    left: -10%;
}
.nbrebut_bis{
    position: relative;
    left: 10px;
}
.noo{
    display: inline-block;
    width: 35%;
    position: relative;
    text-align: left;
}
.noo_bis{
    display: inline-block;
    width: 30%;
    position: relative;
    left: -10%;
}
.rang_buteur_th{
    display: inline-block;
    width: 5%;
    position: relative;
    text-align: left;
}
.rang_buteur{
    display: inline-block;
    width: 5%;
    position: relative;
    text-align: left;
}
.rang_buteur_th_bis{
    display: inline-block;
    width: 5%;
    position: relative;
}
.table1{
    margin: 0px auto;
}
.score{
    width:5%;
    position: relative;
    left: 5%;
}
.score2{
    display: inline-block;
    width: 5%;
    position: relative;
    left: 0px;
}
.score2_bis{
    display: inline-block;
    width: 5%;
    position: relative;
    left: 0px;
}
.score3{
    display: inline-block;
    width:10%;
    position: relative;
    text-align: center;
}
label,input{
    display: inline-block;
    position: relative;
    width: 40%;
    margin: 2px;
    padding: 10px;
}
label{
    text-align: right;
    color: rgb(220,220,220);
    font-size: 12px;

}
input{
    text-align: center;
}
.h1cont{
    color:rgb(20,120,20);
    text-transform: uppercase;
    text-align: center;
    padding-top: 20px;
    text-decoration: underline;
    font-family: "cooper black"; 
}
textarea{
    display: block;
    text-align: center;
    width: 95%;
    height: 25px;
    margin: 2px;
    padding: 10px;
}
input[type=submit]{
    padding: 5px;
    width: 12%;
    height: 30px;
    position: relative;
}
input[type=submit]:hover{
    background-color: rgb(20,120,20);
    color: rgb(220,220,220);
    border-radius: 5px;
    box-shadow: 0px 0px 5px black;
}
.formulaire3{
    position: relative;
    text-align: center;
    width: 100%;
    /*background:-webkit-radial-gradient(ellipse,rgb(20,120,20),rgb(45,45,45));
    background:-moz-radial-gradient(ellipse,rgb(20,120,20),rgb(45,45,45));
    background:-o-radial-gradient(ellipse,rgb(20,120,20),rgb(45,45,45));
    background:radial-gradient(ellipse,rgb(20,120,20),rgb(45,45,45));*/
}
.formulaire3 input{
    border-radius: 5px;
    width: 70%;
    position: relative;
}
.formulaire3_submit{
    max-width: 100px;
}
.formulaire2 label{
    text-shadow: 0px 0px 3px black;
}
.formulaire2{
    text-align: center;
    position: relative;
    display: inline-block;
    width: 100%;
}
.formulaire2 input{
    position: relative;
    max-width: 220px;
}
.formulaire{
    width: 100%;
    text-align: center;
    position: relative;
}
.formulaire label{
    display: block;
    width: 95%;
    text-align: left;
    font-weight: bold;
    color: #7f7e7e;
}
.formulaire input{
    display: block;
    width: 95%;
    text-align: center;
}
.formulaire input[type=submit]{
    width: 100px;
    margin: 0px auto;
}
#sms, #mail, #prenom{
    border-radius: 5px;
}
tr:hover{
    background-color: rgba(180,180,180,0.1);
}
.th:hover{
    background-color: rgb(20,120,20);
}
.th5:hover{
    background-color: rgb(20,120,20);
}
.th7:hover{
    background-color: rgb(20,120,20);
}
.th2:hover{
    background-color: rgb(250,250,20);
}
.th3:hover{
    background-color: rgb(220,20,20);
}
.th4:hover{
    background-color: #2d2d2d;
}
.th6:hover{
    background-color: rgba(45,45,45,0.2);
}
.loclub{
    width: 30px;
    height:  30px;
    display: inline-block;
    position: relative;
    left: 0px;
}
.competition{
    display: inline-block;
    width: 25%;
    position: relative;
    left: 0px;
    text-align: left;
}
p{
    line-height: 20px;
}
.sansbord{
    border-bottom: none;
}
.sansbord:hover{
    background-color:rgb(250,250,250);
}
.sansbord2{
    border-bottom: none;
}
.sansbord2:hover{
    background-color:rgba(20,120,20,0);
}
.sansbord3{
    border-bottom: none;
}
.sansbord3:hover{
    background-color:rgb(250,250,250);
}
.sansbord4{
    border-bottom: none;
}
.sansbord4:hover{
    background-color:rgb(45,45,45);
}
.sansbord5{
    border-bottom: none;
}
.sansbord5:hover{
    background-color:rgba(220,220,220,0.4);
}
.sansbord6{
    border-bottom: none;
}
.sansbord6:hover{
    background-color:rgba(255,158,0,0.01);
}
.sansbord7{
    border-bottom: none;
}

.salitas{
   font-size: 80%;
    display: inline-block;
    position: relative;
    left:-2%; 
}

.gauche, .droite{
    display: inline-block;  
    position: relative;
}
.gauche{
    width:74%;
    position: relative;
    min-height: 400px;
    float: left;
    border-radius: 5px;
}
.gauche_bis{
    display: inline-block;
    width:782px;
    position: relative;
    min-height: 420px;
    float: left;
}
.droite{
    float: left;
    width: 24%;
    margin: 0px 5px 0px 0px;
    background-color: rgb(220,220,220);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    padding: 5px;
    border-radius: 5px;
    min-height: 380px;
}
.separateur2{
    position: relative;
    display: inline-block;
    width: 100%;
    top: 0px;
}
.droite_bis{
    display: inline-block;
    float: right;
    width: 232px;
    margin-right: 10px;
    background-image: url("image/pub.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
    min-height: 420px;
}
.gauche2{
    display: inline-block;
    float: left;
    width: 44.5%;
    position: relative;
    height: auto;
    text-align: right;
}
.gauche3{
    width: 46%;
    position: relative;
    margin-left: 4%;
    text-align: left;
}
.droite3{
    width: 46%;
    text-align: right;
    position: relative;
    margin-right: 4%;
}
.centre{
    display: inline-block;
    float: left;
    width: 5%;
}
.centre2{
    display: inline-block;
    float: left;
    width: 10%;
    position: relative;
    text-align: center;
}
.centre2 table{
    text-align: center;
}
.droite2{
    display: inline-block;
    float: right;
    width: 44.5%;
    position: relative;
    height: auto;
}
.gauche4_entraineur, .droite4_entraineur{
    width: 40%;
}
.gauche4_entraineur{
    margin-left: 10%;
}
.droite4_entraineur{
    margin-right: 10%;
}
.gauche4, .droite4{
    width: 40%;
}
.gauche4{
    margin-left: 10%;
}
.droite4{
    margin-right: 10%;
}
.cautch{
    padding: 10px 0px 0px 0px;
    text-align: center;
}
.cautch_nom{
    font-size: 12px;
    text-align: center;
}
.joueurs_container{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    padding-top: 5px;
}
.joueurs_gauche{
    padding: 2px;
    width: 16.5%;
    height: 160px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.joueurs_gauche>a>img{
    position: relative;
    transform: scale(1);
    transition: 1s;
}
.joueurs_gauche>a:hover img{
    transform: scale(1.1);
    transition: 1s;
}
.joueurs_centre2>a:hover img{
    transform: scale(1.1);
    transition: 1s;
}
.joueurs_centre1{
    padding: 2px;
    width: 26.5%;
    height: 160px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.joueurs_centre2{
    padding: 2px;
    width: 16.5%;
    height: 160px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.joueurs_droite{
    padding: 2px;
    width: 26.5%;
    height: 160px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.joueurs_titre{
    font-family: vavaldi;
    font-size: 24px;
    text-align: center;
    clear: both;
    margin-bottom: 10px;
}
.joueurs_tableau{
    display: inline-block;
    width: 100%;
}
.joueurs_nom{
    display: inline-block;
    width: auto;
}
.joueurs_nom2{
    display: inline-block;
    width: auto;
}
.joueurs_prenom{
    display: inline-block;
    width: auto;
}
.joueurs_prenom2{
    display: inline-block;
    width: auto;
}
.joueurs_age{
    display: inline-block;
    width: auto;
}
.joueurs_age2{
    display: inline-block;
    width: auto;
}
.joueurs_poste{
    display: inline-block;
    width: auto;
}
.joueurs_poste2{
    display: inline-block;
    width: auto;
}
.joueurs_club{
    display: inline-block;
    width: auto;
}
.joueurs_club2{
    display: inline-block;
    width: auto;
}
.joueurs_ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.titre_nos_pros{
    font-size: 14px;
    font-weight: 900;
    font-family: "Rockwell Condensed Regular";
    margin-top: 10px;

}
.titre_centre{
    font-size: 14px;
    font-weight: 900;
    font-family: "Rockwell Condensed Regular";
    margin-top: 10px;
}
.podcats_container{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: auto;
    padding-top: 5px;
}
.gauche5, .gauche6, .gauche7, .gauche8{
    padding: 2px;
    width: 21.5%;
    height: 220px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.gauche5_acceuil,.gauche6_acceuil,.gauche7_acceuil,.gauche8_acceuil{
    padding: 2px;
    width: 23%;
    min-height: 400px;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(45,45,45,0.15);
    background-color: rgb(250,250,250);
    border: 1px solid rgba(220,220,220,0.4);
}
.gauche5_acceuil2{
    display: inline-block;
    width: 100%;
    height: 140px;
    margin: 0px auto;
    overflow: hidden;
}
.gauche5_texte{
    text-align: left;
    font-size: 12px;
    text-decoration: none;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.gauche5_acceuil p, .gauche6_acceuil p, .gauche7_acceuil p, .gauche8_acceuil p{
    text-align: left;
    width: 98%;
    margin: 0px auto;
}
.gauche5_acceuil p a, .gauche6_acceuil p a, .gauche7_acceuil p a, .gauche8_acceuil p a{
    text-decoration: none;
}
.gauche5_acceuil p a:hover, .gauche6_acceuil p a:hover, .gauche7_acceuil p a:hover, .gauche8_acceuil p a:hover{
    text-decoration: underline;
}
.gauche5_acceuil2 img{
    width: 100%;
    height: 140px;
    transform: scale(1);
    transition: 1s;
}
.gauche5_acceuil2 img:hover{
    transform: scale(1.1);
    transition: 1s;
}
.gauche9,.gauche10{
    display: inline-block;
    float: left;
}
.gauche11{
    display: inline-block;
    float: right;
    margin: 0px;
    text-align: center;
}
.gauche9,.gauche11{
    width: 26.5%;
    border: 1px dotted black;
    min-height: 300px;
    margin-top: 5px;
}
.gauche9{
    position: relative;
}
.gauche9_etalon{
    display: inline-block;
    float: left;
    width: 26.5%;
    border: 1px dotted black;
    min-height: 300px;
    margin-top: 5px;
    position: relative;
}
.generalite_gauche, .generalite_droite{
    position: relative;
    display: inline-block;
    font-family: verdana;
}
.generalite_gauche1, .generalite_droite1{
    position: relative;
    display: inline-block;
    font-family: verdana;
}
.generalite_gauche{
    width: 34%;
    float: left;
    text-align: left;
    margin-left: 2%;
    font-size: 12px;
    color: black;
}
.generalite_gauche1{
    width: 77%;
    float: left;
    text-align: left;
    margin-left: 2%;
    font-size: 12px;
    color: black;
}
.generalite_droite{
    width: 62%;
    float: right;
    text-align: right;
    margin-right: 2%;
    font-size: 12px;
}
.generalite_droite1{
    width: 19%;
    float: right;
    text-align: right;
    margin-right: 2%;
    font-size: 12px;
}
.gauche9a{
    display: inline-block;
    width: 98%;
}
.gauche9a::after{
    content: "";
    display: table;
    clear: both;
}
.gauche10{
    font-size: 11px;
    width: 46%;
    margin-left: 0.1%;
    margin-right: 0.1%;
    margin-right: 0px;
    margin-top: 5px;
}
.gauche13, .gauche14, .gauche15{
    width: 31.7%;
    height: 400px;
    position: relative;
    box-shadow: 0px 0px 5px rgba(220,220,220,0.9);
    background-color: rgb(250,250,250);
    border: 1px solid rgba(220,220,220,0.7);
    border-radius: 20px;
    overflow: hidden;
}
.gauche13 table{
    position: absolute;
    bottom: 0px;
}
.gauche14 table{
    position: absolute;
    bottom: 0px;
}
.gauche15 table{
    position: absolute;
    bottom: 0px;
}
.date_gras{
    display: inline-block;
    width: 70%;
    color: #7f7e7e;
    font-size: 12px;
}
.gauche17{
    display: inline-block;
    float: left;
    width: 50%;
    border: 1px solid rgb(250,250,250);
    box-shadow: 0px 0px 3px #7f7e7e;
    border-radius: 5px;
    padding: 10px 20px;
    margin-left: 1%;
    margin-top: 5px;
}
.gauche18{
    display: inline-block;
    float: right;
    width: 40%;
    margin-right: 1%;
    margin-top: 5px;
}
.gauche18 p{
    font-size: 14px;
}
.remplir_form{
    font-size: 12px;
    text-align: center;
}
.droite5{
    height: auto;
    display: inline-block;
    float: right;
    width: 49%;
    margin: 0% 0.5%;
}
.bordure_partage{
    position: relative;
    margin: 10px 0px 5px 0px;
    border-radius: 5px;
}
.bordure_partage>p{
    font-weight: bold;
    color: #7f7e7e;
    margin-left: 0px;
    font-size: 16px;
}
.bordure{
    display: inline-block;
    width: 97.7%;
    height: 440px;
    margin-left: 1%;
    margin-right: 1%;
    border: 1px solid #7f7e7e;
    border-radius: 5px;
    padding: 2px;
    box-shadow: 0px 0px 2px #7f7e7e;
    background-color: rgb(250,250,250);
}
.container_gauche_gauche{
    width:61%;
    height: 440px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.gauche_gauche{
    width:100%;
    height: 440px;
    display: inline-block;
    float: left;
    position: absolute;
    background-image: url("image/etalons_chan_2024.webp");
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    transform: scale(1);
    transition: 1s;
}
.gauche_gauche:hover{
    transform: scale(1.02);
    transition: 1s;
}
.droite_droite{
    display: inline-block;
    position: relative;
    float: right;
    width: 38.5%;
    height: 440px;
    overflow: hidden;
}
.droite_droite1{
    display: inline-block;
    width: 100%;
    height: 215px;
    position: relative;
    background-image: url("image/kossodo_foot_img4.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: scale(1);
    transition: 1s;
}
.droite_droite2{
    display: inline-block;
    position: relative;
    width: 100%;
    height: 215px;
    margin-top: 5px;
    background-image: url("image/image_vierge.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: scale(1);
    transition: 1s;
}
.droite_droite1:hover{
    transform: scale(1.02);
    transition: 1s;
}
.droite_droite2:hover{
    transform: scale(1.02);
    transition: 1s;
}
.match_fond_noire{
    display: inline-block;
    width: 100%;
    text-align: center;
    color: rgb(220,220,220);
    background-color: #2d2d2d;
    padding: 5px 0px;
}
.etalon_titre{
    text-align: center;
    color: rgb(220,220,220);
    background-color:rgb(20,120,20);
    padding: 5px 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.etalon_titre_violet{
    text-align: center;
    color: rgb(220,220,220);
    background-color: rgb(20,120,20);
    padding: 5px 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.gauche11 p{
    font-size: 12px;
}
.etalon_titre2{
    text-align: center;
}
.etalon_titre3{
    display: inline-block;
    width: 55px;
    font-size: 8pt;
    text-align: right;
}
.etalon_titre3a{
    display: inline-block;
    width: 55px;
    font-size: 8pt;
    text-align: left;
}
.etalon_titre4{
    display: inline-block;
    width: 60%;
    font-size: 10px;;
}
.etalon_titre8{
    width: 25px;
    position: relative;
    right: 5px;
    font-size: 85%;
    font-weight: bold;
}
.rouge{
    color: rgb(220,20,20);
}
.white{
    color: rgb(255,255,255);
}
.vert{
    color: rgb(20,120,20);
}
.d, .g{
    display: inline-block;
    position: relative;
}
.d{
    float: left;
    width: 67%;
    border-radius: 5px;
    margin-left: 10px;
    padding: 0px;
}
.g{
    float: right;
    height: auto;
    width: 30%;
    margin-right: 10px;
}
.div_article{
    display: inline-block;
    width: 100%;
    border: 1px solid #7f7e7e;
}
.div_article_titre{
    display: inline-block;
    width: 100%;
}
.g_pub{
    display: inline-block;
    width: 100%;
    border: 1px solid #7f7e7e;
}
.g_pub_u-17{
    display: inline-block;
    width: 100%;
}
.vid{
    width: 100%;
    height: auto;
}
.g>ul>li{
    margin-left: 7%;
}
.g>ul>li>a{
    font-size: 130%;
}
.sec::after{
    content: "";
    display: table;
    clear: both;
}
.sec3::after{
    content: "";
    display: table;
    clear: both;
}
.sec5::after{
    content: "";
    display: table;
    clear: both;
}
.sec6::after{
    content: "";
    display: table;
    clear: both;
}
.sec7::after{
    content: "";
    display: table;
    clear: both;
}
/*.sec8::after{
    content: "";
    display: table;
    clear: both;
}
.sec9::after{
    content: "";
    display: table;
    clear: both;
}
.sec9_c2::after{
    content: "";
    display: table;
    clear: both;
}
.sec9_super_league::after{
    content: "";
    display: table;
    clear: both;
}*/
.sec10::after{
    content: "";
    display: table;
    clear: both;
}
.faitjeux::after{
    content: "";
    display: table;
    clear: both;
}
.faitjeux{
    display: inline-block;
    width: 100%;
}
.compos{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative;
    
}
.entraineur{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative;
}
.remplacant{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    position: relative;
}
.dossard, .dossard1{
    display: inline-block;
    width: 15%;
    height: 20px;
}
.dossard2{
    display: inline-block;
    width: 2%;
    position: relative;
    left: 0px;
}
.dossard2_th{
    display: inline-block;
    width: 2%;
    position: relative;
    left: 0px;
    color: rgb(45,45,45);
}
.player, .player2{
    width: 35%;
    height: 20px;
}
.il{
    display: inline-block;
    width: 100%;
}
.il::after{
    content: "";
    display: table;
    clear: both;
}
.ec{
    display: inline-block;
    color: rgb(220,220,220);
    width: 100%;
    background-color:rgb(45,45,45);
}
.h1home{
    text-transform: uppercase;
    font-size: 18px;
    margin: 0px auto;
}
.h1home5{
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    padding: 5px;
    margin: 0px auto;
    color: rgb(220,220,220);
    font-family: 'cooper black';
    
}
.ellipsis_titre{
    text-decoration: none;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
}
.ellipsis{
    text-decoration: none;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.ellipsis2{
    margin-top: 5px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
}
.ellipsis2 a{
    font-size: 14px;
    text-decoration: none;
}
.ellipsis a{
    text-decoration: none;
}
.h1home6{
    width: 95%;
    padding: 5px;
    font-size: 22px;
    color: #fff;
    font-family: 'cooper black';
    text-align: center;
    text-decoration: none;
    position: absolute;
    bottom: 10px;
    text-shadow: 0px 0px 10px black;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.h1home6:hover{
    color: red;
}
.h1home7{
    width: 96%;
    padding: 5px;
    font-size: 22px;
    color: #fff;
    font-family: 'cooper black';
    text-align: left;
    line-height: 30px;
    margin: 0px 10px;
    text-decoration: none;
    position: absolute;
    bottom: 5px;
    text-shadow: 0px 0px 10px black;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.h1home7:hover{
    color: rgb(255,255,0);
    transition: 2s;
}
.back_rouge{
    background-color: rgb(220,20,20);
    background-size: auto 80%;
    padding: 15px 5px 5px 5px;
    color: rgb(255,255,0);
    border-radius: 5px;
}
.h1home8{
    width: 95%;
    font-size: 22px;
    padding: 5px;
    color: #fff;
    font-family: 'cooper black';
    text-align: center;
    text-decoration: none;
    position: absolute;
    bottom: 10px;
    text-shadow: 0px 0px 10px black;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.h1home8:hover{
    color: red;
}
.h1home9{
    width: auto;
    text-transform: uppercase;
    font-family: 'cooper black';
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.h1home2{
    color: #C5C5C5;
}
.h1home4{
    font-size: 13px;
}
.h1home4:hover{
    color: red;
}
.h1home3{
    font-family: "cooper black";
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    padding: 5px;
    color: rgb(220,220,220);
}
.groupe_titre{
    font-family: "cooper black";
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    padding: 5px;
    color: rgb(220,220,220);
}
.classement_eleminatoire_titre{
    text-align: center;
    padding: 10px 0px;
}
.h1home10{
    font-family:"cooper black";
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    padding-top: 10px;
    color: rgb(45,45,45);
}
.h1home:hover{
    color: red;
}
.div_can_u23{
    display: inline-block;
    width: 65%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #7f7e7e;
    margin-left: 5px;
}
.div_can_u20{
    display: inline-block;
    width: 65%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #7f7e7e;
    margin-left: 5px;
}
.div_ligue2{
    display: inline-block;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #7f7e7e;
    overflow: hidden;
}
.div_ligue2_gauche, .div_ligue2_droite{
    display: inline-block;
    width: 49.9%;
}
.div_ligue2_gauche{
    float: left;
    border-bottom: 1px solid #7f7e7e;
    border-right: 1px solid #7f7e7e;
}
.div_ligue2_droite{
    float: right;
    border-bottom: 1px solid #7f7e7e;
}
.div_ligue2_sous::after{
    content: '';
    display: table;
    clear: both;
}
.u20_gauche{
    display: inline-block;
    width: 720px;
    float: left;
    border: 1px dotted #7f7e7e;
}
.u20_droite{
    display: inline-block;
    width: 255px;
    height: 620px;
    float: right;
    background-image: url("image/pub2.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    margin-right: 3px;
}
.div_ligue2_sous{
    background-color: rgb(250,250,250);
}
.div_ligue2_sousgauche, .div_ligue2_sousdroite{
    position: relative;
    display: inline-block;
}
.div_ligue2_sousgauche{
    width: 70%;
    float: left;
}
.div_ligue2_sousdroite{
    width: 30%;
    float: right;
}
.h1_ligue2{
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: rgb(45,45,45);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    position: relative;
}
.h1_can_u23{
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    background-color: rgb(45,45,45);
}
.h1_can_u20{
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    background-color: rgb(45,45,45);
}
.h1_can_u17{
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    background-color: rgb(45,45,45);
}
.h1_chan{
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    background-color: rgb(45,45,45);
}
.h1_ligue2_u23{
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: rgb(45,45,45);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 5px;
    text-align: center;
    position: relative;
}
.h1_ligue2_u15{
    display: inline-block;
    width: 100%;
    height: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #7f7e7e;
}
.h1_ligue2_u20{
    display: inline-block;
    width: 100%;
    height: auto;
    background-color: rgb(45,45,45);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    position: relative;
}
.h1_ligue2_u15 h1{
    display: inline-block;
    width: 100%;
    padding: 10px 0px 0px 0px;
    font-family: 'cooper black',sans-serif;
    text-align: center;
    font-size: 24px;
    color: rgb(220,20,20);
}
.h1_ligue2_u20 h1{
    font-size: 24px;
    font-family: 'cooper black';
    color: rgb(220,20,20);
    padding: 10px 0px 0px 0px;
}
.h1_ligue2_u20 h3{
    display: inline-block;
   padding: 20px 10px;
}
.h1_ligue2_u20 h3 a{
    text-decoration: none;
    color: rgba(220,220,220,0.4);
    padding: 5px;
    text-align: center;
}
.h1_ligue2_u23 h1{
    font-size: 24px;
    font-family: 'cooper black';
    color: rgb(220,20,20);
    padding: 10px 0px 0px 0px;
}
.effectif_matchs{
    display: inline-block;
    width: 100%;
    padding: 5px 0px 0px 0px;
    text-align: center;
    margin: 5px 0px;
}
.effectif_matchs2{
    display: inline-block;
    width: 100%;
    padding: 5px 0px 0px 0px;
    text-align: center;
    margin: 5px 0px;
}
.effectif_matchs3{
    display: inline-block;
    width: 100%;
    padding: 5px 0px 0px 0px;
    text-align: center;
    margin: 5px 0px;
}
.effectif_matchs5{
    display: inline-block;
    width: 100%;
    padding: 5px 0px 0px 0px;
    text-align: center;
    margin: 5px 0px;
}
.effectif_matchs4{
    display: inline-block;
    width: 100%;
    padding: 5px 0px 0px 0px;
    text-align: center;
    margin: 5px 0px;
}
.effectif_matchs4 a{
    text-decoration: none;
    color: rgb(255,255,255);
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: rgb(220,20,20);
    padding: 5px;
    margin: 5px 2px;
}
.effectif_matchs3 a{
    text-decoration: none;
    color: rgb(255,255,255);
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    border: 1px solid rgba(45,45,45,0.1);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: rgb(45,45,45);
    padding: 5px;
    margin: 5px 2px;
}
.effectif_matchs5 a{
    text-decoration: none;
    color: rgb(45,45,45);
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    border: 1px solid rgba(45,45,45,0.1);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: rgb(45,45,45);
    padding: 5px;
    margin: 5px 2px;
}
.effectif_matchs a{
    text-decoration: none;
    color: rgb(220,220,220);
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    border: 1px solid rgba(45,45,45,0.1);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: rgb(45,45,45);
    padding: 5px;
    margin: 5px 2px;
}
.effectif_matchs2 a{
    text-decoration: none;
    color: rgb(255,255,255);
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    text-shadow: 0px 0px 3px black;
    border: 1px solid rgba(45,45,45,0.1);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-color: rgb(45,45,45);
    padding: 5px;
    margin: 5px 2px;
}
.u23_container::after{
    content:"";
    display: table;
    clear: both;
}
.u15_container::after{
    content:"";
    display: table;
    clear: both;
}
.u20_flex1, .u20_flex2{
    display: inline-block;
    float: left;
}
.u20_flex3{
    display: inline-block;
    float: right;
    margin-right: 5px;
}
.u20_flex1{
    margin-left: 5px;
}
.u20_flex2{
    width: 460px;
    height: 380px;
}
.u20_flex1, .u20_flex3{
    background-color: rgb(45,45,45);
    width: 250px;
    height: 380px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.u20_flex1 h2, .u20_flex3 h2{
    color: rgb(220,220,220);
}
.u20_info{
    background-color: rgb(250,250,250);
    width: 100%;
    height: 180px;
}
.u20_info table{
    display: inline-block;
    width: 100%;
}
.u20_info1{
    display: inline-block;
    width: 100px;
    text-align: left;
}
.u20_info2{
    display: inline-block;
    width: 100px;
    text-align: right;
}
.u20_info3{
    display: inline-block;
    width: 100px;
    text-align: left;
}
.u20_info4{
    display: inline-block;
    width: 100px;
    text-align: right;
    
}
.u20_container{
    background-color: rgb(250,250,250);
}
.u20_container::after{
    content:"";
    display: table;
    clear: both;
}
.etalon_u20{
    display: inline-block;
    width: 460px;
    height: 373px;
    margin-top: 5px;
    margin-left: 3px;
    margin-right: 5px;
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #7f7e7e;
}
.container_u-17_haut{
    height: 130px;
    margin-bottom: 5px;
    border: 5px;
    border: 1px solid #2d2d2d;
}
.container_noire{
    background-color: #2d2d2d;
    color: rgb(220,220,220);
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 60px;
    margin-bottom: 5px;
    border: 1px solid #2d2d2d;
}
.container_noire h2{
    font-size: 28px;
}
.container_u-17_bas{
    height: 180px;
    margin-bottom: 5px;
    border: 5px;
    border: 1px solid #2d2d2d;
}
.etalon_u23{
    display: inline-block;
    width: 577px;
    height: 400px;
    float: left;
    border-radius: 5px;
    margin-left: 5px;
}
.u23_info{
    display: inline-block;
    width: 392px;
    height: 400px;
    float: right;
    position: relative;
    border-radius: 5px;
    margin-right: 5px;
    background-color: rgb(250,250,250);
    overflow: hidden;
}
.u15_info{
    display: inline-block;
    width: 392px;
    height: 400px;
    float: right;
    position: relative;
    border-radius: 5px;
    margin-right: 5px;
    background-color: rgb(250,250,250);
    overflow: hidden;
}
.u23_info_pgras{
    color: yellow;
    background-color: #2d2d2d;
    padding: 5px;
    font-size: 28px;
    font-weiht: bold;
}
.u23_info td, .u23_info th{
    padding: 10px;
}
.u23_match{
    padding: 10px;
    font-size: 11px;
    color: #2d2d2d;
    font-weight: 600;
}
.u23_generalite{
    display: inline-block;
    width: 160px;
    text-align: left;
    font-weight: bold;
}
.u23_generalite2{
    display: inline-block;
    width: 160px;
    text-align: right;
}
.h1_ligue2 h1{
    font-family: "cooper black";
    font-size: 36px;
    color: rgb(255,0,0);
    margin-bottom: 5px;
}
.ligue1_h1{
    font-family: "cooper black";
    font-size: 28px;
    color: rgb(255,0,0);
}
.h1_can_u23 h1{
    font-family: "cooper black";
    font-size: 36px;
    color: rgb(220,20,20);
}
.h1_can_u20 h1{
    font-family: "cooper black";
    font-size: 36px;
    color: rgb(220,20,20);
}
.h1_can_u17 h1{
    font-family: "cooper black";
    font-size: 36px;
    color: rgb(220,20,20);
}
.h1_chan h1{
    font-family: "cooper black";
    font-size: 36px;
    color: rgb(220,20,20);
    text-transform: uppercase;
}
.h1_ligue2 h3{
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: 30%;
    right: 30%;
}
.h1_can_u23 h3{
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: 30%;
    right: 30%;
}
.h1_can_u20 h3{
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: 30%;
    right: 30%;
}
.h1_can_u17 h3{
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: 30%;
    right: 30%;
}
.h1_can_u23 h3 a{
    text-decoration: none;
    color: rgba(220,220,220,0.4);
    padding: 5px;
    text-align: center;
}
.h1_can_u20 h3 a{
    text-decoration: none;
    color: rgba(220,220,220,0.4);
    padding: 5px;
    text-align: center;
}
.h1_can_u17 h3 a{
    text-decoration: none;
    color: rgba(220,220,220,0.4);
    padding: 5px;
    text-align: center;
}
.h1_ligue2 h3 a{
    text-decoration: none;
    color: rgba(220,220,220,0.4);
    padding: 5px;
    text-align: center;
}
.h1_transfert{
    display: inline-block;
    width: 782px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: center;
    background-color: rgb(20,120,20);
    text-shadow: 0px 0px 3px rgb(220,220,220);
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.th5{
    font-family: verdana;
    font-weight: bold;
    color: rgb(220,20,20);
    text-shadow: 0px 0px 2px black;
    background-color: rgb(20,120,20);
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #7f7e7e;
}
.nom_equipe{
    font-family: verdana;
    font-weight: bold;
    font-size: 24px;
    color: rgb(220,20,20);
    text-shadow: 0px 0px 2px black;
    background-color: rgb(20,120,20);
    padding: 5px;
    text-align: center;
}
.ligue2_jour{
    font-family: verdana;
    font-weight: bold;
    font-size: 18px;
    color: rgb(220,220,220);
    text-shadow: 0px 0px 2px black;
    background-color: rgb(20,120,20);
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #7f7e7e;
}
.can_u23_jour{
    font-family: verdana;
    font-weight: bold;
    font-size: 18px;
    color: rgb(220,220,220);
    background-color: rgb(220,20,20);
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #7f7e7e;
}
.can_u20_jour{
    font-family: verdana;
    font-weight: bold;
    font-size: 18px;
    color: rgb(220,220,220);
    background-color: rgb(20,120,20);
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #7f7e7e;
}
.can_u17_jour{
    font-family: verdana;
    font-weight: bold;
    font-size: 18px;
    color: rgb(45,45,45);
    background-color: rgb(255,255,0);
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #7f7e7e;
}
.chan_jour{
    font-family: verdana;
    font-weight: bold;
    font-size: 18px;
    color: rgb(45,45,45);
    background-color: rgb(220,220,220);
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #7f7e7e;
}
.date_ligue2{
    text-align: center;
    position: relative;
    top: 12px;
    padding: 10px;
    border-left: 1px solid #7f7e7e;
}
.date_ligue2_bis{
    text-align: center;
    position: relative;
    top: 20px;
    padding: 10px;
    border-left: 1px solid #7f7e7e;
}
.phome{
    height: auto;
    color: #2d2d2d;
    text-align: left;
}
.phome2{
    text-align: left;
    padding: 0px 5px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.phome2 a{
    font-size: 14px;
    text-decoration: none;
    color: black;
}
.phome2 a:hover{
    text-decoration: underline;
}
.phome a{
    text-decoration: none;
    color: #2d2d2d;
}
.datehome{
    width: 100%;
    font-size: 11px;
    color: #7f7e7e;
    font-weight: bold;
}
.datehome2{
    font-size: 11px;
    color: #7f7e7e;
    font-weight: bold;
}
.datehome3{
    display: inline-block;
    width: 80%;
    font-size: 11px;
    font-weight: 500;
    color: #7f7e7e;
    text-align: left;
}
.photo_reporter{
    width: 80px;
    height: 80px;
    margin: 0px auto;
    border-radius: 40px;
    background-image: url("image/kader.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.signature{
    display: inline-block;
    width: 40%;
    float: right;
    background-color: rgb(230,230,230);
    box-shadow: 0px 0px 5px rgb(0,0,0,0.4);
    padding: 20px 5px 5px 5px;
    margin-bottom: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.signature>p{
    text-align: center;
}
.div_select{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 0px;
}
.div_signature{
    width: 100%;
    height: auto;
}
.div_signature::after{
    content:"";
    display: table;
    clear: both;
}
.ihome{
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 2px;
    border: 1px solid green;
}
.ihome2_container{
    width: 100%;
    height: 160px;
    border-radius: 20px;
    overflow: hidden;
}
.ihome2{
    display: inline-block;
    width: 100%;
    height: 160px;
    margin: 0px auto;
    border-radius: 20px;
    transform: scale(1);
    transition: 1s;
}
.ihome2_legende{
    padding-top: 10px;
    color: #7f7e7e;
    font-size: 10px
}
.ihome2:hover{
    transform: scale(1.1);
    transition: 1s;
}
/*.ihome2 img{
    width: 100%;
    height: 100%;
}*/
.ihome:hover{
    box-shadow: 0px 0px 5px black;
}
.super_img{
    width: 100%;
    height: auto;
     
}
.iequipe1{
    display: inline-block;
    float: left;
    width:100px;
    height: 100px;
    margin: 10px;
    border-radius: 10px;
}
.iequipe2{
    display: inline-block;
    float: right;
    width:100px;
    height: 100px;
    margin: 10px;
}
legend{
    display: block;
    margin-left: 5px;
    font-size: 10px;
    color: #7f7e7e;
}
.club2{
    display: inline-block;
    position: relative;
    width: 22%;
    left: 0px;
    text-align: left;
}
.club2_can{
    display: inline-block;
    position: relative;
    width: 60%;
    left: 0px;
    text-align: left;
}
.club2_can a{
    text-decoration: none;
}
.club3{
    display: inline-block;
    position: relative;
    font-size: 12px;
    width: 5%;
    padding: 5px;
    left: 0px;
}
.club3_can{
    display: inline-block;
    position: relative;
    font-size: 12px;
    width: 5%;
    padding: 5px;
}
.club3_bis{
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    font-size: 12px;
    width: 5%;
    padding: 5px;
    left: 0px;
}
.club3_tri{
    display: inline-block;
    position: relative;
    width: 5%;
    left: 0px;
}
.club4{
    display: inline-block;
    width: 25%;
    position: relative;
    left: 0px;
    text-align: left;
}
.club4_bis{
    display: inline-block;
    width: 25%;
    position: relative;
    left: 0px;
    text-align: right;
}
.club5{
    display: inline-block;
    width: 25%;
    position: relative;
    left: 0px;
    text-align: right;
}
.logoclub{
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    left: 0px;
}
.logoclub_u20{
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    left: 0px;
}
.logoclub_bis{
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    left: 0px;
}
.logoclub10{
    width: 25px;
    height: 20px;
    position: relative;
    border-radius: 5px;
    right: 10px;
}
.logoclub11{
    width: 25px;
    height: 25px;
    position: relative;
    border-radius: 5px;
}
.logoclub2{
    position: relative;
    width: 25px;
    height: 25px;
    left: 0px;
}
.logoclub3{
    position: relative;
    width: 25px;
    height: 20px;
    border-radius: 5px;
}
.logoclub4{
    position: relative;
    width: 20px;
    height: auto;
}
.logoclub8{
    position: relative;
    width: 30px;
    height: 30px;
    left: 300%;
}
.logoclub9{
    width: 20px;
    height: auto;
}
.logoclub12{
    width: 25px;
    height: 30px;
    border-radius: 5px;
    margin-right: 5px;
}
.logoclub12_can{
    width: 25px;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    margin-right: 5px;
}
.logoclub13{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    position: relative;
}
.logoclub13 img{
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
}
.logoclub14{
    display: inline-block;
    position: relative;
}
.logoclub14 img{
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
}
.logoclub15{
    display: inline-block;
    width: 55%;
    margin-left: 1%;
}
.logoclub16{
    display: inline-block;
    width: 60px;
    height: 60px;
}
.logoclub17{
    width: 25px;
    height: 25px;
    border-radius: 5px;
}
.can_pub{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 90px;
    position: relative;
    background-color: rgb(220,220,220);
    margin: 5px 0px;
}
.can_etalon_pub{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 99%;
    height: 90px;
    position: relative;
    background-color: rgb(220,220,220);
    margin: 5px 0.5%;
}
.can_u23_pub{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 98%;
    height: 90px;
    position: relative;
    background-color: rgb(220,220,220);
    margin: 5px 1%;
}
.can_u20_pub{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 98%;
    height: 90px;
    position: relative;
    background-color: rgb(220,220,220);
    margin: 5px 1%;
}
.can_u17_pub{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 98%;
    height: 90px;
    position: relative;
    background-color: rgb(220,220,220);
    margin: 5px 1%;
}
.can_poules_rang{
    display: inline-block;
    width: 20px;
    height: auto;
    position: relative;
    text-align: left;
}
.can_poules_eccusson{
    display: inline-block;
    width: 15px;
    height: auto;
    position: relative;
}
.ligue1_eccusson{
    display: inline-block;
    width: 5%;
    height: auto;
    position: relative;
}
.ligue1_eccusson img{
    width: 25px;
    height: 25px;
    border-radius: 15px;
    position: relative;
}
.logoclub18{
    display: inline-block;
    width: 25px;
    height: 20px;
    border-radius: 5px;
    position: relative;
}
.logoclub19{
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
}
.logoclub20{
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    left: -50%;
}
.logoclub21{
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    left: 0px;
}
.logoclub22{
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: 20px;
}
.logoclub23{
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: -10px;
}
.logoclub24{
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: -35px;
}
.logoclub25{
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: 0px;
}
.logoclub25_bis{
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    left: 0px;
}
.logoclub25_tri{
    display: inline-block;
    width: 19px;
    height: 19px;
    position: relative;
    left: 0px;
}
.logoclub25_quart{
    display: inline-block;
    width: 19px;
    height: 19px;
    position: relative;
    left: 0px;
}
.logoclub_horloge{
    display: inline-block;
    width: 20px;
    height: 20px;
}
.logoclub_horloge2{
    display: inline-block;
    width: 20px;
    height: auto;
    position: absolute;
    left: -10px;
}
.logoclub_horloge3{
    display: inline-block;
    width: 80%;
    height: auto;
    color: #7f7e7e;
    font-size: 12px;
    position: absolute;
    top: 3px;
    left: 20px;
}
.tableau_horloge{
    display: inline-block;
    width: 100%;
    margin-top: 10px;   
}
.tableau_horloge2{
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 30px;
}
.tableau_horloge3{
    font-size: 10px;
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 30px;
}
.club6{
    display: inline-block;
    position: relative;
    width: 11%;
    left: 0px;
    text-align: left;
}
.club7{
    display: inline-block;
    position: relative;
    width: 4.5%;
    left: 0px;
}
.club6_th{
    position: relative;
    width: 11%;
    left: 0px;
    text-align: left;
    color: rgb(45,45,45);
}
.club7_th{
    display: inline-block;
    position: relative;
    width: 4.5%;
    left: 0px;
    color: rgb(45,45,45);
}
.numerotation{
    position: relative;
    left: 0px;
}
.numerotation_th{
    position: relative;
    left: 0px;
}
.club8{
    display: inline-block;
    width: 22%;
    text-align: left;
    position: relative;
    left: 0px;
}
.club8_can{
    display: inline-block;
    width: 60%;
    position: relative;
    left: 0px;
    text-align: left;
}
.club9{
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}
.club10{
    display: inline-block;
    width: 50%;
    text-align: right;
}
.club10_bis{
    display: inline-block;
    width: 50%;
}
.club11{
    display: inline-block;
    width: 4%;
    text-align: right;
}
.club11_bis{
    display: inline-block;
    width: 4%;
}
.club11_tri{
    display: inline-block;
    width: 5%;
}
.club10_tri{
    display: inline-block;
    width: 60%;
}
.shema{
    color: red;
}
.h1tableau{
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    padding: 5px;
    font-family: 'cooper black';
}
.h1tableau2{
    display: inline-block;
    font-family: 'cooper black';
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: rgb(220,20,20);
}
.page_etalon{
    display: inline-block;
    font-family: 'cooper black';
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: rgb(220,20,20);
}
.page_etalon_dames{
    display: inline-block;
    font-family: 'cooper black';
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: rgb(220,20,20);
    margin-top: 5px;
}
.h1tableau2_c2{
    font-family: 'cooper black';
    text-align: center;
    font-size: 24px;
    color: rgb(220,20,20);
}
.h1tableau2_super_league{
    font-family: 'cooper black';
    text-align: center;
    font-size: 24px;
    color: rgb(220,20,20);
}
.h1transfert{
    font-size: 14px;
    text-align: center;
    padding: 5px;
    font-family: 'cooper black';
}
.clbut{
    display: inline-block;
    width: 7%;
    position: relative;
    left: 0px;
    text-align:left;
}
.presentation{
    text-decoration: none;
    color: #2d2d2d;
    width: 100%;
}
.live_titre{
    text-align: center;
    margin-top: 30px;
}

.presentation3{
    text-decoration: none;
    color: #2d2d2d;
}
.presentation4{
    text-decoration: none;
    color: #2d2d2d;
}
.presentation5{
    color: #2d2d2d;
}
.presentation6{
   text-decoration: none;
   color: #2d2d2d; 
}
.presentation6:hover{
    color: red;
}
.presentation4:hover{
    color: red;
}
.presentation3:hover{
    color: red;
}
.presentation2{
    text-decoration: none;
    color: #2d2d2d;
    position: relative;
    left: 10%;
}
.ipresent{
    display: inline-block;
    width: 80px;
    height: 80px;
    position: relative;
    left: 50%;
    margin-right: 10px;
}
.ipresent3{
    display: inline-block;
    width: 50px;
    height: 40px;
    position: relative;
    border-radius: 10px;
}
.ipresent4{
    display: inline-block;
    width: 50px;
    height: 40px;
    position: relative;
    border-radius: 10px;
}
.ipresent2{
    display: inline-block;
    width: 100px;
    height: 100px;
    position: relative;
    right: 40%;
}
video>source{
    width: 90%;
    height: auto;
}
.container{
    display: inline-block;
    width: 100%;
    height: 80px;
}
.heure_match{
    font-size: 12px;
    text-align: center;
}
.heure_match2{
    font-size: 11px;
    color: red;
}
.heure_article{
    display: none;
}
.homme_match{
    font-size: 14px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.feuille_match:hover{
    font-weight: bold;
}
.feuille_match_ajsb{
    color: rgb(20,220,20);
    text-decoration: none;
    font-size: 12px;
    text-align: center;
}
.feuille_match_ajsb:hover{
    color: rgb(220,20,20);
    background-color: rgb(220,220,220);
    border-radius: 5px;
    padding: 5px 10px;
}
.feuille_match_ajsb_dames{
    color: rgb(255,255,0);
    text-decoration: none;
    font-size: 12px;
    text-align: center;
}
.feuille_match_ajsb_dames:hover{
    color: rgb(220,20,20);
    background-color: rgb(220,220,220);
    border-radius: 5px;
    padding: 5px 10px;
}
.nbre_trophee{
    display: inline-block;
    width: 15%;
    position: relative;
    left: 10px;
}
.nom_competition{
    font-family: "cooper black";
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: red;
    padding: 10px 0px;
}
.date_match{
    text-align: center;
}
.match p{
    font-size: 11px;
    text-align: center;
}
.match{
    width: 100%;
    margin-bottom: 30px;
}
.match table{
    width: 100%;
}
.match h4{
    font-size: 12px;
    text-align: center;
}
.table_match{
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
/*.table_match tr{
    width: 100%;
    margin: 0px;
    padding: 0px;
}*/
.table_match a{
    text-decoration: none;
    color: #2d2d2d;
}
.legende{
    font-size: 10px;
    margin: 5px 0px 0px 10px;
    
}
.logo_etalon2{
    position: absolute;
    width: 40%;
    right: 20px;
    height: auto;
    top: 150px;
}
.logo_etalon2 p{
    font-size: 16px;
    padding: 10px;
    line-height: 30px;
    position: relative;
    width: 100%;
    top: -30px;
    text-align: center;
    right:  0px;
}
.logo_etalon3{
    display: inline-block;
    position: absolute;
    right: 20px;
    top: -140px;
    width: 80px;
    height: auto;
}
.effectif_etalon{
    font-size: 12px;
    text-decoration: none;
    color: #2d2d2d;
    margin-right: 10px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
}
.effectif_etalon2{
    font-size: 12px;
    text-decoration: none;
    color: #2d2d2d;
    margin-right: 10px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

.effectif_etalon:hover{
    color: red;
    font-weight: bold;
}
.effectif_etalon2:hover{
    color: red;
    font-weight: bold;
}
nav input[type=checkbox]:checked ~ ul{
    display: block;
}
.photo_etalon{
    display: block;
    width: 98%;
    height: 500px;
    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url("image/photo_etalon.jpg");
    background-size: cover;
    background-position: left;
    margin: 10px auto;
    border: 1px dotted rgb(220,220,220);
}
.span1{
    font-size: 32px;
    font-family: 'cooper black',sans-serif;
}
.span2{
    color: rgb(20,220,20);
    
}
.g ul li a{
    font-size: 14px;
}
.h{
    display: inline-block;
    width: 100%;
    margin: 20px 0px 0px 0px;
}
.h2{
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    background-color: #2d2d2d;
    color: rgb(250,250,250);
    text-decoration: none;
    margin: 10px 0px 0px 0px;
}
.h3{
    padding: 10px;
    margin-bottom: 10px;
    background-color: rgb(45,45,45);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    color: rgb(220,220,220);
}
.h3 h3{
    font-size: 18px;
    color: rgb(220,220,220);
}
.down{
    display: inline-block;
    width: 10px;
    height: 10px;
}
.pub_articles{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 98%;
    height: 90px;
    margin: 10px auto;
    border-radius: 3px;
    background-color: rgb(220,220,220);
    box-shadow: 0px 0px 2px #7f7e7e;
}
.pub{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 98%;
    height: 90px;
    margin: 10px 1%;
    border-radius: 3px;
    background-color: rgb(220,220,220);
    box-shadow: 0px 0px 2px #7f7e7e;
}
.pub_item{
    font-size: 16px;
}
.decouvrir{
    font-family: 'Times Romain',sans-serif;
    position: relative;
    bottom: -5px;
    font-size: 14px;
    background-color: rgb(45,45,45);
    display: inline-block;
    padding: 10px 20px;
    color: rgb(220,220,220);
}
.number{
    display: inline-block;
    width: 160px;
    position: relative;
}
.number>a{
    text-decoration: none;
    color: black;
}
.number2{
    display: inline-block;
    width: 80%;
    position: relative;
}
.number2>a{
    text-decoration: none;
    color: black;
}
.number>a:hover{
    border-bottom: 1px solid black;
}
.number2>a:hover{
    border-bottom: 1px solid black;
}
.span_number2{
    font-weight: bold;
    font-size: 12px;
}
.date_transfert{
    display: inline-block;
    width: 15px;
    position: relative;
}
.nom_transfert{
    display: inline-block;
    width: 152px;
    position: relative;
    left: -20px;
    text-align: left;
}
.club_transfert{
    display: inline-block;
    width: 80px;
    position: relative;
    left: 45px;
    text-align: right;
}
.club_transfert2{
    display: inline-block;
    width: 80px;
    position: relative;
    left: -60px;
    text-align: left;
}
.transfert_img{
    display: inline-block;
    width: 30px;
}
.transfert_mt{
    display: inline-block;
    width: 100px;
    position: relative;
    left: 0px;
    text-align: left;
}
.transfert_nb1{
    display: inline-block;
    width: 80%;
    position: relative;
    left: -30px;
}
.transfert_nb2{
    display: inline-block;
    width: 80%;
    position: relative;
    left: -30px;
}
.transfert_nb3{
    display: inline-block;
    width: 80%;
    position: relative;
    left: -30px;
}
.transfert_nb4{
    display: inline-block;
    width: 80%;
    position: relative;
    left: -30px;
}
.comp_info1{
    display: inline-block;
    width: 40%;
    text-align: right;
    font-weight: bold;
}
.comp_info2{
    display: inline-block;
    width: 40%;
    text-align: left;
}
.joueur_caf{
    display: inline-block;
    width: 30%;
}
.tableau_transfert a{
    text-decoration: none;
    color: #2d2d2d;
}
.tableau_transfert{
    width: 782px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}
.u-17_gauche, .u-17_droite{
    display: inline-block;
    background-color: rgb(250,250,250);
}
.div_u-17{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #2d2d2d;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.calendrier_matchs_u17{
    color: rgb(220,220,220);
    display: inline-block;
    padding: 0px 5px;
}
.calendrier_matchs_u15{
    display: inline-block;
    padding: 0px 5px;
}
.calendrier_matchs_coupefaso{
    display: inline-block;
    padding: 0px 5px;
    color: rgb(220,220,220);
}
.calendrier_matchs_can{
    display: inline-block;
    width: auto;
    color: rgb(220,220,220);
    margin-bottom: 5px;
}
.calendrier_matchs_u23{
    margin-bottom: 5px;
    display: inline-block;
    color: rgb(220,220,220);
    text-align: center;
}
.calendrier_matchs_u20{
    display: inline-block;
    color: rgb(220,220,220);
    margin-bottom: 5px;
}
.calendrier_matchs_senior{
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
    position: relative;
    font-size: 12px;
}
.calendrier_matchs_senior_dames{
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
    position: relative;
    font-size: 12px;
}
.division1_dames{
    display: inline-block;
    color: rgb(220,220,220);
}
.division2_dames{
    display: inline-block;
    color: rgb(220,220,220);
}
.division3_dames{
    display: inline-block;
    color: rgb(220,220,220);
}
.division2{
    display: inline-block;
    color: rgb(220,220,220);
}
.division3{
    display: inline-block;
    color: rgb(220,220,220);
}
.div_can{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    background-color: rgba(45,45,45,0.14);
}
.div_u-17 p{
    font-size: 12px;
}
.div_can p{
    font-size: 12px;
}
.u-17_gauche{
    width: 59%;
    height: auto;
    float: left;
    border-radius: 5px;
    position: relative;
    text-align: center;
    margin-left: 10px;
}
.can_gauche{
    width: 60%;
    height: auto;
    float: left;
    border-radius: 5px;
    position: relative;
    text-align: center;
    margin-left: 5px;
    margin-top: 5px;
    background-color: rgb(180,180,180);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.can_gauche_container{
    width: 100%;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    border-radius: 5px;
}
.u-17_droite{
    width: 38%;
    height: auto;
    float: right;
    margin-right: 10px;
}
.jours_can{
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    font-weight: bold;
    color: rgb(220,20,20);
}
.can_u23droite{
    width: 33%;
    height: 660px;
    float: right;
    margin-right: 5px;
    background-color: rgb(180,180,180);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
}
.can_u20droite{
    width: 33%;
    height: 660px;
    float: right;
    margin-right: 5px;
    background-color: rgb(180,180,180);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
}
.can_droite{
    width: 38%;
    height: auto;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    background-color: rgb(240,240,240);
    border-radius: 5px;
    border: 1px solid rgba(00,00,00,0.4);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.can_droite_container{
    width: 100%;
}
.can_droite_container h2 a{
    color: rgb(45,45,45);
}
.pub_can{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 96%;
    height: 700px;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 15px;
    margin-top: 15px;
    background-color: rgb(180,180,180);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
}
.pub_can2{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 96%;
    height: 500px;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 15px;
    margin-top: 15px;
    background-color: rgb(220,220,220);
    border-radius: 5px;
}
.titre_match3{
    color: rgb(255,255,255);
}
.titre_match3:hover{
    background-color: rgb(220,20,20);
}
.titre_match:hover{
    color: rgb(255,255,255);
}
.titre_match2:hover{
    color: rgb(220,220,220);
    background-color: rgb(220,20,20);
}
.titre_effectif:hover{
    background-color: rgb(220,20,20);
}
.titre_effectif2:hover{
    background-color: rgb(20,120,20);
}
.titre_effectif3:hover{
    color: yellow;
}
.titre_effectif4:hover{
    color: rgb(20,120,20);
}
.titre_competition{
    margin: 3px 0px 5px 0px;
}
.pub_can_partenaires{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 96%;
    height: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 2%;
    margin-right: 2%;
    background-color: rgb(220,220,220);
    border-radius: 5px;
}
.u-17_match{
    display: inline-block;
    width: 100%;
    color: #2d2d2d;
    padding-top: 5px;
}
.tableau_u-17{
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
}
.u-17_groupe{
    font-weight: bold;
    padding: 5px;
    text-align: center;
    background:-webkit-radial-gradient(50% 50% closest-side,rgb(20,120,20) 10%,rgb(45,45,45) 90%);
    background:-moz-radial-gradient(50% 50% closest-side,rgb(20,120,20) 10%,rgb(45,45,45) 90%);
    background:-o-radial-gradient(50% 50% closest-side,rgb(20,120,20) 10%,rgb(45,45,45) 90%);
    background:radial-gradient(closest-side at 50% 50%,rgb(20,120,20) 10%,rgb(45,45,45) 90%);
    color: rgb(255,255,255);
    margin: 0px;
    position: relative;
}
.can_groupe{
    font-family: verdana;
    font-weight: bold;
    font-size: 18px;
    padding: 5px;
    border-bottom: 1px dotted #7f7e7e;
    text-align: center;
    background-color: rgba(00,00,00,0.5);
    color: rgb(220,220,220);
    margin: 0px;
    position: relative;
}
.u-17_date{
    text-align: center;
}
.logoclub_u-17{
    display: inline-block;
    position: relative;
    width: 30px;
    height: 20px;
    border: 1px solid #7f7e7e;
    border-radius: 10px;
    position: relative;
    left: 0px;
}
.logoclub_u-17_2{
    display: inline-block;
    width: 30px;
    height: 20px;
    border: 1px solid #7f7e7e;
    border-radius: 10px;
}
.logoclub_can{
    display: inline-block;
    width: 30px;
    height: 20px;
    border: 1px solid #7f7e7e;
    border-radius: 10px;
    position: relative;
    left: 0px;
}
.logoclub_can:hover{
    transform: scale(1.1);
}
.logoclub_can2{
    display: inline-block;
    width: 30px;
    height: 20px;
    border: 1px solid #7f7e7e;
    border-radius: 10px;
    position: relative;
    left: 0px;
}
.logoclub_can2:hover{
    transform: scale(1.1);
}
.u-17_club{
    display: inline-block;
    width: 22%;
    font-weight: bold;
}
.u-17_club2{
    display: inline-block;
    width: 22%;
    font-weight: bold;
}
.can_club{
    display: inline-block;
    width: 22%;
    font-weight: bold;
    text-align: left;
}
.can_club:hover a{
    color: rgb(220,20,20);
    transform:scale(1.1);
}
.can_club2{
    display: inline-block;
    width: 22%;
    font-weight: bold;
    text-align: right;
}
.can_club2:hover a{
    color: rgb(220,20,20);
    transform:scale(1.1);
}
.u-17_score{
    display: inline-block;
    width: 15%;
    font-weight: bold;
    font-size: 11px;
}
.u-17_titre{
    display: inline-block;
    width: 100%;
    height: 20px;
    margin: 0px;
    background-color: #2d2d2d;
    color: rgb(220,220,220);
    text-align: center;
    position: relative;
    padding: 5px 0px;
}
.u-17_titre h3 a{
    text-decoration: none;
    color: rgba(220,220,220,0.5);
}
.can_titre{
    display: inline-block;
    width: 100%;
    margin: 0px;
    background-color: #2d2d2d;
    color: rgb(220,220,220);
    text-align: center;
    padding: 10px 0px;
    position: relative;
}
.can_titre2 h1{
    font-size: 24px;
    color: rgb(220,20,20);
    font-family: "cooper black";
    text-align: center;
    margin-top: 5px;
}
.u-17_titre h1{
    font-size: 24px;
}
.u-17_titre_gauche{
    font-size: 38px;
}
.u-17_titre_cadre{
    text-align: center;
}
.u-17_cadre{
    display: inline-block;
    width: 100%;
    border: 1px solid #7f7e7e;
    border-radius: 5px;
}
.u-17_info{
    display: inline-block;
    width: 100%;
}
.u-17_info2{
    display: inline-block;
    width: 40%;
    padding: 10px 5px;
    font-weight: bold;
}
.u-17_info3{
    display: inline-block;
    width: 50%;
    text-align: right;
    padding: 10px 5px;
}
.u-17_info4{
    display: inline-block;
    width: 55%;
    padding: 10px 5px;
    font-weight: bold;
    text-align: left;
}
.u-17_info5{
    display: inline-block;
    width: 35%;
    padding: 10px 5px;
    text-align: right;
}
.photo_u17_container{
    display: inline-block;
    width: 92%;
    height: 376px;
    border-radius: 5px;
    border: 2px solid rgb(220,220,220);
    box-shadow: 0px 0px 5px rgb(250,250,250);
    margin-top: 5px;
    background-color: #2d2d2d;
    margin-bottom: 10px;
}
.photo_etalon_u17{
    display: inline-block;
    width: 98%;
    height: 360px;
    padding: 3px;
}
.page_officielle_u17{
    text-align: center;
    color: rgb(220,220,220);
    background:-webkit-radial-gradient(circle,rgb(20,120,20),rgb(45,45,45));
    background:-moz-radial-gradient(circle,rgb(20,120,20),rgb(45,45,45));
    background:-o-radial-gradient(circle,rgb(20,120,20),rgb(45,45,45));
    background:radial-gradient(circle,rgb(20,120,20),rgb(45,45,45));
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: inline-block;
    width: 100%;    
}
.page_officielle_u17 h1{
    color: rgb(220,20,20);
    font-size: 24px;
    font-family: 'cooper black';
    padding: 5px 0px 0px 0px;
}
.u-17_joueur{
    width: 640px;
    background-color: rgba(220,220,20,0.15);
}
.u-17_joueur_container{
    width: 392px;
    height: auto;
    border: 1px dotted #7f7e7e;
    overflow-x: scroll;
}
.liste_joueur_u-17{
    text-align: center;
    width: 382px;
    padding: 5px;
    color: rgb(220,220,220);
    background-color: #2d2d2d;
    border-left: 1px dotted #7f7e7e;
}
.u-17_number{
    display: inline-block;
    width: 5px;   
}
.u-17_img2{
    display: inline-block;
    width: 25px;  
}
.u-17_nom{
    display: inline-block;
    width: 140px;
    text-align: left;
}
.u-17_age{
    display: inline-block;
    width: 30px;   
}
.u-17_poste{
    display: inline-block;
    width: 30px;   
}
.u-17_app{
    display: inline-block;
    width: 30px;   
}
.u-17_buts{
    display: inline-block;
    width: 30px;   
}
.u-17_pd{
    display: inline-block;
    width: 30px;   
}
.u-17_cj{
    display: inline-block;
    width: 30px;   
}
.u-17_cr{
    display: inline-block;
    width: 30px;   
}
.u20_background{
    background-color: rgb(45,45,45);
    margin: 0px 0px 5px 0px;
    padding: 5px 0px;
    border: 1px solid rgb(45,45,45);
}
/*.date_u20{
    display: inline-block;
    width: 12%;
    position: relative;
    left: 0px;
}
.heure_u20{
    display: inline-block;
    width: 12%;
    position: relative;
}*/
.u20_div{
    display: inline-block;
    width: 100%;
}
.u20_match{
    background-color: rgb(45,45,45);
    background-position: center;
    color: rgb(255,255,255);
    padding: 5px 0px;
    margin-bottom: 5px;
}
/*.u20_match::after{
    content:"";
    display: table;
    clear: both;
}*/
.u20_match_flex1{
    text-align: center;
}
.u20_match_flex2{
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.u20_match_date{
    text-align: center;
}
.u20_match_heure{
    text-align: center;
}
.club_u20{
    display: inline-block;
    width: 18%;
    position: relative;
    left: 0px;
    text-align: right;
}
.club_u20_2{
    display: inline-block;
    width: 18%;
    position: relative;
    left: 0px;
    text-align: left;
}
.score_u20{
    display: inline-block;
    width: 7%;
    position: relative;
    left: 0px;
}
.score_u20_bis{
    display: inline-block;
    width: 7%;
    position: relative;
    left: 0px;
}
.u20_tableau{
    text-align: center;
}
.span_number3{
    font-size: 18px;
    font-weight: bold;
    color: rgb(220,20,20);
}
.div_ajsb{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.ajsb_droite, .ajsb_gauche, .ajsb_gauche_dames{
    display: inline-block;
}
.ajsb_droite{
    width: 58%;
    height: auto;
    float: left;
    margin-left: 10px;
}
.ajsb_gauche{
    width: 38%;
    background-color: rgb(180,180,180);
    background-size: cover;
    min-height: 600px;
    float: right;
    margin-right: 10px ;
    border-radius: 5px;
}
.ajsb_gauche_dames{
    width: 392px;
    background-color: rgba(45,45,45,0.1);
    background-size: cover;
    min-height: 600px;
    float: right;
    margin-right: 10px;
    border-radius: 5px;
}
.div_ajsb::after{
    content: "";
    display: table;
    clear: both;
}
.ajsb_match{
    display: inline-block;
    width: 100%;
    background-color: rgb(45,45,45);
    color: rgb(220,220,220);
    margin-bottom: 10px;
    border-radius: 5px;
}
.ajsb_match_dames{
    display: inline-block;
    width: 100%;
    background:-webkit-radial-gradient(circle,rgb(20,120,20),rgb(45,45,45));
    background:-moz-radial-gradient(circle,rgb(20,120,20),rgb(45,45,45));
    background:-o-radial-gradient(circle,rgb(20,120,20),rgb(45,45,45));
    background:radial-gradient(circle,rgb(20,120,20),rgb(45,45,45));
    color: rgb(220,220,220);
    margin-bottom: 10px;
    border-radius: 5px;
}
.logoclub_ajsb{
    display: inline-block;
    width: 50px;
    height: 50px;
}
.logoclub_ajsb2{
    display: inline-block;
    width: 50px;
    height: 50px;
}
.ajsb_club{
    display: inline-block;
    width: 100px;
    font-weight: bold;
}
.ajsb_club2{
    display: inline-block;
    width: 100px;
    font-weight: bold;
}
.ajsb_score{
    display: inline-block;
    width: 100px;
    font-weight: bold;
    font-size: 11px;
}
.ajsb_titre{
    text-align: center;
    padding-top: 10px;
}
.ajsb_titre p{
    font-size: 12px;
}
.cocaf_manche{
    display:block;
    padding: 5px;
    font-family: verdana;
    font-size: 14px;
    text-align: center;
    background-color: rgb(250,250,250);
}
.super_league_manche{
    display:block;
    padding: 5px;
    font-family: verdana;
    font-size: 14px;
    text-align: center;
    background-color: rgb(250,250,250);
}
.c2_manche{
    font-family: verdana;
    font-size: 14px;
    padding: 5px;
    text-align: center;
    background-color: rgb(180,180,180);
}
.ligue1_manche{
    font-family: verdana;
    font-weight: bold;
    color: rgb(220,220,220);
    font-size: 18px;
    text-shadow: 0px 0px 2px black;
    background-color: rgb(20,120,20);
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #7f7e7e;
}
.chemin{
    font-size: 12px;
    color: #C5C5C5;
    margin-left: 20px;
    font-weight: bold;
}
.p_article{
    display: inline-block;
    width: 98%;
    margin-left: 1%;
}
.chapeau{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 36px;
}
.p_article>p{
    text-align: justify;
    font-size: 18px;
    line-height: 28px;
}
.p_article pre{
    font-size: 18px;
    line-height: 28px;
}
.p_article>mark{
    font-size: 18px;
    line-height: 28px;
}
.p_article2{
    font-size: 14px;
}
.container_cinq_articles2{
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin: 0px;
}
.container_cinq_articles2_container{
    background-color: rgb(45,45,45);
    width: 100%;
    margin-bottom: 5px;
    padding-top: 5px;
}
.container_cinq_articles{
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: space-around;
    margin: 5px 0px;
}
.container_cinq_articles_can{
    display: flex;
    width: 100%;
    justify-content: space-around;
    margin-bottom: 5px;
}
.container_info_can{
    display: inline-block;
    width: 100%;
}
.container_entete_can{
    display: inline-block;
    width: 98%;
    border: 1px solid rgba(220,220,220,0.8);
    border-radius: 5px;
    margin: 5px 1%;
}
.cinq_articles_item1{
    width: 50%;
    height: 120px;
    overflow: hidden;
    margin-bottom: 0px;
    margin-left: 5px;
    border-radius: 5px;
}
.cinq_articles_item2{
    width: 50%;
    height: 120px;
    margin-left: 5px;
    margin-bottom: 0px;
    position: relative;
}
.cinq_articles_item3{
    display: inline-block;
    width: 32%;
    height: 160px;
    margin-bottom: 5px;
    border-radius: 5px;
    background-image: url("image/image_vierge.webp");
    background-size: cover;
    background-position: center;
}
.cinq_articles_item4{
    display: inline-block;
    width: 32%;
    height: 160px;
    margin-bottom: 5px;
    border-radius: 5px;
    position: relative;
    background-image: url("image/image_vierge.webp");
    background-size: cover;
    background-position: center;
}
.cinq_articles_item5{
    display: inline-block;
    width: 32%;
    height: 160px;
    margin-bottom: 5px;
    border-radius: 5px;
    position: relative;
    background-image: url("image/image_vierge.webp");
    background-size: cover;
    background-position: center;
}
.cinq_articles_img{
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.cinq_articles_item1 a{
    text-decoration: none;
}
.cinq_articles_item2 a{
    text-decoration: none;
    color: rgb(220,220,220);
}
.cinq_articles_item2 h2:hover a{
    text-decoration: underline;
    transition: 1s;
}
.cinq_articles_item1 a:hover img{
    transform: scale(1.05);
    transition: 1s;
}
.cinq_articles_item2 a:hover img{
    transform: scale(1.1);
}
.logo_sponsors{
    width: 30px;
    height: 30px;
}
.div_defilement2{
    position: relative;
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
    background-color: rgb(45,45,45);
}
.div_defilement{
    position: relative;
    width: 92%;
    margin: 0px auto;
    overflow: hidden;
}
.bienvenue{
    font-size: 22px;
    font-family: Vivaldi;
    text-align: center;
    padding: 5px;
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    color: rgb(220,220,220);
}
.strong_bienvenue{
    font-size: 24px;
}
.adresse_tel{
    width: 15px;
    height: 15px;
    position: absolute;
}
.texte_relegation{
    width: auto;
    min-width: 200px;
}
.texte_qualif{
    width: auto;
    min-width: 200px;
}
.texte_home_titre{
    width: 98%;
    margin: 0px auto;
}
.texte_home{
    width: 100%;
    max-height: 110px;
    overflow: hidden;
}
.texte_home h3{
    margin-bottom: 10px;
}
.texte_home_art{
    font-size: 14px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
}
.alaune{
    font-size: 16px;
    font-weight: bold;
    position: relative;
    bottom: -20px;
    display: inline-block;
    width: auto;
    padding: 10px 40px;
    text-align: center;
    margin: 0px auto;
    background-color: #2d2d2d;
    color: rgb(220,220,220);
}
.lire_la_suite{
    width: auto;
    position: relative;
    top: 14px;
    text-decoration: none;
    background-color: rgb(45,45,45);
    padding: 5px 10px;
    margin-left: 5px;
    color: rgb(220,220,220);
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 12px;
}
.lire_la_suite:hover{
    color: red;
}
.aligner_droite{
    text-align: right;
}
.aligner_centre{
    text-align: center;
}
.aligner_gauche{
    text-align: left;
}
.banner_cookie{
    font-family: arial, sans-serif;
    border-top: 5px solid rgba(220,220,220);
    background-color: rgb(45,45,45);
    width: 100%;
    height: 160px;
    padding: 20px 0px 120px 0px;
    position: fixed;
    bottom: 0px;
    z-index: 1000;
}
.banner_cookie2{
    width: 50%;
    margin: 0px auto;
}
.banner_cookie h1{
    color: rgb(250,250,250);
    margin-bottom: 20px;
}
.banner_cookie p{
    color: rgb(220,220,220);
    font-size: 16px;
    margin-bottom: 20px;
}
.banner_texte>p>a{
    color: red;
}
.banner_bouton{
    display: inline-block;
    width: 140px;
    height: auto;
    background-color: #fff;
    color: #fff;
    padding: 10px 30px;
    text-align: center;
}
.banner_bouton:hover a{
    color: rgb(255,0,0);
}
.banner_bouton a{
    color: black;
    text-decoration: none;
    font-size: large;
}
.plan_container h1{
    text-align: center;
}
.plan_container h2{
    font-size: 14px;
    padding: 10px;
}
.plan_container{
    padding: 10px;
}
.plan_container>ul{
    display: inline-block;
    width: 100%;
}
.plan_container>ul>li{
    margin-left: 20px;
    font-size: 12px;
}
.plan_container>ul>li>ul>li{
    margin-left: 50px;
    color: blue;
    font-size: 12px;
}
.plan_container>ul>li>ul>li>ul>li{
    margin-left: 50px;
    color: green;
    font-size: 12px;
}
.border_top{
    border-top: 1px solid #7f7e7e;
    padding: 10px;
}
.border_top a{
    text-decoration: none;
}
.fleche_menu{
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    float: left;
}
.div_cookie h1{
    text-align: center;
}
.div_cookie h2{
    font-size: 14px;
    padding: 10px;
}
.div_cookie p{
    padding: 10px;
    font-size: 12px;
}
.image_article{
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 400px;
    height: auto;
}
.carton_qualif{
    position: relative;
    left: 20px;
    width: 20px;
    height:20px;
}
.classement_can_poules{
    display: inline-block;
    width: 32.2%;
    margin-left: 5px;
    margin-bottom: 10px;
    border: 1px solid rgba(220,220,220,0.9);
    border-radius: 5px;
    overflow: hidden;
}
.header_articles{
display: inline-block;
float: left;
width: 750px;
height: 25px;
position: absolute;
left: 310px;
overflow: hidden;
}
.header_articles2{
width: 5000px;
height: 20px;
padding-top: 5px;
position: absolute;
left: 0px;
text-align: left;
}
.header_articles2 a{
display: inline-block;
width: 750px;
height: 25px;
color: rgb(255,255,255);
text-decoration: none;
position: relative;
left: 750px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

webkit-animation-name: article_header;
webkit-animation-duration: 45s;
webkit-animation-timing-function: ease-in-out;
webkit-animation-iteration-count: infinite;
webkit-animation-direction: normal;

moz-animation-name: article_header;
moz-animation-duration: 45s;
moz-animation-timing-function: ease-in-out;
moz-animation-iteration-count: infinite;
moz-animation-direction: normal;

o-animation-name: article_header;
o-animation-duration: 45s;
o-animation-timing-function: ease-in-out;
o-animation-iteration-count: infinite;
o-animation-direction: normal;

animation-name: article_header;
animation-duration: 45s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
}
.header_articles2:hover a{
animation-play-state: paused;
}
.defilement{
    color: rgb(220,220,220);
    font-size: 13px;
    position: relative;
    left: -350px;
    text-align: center;
    
    webkit-animation-name: defile;
    webkit-animation-duration: 9s;
    webkit-animation-timing-function: ease-in-out;
    webkit-animation-iteration-count: infinite;
    webkit-animation-direction: alternate;
    
    moz-animation-name: defile;
    moz-animation-duration: 9s;
    moz-animation-timing-function: ease-in-out;
    moz-animation-iteration-count: infinite;
    moz-animation-direction: alternate;
    
    animation-name: defile;
    animation-duration: 9s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@-webkit-keyframes article_header{
    0%{left:500px;}
    15%{left:0px;}
    20%{left:0px;}
    35%{left:-755px;}
    40%{left:-755px;}
    55%{left:-1507px;}
    60%{left:-1507px;}
    75%{left:-2260px;}
    80%{left:-2260px;}
    95%{left:-3015px;}
    100%{left:-3015px;}
}
@-webkit-keyframes defile{
    0%{left:-800px;}
    40%{left:0px;}
    60%{left:0px;}
    100%{left:800px;}
    
}
@-moz-keyframes defile{
    0%{left:-800px;}
    40%{left:0px;}
    60%{left:0px;}
    100%{left:800px;}
    
}
@keyframes defile{
    0%{left:-800px;}
    40%{left:0px;}
    60%{left:0px;}
    100%{left:800px;}
    
}
@-webkit-keyframes can_defile{
    0%{left:400px;}
    40%{left:0px;}
    60%{left:0px;}
    100%{left:-400px;}
    
}
@-moz-keyframes can_defile{
    0%{left:400px;}
    40%{left:0px;}
    60%{left:0px;}
    100%{left:-400px;}
    
}
@keyframes can_defile{
    0%{left:400px;}
    40%{left:0px;}
    60%{left:0px;}
    100%{left:-400px;}
    
}
@media screen and (max-width:780px){
    body{
        background-image: none;
        font-size: 10px;
    }
    section{
        min-height: 140px;
    }
    .main{
    top:138px;
    width: 100%;
    }
    .main2{
    top:138px;
    width: 100%;
    }
    .pied{
        display: none;
    }
    .pied2{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .footer_reseaux{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 30px;
        background-color: rgb(45,45,45);
        height: 80px;
        border-top: 1px dotted rgb(220,220,220);
        border-bottom: 1px dotted rgb(220,220,220);
    }
    footer{
        top: 135px;
        min-height: 170px;
        border-top: 4px solid rgb(220,220,220);
    }
    .copy_div{
        width: 100%;
        margin: 10px 0px;
        border-top: none;
    }
    .copy_div > img{
        width: 60px;
        height: 60px;
    }
    .copy2{
        text-align: left;
        display: inline-block;
        position: relative;
        left: 0px;
        width: 100%;
        font-size: 12px;
        margin-top: 20px;
    }
    .copy{
        display: none;
    }
    .sociaux{
        width: 95%;
    }
    .sociaux_bis{
    margin: 5px 0px;
    }
    .sociaux_rouge{
        width: 22%;
    }
    .sociaux_bleu{
        width: 22%;
    }
    .sociaux_facebook_img{
        width: 20%;
    }
    .sociaux_arcenciel{
        width: 22%;
    }
    .sociaux_cyan{
        width: 22%;
    }
    .menu-mobil{
        display: block;
        width: 100%;
        background-color: #2d2d2d;
        text-align: left;
        position: fixed;
        top: 100px;
        padding: 7px 7px 7px  25px;
        font-size: 15px;
        text-transform: uppercase;
        margin: 0px;
    }
    .menu{
        display: inline-block;
        height: 20px;
        margin: 0px;
        padding: 0px;
    }
    .connexion{
        position: relative;
        left: 0px;
        margin: 0px;
    }
    nav ul li, nav ul li a{
        width: 100%;
        text-align: left;
        margin: 0px;
    }
    .submenu2>ul>li>a{
        font-size: 12px;
    }
    nav>ul{
        display: none;
    }
    nav ul li .submenu li:hover .submenu2{
    width: 220px;
    left: 240px;
    background-color: rgb(20,220,20);   
    }
    .submenu2 ul li a{
        width: 220px;
        color: #2d2d2d;
    }
    .acceuil:hover{
    border-top: 3px solid rgba(220,220,220, 0.15);
    background-color: rgba(220, 220, 220, 0.15);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    }
    .etalon:hover{
    border-top: 3px solid rgba(220,220,220, 0.15);
    background-color: rgba(220, 220, 220, 0.15);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    }
    .ligue1:hover{
    border-top: 3px solid rgba(220,220,220, 0.15);
    background-color: rgba(220, 220, 220, 0.15);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    }
    .coupe_du_faso:hover{
    border-top: 3px solid rgba(220,220,220, 0.15);
    background-color: rgba(220, 220, 220, 0.15);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    }
    .cocaf:hover{
    border-top: 3px solid rgba(220,220,220, 0.15);
    background-color: rgba(220, 220, 220, 0.15);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    }
    .transfert:hover{
    border-top: 3px solid rgba(220,220,220, 0.15);
    background-color: rgba(220, 220, 220, 0.15);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    }
    .reportage:hover{
    border-top: 3px solid rgba(220,220,220, 0.15);
    background-color: rgba(220, 220, 220, 0.15);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    }
    .communique:hover{
    border-top: 3px solid rgba(220,220,220, 0.15);
    background-color: rgba(220, 220, 220, 0.15);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    }
    .cont:hover{
    border-top: 3px solid rgba(220,220,220, 0.15);
    background-color: rgba(220, 220, 220, 0.15);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    }
    .connexion:hover{
    border-top: 3px solid rgba(220,220,220, 0.15);
    background-color: rgba(220,220,220, 0.15);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    }
    .inscrire{
    position: relative;
    left: 0px;
    }
    .inscrire:hover{
    border-top: 3px solid rgba(220,220,220,0.15);
    background-color: rgba(220,220,220, 0.15);
    border-radius: 5px;
    }
    .inscription{
        display: none;
    }
    nav{
        top: 138px;
    }
    nav>ul>li{
        top: 0px;
    }
    header{
        width: 100%;
        height: 80px;
    }
    .strong_bienvenue{
    font-size: 18px;
    }
   .ihome{
    display: block;
    width: 97%;
    height: auto;
    margin-left: 1%;
    margin-right: 1%;
    padding: 2px;
    border: 1px solid #2d2d2d;
    }
    .ihome2_container{
        height: 140px;
    }
    .ihome2{
    width: 100%;
    height: 140px;
    }
    .image_hauteur{
    height: 180px;
    }
    .legende{
        display: inline-block;
        font-size: 7px;
        margin-left: 10px;
    }
    .indication_page{
    width: 12px;
    }
    .indication_page_texte{
    font-size: 11px;
    }
    .classement_can_poules{
    width: 48%;
    margin-left: 2px;
    }
    .calendrier_matchs_u17{
    font-size: 10px;
    }
    .h1home5{
        font-size: 16px;
        padding: 4px;
    }
    .bordure_partage>p{
        font-size: 13px;
    }
    .h1home7{
        margin: 0px 7px;
        font-size: 18px;
    }
    .h1home2{
        font-size: 15px;
    }
    .h1home3{
        font-size: 16px;       
    }
    .h1home9{
    font-size: 14px;
    }
    .ellipsis2{
    font-size: 12px;
    }
    .phome2 a{
    font-size: 12px;
    }
    .h1home10{
        font-size: 16px;       
    }
    .h1_ligue2_u15 h1{
    font-size: 18px;
}
    .h1_ligue2_u23 h1{
    font-size: 16px;
    }
    .h1_ligue2_u20 h1{
    font-size: 16px;
    }
    .h1tableau{
        font-size: 14px;
        text-align: center;
    }
    .h1tableau2{
        font-size: 18px;
    }
    .signature{
        width: 60%;
        padding: 15px 3px 3px 3px;
    }
    .photo_reporter{
        width: 60px;
        height: 60px;
    }
    .phome{
        display: inline-block;
        position: relative;
        bottom: 0px;
        width: 100%;
        min-height: 60px;
        font-size: 12px;
        line-height: 20px;
    }
    .chapeau{
        font-size: 16px;
        line-height: 32px;
    }
    .p_article>mark{
        font-size: 16px;
        line-height: 26px;
    }
    .p_article>p{
        font-size: 16px;
        line-height: 26px;
    }
    .p_article pre{
        font-size: 16px;
        line-height: 26px;
    }
    .p_article{
        width: 92%;
        margin-left: 4%;
    }
    
    .p_article2{
        font-size: 12px;
    }
    .datehome{
        display: inline-block;
        font-size: 10px;
    }
    .datehome2{
        font-size: 10px;
        
    }
    .datehome3{
        font-size: 10px;
    }
    .responsive{
        display: inline-block;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .auteur{
        display: inline-block;
        width: 70px;
        font-size: 10px;
        position: relative;
        bottom: 0px;
        left: 0px;
    }
    .carton_qualif{
        left: 0px;
    }
    #eee{
        width: 10%;
    }
    #eee_bis{
        width: 10%;
    }
    .h1cont{   
    padding-top: 15px;
    font-size: 16px;
    }
    label{
    text-align: right;
    color: rgb(220,220,220);
    font-size: 12px;
    font-weight: bold;
    }
    label,input{
    display: inline-block;
    width: 40%;
    margin: 1px;
    padding: 5px;
    }
    .redirige{
        width: 100%;
        position: relative;
        font-size: 10px;
    }
    .redirige2{
    width: 100%;
    font-size: 10px;
    }
    .redirige3{
        font-size: 10px;
    }
    textarea{
    padding: 5px;
    }
    input[type=submit]{
    font-size: 10px;
    padding: 5px;
    width: 40px;
    height: 25px;
    position: relative;
    }
    table{
        width: 100%;
        font-size: 10px;
    }
    td,th{
        width: 2.5%;
        padding: 10px 8px;
    }
    .score{
        width: 5%;
        position: relative;
        left: -4%;
    }
    .score2{
        width: 10%;
        left: 0px;
    }
    .score2_bis{
        width: 10%;
        left: 0px;
        font-size: 12px;
    }
    .date{
        width: 15%;
        font-size: 12px;
    }
    .date_bis{
        width: 15%;
        font-size: 12px;
    }
    .date_bis2{
        width: 15%;
        font-size: 12px;
    }
    .date_bis2_c2{
        width: 15%;
        font-size: 12px;
    }
    .date_tri{
        width: 15%;
        font-size: 12px;
    }
    .date13{
        width: 15%;
        left: 0px;
    }
    .date13_bis{
        width: 15%;
        left: 0px;
        font-size: 12px;
    }
    .date15{
        width: 15%;
        left: 0px;
    }
    .date15_bis{
        width: 15%;
        left: 0px;
        font-size: 12px;
    }
    .date15_bis_c2{
        width: 15%;
        left: 0px;
        font-size: 12px;
    }
    .date5{
        width: 12%;
        left: 5%;
    }
    .date6{
        text-align: right;
        left: -10px;
    }
    .date7{
        text-align: right;
        left: -10px;
    }
    .date2{
        display: none;
    }
    .date3{
        width: 16%;
        left: -3%;
        margin-left: 1%;
    }
    .date4{
        width: 16%;
        left: -4%;
    }
    .date9{
        position: relative;
        left: 0px;
    } 
    .logoclub{
        left: -10px;
    }
    .logoclub_bis{
        left: -10px;        
    }
    .logoclub9{
        width: 15px;
        height: 15px;
        position: relative;
        left: 0px;
    }
    .logoclub10{
        width: 20px;
        height: 20px;
        position: relative;
        right: 0px;
    }
    .logoclub11{
        width: 20px;
        height: 20px;
        position: relative;
        right: 10px;
    }
    .logoclub12{
        width: 20px;
        height: 20px;
    }
    .logoclub12_can{
        width: 20px;
        height: 20px;
    }
    .logoclub2{
        position: relative;
        height: 15px;
        width: 15px;
        left: 0px;
    }
    .logoclub3{
        position: relative;
        height: 20px;
        width: 15px;
        left: 0px;   
    }
    .logoclub4{
        width: 15px;
        height: 15px;
        position: relative;
        left: 0px;
    }
    .logoclub13{
        width: 15px;
        height: 15px;
        left: 0px;
    }
    .logoclub14{
        width: 12px;
        height: 12px;
        left: 0px;
    }
    .logoclub15{
        width: 60%;
        margin-left: 5px;
    }
    .logoclub17{
        width: 17px;
        height: 17px;
    }
    .logoclub18{
        left:-40%;
    }
    .logoclub19{
        width: 17px;
        height: 17px;
        left: 0px;
    }
    .logoclub20{
        left: -80%;
    }
    .logoclub21{
        display: none;
    }
    .logoclub22{
        width: 15px;
        height: 15px;
        left: -20px;
    }
    .logoclub23{
        width: 15px;
        height: 15px;
        left: -15px;
    }
    .logoclub24{
        width: 15px;
        height: 15px;
        left: -15px;
    }
    .logoclub25{
        width: 15px;
        height: 15px;
        top: 2px;
    }
    .logoclub25_bis{
        width: 15px;
        height: 15px;
        top: -13px;
    }
    .logoclub25_tri{
        width: 15px;
        height: 15px;
        top: -28px;
    }
    .logoclub25_quart{
        width: 15px;
        height: 15px;
        top: -43px;
    }
    .logoclub_horloge{
        width: 15px;
        height: 15px;
    }
    .logoclub_horloge3{
        top: 0px;
        left: 10px;
    }
    .gauche{
        min-height: 200px;
        width: 100%;
    }
    .gauche_bis{
        min-height: 200px;
        width: 100%;
        float: none;
    }
    .droite{
        display: inline-block;
        width: 97%;
        margin: 20px auto;
        background-position: center;
        padding: 5px;
    }
    .droite_bis{
        width: 100%;
        float: none;
        background-position: center;
        margin: 0px;
    }
    .shema{
    font-size: 12px;
    }
    .gauche3 table{
        font-size: 10px;
    }
    .droite3 table{
        font-size: 10px;
    }
    .gauche4_entraineur p{
        font-size: 12px;
    }
    .droite4_entraineur p{
        font-size: 12px;
    }
    .gauche4 h4{
        font-size: 10px;
    }
    .gauche4 p{
        font-size: 10px;
    }
    .droite4 h4{
        font-size: 10px;
    }
    .droite4 p{
        font-size: 10px;
    }
    .gauche5_texte{
        font-size: 12px;
    }
    .face_face table{
        font-size: 12px;
    }
    .tableau table{
        font-size: 12px;
    }
    .tableau_u-17{
        width: 100%;
    }
    .tableau_u-17 table{
        font-size: 11px;
        margin: 0px;
        width: 100%;
        text-align: center;
    }
     .joueurs_tableau{
    font-size: 12px;
    }
    .joueurs_tableau td{
    padding: 3.4px;
    }
    .joueurs_titre{
    font-size: 18px;
    }
    .joueurs_gauche,.joueurs_centre1,.joueurs_centre2,.joueurs_droite{
        width: 46%;
        height: 135px;
    }
    .podcats_container{
        padding-top: 5px;
    }
    .gauche5, .gauche6, .gauche7, .gauche8{
        width: 46%;
        height: 200px;
        margin-bottom: 0px;
    }
    .gauche5_acceuil,.gauche6_acceuil,.gauche7_acceuil,.gauche8_acceuil{
        width: 47.5%;
        min-height: 200px;
    }
    .gauche13, .gauche14, .gauche15{
        width: 220px;
        height: 320px;
    }
    .gauche17{
        display: block;
        float: none;
        width: 86%;
        margin: 0px auto;
        padding: 10px;

    }
    .gauche18{
        display: block;
        float: none;
        width: 90%;
        margin: 20px auto;   
    }
    .gauche9{
        display: block;
        width:  100%;
        min-height: 210px;
        font-size: 14px;
        margin: 0px;
        border: none;
    }
    .gauche9_etalon{
        display: none;
    }
    .gauche9a{
    display: inline-block;
    width: 98%;
    margin-left: 2%;
    margin-right: 2%;
    }
    .gauche11{
        display: none;
    }
    .gauche10{
        display: block;
        width: 100%;
        font-size: 10px;
        margin: 0px;
    }
    .d{
        float: none;
        width: 95%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .g{
        float: none;
        border: none;
        width: 95%;
        margin-left: 2%;
        margin-right: 2%;
        text-align: left;
    }
    /*.h{
        display: none;
    }*/
    .h2{
        font-size: 12px;
        text-align: center;
        margin: 0px;
    }
    .club{
        width: 25%;
    }
    .buteur1{
        width:25%;
    }
    .noo{
        width:25%;
    }
    .arr{
        width:25%;
    }
    .buteur1_th{
        width:22%;
    }
    #nooo,#backk{
        left: 1%;
    }
    #back_bis{
        left: -12%;
    }
    .nbrebut{
        width: 5%;
        left: 0px;
    }
    .nbrepasse{
        left: 0px;
    }
    .rang_buteur_th{
        left: -20px;
    }
    .rang_buteur{
        left: -20px;
    }
    .rang_passe{
        left: -20px;
    }
    .date14{
    width: 6%;
    }
    .ligue1_buteur1{
    width: 15%;
    }
    .ligue1_club{
        width: 15%;
    }
    .clbut{
        width: 5%;
        left: 0px;
    }
    .club2{
        width: 15%;
        left: 0px;
    }
    .club8{
        width: 15%;
        left: 0px;
    }
    .club2_can{
        width: 40%;
        left: 0px;
        margin: 0px;
        padding: 2px;
    }
    .club3_can{
        margin: 0px;
        padding: 2px;
    }
    .club3{
        width: 3.5%;
    }
    .club3_tri{
        width: 3.5%; 
    }
    .club4{
        width: 30%;
    }
    .club4_bis{
        width: 25%;
    }
    .club5{
        width: 25%;
    }
    .club6{
        width: 17%;
        left: 0px;
        font-size: 12px;
    }
    .club6_th{
        width: 17%;
        font-size: 12px;
        text-align: left;
    }
    .club7{
        width: 3%;
        left: 0px;
        font-size: 12px;
    }
    .club7_th{
        width: 3%;
        left: 0px;
        font-size: 12px;
    }
    .club8_can{
        width: 40%;
        left: 0px;
        padding: 2px;
        margin: 0px;
    }
    .groupe_titre{
        padding: 2px 0px;
        margin: 0px;
    }
    .club3_bis{
        padding: 2px;
        margin: 0px;
    }
    .numerotation_th{
    position: relative;
    left: 0px;
    }
    .logol1{
        position: relative;
        width: 20px;
        height: 20px;
        display: inline-block;
        left: -40px;
    }
    .yt,.face,.insta,.what{
        width: 20px;
        height: 20px;
        padding: 5px 10px;
    }
    .face,.insta,.what{
        margin: 0px -5px;
    }
    .yt:hover{
        background-color: rgba(180,180,180,0.2);
    }
    .face:hover{
        background-color: rgba(180,180,180,0.2);
    }
    .insta:hover{
        background-color: rgba(180,180,180,0.2);
    }
    .what:hover{
        background-color: rgba(180,180,180,0.2);
    }
    .border-bottom:hover{
        background-color:rgb(250,250,250);
    }
    #hligue1{
        display: none;
    }
    #h{
        display: none;
    }
    #h_c1{
        display: none;
    }
    #h_superleague{
        display: none;
    }
    #h_c2{
        display: none;
    }
    .ec>p{
        font-size: 12px;
    }
    .iequipe1{
        width:80px;
        height: 80px;
    }
    .iequipe2{
        width:80px;
        height: 80px;
    }
    .loclub{
        width: 22px;
        height:  22px;
        display: inline-block;
    }
    .effectif_matchs3 a{
    font-size: 12px;
    }
    .effectif_matchs5 a{
    font-size: 12px;
    }
    .competition{
        width: 30%;
    }
    .ipresent3{
        width: 30px;
        height: 30px;
    }
    .ipresent2{
        width: 60px;
        height: 60px;
        right: 40%;
    }
    .ipresent4{
        width: 30px;
        height: 30px;
    }
    .nom_competition{
        font-size: 18px;
        padding: 5px 0px 0px 0px;
    }
    .gauche2{
        width: 44%;    
    }
    .droite2{
        width: 44%;    
    }
    .centre2{
        width: 8%;    
    }
    .centre2 table{
        font-size: 10px;
        margin: 0px;
        padding: 0px;
    }
    .droite2 table{
        font-size: 10px;
        margin: 0px;
        padding: 0px;
    }
    .gauche2 table{
        font-size: 10px;
        margin: 0px;
        padding: 0px;
    }
    .heure_match{
        font-size: 12px;
    }
    .heure_match2{
        font-size: 9px;
    }
    .heure_article{
        display: block;
        position: relative;
        font-size: 10px;
        margin: 10px 0px -10px 10px;
        color:  #7f7e7e;
        text-align: left;
    }
    .homme_match{
        font-size: 11px;
        text-align: center;
    }
    .nbre_trophee{
        width: 6%;
    }
    .container{
        height: 50px;
    }
    .joueur{
        font-size: 12px;
    }
    .club10{
        width: 50%;
    }
    .club11{
    width: 4%;
    }
    .club10_bis{
        width: 50%;
    }
    .club11_bis{
    width: 4%;
    }
    .date_match{
        font-size: 12px;
    }
    .etalon_titre2{
        font-size: 13px;
    }
    .etalon_titre3{
        left: 0px;
        font-size: 10px;
        width: 27%;
    }
    .etalon_titre3a{
        left: 0px;
        font-size: 10px;
        width: 27%;
    }
    .etalon_titre4{
        width: 82%;
    }
    .etalon_titre8{
        width: 10%;
        font-size: 12px;
        position: relative;
        left: 0px;
    }
    .formulaire2{
        width: 100%;
    }
    .formulaire2 input{
        max-width: 360px;
    }
    .formulaire label{
        text-align:center;
    }
    .formulaire input{
        width:90%;
    }
    .formulaire input[type=submit]{
        width: 80px;
    }
    .formulaire textarea{
        width:90%;
    }
    .number{
        left: -5px;
        font-size: 12px;
    }
    .number2{
        left: 0px;
        font-size: 12px;
    }
    .span_number2{
        font-weight: bold;
        font-size: 12px;
    }
    .sec{
        width: 100%;
    }
    .sec4{
        width: 680px;
        height: auto;
        top: 0px;
    }
    .sec5{
        width: 100%;
    }
    .sec6{
        width: 100%;
    }
    .sec7{
        width: 100%;
    }
    .sec8{
        width: 96%;
    }
    .sec9{
        width: 96%;
    }
    .sec10{
        width: 98%;
        margin: 0px auto;
        overflow-x: scroll;
        
    }
    .quotidien{
        width: 100%;
        height: auto;
    }
    .sec3{
        margin-bottom: 20px;
    }
    .defilement{
        font-size: 11px;
    }
    .page_etalon{
    font-size: 18px;
    }
    .page_etalon_dames{
    font-size: 18px;
    }
    .entete_etalon{
        height: 300px;
    }
    .entete_etalon2{
        background-image: url("image/banner_feminin5.webp");
        height: 300px;
    }
    .logo_etalon2{
        display: none;
    }
    .h3 h3{
    font-size: 16px;
    }
    /*.logo_etalon2{
        font-size: 10px;
        right: 0px;
        top: 170px;
    }
    .effectif_etalon{
        top: 195px;
        font-size: 10px;
    }
    .logo_etalon2 p{
        font-size: 12px;
        line-height: 20px;
        top: 0px;
    }*/
    .bordure{
        width: 95.8%;
        height: auto;
        margin-left: 1.4%;
        margin-right: 1%;
    }
    .container_gauche_gauche{
        width: 99.5%;
        height: 200px;
    }
    .gauche_gauche{
        height: 200px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .droite_droite{
        width: 100%;
        height: auto;   
    }
    .droite_droite1{
        width: 99.5%;
        height: 200px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .droite_droite2{
        width: 99.5%;
        height: 200px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    legend{
        display: block;
        font-size: 10px;
        margin-left: 10px;
    }
    .sousgauche{
        width: 97%;
        margin: 0px auto ;
        min-height: 160px;
        padding: 0px;
        border-radius: 5px;
    }
    .sousgauche1{
        width: 98%;
        height: auto;
        margin-bottom: 20px;
    }
    .sousgauche1_date{
        margin-top: 10px;
        margin-bottom: 30px;
        text-align: right;
    }
    .sousgauche2{
        width: 98%;
        min-height: 160px;
    }
    .sousgauche3{
        width: 50%;
    }
    .sousgauche4{
        width: 50%;
    }
    .pub_articles{
        width: 98%;
        height: 90px;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 0.8%;
    }
    .pub{
        width: 98%;
        height: 90px;
        margin-left: 0.8%;
    }
    .decouvrir{
        font-size: 12px;
        bottom: 5px;
        padding: 5px 10px;
        margin-left: 5px;
    }
    .h1tableau2_c2{
    font-size: 20px;
    }
    .h1_ligue2 h1{
        font-size: 24px;
    }
    .ligue1_h1{
        font-size: 24px;
    }
    .h1_can_u17 h1{
    font-size: 24px;
    }
    .h1_can_u20 h1{
    font-size: 24px;
    }
    .h1_can_u23 h1{
    font-size: 24px;
    }
    .h1_chan h1{
    font-size: 24px;
    }
    .h1_ligue2 h3 a{
        padding: 3px;
    }
    .div_can_u23{
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .div_can_u20{
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .div_ligue2_gauche, .div_ligue2_droite{
        width: 100%;
    }
    .div_ligue2_sousgauche{
        width:70%;
    }
    .div_ligue2_sousdroite{
        width:30%;
        right: 5px;
    }
    .div_ligue2_sousgauche table{
        font-size: 12px;
    }
    .div_ligue2_sousdroite p{
        font-size: 12px;
    }
    .date_ligue2{
        font-size: 10px;
    }
    .date_ligue2_bis{
        top: 30px;
        font-size: 10px;
    }
    .th5{
        padding: 2px;
    }
    .th6{
        padding: 2px;
    }
    .th7{
        padding: 2px;
    }
    .nom_equipe{
        padding: 2px;
        font-size: 18px;
    }
    .can_groupe{
        padding: 2px;
        font-size: 16px;
    }
    .ligue2_jour{
        padding: 10px 9px;
        font-size: 16px;
    }
    .cocaf_manche{
        padding: 2px;
        font-size: 12px;
    }
    .super_league_manche{
        padding: 2px;
        font-size: 12px;
    }
    .c2_manche{
        padding: 2px;
        font-size: 12px;
    }
    .ligue1_manche{
        font-size: 16px;
        padding: 2px;
    }
    .presentation6{
        font-size: 12px;
    }
    .live_titre{
    font-size: 12px;
    }
    .presentation3{
        font-size: 12px;
    }
    .presentation4{
        font-size: 12px;
    }
    .score3{
        font-size: 12px;
    }
    .tableau_transfert{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .date_transfert{
        display: none;
    }
    .nom_transfert{
        width: 18%;
        left: -60px;
        padding: 0px;
    }
    .club_transfert{
        width: 10%;
        left: -20px;
        padding: 0px;
    }
    .club_transfert2{
        width: 10%;
        left: -10px;
        padding: 0px;
    }
    .transfert_mt{
        display: none;
    }
    .transfert_nb1{
        left: 0px;
        font-size: 10px;
    }
    .transfert_nb2{
        left: 0px;
        top: -15px;
        font-size: 10px;
    }
    .transfert_nb3{
        left: 0px;
        top: -30px;
        font-size: 10px;
    }
    .transfert_nb4{
        left: 0px;
        top: -45px;
        font-size: 10px;
    }
    .h1_transfert{
        width: 98%;
        margin-top: 2px;
        padding: 5px 0px;
        margin-left: 1%;
        margin-right: 1%;
    }
    .palmares_th{
        width: 6%;
    }
    .dossard2{
        width: 1%;
        font-size: 12px;
    }
    .dossard2_th{
        width: 1%;
        font-size: 12px;
    }
    .facebook{
        width: 35px;
        height: 35px;
    }
    .twitter{
        width: 35px;
        height: 35px;
    }
    .youtube{
        background-image: url('image/youtube_noir.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 35px;
        height: 35px;
    }
    .instagram{
        width: 35px;
        height: 35px;
    }
    .facebook:hover{
        width: 35px;
        height: 35px;
    }
    .twitter:hover{
        width: 35px;
        height: 35px;
    }
    .youtube:hover{
        width: 35px;
        height: 35px;
    }
    .instagram:hover{
        width: 35px;
        height: 35px;
    }
    .rang_buteur_th_bis{
        left: -3%;
    }
    .heure_u20{
        font-size: 10px;
    }
    .u20_droite{
        width: 100%;
        background-position: center;
        float: none;
    }
    .u20_gauche{
        float: none;
        width: 100%;
    }
    .u20_flex1{
        display: none;
    }
    .u20_flex2{
        width: 100%;
        height: 315px;
    }
    .u20_flex3{
        display: none;
    }
    .etalon_u20{
        width: 96%;
        height: 300px;
        margin-left: 1%;
        margin-right: 1%;
    }
    /*.date_u20{
        font-size: 10px;
    }*/
    .score_u20{
        font-size: 12px;
    }
    .score_u20_bis{
        font-size: 10px;
        width: 14%;
    }
    .u20_tableau{
        font-size: 12px;
    }
    .u20_match{
        text-align: center;
    }
    .club_u20{
        width: 15%;
        font-size: 12px;
    }
    .club_u20_2{
        width: 15%;
        font-size: 12px;
    }
    .logoclub_u20{
        width: 20px;
        height: 20px;
        left: -5px;
    }
    .etalon_u23{
    width: 98%;
    height: 300px;
    margin: 0px 1%;
    }
    .u23_info{
    display: none;
    }
    .u15_info{
    display: none;
    }
    .score_tire_au_but{
        transform: translateX(-20px);
    }
    .score_face{
    left: 5px;
    }
    .u-17_titre_gauche{
    font-size: 32px;
    }
    .div_u-17{
    width: 99%;
    height: auto;
    }
    .div_can{
    width: 100%;
    height: auto;
    }
    .u-17_gauche{
    float: none;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    }
    .u-17_droite{
    float: none;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    }
    .can_u23_jour{
    font-size: 16px;
    padding: 2px;
    }
    .can_u20_jour{
    font-size: 16px;
    padding: 2px;
    }
    .can_gauche{
    float: none;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    }
    .can_droite{
    float: none;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    }
    .can_u23droite{
    float: none;
    width: 98%;
    margin: 10px 1%;
    }
    .can_u20droite{
    float: none;
    width: 98%;
    margin: 10px 1%;
    }
    .logoclub_u-17{
    width: 25px;
    height: 15px;
    left: -15px;
    }
    .logoclub_u-17_2{
    width: 25px;
    height: 15px;
    left: -15px;
    }
    .logoclub_can{
    width: 25px;
    height: 15px;
    left: -15px;
    }
    .logoclub_can2{
    width: 25px;
    height: 15px;
    left: -15px;
    }
    .u-17_club{
    width: 18%;
    }
     .can_club{
    width: 18%;
    }
    .can_club2{
    width: 18%;
    }
    .u-17_club2{
    width: 18%;
    }
    .u-17_score{
    width: 17%;
    }
    .u-17_match{
    display: inline-block;
    width: 100%;
    }
    .u-17_titre{
        width: 100%;
        height: auto;
    }
    .u-17_cadre{
        width: 99%;
        height: auto;
    }
    .can_titre{
        width: 100%;
        height: auto;
    }
    .u-17_info table{
        width: 100%;
        font-size: 12px;
    }
    .u-17_info{
        width: 99%;
    }
    .u-17_info2{
        width: 20%;
    }
    .u-17_info3{
         width: 70%;
    }
    .u-17_info4{
        width: 70%;
    }
    .u-17_info5{
        width: 20%;
    }
    .fond_vert{
        width: 100%;
    }
    .photo_u17_container{
        width: 92%;
        height: 300px;
    }
    .photo_etalon_u17{
    width: 98%;
    height: 295px;
    }
    .page_officielle_u17{
    padding: 10px 0px 0px 0px;
    }
    .page_officielle_u17 h1{
    font-size: 18px;
    }
    .liste_joueur_u-17{
        width: 99%;
        padding: 5px 0px;
    }
    .u-17_joueur_container{
        width: 99%;
    }
    .u-17_joueur{
        width: 100%;
    }
    .u-17_joueur table{
        font-size: 10px;
    }
    .u-17_number{
        width: 5px;
    }
    .u-17_img2{
        width: 20px;
    }
    .u-17_nom{
        width: 15%;
    }
    .u-17_poste{
        width: 3%;
    }
    .u-17_age{
        width: 3%;
    }
    .u-17_app{
        width: 3%;
    }
    .u-17_buts{
        width: 3%;
    }
    .u-17_pd{
        width: 3%;
    }
    .u-17_cj{
        width: 3%;
    }
    .u-17_cr{
        width: 3%;
    }
    .div_ajsb{
    width: 100%;
    height: auto;
    }
    .ajsb_droite{
    width: 98%;
    display: block;
    margin: 5px 1% 5px 1%;
    }
    .ajsb_gauche{
    width: 98%;
    display: block;
    margin: 5px 1% 5px 1%;
    }
    .ajsb_gauche_dames{
    width: 98%;
    display: block;
    margin: 5px 1% 5px 1%;
    }
    .logoclub_ajsb{
    width: 25px;
    height: 25px;
    }
    .logoclub_ajsb2{
    width: 25px;
    height: 25px;
    }
    .ajsb_club{
    width: 19%;
    font-size: 11px;
    }
    .ajsb_club2{
    width: 19%;
    font-size: 11px;
    }
    .ajsb_score{
    width: 20%;
    font-size: 11px;
    }
    .ajsb_match{
    width: 100%;
    padding: 10px 0px;
    }
    .ajsb_match_dames{
    width: 100%;
    padding: 10px 0px;
    }
    .journee_container{
        width: 40%;
        margin-left: 30%;
        margin-right: 30%;
    }
    .date_header{
        left: 20px;
    }
    .container_utilisateur_header{
        right: 20px;
        width: 110px;
    }
    .banner_cookie{
        width: 100%;
    }
    .banner_cookie2{
        width: 98%;
        text-align: center;
    }
    .banner_cookie p{
        font-size: 12px;
    }
    .banner_bouton a{
        font-size: 12px;
        
    }
    .banner_bouton{
        padding: 5px;
    }
    #footer_numeros{
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 20px;
    }
    .container_image_acceuil{
        width: 100%;
        margin: 0px auto;
        min-height: 240px;
    }
    .container_image_acceuil img{
        max-width: 90%;
        min-height: 240px;
        margin-left: 5%;
        margin-right: 5%;
    }
    .journee_adresse_item1{
        display: none;
    }
    .journee_adresse_item2{
        width: 100%;
        font-size: 20px;
        
    }
    .journee_adresse_item3{
        display: none;
    }
     .journee_adresse_item4{
        display: none;
    }
    .formulaire3 input{
        width : 70%;
    }
    .formulaire3_submit{
        min-width: 80px;
    }
    .container_acceuil{
        width: 100%;
    }
    .container_acceuil3{
        width: 70%;
        margin-top: 10px;
    }
    .alaune{
        padding: 5px 20px;
        bottom: -15px;
    }
    .container_sec{
        padding: 20px 0px;
    }
    .date_acceuil{
        padding-top: 50px;
    }
    .tableau_horloge{
        margin-top: 5px;
        margin-bottom: 40px;
    }
    .texte_home{
        height: 105px;
    }
    .generalite_gauche p{
        font-size: 12px;
    }
    .generalite_droite p{
        font-size: 12px;
    }
    .generalite_gauche1{
        font-size: 12px;
    }
    .generalite_droite1{
        font-size: 12px;
    }
    .lire_la_suite{
        top: 8px;
        padding: 3px 10px;
    }
    
    .can_titre2 h1{
    font-size: 18px;
    }
    .can_poules_rang{
    width: 10px;
    padding: 2px 10px;
    margin: 0px;
    }
    .can_poules_eccusson{
    width: 10px;
    margin: 0px;
    padding: 2px 10px;
    }
    .club_club2{
        left: 0px;
    }
    .container_cinq_articles{
    width: 100%;
    }
     .container_cinq_articles2{
    display: inline-block;
    margin-bottom: 5px;
    }
    .cinq_articles_item1{
    display: inline-block;
    width: 48.5%;
    height: 100px;
    overflow: hidden;
    margin-left: 5px;
}
.cinq_articles_item2{
    display: inline-block;
    width: 48.5%;
    height: 100px;
}
.cinq_articles_item3{
    display: inline-block;
    width: 48.5%;
    height: 100px;
    border-radius: 5px;
    margin-left: 5px;
}
.cinq_articles_item4{
    display: inline-block;
    width: 48.5%;
    height: 100px;
    border-radius: 5px;
}
.cinq_articles_item5{
    display: inline-block;
    width: 98%;
    height: 200px;
    margin-left: 5px;
    border-radius: 5px;
}
    .recherche{
        width: 100px;
    }
    .rechercher{
        width: 40px;
    }
    .entetefoot{
        font-size: 12px;
        padding: 5px;
    }
    .header_box{
    height: 70px;
    }
    .header_item1{
    width: 80px;
    margin-top: 0px;
    left: 10px;
    }
    .header_item2{
    width: 140px;
    right: 30px;
    }
    .header_articles{
    display: none;
    }
    .date_info{
    display: none;
    }
    /*.header_articles{
    width: 500px;
    height: 30px;
    left: 66px;
    }
    .header_articles2{
    width: 3000px;
    }
    .header_articles2 a{
    width: 550px;
    height: 25px;
    left: 500px;
    
    webkit-animation-name: article_header;
    webkit-animation-duration: 45s;
    webkit-animation-timing-function: ease-in-out;
    webkit-animation-iteration-count: infinite;
    webkit-animation-direction: normal;
    
    moz-animation-name: article_header;
    moz-animation-duration: 45s;
    moz-animation-timing-function: ease-in-out;
    moz-animation-iteration-count: infinite;
    moz-animation-direction: normal;
    
    o-animation-name: article_header;
    o-animation-duration: 45s;
    o-animation-timing-function: ease-in-out;
    o-animation-iteration-count: infinite;
    o-animation-direction: normal;
    
    animation-name: article_header;
    animation-duration: 45s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: normal;
    }
    @-webkit-keyframes article_header{
        0%{left:500px;}
        15%{left:0px;}
        20%{left:0px;}
        35%{left:-554px;}
        40%{left:-554px;}
        55%{left:-1108px;}
        60%{left:-1108px;}
        75%{left:-1660px;}
        80%{left:-1660px;}
        100%{left:-2420px;}
    }*/
}

@media screen and (min-width:1921px){
    .main{
        width: 50%;
    }
     /*body{
        font-size: 16px;
    }
    .main2{
        top: 240px;
    }
    section{
        top: 200px;
    }*/
    nav{
        text-align: center;
    }
    .submenu li{
        text-align: left;
    }
    nav>ul>li>a{
        font-size: 16px;
    }
    nav>ul>li{
        float: none;
        display: inline-block;
    }
    .connexion{
        left: 70%;
    }
    .date_header{
        left: 640px;
    }
    .container_utilisateur_header{
        right: 560px;
    }
    .header_box{
        height: 100px;
    }
    .header_item1{
        width: 100px;
        height: 100px;
        left: 600px;
    }
    .header_item2{
        right: 600px;
    }
    /*.sec{
        top: -200px;
    }
    .sec2{
        top: -200px;
    }
    .sec3{
        top: -200px;
    }
    .sec5{
        top: -200px;
    }
    .sec6{
        top: -200px;
    }
    .sec7{
        top: -200px;
    }
    .sec8{
        top: -200px;
    }
    .sec9{
        top: -200px;
    }
    .sec10{
        top: -200px;
    }
    header{
        height: 200px;
    }
    .header_info{
        height: 40px;
    }
    .bordure{
        height: 600px;
    }
    .gauche_gauche{
        height: 600px;
    }
    .droite_droite{
        height: 600px;
    }
    .droite_droite1{
        height: 290px;
    }
    .droite_droite2{
        height: 290px;
    }    
    .pub{
        min-height: 200px;
    }
    footer{
        top: 240px;
    }*/
    .formulaire{
        min-height: 900px;
    }
     .formulaire input{
        height: 40px;
    }
    .formulaire textarea{
        height: 40px;
    }
    .u23_info{
        height: 440px;
    }
    .etalon_u23{
        height: 440px;
    }
    .gauche5_acceuil,.gauche6_acceuil,.gauche7_acceuil,.gauche8_acceuil{
        height: 480px;
    }
    .gauche13, .gauche14, .gauche15{
        height: 480px;
    }
    .ihome2_container{
        height: 240px;
    }
    .ihome2{
        height: 240px;
    }
    .date_info{
        left: 810px;
    }
    .header_articles{
        width: 800px;
        left: 870px;
    }
    .header_articles2 a{
        width: 820px;
        left: 800px;
    }
    @-webkit-keyframes article_header{
    0%{left:500px;}
    15%{left:0px;}
    20%{left:0px;}
    35%{left:-825px;}
    40%{left:-825px;}
    55%{left:-1650px;}
    60%{left:-1650px;}
    75%{left:-2472px;}
    80%{left:-2472px;}
    95%{left:-3295px;}
    100%{left:-3295px;}
    }
}
@media screen and (orientation:landscape){}