.precard {
    position:relative;
    display:inline-block;
    width:150px;
    left:0px;
    top:25px;
    margin-top:5px;
    margin-left:5px;
      transition:  transform: scale(.5);

}
 .card {
    position: relative;
    margin-left:auto;
    margin-right:auto;
    height: 700px;
    width: 400px;
    transform: scale(.8);
    transform-style: preserve-3d;
    perspective: 600px;
    transition: .5s;
    z-index:+5;
}
    .card:hover .card-front {
        transform: rotateY(-180deg);
        transition: .5s;
        cursor:cell;
        
 
    }
    .card:hover .card-back {
        transform: rotateY(0deg);
        transition: .5s;
        cursor:cell;
        
}

.card-prospect {
     position: relative;
    margin-left:auto;
    margin-right:auto;
    height: 700px;
    width: 400px;
    transform: scale(.8);
    transform-style: preserve-3d;
    perspective: 600px;
    transition: .5s;
    z-index:+5;
    
}

.card-front {
    height: 100%;
    width: 100%;
    overflow: hidden;
    border: 5px solid white;
    border-radius: 15px;
    background-size: cover;
    position: absolute;
    background-color: #fffff;
    backface-visibility: hidden;
    transform: rotateY(0deg);
    transition: .5s;

}

.card-front-prospect {
    height: 100%;
    width: 100%;
    overflow: hidden;
    border: 5px solid white;
    border-radius: 15px;
    background-size: cover;
    position: absolute;
    background-color: #fffff;
    backface-visibility: hidden;


}


.card-back {
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 15px;
    top: 0;
    left: 0;
    background-color: #ffffff;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    transition: .5s;
    color: #ffffff;
    text-align: center;
}
.link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.logo_market {
    position:absolute;
 top: -10px;
 right:5px;
   z-index:3;

}
.logo_equipe {
    position:absolute;
 border:2px solid black;
               width:100px;
               height:100px;
               overflow:hidden;
               right:-55px;
               bottom:-55px;
               background-color:black;
               transform: rotate(-45deg);
               z-index:2;

}
.logo_equipe img {
    transform: rotate(45deg) translate(-25px,-20px);
  background-color:transparent;
}

.carte_name_Perso {
    
    
    position:absolute;
    bottom:2px;
    left:2px;
    display: none;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    min-height: 50px;
    height:82px;
    width:397px;
    max-width:397px;  
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:40px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
    



}

.carte_position_Perso {
    
    position:absolute;
    top:5px;
    right:5px;
    padding: 5px;
    width:225px;
    max-width:150px;
    text-shadow: 0 0 35px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black;
    color:white;
    text-align:right;
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:45px;
    z-index:3;

}

.carte_cadre_Perso {
    position:absolute;
    bottom:-2px;
    left:0px;
    display:none;
}

 .carte_logo_Perso {
               position:absolute;
            
               width:75px;
               height:75px;
               overflow:hidden;
               left:160px;
               top:5px;
            transform: scale(1);
               z-index:3;
               
              
           } 

           .carte_overall_Perso {
    position:absolute;
    top:10px;
    left:15px;
    color:white;
    font-size:50px;
    font-weight:bold;
    font-family:'Bebas Neue';
    font-size:50px;
    z-index:3;
    text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black;
}
           
.etampe_Perso {
    
    position:absolute;
    width:40px;
    height:40px;
    left:10px;
    top:75px;
    z-index:2;
    opacity:.8;
    display:none;
    
}


.etampe_Perso img {
  
  overflow:hidden;
  display:none;
    
}


.carte_name_Smoke {
  
   width: 350px;
  background: transparent;
  font-size: 10vw;
  display: inline;
    position:absolute;
    bottom:10px;
    left:22px;
    color:white;
    text-align:center;
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
   font-size: 40px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
}

.carte_position_Smoke {
    
    position:absolute;
    bottom:60px;
    left:120px;
    padding: 5px;
    width:225px;
    max-width:150px;
    color:white;
    text-align:center;
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:35px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px grey, 0 0 5px black;
    
}

.carte_cadre_Smoke {
    position:absolute;
    
    bottom:-2px;
    left:0px;
    

}

