@charset "UTF-8";

/* ------------------------------------------------------------------------------------------------------ */
/* --- STATISTIQUES ------------------------------------------------------------------------------------ */

	/* --- ICON BOXSCORE ------------------------------------------------------------- */
	a.icon-boxscore {display: block; background: url(_img/icon.png) no-repeat right 2px;
text-align: left; height: 18px; width: 50px; text-decoration: none; color: #666; padding: 1px 22px 1px 0px !important;}
	a.icon-boxscore:hover {background-position:right -48px;}

	/* --- LINES --------------------------------------------------------------------- */
	.line_1       {background:none;}
	.line_2       {background-color:rgba(50,50,50,0.06); padding-top:2px;}
	tr.line_1     {background:none;}
	tr.line_2     {background:none}
	tr.line_1 td  {background:none;}
	tr.line_2 td  {background-color:rgba(50,50,50,0.06);}
	.line_win     {font-weight:bold;}
	.line_end     {border-bottom:1px rgba(120,120,120,0.6) solid; padding-bottom:4px;}
    tr.line_limit td  {border-bottom:2px rgba(120,120,120,0.6) solid;}
	.line_current {color:#666;}
	.col_left     {width:56%; padding-left:4px}
	.col_right    {width:30%; padding-left:4px}
	.col_right i  {font-style: normal; color:#777; font-size:11px}
	.line_title_main {background-color:#333; color:#FFF; font-weight:bold; font-size:13px; padding:5px 10px 6px 8px; line-height:36px;}
	.tab-resu .line_title   {border-bottom:1px solid #666; color:#333; font-size:12px; font-weight: bold; text-transform:uppercase; padding:5px 0px 2px 3px; margin-bottom:0px; margin-left:2px;}

    /* --- LISTE DES JOUEURS ------------------------------------------------------------- */
	ul.list_joueurs li       {list-style-type: none; width:32%; float:left;}
	ul.list_joueurs a        {display:block; color:#333; font-weight:normal; padding:6px 1px 4px 1px; text-decoration:none; margin-bottom:2px;}
	ul.list_joueurs a:hover  {color:#2c84c1}
	ul.list_joueurs li.alpha {display:block; clear:both; width:90%; padding:20px 0px 4px 0px; margin-bottom:4px; font-size:24px; color:#999; font-weight:bold; border-bottom:2px solid #EEE}
    ul.list_joueurs li a:hover:after {content: "→";color: #2c84c1; margin-left:10px;}


	/* --- LISTE DES EQUIPES ------------------------------------------------------------- */
	ul.list-equipes    {padding:0px 5px 10px 0px; clear:both; overflow:hidden; column-count: 5; column-gap: 0;}
	ul.list-equipes li {display:inline-block;  text-align:right; font-size:12px; font-style:italic; font-weight:bold; margin:0px 4px 0px 0px; color:#888; position:relative; padding-right:6px; width:160px;}
	ul.list-equipes a  {display:block; width:100%; float:left; font-size:15px; color:#666; font-weight:normal; font-style:normal; text-decoration:none; padding:4px 0px; text-align:left;}
	ul.list-equipes a:hover  {color:#2c84c1;}
	ul.list-equipes li:hover {color:#666;}
	ul.list-equipes li:hover span.cat-bar {background-color:#000; opacity:0.25}

	/* --- RESULTATS --------------------------------------------------------------------- */
	.tab-resu         {display:block; float:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; width:130px; margin-top:4px; margin-left:6px; padding-bottom:20px;}
	.tab-resu td      {font-size:11px; line-height:14px;}
	.tab-resu a       {color:#333; margin:0px; border:none; line-height:12px}
	.tab-resu a:hover {text-decoration:underline; color:#000}

	/* --- MERCATO --------------------------------------------------------------------- */
	#tab-mercato         {display:block; width:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:6px; padding-bottom:20px; border-collapse:collapse}
	#tab-mercato tr      {border-bottom:1px dashed #AAA}
	#tab-mercato td      {padding:5px 8px 8px 3px; line-height:15px;}
	#tab-mercato tr.line_title_main {border-bottom:0px solid #000}

	/* --- TOP STATS --------------------------------------------------------------------- */
	.tab-top-stats         {display:block; width:100%; font-size:13px; font-family:Arial, Helvetica, sans-serif; margin-left:6px; padding-bottom:20px; border-collapse:collapse}
	.tab-top-stats td      {font-size:13px; line-height:20px; padding:1px 2px 1px 3px}
	.tab-top-stats a       {color:#333; margin:0px; border:none; line-height:20px}
	.tab-top-stats a:hover {text-decoration:underline; color:#000}
	.tab-top-stats .line_title {border-bottom:1px dashed #999; margin-bottom:4px;}
	.tab-top-stats .num    {text-align:right; color:#999}
	.tab-top-stats .pts    {text-align:right; color:#333; padding-right:4px;}
	.tab-top-stats td.line_title_main  {padding-left:6px;}

	/* --- CLASSEMENT --------------------------------------------------------------------- */
	#box-classement { width:50%; padding:0px; padding-top:6px; padding-bottom:10px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#333; }
	#box-classement td {padding:6px 5px 5px 5px; line-height:16px;}
	#box-classement .line_title_main td {background-color:#333; border-bottom:1px solid #CCC; color:#FFF; font-weight:bold; text-transform:uppercase; font-size: 12px;padding: 9px 10px 8px 8px;}
	#box-classement a {color:#333; padding:0px 0px 1px 0px; margin:0px; border:none}
	#box-classement a:hover {color:#000; border-bottom:1px dashed #999; padding:0px}
	#box-classement a:hover:after {content:' \2039'; font-weight:bold; color:#000; padding-left:2px; color:#0E629D;}

	.line_title td {border-bottom:1px dashed #999; font-size:11px; text-transform:uppercase; font-weight:bold}
	a.link-classement {display:block; border-bottom:1px dashed #999; font-size:11px; float:right; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background-color:#BBB; margin: -10px 2px 20px 1px; color:#333; padding:4px 4px 3px 6px}
	a.link-classement:hover {background-color:#AAA; border-bottom-color:#777}
	#box-classement {line-height:14px; width:90%;}
	#box-classement-2 {width:100%; padding:0px; margin-right:20px; padding-top:6px; padding-bottom:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; }
	#box-classement-2 .line_title_main td {background-color:#333; border-bottom:1px solid #CCC; color:#FFF; font-weight:bold; text-transform:uppercase; font-size:11px; padding:5px 10px 4px 8px;}
	#box-classement-2 a {color:#333; padding:0px; margin:0px;}
	#box-classement-2 a:hover {color:#000; border-bottom:1px dashed #999}
	#box-classement-2 a:hover:after {content:' \2039'; font-weight:bold; color:#000; padding-left:2px}

	/* --- BOXSCORE --------------------------------------------------------------------- */
	.tab-boxscore {margin-top:15px;}
	#box-stats {float:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:100%; margin-top:20px; border-collapse:collapse; margin-bottom:20px; display:table; overflow-x: auto;}
	#box-stats td {font-size:13px; padding:10px 3px 8px 5px; text-align:center; border-bottom:1px solid #BBB !important; line-height:16px;}
	#box-stats .title {text-align:left; padding:7px 3px 5px 5px; border-bottom:1px solid #BBB !important; font-weight:normal; white-space: nowrap;}
	#box-stats .line_2 td {background-color:#EEE; }
	#box-stats tr:hover td {background-color: #2c84c1; color:#FFF;}
	#box-stats tr:hover th {background-color: #2c84c1; color:#FFF;}
	#box-stats tr.section_title th {background-color:#222; color:#FFF; font-weight:bold; border-right:1px solid #666; padding: 10px 6px 10px 6px; line-height:20px; text-align:center}
	#box-stats tr.column th {background-color:#FFF; color:#666; font-weight:bold; border:none;}
	#box-stats tr.column th.section {background-color:#EEE; color:#999; font-weight:normal; text-align:left; padding:3px 2px 3px 6px; border-top:1px solid #CCC}
	#box-stats tr.column th.points {font-size:15px; font-weight:bold; text-align:right; padding-right:4px;}
	#box-stats td.sort-by {background-color:#F1F1F1; font-weight:bold; border-left:1px solid #CCC}
	#box-stats tr.total td {color:#999; padding:10px 1px 8px 2px}
	#box-stats tr.total th {color:#999}
    #box-stats tr.total:hover td {background-color: #333; color:#FFF;}
	#box-stats tr.column th.team_name {text-transform:uppercase; padding-left:5px; text-align:left; border:none; color:#333; font-size:12px}
	#box-stats tr.column th.team_name a {color:#333}
	#box-stats tr.column th.team_name a:hover {color:#000; text-decoration:underline; background-color:#FFF;}
	#box-stats td.white {background-color:#FFF; border-bottom:0px solid #FFF !important}
    #box-stats a {text-decoration:none;}
    #box-stats a:hover {color:#000; text-decoration:underline;}
    #box-stats tr:hover td a {color:#FFF;}
    box-stats tr:hover td a:hover {color:#FFF;}
	.line_majeur {border-bottom:2px solid #888}
    .box-stats-top {max-width:400px;}

	/* --- PLAYOFFS ------------------------------------------------------- */
	.box-bracket {width:620px !important;}
	.box-bracket td.team_name {text-align:left !important; font-weight:bold; width:80px;}
	.box-bracket .line_1 td {background-color:#F6F6F6}
	.box-bracket tr:hover td {background-color:#EEE; color:#000;}
	.box-bracket tr:hover td.bracket {background-color:#FFF !important; color:#000;}
	.box-bracket tr:hover td.white {background-color:#FFF !important; color:#000;}
	.box-bracket td.bracket { vertical-align:top;}
	.bracket_1 {display:block; background:url(images/bracket.png) no-repeat 0px 0px; width:14px; height:110px; margin-top:20px; text-indent:-9999px;}
	.bracket_2 {display:block; background:url(images/bracket.png) no-repeat -40px 0px; width:14px; height:220px; margin-top:70px; text-indent:-9999px;}
	.bracket_3 {display:block; background:url(images/bracket.png) no-repeat -80px 0px; width:14px; height:440px; margin-top:170px; text-indent:-9999px;}

	/* --- CALENDRIER --------------------------------------------------------------- */
	#tab-calendrier { width:100%; padding:0px; padding-bottom:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; }
	#tab-calendrier td {padding:4px 5px 4px 5px; line-height:18px;}
	#tab-calendrier .line_title_main td {background-color:#333; border-bottom:1px solid #CCC; color:#FFF; font-weight:bold; text-transform:uppercase; font-size:12px; padding:6px 10px 4px 8px; margin-top:10px;}
	#tab-calendrier .line_title td  {border-bottom:1px dashed #999; font-size:11px; text-transform:uppercase; font-weight:bold; padding:16px 0px 0px 0px; color:#333;}
	#tab-calendrier .line_title td i {display:block; float:right; font-style:normal; color:#1669a1; font-size:10px;}
    #tab-calendrier .line_win        {font-weight:bold;}

 @media all and (max-width: 680px) {
      ul.list-equipes  {column-count: 2; column-gap: 0;}
     .content-stats {display: block; float: left; overflow-x: scroll; width: 100%;}
     ul.list_joueurs li {width:50%}
     #box-stats {display:flex;}
     #box-classement {display:flex; width:100%;}
  }