@charset "ISO-8859-1";


.wrapper {
  display: grid;
  grid-template-columns: repeat(16, [col-start] 1fr);
  grid-gap: 10px;
}
.wrapper > * {
  grid-column: col-start / span 16;
}
.main-nav {
	background: #f1f1f1;
	-webkit-box-shadow: 0 10px 5px #888888;
  	-moz-box-shadow: 0 10px 5px #888888;
 	 box-shadow: 0 10px 5px #888888;
}
.main-footer {
    background: #ff8306;
  }	
  
.main-head {
  background: #ff8306;
}

.cn {
  display: flex;
  justify-content: center;
  align-items: center; 
  height:100%;
}

@media (min-width: 500px) {

  .side {
    grid-column: col-start / span 3;
    grid-row: 3;
  }
  .ad {
    grid-column: col-start / span 3;
    grid-row: 4;
  }
  .content, .main-footer {
    grid-column: col-start 4 / span 9;
  }
  nav ul {
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 700px) {

.main-head {
    grid-column: col-start / span 16;
    grid-row: 1;
  }
.main-nav {
    grid-column: col-start / span 2;
    grid-row: 2 / 4;
  }

.graph {
   grid-column: col-start 1 / span 16;
   grid-row: 2;
 }

.team {
   grid-column: col-start 1 / span 3;
   grid-row: 2;
	
 }
  .side {
    grid-column: col-start 15 / span 2;
    grid-row: 2;
  }
  .ad {
    grid-column: col-start 15 / span 2;
    grid-row: 3;
  }
  .main-footer {
    grid-column: col-start / span 16;
  }
  nav ul {
    flex-direction: column;
  }
  
  .listing {
  list-style: none;
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: dense;
  grid-template-columns: repeat(auto-fill,minmax(350px, 1fr));
  padding:10px;
  padding-top:0px;
  margin:0px;
}
  .listing li {
  border: 1px solid #ffe066;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  background:#ffffff;
	}
	.listing .wide {
	  grid-column-end: span 2;
	}
	
.listingTeam {
  list-style: none;
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: dense;
  grid-template-columns: repeat(auto-fill,minmax(500px, 600px));
  padding:10px;
  padding-top:0px;
  margin:0px;
  flex-direction: row;
}
  .listingTeam li {
  border: 1px solid #ffe066;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  background:#ffffff;
	}
	.listingTeam .wide {
	  grid-column-end: span 2;
	}

}




body {
	background: #ff8306;
	color: #444;
	font: 100%/20px 'Helvetica Neue', helvetica, arial, sans-serif;
	text-shadow: 0 1px 0 #974b00;
	-moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.cadre
{
	background: #000051;
	border: 5px solid #fff;
	display: inline-block;
	max-width: 100%;
	padding-bottom: 10px;
}
	
.HeaderDiv
{
	background: linear-gradient(#777, #444);
	color: #fff;
	text-shadow: 0 1px 0 #000;	
	font-size: 12px ;
	font-weight: bold; 
}

.tableTrade {
	background: #000051;
	border-collapse: collapse;
	font-size: 9px;
	text-shadow: 0 1px 0 #ffffff;
	line-height: 12px;
	-ms-user-select:none;
	width:100%;

}	

.tableTrade > thead > tr > th
{
	border-right: 1px solid #fff;
	border-left: 1px solid #e8e8e8;
  	font-weight: bold;
	padding: 2px 1px;
	position: relative;
	text-shadow: 0 1px 0 #000;	
	font-size: 9px ;
	
	-ms-user-select:none;
}

.tableTrade > thead > tr > th:first-child
{
	border-left: 0px solid ;
}
.tableTrade > thead > tr > th:last-child
{
	border-right: 0px solid ;
}




.tableTrade > thead > tr.Header > th
{
	background: linear-gradient(#777, #444);
	color: #fff;
	text-align:center;
}

.tableTrade > thead > tr.Header > th.focus {
    background: linear-gradient(#959595, #d4d4d4);
    cursor: pointer;
}

.tableTrade > tbody > tr.ligneHead > th
{
	padding: 2px 3px;
	border-right: 1px solid #fff;
	border-left: 1px solid #e8e8e8;
	background: linear-gradient(#c0c0c0, #efefef);
	color: #2b2b2b;
	text-align:center;
}
.tableTrade > tbody > tr.ligneHead > th:first-child
{
	border-left: 0px solid ;
}
.tableTrade > tbody > tr.ligneHead > th:last-child
{
	border-right: 0px solid ;
}

.tableTrade > tbody > tr > th.positive
{
	background: linear-gradient(#91ff91, #d5ffd5);
	color: #004000;
}
.tableTrade > tbody > tr > th.negative
{
	background: linear-gradient(#ff8c8c, #ffd5d5);
	color: #710000;
}
.tableTrade > tbody > tr > th.neutral
{
	background: linear-gradient(#ffdab5, #ffeedd);
	color: #ff8306;
}
.tableTrade > tbody > tr.tab:nth-child(odd) > td.positive
{
	background: linear-gradient(#91ff91, #d5ffd5);
	color: #004000;
}
.tableTrade > tbody > tr.tab:nth-child(odd) > td.negative
{
	background: linear-gradient(#ff8c8c, #ffd5d5);
	color: #710000;
}
.tableTrade > tbody > tr.tab:nth-child(odd) > td.neutral
{
	background: linear-gradient(#ffdab5, #ffeedd);
	color: #ff8306;
}
.tableTrade > tbody > tr.tab:nth-child(even) > td.positive
{
	background: linear-gradient(#91ff91, #d5ffd5);
	color: #004000;
}
.tableTrade > tbody > tr.tab:nth-child(even) > td.negative
{
	background: linear-gradient(#ff8c8c, #ffd5d5);
	color: #710000;
}
.tableTrade > tbody > tr.tab:nth-child(even) > td.neutral
{
	background: linear-gradient(#ffdab5, #ffeedd);
	color: #ff8306;
}

.tableTrade > tbody > tr.tab > td:hover {
    background: linear-gradient(#c9c9c9, #eeeeee);
    transition: all 300ms;
}

.tableTrade > tbody > tr > td
{
	font-size: 9px ;
	border-right: 1px solid #fff;
	border-left: 1px solid #e8e8e8;
	padding: 2px 1px;
	position: relative;
	transition: all 300ms;
	text-align:center;
	-ms-user-select:none;
}
.tableTrade > tbody > tr > td:first-child
{
	border-left: 0px solid ;
}
.tableTrade > tbody > tr > td:last-child
{
	border-right: 0px solid ;
}

.tableTrade > tbody > tr.freeAgentInjured > td {
  background: linear-gradient(#c0c0c0, #e6e6e6);
}

.tableTrade > tbody > tr.tab:nth-child(odd) > td
{
	background: linear-gradient(#f3f3f3, #fafafa);
	color: #2b2b2b;
}
.tableTrade > tbody > tr.tab:nth-child(even) > td
{
	background: linear-gradient(#f3f3f3, #ffffff);
	color: #2b2b2b;
}

.tableTrade > tbody > tr.tab:hover > td
{
  background: #8cffff;
  cursor: pointer;
}


.tableTrade > tbody > tr:nth-child(odd).displayed > td
{
	background: linear-gradient(#26bf73, #7ae4af);
}
.tableTrade > tbody > tr:nth-child(even).displayed > td
{
	background: linear-gradient(#48db92, #a5edc9);
}
.tableTrade > tbody > tr:nth-child(odd).selected > td
{
	background-color: #9FAFD1;
}
.tableTrade > tbody > tr:nth-child(even).selected > td
{
	background-color: #B0BED9;
}


.tableTrade > tbody > tr.tab:nth-child(odd) > td
{
	background: linear-gradient(#f3f3f3, #fafafa);
	color: #2b2b2b;
}
.tableTrade > tbody > tr.tab:nth-child(even) > td
{
	background: linear-gradient(#f3f3f3, #ffffff);
	color: #2b2b2b;
}





.tableTrade > tbody > tr.hidden 
{
	display: none;
}






strong {
	font-weight: bold; 
}

em {
	font-style: italic; 
}

	

.asc:after {content: "\25B2"; }
.desc:after {content: "\25BC"; }

.focus {
  background-color: #ff00ff;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
}
.selected {
  background-color: #ff00ff;
  color: #fff;
  font-weight: bold;
}


#myInput {
    background-image: url('../PICS/searchicon.png'); /* Add a search icon to input */
    background-position: 5px 6px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 14px; /* Increase font-size */
    padding: 6px 10px 6px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 6px; /* Add some space below the input */
    margin-top: 6px; /* Add some space below the input */
}

.positive
{
	background: linear-gradient(#91ff91, #d5ffd5);
	color: #004000;
}
.negative
{
	background: linear-gradient(#ff8c8c, #ffd5d5);
	color: #710000;
}
.neutral
{
	background: linear-gradient(#ff9d3c, #ffc78e);
	color: #ff8040;
}

#everything-wrapper {
    display : none;
}


span {
	display: block; 
	margin: 0 auto;
}

span[class*="l-"] {
	height: 4px; width: 4px;
	background: #000;
	display: inline-block;
	margin: 12px 2px;
	
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	
	-webkit-animation: loader 4s infinite;
	-webkit-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
	-webkit-animation-fill-mode: both;
	-moz-animation: loader 4s infinite;
	-moz-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
	-moz-animation-fill-mode: both;
	-ms-animation: loader 4s infinite;
	-ms-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
	-ms-animation-fill-mode: both;
	animation: loader 4s infinite;
	animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
	animation-fill-mode: both;
}

span.l-1 {-webkit-animation-delay: 1s;animation-delay: 1s;-ms-animation-delay: 1s;-moz-animation-delay: 1s;}
span.l-2 {-webkit-animation-delay: 0.8s;animation-delay: 0.8s;-ms-animation-delay: 0.8s;-moz-animation-delay: 0.8s;}
span.l-3 {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;-ms-animation-delay: 0.6s;-moz-animation-delay: 0.6s;}
span.l-4 {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;-ms-animation-delay: 0.4s;-moz-animation-delay: 0.4s;}
span.l-5 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;-ms-animation-delay: 0.2s;-moz-animation-delay: 0.2s;}
span.l-6 {-webkit-animation-delay: 0;animation-delay: 0;-ms-animation-delay: 0;-moz-animation-delay: 0;}

@-webkit-keyframes loader {
	0% {-webkit-transform: translateX(-30px); opacity: 0;}
	25% {opacity: 1;}
	50% {-webkit-transform: translateX(30px); opacity: 0;}
	100% {opacity: 0;}
}

@-moz-keyframes loader {
	0% {-moz-transform: translateX(-30px); opacity: 0;}
	25% {opacity: 1;}
	50% {-moz-transform: translateX(30px); opacity: 0;}
	100% {opacity: 0;}
}

@-keyframes loader {
	0% {-transform: translateX(-30px); opacity: 0;}
	25% {opacity: 1;}
	50% {-transform: translateX(30px); opacity: 0;}
	100% {opacity: 0;}
}

@-ms-keyframes loader {
	0% {-ms-transform: translateX(-30px); opacity: 0;}
	25% {opacity: 1;}
	50% {-ms-transform: translateX(30px); opacity: 0;}
	100% {opacity: 0;}
	
	 
}


dfs{
	color: #f0f0f0;
}

select {
 	font-size:16px; 
  	cursor: pointer; 
  	background: linear-gradient(#ffe6cc, #ffffff);
  	width :100%;
}