.carte_overall_Smoke {
    position:absolute;
    top:15px;
    right:15px;
    font-weight:bold;
    font-family:'Bebas Neue';
    z-index:3;

    
    color:white;
    font-size:60px;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
}

 .carte_logo_Smoke{
               position:absolute;
               
      
               width:125px;
               height:125px;
               overflow:hidden;
               right:135px;
               bottom:125px;
               z-index:3;
              
           } 
 .carte_logo_Smoke img{
     height:125px;
     width:125px;
 }
.etampe_Smoke {
      position:absolute;
    width:40px;
    height:40px;
    left:10px;
    top:10px;
    z-index:3;
    opacity:.8;
}
.etampe_Smoke img {
  
  overflow:hidden;
    
}
.carte_name_Square {
    
    position:absolute;
    bottom:7px;
    left:7px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    min-height: 50px;
    height:82px;
    width:256px;
    max-width:256px;  
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:40px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;

}

.carte_position_Square {
    
    position:absolute;
    top:10px;
    left:15px;
    padding: 5px;
    color:white;
    text-align:right;
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:40px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px white, 0 0 5px black;

}

.carte_cadre_Square {
    position:absolute;
    
    bottom:-2px;
    left:0px;
    

}
.carte_cadre_Square img {
    position:absolute;
    bottom:0px;
    left:0px;
    height:700px;
    width:400px;
    z-index:3;
}

.carte_overall_Square {
    position:absolute;
    bottom:20px;
    right:55px;
    color:white;
    font-size:50px;
    font-weight:bold;
    font-family:'Bebas Neue';
    font-size:60px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px white, 0 0 5px black;
}

 .carte_logo_Square {
               position:absolute;
               
               
               width:90px;
               height:90px;
               overflow:hidden;
               right:5px;
               top:0px;
          
               z-index:3;
              
           } 
.carte_logo_Square img {
    position:absolute;
    left:3px;
    top:5px;
    height:90px;
     width:90px;
     z-index:3;
}
.etampe_Square {
      position:absolute;
    width:40px;
    height:40px;
    left:30px;
    top:70px;
    z-index:3;
    opacity:.8;
}

.etampe_Square img {
  
  overflow:hidden;
    
}

.carte_name_Score {
    
    
    position:absolute;
    bottom:2px;
    left:2px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    min-height: 50px;
    height:82px;
    width:397px;
    max-width:397px;  
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:40px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
    



}

.carte_position_Score {
    
    position:absolute;
    top:5px;
    right:5px;
    padding: 5px;
    width:225px;
    max-width:150px;
    text-shadow: 3px 3px 2px white, 0 0 25px black, 0 0 5px white;
    color:black;
    text-align:right;
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:45px;
    z-index:3;

}

.carte_cadre_Score {
    position:absolute;
    bottom:-2px;
    left:0px;
}

 .carte_logo_Score {
               position:absolute;
            
               width:75px;
               height:75px;
               overflow:hidden;
               left:160px;
               top:-7px;
            transform: scale(.8);
               z-index:3;
              
           } 
           .carte_overall_Score {
    position:absolute;
    top:10px;
    left:15px;
    color:black;
    font-size:50px;
    font-weight:bold;
    font-family:'Bebas Neue';
    font-size:50px;
    z-index:3;
    text-shadow: 3px 3px 2px white, 0 0 25px white, 0 0 5px black;
}
           
.etampe_Score {
    
      position:absolute;
    width:40px;
    height:40px;
    left:10px;
    top:75px;
    z-index:2;
    opacity:.8;
    
}


.etampe_Score img {
  
  overflow:hidden;
    
}

.carte_name_Frost {
    
    
    position:absolute;
    top:-3px;
    left:2px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    min-height: 50px;
    height:82px;
    width:397px;
    max-width:397px;  
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:30px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
    



}

.carte_position_Frost {
    
    position:absolute;
    top:3px;
    right:5px;
    padding: 5px;
    width:225px;
    max-width:150px;
    text-shadow: 3px 3px 2px black, 0 0 25px white, 0 0 5px black;
    color:white;
    text-align:right;
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:40px;
    z-index:3;

}

.carte_cadre_Frost {
    position:absolute;
    bottom:-2px;
    left:-2px;

}

 .carte_logo_Frost {
               position:absolute;
            
               width:75px;
               height:75px;
               overflow:hidden;
               left:40px;
               bottom:40px;
            transform: scale(.7);
               z-index:3;
              
           } 
           
