/*
Here is the "plain English" of #header .callout:
Select all elements with the class name callout that are descendants of the element with an ID of header.

And #header.callout means:
Select the element which has an ID of header and also a class name of callout.
*/
   
    
table {
    margin: 0 auto;
    font-size: large;
    border: 1px solid black;
}
table.TABLEAU {
	border-spacing: 0;
}		

table.TABLEAU  tr:nth-child(odd) {background-color: #E8E8E8;}
table.TABLEAU  tr:nth-child(even) {background-color: #FFFFFF; }

h1 {
    text-align: center;
    color: #006600;
    font-size: xx-large;
    font-family: 'Gill Sans', 
        'Gill Sans MT', ' Calibri', 
        'Trebuchet MS', 'sans-serif';
}

td {
     border: 1px solid black;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
     }

th {
    font-weight: bold;
    border: 0;
	font-size: 20px;
    padding: 3px;
    text-align: center;
	border-bottom: 1px solid #A7A7A7;
	background-color: #F2F2F2;
	border-collapse: collapse;
	font-family: Pill-Gothic-Bold, "Pill Gothic 300mg", Frank-Regular, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
    }

td {
    font-weight: bold;
}


table.Validation , th, td {
	border-bottom : 1px solid black;
	border-right : 1px solid black;
}

table.Validation td {
	vertical-align: top;
}
table.ValidationD  {
	border : 0px;
	border-right : 0px ;
}
table.ValidationD , th, td {
	border-bottom : 1px solid black;
	border-right : 1px solid black ;
	border-top : 0px ;
	border-left: 0px ;
}


		
abbr {
    text-decoration: none;
}
div#tabReglement ul li {
 	 list-style: initial;
   }

div#ENTETE {
    background : #e2e2e2  ;
    color : red;
	font-size : 40px;
	font-style: oblique;
	font-weight: bold;
	font-family : impact, sans-serif;
	width: 100%;
	padding: 1px;
  	margin: 1px;
	border-bottom: 3px solid #C0C0C0;
}

#slider-NoParties {
	background: #e9e9e9;
	border-color : black;
}

#slider-NoParties .ui-state-default{
	background: #C0C0C0;
}
#slider-NoParties .ui-state-active{
	background: red;
}



#tabstat {
  background: transparent;
  padding: 0px;
  margin: 0px;
}		
/* FONT du text dans les onglets */	
ul#tabstat a {
  color :  black;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
  font-family: Pill-Gothic-Bold, "Pill Gothic 300mg", Frank-Bold, Arial, Helvetica, sans-serif;
  padding: 10px 30px;
  font-size: 19px;
}
/* quand on est HOVER sur un tag UL 
pour enlver la ligne blanche en dessous, il faut padder 10px*/
ul#tabstat a:hover,ul#tabstat a.current {
  color: black;
  padding-bottom: 10px;
  font-size: 19px;
}	
div#tabstats.ui-tabs {
  background-color : #DDDDDD;
}
div#tabstats a {
  background-color : #DDDDDD;
}
ul#tabstat .ui-tabs-active  {
	margin-bottom: -1px;
	padding-bottom: 0px;
	background:transparent;
}
div#tabstats.ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
	background:#DDDDDD;
}
div#tabstats.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 22px 1.4em;
	background: #ffffff;
}
ul#tabstat .ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: black;  
	font-weight: bold;
	text-decoration: none;
	background-color: #ffffff;
}	
/* Redéfinition de JQUERY.css  */
.ui-widget.ui-widget-content {
    border: 0px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0px;
    background: transparent;
}
.ui-widget-header {
    border: 0px ;
    background: transparent;
}


#tab {
  background: transparent;
  padding: 1px;
  margin: 1px;
  border-bottom: 1px solid #A2A2A2;
}		
	
