@charset "utf-8";

.color_titre_liste{color:#cfcfcf;background-color: #3d3d3d}
.liste_ligne_th{white-space: nowrap;padding-left:10px;font-size: 1rem;font-weight: normal;font-family: Roboto,Verdana,Arial,Helvetica;}

.titre_des_listes{    font-variant-caps: small-caps;
    font-size: 24px;
    font-weight: 900;
    color: #BAC3CF;
    font-family: Rajdhani,Roboto;
}

.nonSelectionnable
{
 -moz-user-select: none; /* Firefox */
 -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
 -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
 user-select: none; /* Propriété standard */
}

.invisible-scrollbar::-webkit-scrollbar {
  display: none;-ms-overflow-style: none; 
    scrollbar-width: none; 
}
.invisible-scrollbarbis{
  -ms-overflow-style: none;scrollbar-width: none; 
}

/*
.dropdown-menu {
    background-color: #151515;
}
*/

.dropdown-toggle{border-bottom-right-radius : 0;border-top-right-radius : 0;}
.asza{border-bottom-left-radius : 0;border-top-left-radius : 0;}
.texqrec{border:0px solid #666;}


.img_drap_fone{margin-top:16px;margin-right:10px}

.rech_tex6{
	display:block;
   font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 3rem;
    margin: 0 0 0.6rem;
    text-transform: uppercase;
    text-align: left;
	padding-left:0px;padding-right:45px;
	color:#efefef;
	height:1.5rem;
	margin-left:-3px
	
}


	

.rech_tex5{
    display: block;
   font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 3rem;
    margin: 0 0 0.6rem;
    text-transform: uppercase;
    text-align: left;
    width: 86%;
	color:#efefef;
	padding-left:0px;
}




@media (max-width:576px){.rech_tex5{font-size: 1.1rem;}.rech_tex6{font-size: 1.1rem;}}


@media (max-width:501px){.dropdown-toggle{border-radius:0}.asza{border-radius:0}.texqrec{border:0px solid #666;}}
.ess td{font-family:Roboto,Verdana,Arial,Helvetica;font-size:16px;padding:0;padding-left:10px;padding-right:10px}
.essa th {color: #9A9A9A;font-weight: bold;font-size: .78rem;font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;padding:10px;width:100%;}
.b{color:#fff;font-size:12px;padding:1px}.i{color:#7e7e7e;font-size:12px;padding:1px}.o{color:#f3f;font-size:12px;padding:1px}.v{color:#0ff;font-size:12px;padding:1px}
.Style8{color:#8AD9FF;font-style:italic;font-size:14px}

.Style8topflop{color:#8AD9FF;font-style:italic;font-size:14px}
.Style8topflop16{color:#8AD9FF;font-style:italic;font-size:16px}
.Style8topflop_b{color:#8AD9FF;font-size:16px}
.modal-dialog {
    max-width: 800px;
    margin: 6.75rem auto;
	margin-bottom:0;
}
.gridcontainer_menu {
  text-align:left;
  grid-template-columns: auto  auto ;
  /* grid-template-rows: 22px auto;  grid-column-gap: 8px; */
  white-space:nowrap; display:inline-grid; 
}
.gridcontainer_menuuni {
  text-align:left;
  grid-template-columns: auto auto auto;
  /* grid-template-rows: 22px auto;  grid-column-gap: 8px; */
  white-space:nowrap;display:inline-grid; 
}
.dropdownpad {padding-left:5px;font-family:Roboto,Verdana,Arial,Helvetica;}
.dropdownlin {display:flex;line-height:115%;margin:3px}
.drape_menu1{margin-right:6px;margin-bottom:6px;}
.nav-item{white-space:nowrap;}
.upda{font-family:Roboto,Verdana,Arial,Helvetica;color:rgba(255,255,255,.5);white-space:nowrap;padding-right:10px}
.updax{font-family:Roboto,Verdana,Arial,Helvetica;color:rgba(255,255,255,.5);margin-top:-15px;font-size:14px;white-space:nowrap;padding-right:10px}

/*
@media (max-width:884px){.upda{font-size: 1.3157894736842106vw;}}
@media (max-width:767px){.upda{font-size: 1rem;}}
*/
.blink_me{white-space:nowrap;}
.modal-backdrop.show {opacity: .8;}
input:focus {outline:  none;}
.texte_saisie{font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;}
@media (min-width: 1200px){.container {max-width: 1140px;}}
@media (min-width: 992px){.container {max-width: 960px;}}
@media (min-width: 768px){.container {max-width: 720px;}}
@media (min-width: 576px){.container {max-width: 840px;}}
.font_defaut{font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;}
.Style_datage1{font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;color:#efefef}

a.link_datatge1:hover{font-weight:700;text-decoration:none;color:#efefef;}
.rond_calend{font-size:8px;padding:0 10px 0 10px;padding:0 10px 0 10px; vertical-align: 2px;}


.menu_a0id{text-align:center;margin:0 auto;display:block;}
.menu_a1id{text-align:center;margin:0 auto;display:none}
@media (max-width: 1040px){.menu_a1id{display:block;}.menu_a0id{display:none;}}

.tab_classement{white-space:nowrap;margin:auto;background-color:rgba(31,31,31,0.6); display:block;overflow-x: auto;}



/*
.av85{display:inline;float:right;border:0px;}
.av86{display:inline;float:right;border:0;padding-right:5px;}
@media (max-width: 885px){.av86 {float:left;padding-top:5px;}.av85 {float:none;line-height:2.9;}}
*/



.groupeallia{cursor: pointer;font-size:12px;padding-left:10px}

table{border-collapse: inherit;}

.gridcontainer_plaque_serveur {
  grid-template-columns: auto  auto auto auto ;
  white-space:nowrap;display:inline-grid; 
}
.img_drap_fond{margin-top:8px;margin-right:10px}




.jumbotron2 {padding: 2rem 1rem;}
@media (min-width: 576px).jumbotron2 {padding: 4rem 2rem;}
.devfr{max-width:220px;overflow: hidden;display:inline-block;}
.notransf{text-transform: lowercase;font-size:12px;padding:3px;margin-right:3px;padding-bottom:2px}
.cercle {background-color: #333333;border-radius: 50%;} 

/*
.jumbotron{max-width:1110px;margin:0 auto}
*/


.dropdown-item.active2,.dropdown-item:active{color:#efefef;text-decoration:none;background-color:#292929}
.vert_fleche_top{color:#5cfc7b;line-height:0px;font-size:10px;text-align:right;margin-top:-4px}
.vert_fleche_egal{color:#efefef;font-size:2px;line-height:0px;font-size:8px;text-align:right;margin-top:-4px}
.vert_rouge_flop{color:#ef5351;line-height:0px;font-size:10px;text-align:right;margin-top:-4px}
.vert_rouge_neutre{color:#efefef;line-height:0px;font-size:10px;text-align:right;margin-top:-4px}
.divon{display:inline-grid;padding-bottom:5px;text-align: right}
.top_color{color:#5cfc7b;font-size: 1.125rem}
.flop_color{color:#ef5351;font-size: 1.125rem}
.neutre_color{color:#efefef;font-size: 1.125rem}


.top_color_f{color:#5cfc7b;font-size: 0.9rem}
.flop_color_f{color:#ef5351;font-size:  0.9rem}
.neutre_color_f{color:#efefef;font-size:  0.9rem}

.top_color_f_nof{color:#5cfc7b;}
.flop_color_f_nof{color:#ef5351;}
.neutre_color_f_nof{color:#efefef;}



.Style8{color:#8AD9FF;font-style:italic;font-size: 1.125rem}
.Style9_top_player{white-space:nowrap;color:#17B4FF;font-size: 1.125rem}
.Style9_top_playerab{white-space:nowrap;color:#17B4FF;font-size: 1rem}
.color_player{color:#17B4FF;}
.color_alliance{color:#8AD9FF;}
.ui-widget {
    font-family:Roboto,Verdana,Arial,Helvetica;
    font-size:1.0em;
	background-color: #1f1f1f;
}

.gridcontainer_date_live {
  text-align:left;
  grid-template-columns: 50px  50px 50px;
  grid-column-gap: 16px;  
  white-space:nowrap; display:inline-grid; 
	padding-top:12px;

}

.mousa:hover{
border-radius: 6px !important;

    color: #000 !important;
	background-color:#ffffff;
	cursor: pointer;


}
.mousa{
padding:4px;padding-left:8px;font-size:18px;

}
.mousaactive {
    background-color: #286090;
    border-color: #204d74;
	border-radius: 6px !important;
}
/* spinner */
@keyframes pulse {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: .25;
    transform: scale(.75);
  }
}


.pulse-container {
  width: 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pulse-bubble {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #3ff9dc;
}

.pulse-bubble-1 {
    animation: pulse .4s ease 0s infinite alternate;
}
.pulse-bubble-2 {
    animation: pulse .4s ease .2s infinite alternate;
}
.pulse-bubble-3 {
    animation: pulse .4s ease .4s infinite alternate;
}


.spinner-box {
  width: 100%;
  height: 300px;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}




.centrer_spin{  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
  /* fin spinner */
  
  .pagination{display:-webkit-box;display:flex;padding-left:0;list-style:none;border-radius:.25rem;}
.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}
.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}
.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}
.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}






.pagination a {
  color: white;
  float: left;
  padding: 7px 8px;
  text-decoration: none;

    background-color: #292929;
	height:40px;
}

.pagination a.active {
  background-color: #363636;
  color: white;
  border: 1px solid #363636;
}²

.pagination a:hover:not(.active) {background-color: #363636;}

.pagination a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.pagination a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}


.menua1_select{color:#efefef;text-decoration: underline;text-underline-position: under;text-decoration-style: solid;text-decoration-color: orange;}
.menua1_select_topflop{color:#efefef;}


.paus_men {max-height:38px;width:auto;margin:7px;text-transform: uppercase;border-radius: var(--border-radius);    box-shadow: 0 6px 6px 0 rgba(0,0,0,.16);}
.paus2_mem{height: 100%;background-color:rgba(31,31,31,0.6);display:table-row;color:#ffffff;white-space: normal;}
.paus3_mem{padding-top:0px;}
.paus4_mem{width:207px;height:auto;overflow: hidden;}
.paus5_mem{font-size:20px;padding-top:2px;}
.paus6_mem{max-height:38px;width:auto;margin:7px;text-transform: uppercase;box-shadow: 0 6px 6px 0 rgba(0,0,0,.16);var(--border-radius);}
.paus7_mem{width:207px;height:auto;overflow: hidden;}
.paus8_mem{font-size:20px;padding-left:2px;padding-top:3px;}
.paus9_mem{margin-left:4px;}
.paus10_mem{border:0;margin:0 12px 0 23px;}
.paus11_mem{padding:0;border:0}
.paus12_mem{display: none;align-items: center;justify-content: center;font-size: 16px;font-weight: 500;color:#cfcfcf;white-space: nowrap;text-transform: uppercase;padding-right:4px;}
.paus13_mem{display: none;align-items: center;justify-content: center;font-size: 16px;font-weight: 500;color:#cfcfcf;white-space: nowrap;text-transform: uppercase;padding-right:2px;}
.paus14_mem{margin-right:12px;}
.im_ssli{display: none;margin-right:5px;}

@media (min-width: 360px){.im_ssli {display: none;}.paus12_mem {display: none;}.paus13_mem {display: flex;padding-left:6px;}.paus14_mem {margin-right:0;}.paus10_mem {margin:0;padding:0}.paus11_mem {padding:0;margin:0;}}

@media (min-width: 361px){.im_ssli {display: block;}.paus12_mem {display: flex;}.paus13_mem {display: none;padding-left:0px;}.paus14_mem {margin-right:12px;}.paus10_mem {padding-left:8px;padding-right:8px;margin:0 12px 0 23px;}.paus11_mem {padding:0;}}






.b{color:#efefef;font-size:16px; font-family: 'IBM Plex Sans', sans-serif;}
.B{color:#efefef;font-size:16px; font-family: 'IBM Plex Sans', sans-serif;}    
.i{color:#7e7e7e;font-size:16px; font-family: 'IBM Plex Sans', sans-serif;}
.I{color:#7e7e7e;font-size:16px; font-family: 'IBM Plex Sans', sans-serif;}    
.o{color:#f3f;font-size:16px; font-family: 'IBM Plex Sans', sans-serif;}
.v{color:#0ff;font-size:16px; font-family: 'IBM Plex Sans', sans-serif;}    
.V{color:#0ff;font-size:16px; font-family: 'IBM Plex Sans', sans-serif;}  



.gridcontainer_radarone {
text-align:center;
    grid-template-columns: 100px  ;
    grid-template-rows:  auto;
    white-space:nowrap;
    display:inline-grid; 
    font-size:16px;
    margin-top:4px;padding:4px;margin-right:4px;
    background-color:rgba(24,28,47);
    height:auto;
    font-family: Roboto ,Verdana,Arial,Helvetica; 
}
.gridcontainer_radar {
    text-align:left;
    grid-template-columns: auto  ;
    grid-template-rows: 20px auto;  grid-column-gap: 2px;
    white-space:nowrap;
    display:inline-grid; 
    font-size:16px;
    font-family: Roboto ,Verdana,Arial,Helvetica;
}

.items {
    position: relative;
    width: 100%;
    white-space: nowrap;
    transition: all 0.2s;
    transform: scale(0.98);
    user-select: none;
    cursor: grab;
}
.items.active {
    background: rgba(100, 100, 100, 0.3);
    cursor: grabbing;
    cursor: -webkit-grabbing;
    transform: scale(1);
}
.gridcontainer_live {
    text-align:left;
    grid-template-columns: auto auto auto ;
    grid-template-rows: 22px auto;  grid-column-gap: 10px;
    white-space:nowrap;
    display:inline-grid; 
    font-size:16px;
    }  
  .tooltiptp {
    position: relative;
    display: inline-block;
}

.tooltiptp .tooltiptext {
    visibility: hidden;
    width: -50%;

box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.40);
/*
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
*/
    background-color:#191919;
    
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0 5px 0 5px;
margin-left:-5px;    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;

    left: 0;
}

.tooltiptp:hover .tooltiptext {
    visibility: visible;
}  

.gridcontainer_ss_j_toolp {
    text-align:right;
    grid-template-columns: 22px auto auto ;
    grid-template-rows: 26px auto;  grid-column-gap: 10px;
    white-space:nowrap;
    display:inline-grid; 
    font-size:16px;
} 
.gridcontainer_ss_infos {
    text-align:right;
    grid-template-columns: auto   auto ;
    grid-template-rows: 22px auto;  grid-column-gap: 10px;
    white-space:nowrap;
    display:inline-grid; 
    font-size:12px;
padding-right:12px;
padding-top:5px;        
} 

 .popover{
  background-color: #454545;color: #efefef;
}
.popover-header {
  color: #efefef;  background-color: #383838;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;

  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
    color: #efefef;
} 
.popover-body { color: #efefef;}


.classes{color:#efefef;padding:4px 8px 4px 8px;display:inline-flex;margin-right:12px;border:1px solid #555555;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:4px 4px 4px 4px;white-space:nowrap;} 

.xmarge{padding-right:6px}    
.kjfs{padding-left:6px;cursor:pointer};

.gridcontainer_communaute {
    text-align: left;
    grid-template-columns: auto auto;
    grid-template-rows: 22px auto;
    white-space: nowrap;
    display: inline-block;
    visibility: visible;
    grid-template-rows: auto repeat(1, auto);
    background: rgba(31, 31, 31, 0.8);   
    height:auto;
min-width:350px;

}
.gridcontainer_communaute > div {
    border-top: 1px solid #444444;border-bottom: 1px solid #444444;
 padding:5px 0 5px 0;
}




.aces{background: #292929;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:8px 8px 0 0}
.aces_max{background: #292929;padding:6px 6px 0;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:8px 8px 0 0;}

    
.gridcontainer_widget_bas {

    grid-template-columns: auto auto  auto  ;
    grid-template-rows: 22px auto;
    white-space: nowrap;
    display: inline-grid;
    visibility: visible;
    grid-template-rows: auto repeat(4, auto);
    background: rgba(31, 31, 31, 0.8);   

}    
    .taille_encadre{width:144px;font-size:14px;margin-right:8px;margin-bottom:8px}   
.expo_ca {margin-top:18px;width:300px}






.gridcontainer_live {
    text-align:left;
    grid-template-columns: auto auto auto ;
    grid-template-rows: 22px auto;  grid-column-gap: 10px;
    white-space:nowrap;
    display:inline-grid; 
    font-size:16px;
}    
    
    
.gridcontainer_staut_a {
    text-align:left;
    grid-template-columns: auto auto auto auto  auto auto auto auto auto auto ;
    grid-template-rows: 22px auto;  grid-column-gap: 2px;
    white-space:nowrap;
    display:inline-grid; 
    font-size:16px;
}

.gridcontainer_recherche_joueur {
    text-align:left;
    grid-template-columns: auto auto  ;
    grid-template-rows: 22px auto;  grid-column-gap: 2px;
    white-space:nowrap;
    display:inline-grid; 
    font-size:16px;
}

.gridcontainer_recherche_alliance {
    text-align:left;
    grid-template-columns: auto   ;
    grid-template-rows: 22px auto;  grid-column-gap: 2px;
    white-space:nowrap;
    display:inline-grid; 
    font-size:16px;
}
    
.gridcontainer_change_pseudo_joueur {
    text-align:left;
    grid-template-columns: auto auto auto;
    grid-template-rows: 22px auto;  grid-column-gap: 2px;
    white-space:nowrap;
    display:inline-grid; 
    font-size:16px;
}

 



    
    
    
    .xdropdown img.flag1{border:none;width:21px;height:12px;margin-bottom:-<?php if ($deviceType<>'computer') {echo '3';} else {echo '2';}; ?>px;margin-left:3px}


.gridcontainer_nav480 {
    text-align:left;
    grid-template-columns: auto auto  ;

    white-space:nowrap;
    display:inline-grid; 
    font-size:16px;
} 
.gridcontainer_nav481 {
    text-align:left;
    grid-template-columns: auto auto auto ;
   grid-auto-flow: column;
   grid-template-rows: repeat(14, auto);
    white-space:nowrap;
    display:inline-grid; 
    font-size:16px;
} 


    
    
.tooltiptp .tooltiptext {

    margin-left: -50%;
   background-color:#121b1e;
}
    
    
    .gridcontainer_word {
    text-align:left;
    grid-template-columns: auto auto auto auto ;
    grid-template-rows: 22px auto;  grid-column-gap: 10px;
    white-space:nowrap;
    display:inline-grid; 
    font-size:16px;

    
    }  




.dropdown dd ul {
    background: rgba(31,31,31,1) none repeat scroll 0 0;
border: 1px solid #666;
    color: #C5C0B0;
    display: none;
    left: 0px;
    padding: 5px 0px;
    position: absolute;
    top: 2px;
    width: auto;
    min-width: 170px;
    list-style: none;
}

    .gridcontainer_list_list_w {
    text-align: left;
    grid-template-columns: auto auto auto auto auto auto;
    grid-template-rows: 22px auto;
    white-space: nowrap;
    display: inline-grid;
    visibility: visible;
    grid-template-rows: auto repeat(5, auto);
    background: rgba(31, 31, 31, 0.8);  
        color:#ffffff;

}
.gridcontainer_list_list_w > div {
    border-top: 1px solid #444444;border-bottom: 1px solid #444444;
    padding: 5px;
}

/*@media (max-width:699px){.acuceiladecale{margin-top:25px;}}*/
/*@media (max-width:864px){.ajoutadecale{margin-top:25px;}}*/