.carte_overall_Frost {
    position:absolute;
    bottom:45px;
    right:60px;
    color:white;
    font-size:50px;
    font-weight:bold;
    font-family:'Bebas Neue';
    font-size:50px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px white, 0 0 5px black;
}
           
.etampe_Frost {
    
      position:absolute;
    width:40px;
    height:40px;
    left:-2px;
    top:-2px;
    z-index:4;
    opacity:.8;
    transform: scale(.7);
    
}


.etampe_Frost img {
  
  overflow:hidden;
    
}

.carte_name_Contour{
    
    position:absolute;
    bottom:23px;
    left:19px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    min-height: 50px;
    height:82px;
    width:282px;
    max-width:282px;  
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:40px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
 

}
.carte_overall_Contour {
    position:absolute;
    top:18px;
    right:18px;
    font-weight:bold;
    font-family:'Bebas Neue';
    color:white;
    font-size:60px;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
}

.carte_position_Contour {
    
    position:absolute;
    top:25px;
    left:20px;
    padding: 5px;
    color:white;
    text-align:left;
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:50px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px grey, 0 0 5px black;

}

.carte_cadre_Contour {
    position:absolute;
    bottom:-2px;
    left:0px;
}
 .carte_logo_Contour {
               position:absolute;
               
               
               width:75px;
               height:75px;
               overflow:hidden;
               right:15px;
               bottom:27px;

               z-index:3;
              
           } 
.etampe_Contour {
      position:absolute;
    width:40px;
    height:40px;
    right:30px;
    top:110px;
    z-index:3;
    opacity:.8;
}

.etampe_Contour img {
  
  overflow:hidden;
    
}

.carte_name_Elite {
    
    position:absolute;
    bottom:5px;
    left:17px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    min-height: 50px;
    height:117px;
    width:365px;
    max-width:365px;  
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:40px;
    z-index:+4;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;


}

.carte_position_Elite {
    
    position:absolute;
    top:517px;
    left:75px;
    font-size:44px;
    padding: 5px;
    width:225px;
    max-width:150px;
    color:white;
    text-align:center;
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    z-index:4;
    text-shadow: 3px 3px 2px black, 0 0 25px grey, 0 0 5px black;

}

.carte_cadre_Elite {
    position:absolute;
    
    bottom:-2px;
    left:0px;
    

}

.carte_overall_Elite {
    position:absolute;
    top:6px;
    left:13px;
    font-weight:bold;
    font-family:'Bebas Neue';
    z-index:4;
    

    
    color:white;
    font-size:50px;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
}

 .carte_logo_Elite {
               position:absolute;

               
               right:120px;
               bottom:116px;
            transform: scale(.7);
               z-index:3;
              
           } 
.carte_logo_Elite img {
                   
               overflow:hidden;
               width:70px;
               height:70px;
}

.etampe_Elite {
      position:absolute;
         right:20px;
    top:10px;

    z-index:2;
    opacity:1;
}

.etampe_Elite img {
  
  overflow:hidden;
      width:40px;
    height:40px;
 
    
}

.joueurs_trade {
    position:absolute;
    width:950px;
    max-width:950px;
    line-height:50px;
    height:50px;
    text-shadow:1px 1px 3px black;
    color:white;
    text-align:center;
    font-family:'A ATMOSPHERIC';
    font-size:25px;
  left: 50%;
  transform: translate(-50%);
    z-index:1;
}

.card:hover .nom_joueur{
    text-decoration:underline;
    color:white;
    text-shadow:1px 1px 3px black;
    font-weight: bold;
}

.overall {
    color:black;
    display:inline-block;
    font-family:'AIRSTRIKE';
    padding-right:5px;
    text-align:center;
    font-size:25px;
     position:absolute;
      top: 0%;
  left: 0%;
    z-index:+5;

}

.carte_name_Verso {
    
    position:absolute;
    bottom:-20px;
    left:20px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    min-height: 50px;
    height:100px;
    width:360px;
    max-width:360px;  
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:40px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;

}