ul#tab a {

  text-transform: uppercase;
  position: relative;
  top: 2px;
  text-decoration: none;
  font-family: Pill-Gothic-Bold, "Pill Gothic 300mg", Frank-Bold, Arial, Helvetica, sans-serif;
  padding: 10px 30px;
  font-size: 19px;

}

ul#tab a:hover,ul#tab a.current {
  background: transparent;
  color: #B90A0A;
  padding-bottom: 5px;
  border-bottom: 5px solid #B90A0A;
}

	
		
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding : 0px;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}


.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
	
	float: ;
	position: relative;
	top: 0;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: blue;
}

ul#subnav {
  background: #669;
  height: 2em;
  color: white;
  padding: 5px 5px;
}

ul#subnav li,ul#tab li {
  display: inline
}
ul#subnav li,ul#menu li {
  display: inline
}

ul#subnav a {
  color: white;
  text-decoration: none;
}

ul#subnav a:hover {
  color: #FFE6B7
}



div.tableauModele1 {
    background-color: #fff;
    padding: 2px 2px;
    border: 2px solid #EAEAEA;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 5px 0 #dedede;
    box-shadow: 0 0 5px 0 #dedede;
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
 }
div.tableauModele1 table {
	width:100%
	}
div.tableauModele1 table td.a{
	color: #323232;
	font: 100%/1.5 Frank-Regular,Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}



div.divTitre {
	font: 100%/1.5 Frank-Regular,Helvetica,Arial,sans-serif;
	font-family: Pill-Gothic-Bold, "Pill Gothic 300mg", Frank-Bold, Arial, Helvetica, sans-serif;
	font-size: 28px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	text-align: center;
}

div#divEquipe  {
  background: inherit;
  float: inherit;
  text-align: center;
  border: 0px ;
  margin : 0px;
}


div#divEquipe ul {
  background: inherit;
  float: inherit;
  text-align: center;
  border: 0px ;
  margin : 0px;
  flex-direction: row;
  display:table-row;
  
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
div#divEquipe li {
  display: table-cell;
  vertical-align: top; 
  /*display: inline-block; */ 
  width: 23%;
  margin-right: 1.5em;
}

div.divConteneurModele1 {
	background-color: #E9ECEF;	
	display: inline;
    float: left;
    border-bottom: solid #A7A7A7 0px;
    width:100%;
}

div.divContenuModele1 {
	background-color: #FFFFFF;	
	display: inline;
    float: left;
    width:100%;
}
div.divContenu600 {
	background-color: #FFFFFF;	
    width:600px;
    margin: auto;
}
div.divContenu900 {
	background-color: #FFFFFF;	
    width:900px;
    margin: auto;
}

div.divContenuModele1 table{
	background-color: #FFFFFF;	
    float: center;
    width:100%;
    border-spacing: 0px;
}

div.divContenuModeleCenter {
  margin: 0;
  position: absolute;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
}

table#tablestatsReguliers, table#tablestatsReservistes {
	width:600px;
}

div.divContenuModele1 table tr th{
	background-color: #FFFFFF;	
    border-bottom: solid #B90A0A 2px;
    font-size : 8px;
    color : #323232 ;
    white-space:nowrap;
    height: 10px;
    text-align: center;
    padding: 11px 0px;
    font-size : 14px;
}

div.divContenuModele1 table.lineup tr th  {
	border-bottom: solid black 2px;
}


.tablesorter-headerDesc , .tablesorter-headerAsc {
    font-weight: 900;
}



div.divContenuModele1 table tr td.center {
    text-align: center;
}


div.divContenuModele1 tbody tr:nth-child(odd) {
  background-color: #FFFFFF;
}

div.divContenuModele1 tbody tr:nth-child(even) {
  background-color: #F9F9F9;
}