.carte_overall_Verso {
    position:absolute;
    top:330px;
    left:177px;
    font-weight:bold;
    font-family:'Bebas Neue';
    z-index:1;
    color:white;
    font-size:50px;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
}

.carte_position_Verso {
    
    position:absolute;
    top:0px;
    right:0px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    height:75px;
    width:75px;
    max-width:75px;  
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:44px;
    z-index:4;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;

}

.carte_SK_Verso {
    position:absolute;
    top:81px;
    left:115px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:18px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
}

.carte_BAS_Verso {
    position:absolute;
    top:395px;
    left:28px;
    height:230px;
    width:345px;
    display: flex;
    justify-content: center; /* align horizontal */
    text-align:center;
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:18px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;

}


.carte_HAUT_Verso {
    position:absolute;
    top:48px;
    left:28px;
    height:257px;
    width:345px;
    display: flex;
    justify-content: center; /* align horizontal */
    text-align:center;
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:18px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;

}

.carte_HAUT_Verso table tr td {
    text-align:center;
    padding:20px;
    vertical-align:middle
}
.carte_Age_Verso {
    position:absolute;
    top:407px;
    left:140px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:18px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
}

.carte_Grandeur_Verso {
    position:absolute;
    top:407px;
    right:55px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:18px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
}

.carte_Poids_Verso {
    position:absolute;
    top:440px;
    right:36px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:13px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
}

.carte_name_VersoG {
    
    position:absolute;
    bottom:10px;
    left:1px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    min-height: 50px;
    height:100px;
    width:398px;
    max-width:398px;  
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:40px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;

}

.carte_overall_VersoG {
    position:absolute;
    top:6px;
    left:13px;
    font-weight:bold;
    font-family:'Bebas Neue';
    z-index:1;
    color:white;
    font-size:50px;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
}

.carte_position_VersoG {
    
    position:absolute;
    top:0px;
    right:0px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    height:75px;
    width:75px;
    max-width:75px;  
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:44px;
    z-index:4;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;

}

.carte_Physique_VersoG {
    position:absolute;
    top:65px;
    left:225px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:22px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
}

.carte_Physique_VersoG td {
    height:30px;
}

.carte_Aptitudes_VersoG {
    position:absolute;
    top:235px;
    left:225px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:22px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
}

.carte_Aptitudes_VersoG td {
    height:30px;
}

.carte_Personnalite_VersoG {
    position:absolute;
    top:470px;
    left:225px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:22px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;
}

.carte_Personnalite_VersoG td {
    height:30px;
}

.popup_joueur {
    position:absolute;
    top: 250px;
  left: 50%;
  transform: translate(-50%);
  border-radius:100px;
  z-index:+1;
}
.popup_joueur img {
    border-radius: 50%;
    border:2px solid black;
}
.popup_shot {
    position:absolute;
    top:0px;
    left:0px;
    opacity: 0.7;
    border-bottom:25px solid black;

}
.popup_flag {
    position:relative;
    width:120px;
    height:74px;
    top:200px;
    left:90px;
    z-index:+5;
}
.popup_flag img {
    border:2px solid black;
}
.popup_logo {
    position:absolute;
    top:200px;
    right:120px;
    z-index:+5;
}
.popup_logo img {
    border:2px solid black;
    border-radius:50%;
}
.popup_nom  {
  position:absolute;
  background-color:#ffffff;
  box-shadow: 5px 5px 5px 5px #000000;
  padding:10px;
  font-family:'AIRSTRIKE';
  text-align:center;
  font-style:bold;
  font-size:25px;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index:+1;
}
.popup_recherche  {
  position:absolute;
  background-color:#ffffff;
  box-shadow: 5px 5px 5px 5px #000000;
  padding:10px;
  font-family:'AIRSTRIKE';
  text-align:center;
  font-style:bold;
  font-size:25px;
  z-index:+1;
}

.popup_namecity  {
  position:absolute;
  color:white;
  text-shadow: 5px 5px 5px 5px #ffffff;
  padding:10px;
  font-family:'AIRSTRIKE';
  text-align:center;
  font-style:bold;
  font-size:25px;
  z-index:+1;
}
.popup_namecity a:link {
    color:white;
}
.popup_namecity a:visited {
    color:white;
}
.popup_namecity a:hover {
    opacity:0.5;
}
.popup_nameequipe  {
  position:absolute;
  color:white;

  padding:10px;
  font-family:'AIRSTRIKE';
  text-align:center;
  font-style:bold;
  font-size:25px;
  z-index:+1;
}
.popup_nameequipe a:link {
    color:white;
}
.popup_nameequipe a:visited {
    color:white;
}
.popup_nameequipe a:hover {
    opacity:0.5;
}
.popup_caract {
  position:absolute;
  background-color:#ffffff;
  padding:10px;
  font-family:'AIRSTRIKE';
  text-align:center;
  font-style:bold;
  font-size:15px;
  z-index:+5;
}
.popup_type  {
  position:absolute;
  background-color:#ffffff;
  box-shadow: 2px 2px 2px 2px #000000;
  padding:2px;
  border:2px solid black;

  font-family:'AIRSTRIKE';
  text-align:center;
  font-style:bold;
  font-size:13px;
  z-index:+1;
}
.popup_cotes {
    width:250px;
  position:absolute;
  font-family:'AIRSTRIKE';
  font-style:bold;
  color:black;
  text-align:center;
  font-style:bold;
  font-size:25px;
  z-index:+1;
}

progress[value] {
  width: 250px;
  height: 20px;
  border:2px solid black;

}
progress[value]::-webkit-progress-value {
  background-image:
	   -webkit-linear-gradient(-45deg, 
	                           transparent 33%, rgba(0, 0, 0, .1) 33%, 
	                           rgba(0,0, 0, .1) 66%, transparent 66%),
	   -webkit-linear-gradient(top, 
	                           rgba(255, 255, 255, .25), 
	                           rgba(0, 0, 0, .25)),
	   -webkit-linear-gradient(left, #ffffff, green);


    border-top-right-radius: 5px; 
    border-bottom-right-radius: 5px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
 -webkit-animation: animate-stripes 5s linear infinite;
        animation: animate-stripes 5s linear infinite;
}

@-webkit-keyframes animate-stripes {
   100% { background-position: -100px 0px; }
}

@keyframes animate-stripes {
   100% { background-position: -100px 0px; }
}


.popup {
  position: fixed;
  padding: 0px;
  width: 900px;
  height:850px;
  border-radius: 10px;
  border:3px ridge black;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,.99);
  visibility: hidden;
  opacity: 0;
  /* "delay" the visibility transition */
  -webkit-transition: opacity .5s, visibility 0s linear .5s;
  transition: opacity .5s, visibility 0s linear .5s;
  z-index: 4;
}
.popup:target {
  visibility: visible;
  opacity: 1;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.popup-close {
  position: absolute;
  padding: 10px;
  max-width: 500px;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,.9);
  z-index: 5;
}
.popup .close {
  position: absolute;
  text-decoration: none;
  right: 5px;
  top: 10px;
  color: #000;
  transition: color .3s;
  font-size: 2em;
  line-height: .6em;
  font-weight: bold;
  z-index: 5;
}
.popup .close:hover {
  color: #00E5EE;
}