div.divContenuModele1 img.logoJoueur {
    height: 35px;
    display: inline;
    float: left;
    margin-right: 0px;
}
div.divContenuModele1 img.logoJoueur:hover {
    transform: scale(5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}


div.divConteneurModele1 img.logoEquipe {
    height: 35px;
    width: 35px;
    display: inline;
    float: left;
    margin-right: 0;
}

img.tool {
    display: none;
}


div.divConteneurModele1 .nomEquipe {
  
    float: left;
    height:35px;
    font-size: large;
    font-weight: 900;
    padding: 0px;
    white-space: normal;
    word-break: normal;
    display: flex;
    align-items: center;
    margin-left:20px;
}


	
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 0px ;
	background: transparent;

}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	color: #B90A0A;
	background-color: #ffffff;
}


.barBouton {
  margin: 0;
  width:100%;
  background: white;
}
.SaisonSerie {
background-color: white;
border: 2px solid black;
border-radius: 9px;
color: black;
padding: 4px;
font-size: 16px;
margin: 4px 2px;
align-items: center;
}
.SaisonSerie:hover {
background-color: #e9e9e9;
}
.SaisonSerie img:hover {
    height: 35px;
    width: 35px;
    display: inline;
    float: left;
    margin-right: 0;
    padding-right: 10px;
}

.SaisonSerie img.logo {
    height: 30px;
    width: 30px;
    display: inline;
    float: left;
    margin-right: 0;
    padding-right: 4px;
}

.nomEquipe1::before {   content: "Bruins"; }
.nomEquipe2::before {   content: "Coyotes"; }
.nomEquipe3::before {   content: "Penguins"; }
.nomEquipe4::before {   content: "Rangers"; }
.nomEquipe5::before {   content: "Canadiens"; }
.nomEquipe6::before {   content: "Flames"; }
.nomEquipe7::before {   content: "Flyers"; }
.nomEquipe8::before {   content: "Nordiques"; }
.nomEquipe9::before {   content: "Sabres"; }
.nomEquipe10::before {   content: "Sharks"; }
.nomEquipe11::before {   content: "Ducks"; }
.nomEquipe12::before {   content: "Avalanches"; }
.nomEquipe13::before {   content: "Maple Leafs"; }
.nomEquipe14::before {   content: "Lightning"; }
.nomEquipe15::before {   content: "Wings"; }
.nomEquipe16::before {   content: "Panthers"; }
.nomEquipe17::before {   content: "Sabres"; }
.nomEquipe18::before {   content: "Senators"; }
.nomEquipe19::before {   content: "Devils"; }
.nomEquipe20::before {   content: "Hurricanes"; }
.nomEquipe21::before {   content: "Islanders"; }
.nomEquipe22::before {   content: "Capitals"; }
.nomEquipe23::before {   content: "Blue Jacquets"; }
.nomEquipe24::before {   content: "Stars"; }
.nomEquipe25::before {   content: "Jets"; }
.nomEquipe26::before {   content: "Blues"; }
.nomEquipe27::before {   content: "Predators"; }
.nomEquipe28::before {   content: "Wild"; }
.nomEquipe29::before {   content: "Blackhawks"; }
.nomEquipe30::before {   content: "Golden Knights"; }
.nomEquipe31::before {   content: "Kings"; }
.nomEquipe32::before {   content: "Kraken"; }
.nomEquipe33::before {   content: "Oilers"; }
.nomEquipe34::before {   content: "Canucks"; }
  
.nomEquipe89::before {  content: "Serie";}
.nomEquipe90::before {  content: "Libre";}
.nomEquipe91::before {  content: "Position 1";}
.nomEquipe92::before {  content: "Position 2";}
.nomEquipe93::before {  content: "Position 3";}
.nomEquipe94::before {  content: "Position 4";}
.nomEquipe95::before {  content: "Relache";}
.nomEquipe96::before {  content: "Finale 1/3";}
.nomEquipe97::before {  content: "Finale 2/3";}
.nomEquipe98::before {  content: "Finale 3/3";}
.nomEquipe99::before {  content: "Reserviste";}