.close-popup {
  background: rgba(0,0,0,.7);
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  /* "delay" the visibility transition */
  -webkit-transition: opacity .5s, visibility 0s linear .5s;
  transition: opacity .5s, visibility 0s linear .5s;
}
.popup:target + .close-popup{  
  opacity: 1;
  visibility: visible;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.popup_boutonactiver {
  position:absolute;
  display:inline-block;
  background-color:#ffffff;
  box-shadow: 5px 5px 5px 5px #000000;
  padding:10px;
  font-family:'AIRSTRIKE';
  text-align:center;
  font-style:bold;
  font-size:12px;
  bottom:30px;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index:+1;
}
.popup_boutonactiver:hover {
cursor:cell;
background-color:#80ff80;
border:2px solid white;
}
.popup_communique_main {
     position:absolute;
   display:inline-block;
   background-color: rgba(0, 0, 0, 0.85);
   color:white;
   width:600px;
  box-shadow: 5px 5px 5px 5px #000000;
  border-radius:20px;
  padding:5px;
    padding-bottom:10px;
  padding-right:5px;
  text-align:center;
  left: 50%;
  transform: translate(-50%);
    bottom:10px;
  font-style:bold;
  font-size:20px;
  z-index:+5;
  resize:none;
}
.popup_recherche_main {
     position:absolute;
   display:inline-block;
   background-color: rgba(0, 0, 0, 0.85);
   color:white;
   width:180px;
  box-shadow: 5px 5px 5px 5px #000000;
  padding:5px;

  text-align:left;
  top:390px;
  left: 40px;
  line-height: 150%;
  font-style:bold;
  font-size:14px;
  z-index:+5;
  resize:none;
}
.popup_recherche_main img {
    position:absolute;
    right:10px;

}
.popup_recherche_main_right {
     position:absolute;
   display:inline-block;
   background-color: rgba(0, 0, 0, 0.85);
   color:white;
   width:180px;
  box-shadow: 5px 5px 5px 5px #000000;
  padding:5px;
  text-align:left;
  top:390px;
  right: 40px;
  line-height: 150%;
  font-style:bold;
  font-size:14px;
  z-index:+5;
  resize:none;
}
.popup_recherche_main_right img {
    position:absolute;
    right:10px;

}
.popup_checkbox_age {
  position:absolute;
   display:inline-block;
   background-color: rgba(0, 0, 0, 0.7);
  box-shadow: 5px 5px 5px 5px #000000;
  padding-left:5px;
  padding-right:5px;
  text-align:left;
  font-style:bold;
  font-size:12px;
  bottom:50px;
  z-index:+5;
  resize:none;
}
.popup_communique {
  position:absolute;
  background-color: rgba(0, 0, 0, 0.7);
  display:inline-block;
  border-radius:20px;
  box-shadow: 5px 5px 5px 5px #000000;
  padding:10px;
  box-sizing: border-box;
  text-align:left;
  font-style:bold;
  font-size:12px;
  bottom:90px;
  left: 50%;
  transform: translate(-50%);
  z-index:+99;
}
label:hover {
    color:red;
    cursor:cell;
}

.logo_nhl {
    position:absolute;
    display:inline-block;

    bottom:225px;
    left:50%;
    transform: translate(-50%);
    z-index:+5;
}
.logo_nhl img {
    width:40px;
    height:40px;
    opacity:1.0;
    box-shadow: 5px 5px 5px 5px #000000;
    border:2px solid black;
        border-radius:50px;
}
.logo_nhl img:hover {
    border:2px solid white;
    transform: scale(1.15);
    opacity:.8;
}
.logo_facebook {
    position:absolute;
    display:inline-block;

    bottom:225px;
    left:350px;
    transform: translate(-50%);
    z-index:+5;
}
.logo_facebook img {
    width:40px;
    height:40px;
    opacity:1.0;
    box-shadow: 5px 5px 5px 5px #000000;
    border:2px solid black;
        border-radius:50px;
}
.logo_facebook img:hover {
    border:2px solid white;
    transform: scale(1.15);
    opacity:.8;
}
.logo_capfriendly {
    position:absolute;
    display:inline-block;

    bottom:225px;
    left:550px;
    transform: translate(-50%);
    z-index:+5;
}
.logo_capfriendly img {
    width:40px;
    height:40px;
    opacity:1.0;
    box-shadow: 5px 5px 5px 5px #000000;
    border:2px solid black;
        border-radius:50px;
}
.logo_capfriendly img:hover {
    border:2px solid white;
    transform: scale(1.15);
    opacity:.8;
}
.logo_mp {
    position:absolute;
    display:inline-block;
    bottom:150px;
    left:50%;
    transform: translate(-50%);
    z-index:+5;
}
.logo_mp img {
    width:40px;
    height:40px;
    opacity:1.0;
    box-shadow: 5px 5px 5px 5px #000000;
    border:2px solid black;
        border-radius:50px;
}
.logo_mp img:hover {
    border:2px solid white;
    transform: scale(1.15);
    opacity:.8;
}

.carte_empty_Verso {
    
    position:absolute;
    bottom:-20px;
    left:1px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align:center;
    min-height: 50px;
    height:100px;
    width:398px;
    max-width:398px;  
    color:white;  
    font-weight:bold;
    font-family:'Bebas Neue';
    letter-spacing: 2px;
    font-size:40px;
    z-index:3;
    text-shadow: 3px 3px 2px black, 0 0 25px black, 0 0 5px black;

}