body
{
  margin: 0;
  padding: 0;
  width:100%;
  background-position:center top;
  font-family: Arial, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-position:center top;
  background-repeat:repeat;
}

table
{
  font-family: Arial, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

input, select
{
  font-family: Arial, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  line-height: 12px;
  font-size: 12px;
  width: 280px;
  height: 24px;
  vertical-align: middle;
  border-radius: 5px;
  background-color: white;
}

textarea 
{
  font-size: 12px;
  border-radius: 5px;	
}

.select_mini
{
  font-family: Arial, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  height: 18px;
  line-height: 18px;
  vertical-align: middle;
  background-color: white;
}

.select_moyen
{
  font-family: Arial, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  vertical-align:middle;
  background-color: white;
}

.grostitre
{
  text-decoration: none;
  font-family: Arial, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-variant: small-caps;
  border-radius: 6px;
  -moz-border-radius: 6px;
}

.moyentitre
{
  text-decoration: none;
  font-family: Arial, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.titre_champ
{
  width:470px;
  vertical-align:middle;
  padding:5px 10px 5px 10px;
  margin:0px;
  font-size: 1px;
  border: 0px;
  overflow:hidden;
  vertical-align:top;
  font-family: Arial, Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align:left;
  margin-bottom:10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.titre_page
{
  width: 620px;
  height: 20px;
  line-height:20px;
  vertical-align:middle;
  padding:2px 5px 2px 5px;
  margin:0px;
  font-size: 1px;
  border: 0px;
  overflow:hidden;
  vertical-align:top;
  font-family: Arial, Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-align:left;
  margin-bottom:10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.titre_page_light
{
  width: 625px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  padding: 2px 5px 2px 5px;
  margin: 0px;
  font-size: 1px;
  border: 0px;
  overflow: hidden;
  vertical-align: top;
  font-family: Arial, Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  margin-bottom: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.titre_page_pointille
{
  width:100%;
  height: 20px;
  padding:0px;
  margin:0px;
  font-size: 1px;
  border: 0px;
  overflow:hidden;
  vertical-align:top;
  font-family: Arial, Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align:left;
  margin-bottom:10px;
}

.titre_club
{
  width:100%;
  line-height:30px;
  padding:0px;
  margin:0px;
  font-size: 1px;
  border: 0px;
  overflow:hidden;
  vertical-align:top;
  font-family: Arial, Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight:bold;
  text-align:left;
  margin-bottom:10px;
}

label {
 margin-top:10px;
 display:block;
}

label.inline {
 display:inline;
 margin-right:50px;
}

fieldset {
 padding:10px 5px 10px 5px;
 border:1px solid;
 border-radius:5px;
}

legend {
 color:#857d66;
}

input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
}

a, a:link, a:visited, a:active
{
  text-decoration: none;
}

a:hover
{
  text-decoration: none;
}

.clair, .clair a, .clair a:link, .clair a:visited, .clair a:active
{
  text-decoration: none;
}

.clair a:hover
{
  text-decoration: none;
}

.liencolonne, .liencolonne a, .liencolonne a:link, .liencolonne a:visited, .liencolonne a:active
{
  text-decoration: none;
}

.liencolonne a:hover
{
  text-decoration: none;
}

.apercu a:hover {
  text-decoration: underline;
}

.moyenne_frame_index
{
  width:1040px;
  background-position:center top;
  background-repeat:repeat-y;
}

.entete
{
  width:1000px;
  height:120px;
  font-size:20px;
  background-position:left top;
  background-repeat:no-repeat;
}

.entete2
{
  width:1000px;
  height:160px;
  font-size:20px;
  background-position:left top;
  background-repeat:no-repeat;
}

.lebloc
{
  width:1000px;
  background-color:#ffffff;
}

.bloc_droite_classement_in
{
  padding-top:10px;
  padding-bottom:10px;
  width:300px;
}

.barre_horizon_disc
{
  width:1000px;
}

.barre_horizon_pays
{
  width:1000px;
  height:30px;
  line-height:30px;
  vertical-align:middle;
}

.barre_horizon_item
{
  width:1000px;
  height:35px;
  background-color:#ffffff;
  font-size:20px;
  background-position:left top;
  background-repeat:no-repeat;
}

.barre_horizon_menu, .barre_horizon_menu2, .barre_horizon_menu3
{
  width:1000px;
  height:25px;
  line-height:25px;
  vertical-align:middle;
}

.barre_horizon_pays
{
  background-position:left top;
  background-repeat:repeat-x;
}

.hr_feinte
{
  width:100%;
  height: 5px;
  padding:0px;
  margin:0px;
  font-size: 1px;
  line-height: 10px;
  border: 0px;
  overflow:hidden;
  clear:both;
}

.hr_feinte3
{
  width:100%;
  height: 3px;
  padding:0px;
  margin:0px;
  font-size: 1px;
  line-height: 3px;
  border: 0px;
  overflow:hidden;

}

.hr_feinte3point
{
  width:100%;
  height: 3px;
  padding:0px;
  margin:0px;
  font-size: 1px;
  line-height: 3px;
  border: 0px;
  overflow:hidden;
  border-bottom:dotted 1px #c0c0c0;

}

.hr_feinte3pointfonce
{
  width:100%;
  height: 3px;
  padding:0px;
  margin:0px;
  font-size: 1px;
  line-height: 3px;
  border: 0px;
  overflow:hidden;
  border-bottom:dotted 1px #4D4D4D;

}

.hr_feinte10
{
  width:100%;
  height: 10px;
  padding:0px;
  margin:0px;
  font-size: 1px;
  line-height: 10px;
  border: 0px;
  overflow:hidden;

}

.colonne_droite
{
  position:relative;
  right:10px;
  float:right;
  width:320px;
}

.colonne_gauche
{
  position:relative;
  left:10px;
  width:650px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  background-position:top right;
  background-repeat:no-repeat;
}

.colonne_gauche_in
{
  width:650px;
}

.colonne_gauche_in_in
{
  width:630px;
}

.affich_diaporamou
{
  width:600px;
  background-color:#ffffff;
  border-radius: 6px;
}

.bloc_droite_actu, .bloc_droite_classement
{
  width:320px;
  background-position:left top;
  background-repeat:no-repeat;
  border-radius: 6px;
  -moz-border-radius: 6px;
  background-image:url('../images/elements/ombrage_bloc_droite.png');
  background-position:center top;
  background-repeat:repeat-x;
}

.bloc_droite_classement_in
{
  padding-top:10px;
  padding-bottom:10px;
  width:300px;
}

.bloc_droite_actu_in
{
  padding-top:10px;
  padding-bottom:10px;
  width:300px;
}

.ligne_pleine
{
  width:100%;
  height: 1px;
  line-height:1px;
  vertical-align:middle;
}

/* tableau home */

.item_diapo, .item_diapo_last
{
  width:150px;
  height:70px;
}

/* Onglets */

div.item_menu, div.item_menu_clair, .item_menu_choix, .item_menu_clair_choix
{
  margin-top:5px;margin-left:5px;
  padding-left:8px;padding-right:8px;line-height:30px;font-size:12px;height:30px;float:left;color:#000000;
  -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px; border-top-right-radius: 5px;
  -webkit-box-shadow:   1px 0px 0px rgba(0,0,0,0.4);
  -moz-box-shadow:  1px 0px 0px rgba(0,0,0,0.4);
  box-shadow:     1px 0px 0px rgba(0,0,0,0.4);
  opacity:0.6;
  filter : alpha(opacity=60);
  cursor : pointer;
  font-size:11px;
}

div.item_menu, div.item_menu_clair
{
 opacity:0.6;
 filter : alpha(opacity=60);
}

div.item_menu:hover, .item_menu_choix, div.item_menu_clair:hover, .item_menu_clair_choix
{
  opacity:1;
  filter : alpha(opacity=100);
}

div.item_menu_rect
{
  cursor : pointer;
  width:100px;
  height:48px;
  text-align:center;
  opacity:0.6;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  
}

div.item_menu_rect:hover
{
  opacity:1;
  -webkit-transform: scale(0.8);
  transform: scale(0.8); 
}

/* tableau class */

.tableau_class
{
  font-size:10px;
  border-collapse:collapse;
}

.tableau_class_normal, .tableau_class_solide
{
  font-size: 10px;
}

.tableau_class_fonce
{
  font-size: 10px;
  border-bottom: dotted 1px;
}

.tableau
{
  font-size: 12px;
  border-collapse:collapse;
  border: none;
}

.tableau_ligue
{
  font-size: 11px;
  border-collapse:collapse;
}

.tableauth
{
  border-bottom:solid 1px #4D4D4D;
}

.tirageausortcligno
{
  background-color:#ffD700;
}

.tirageausorttire
{
  background-color:#e9efde;
}

.leneant
{
  background-color:#ffffff;
}

.ecusson
{
  width:125px;
  height:135px;
  align-items: center;
  display: flex;
  float:right;margin-bottom:5px;
  border: solid 1px;
  border-radius: 5px;
}

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; }
.ui-widget-header{border-width:0px}

.affdiv {
  display:none;
  background-color:white;
  padding:3px;
  border-radius:4px;
  color:#857d66;
  position:relative;
  text-align:left;
  padding-bottom:5px;
}

.Ukraine {
    font-weight: bold;
    background: linear-gradient(rgba(30,144,255,1) 0%, rgba(255,255,0,1) 70%); 
    box-shadow: none;
}

.myButton {
   width: 100px;
  -moz-box-shadow: 2px 2px 0px 0px #809ea6;
  -webkit-box-shadow: 2px 2px 0px 0px #809ea6;
  box-shadow: 2px 2px 0px 0px #809ea6;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
  background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
  background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
  background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
  background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
  background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  display:inline-block;
  cursor:pointer;
  font-size:11px;
  text-decoration:none;
  border: none; 
  font-weight: bold;
  
}

.myButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
  background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
  background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
  background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
  background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
  background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
  background-color:#bab1ba;
}

.myButton:active {
  position:relative;
  top:1px;
}

.tdgauche {	
	border-radius: 8px 0 0 8px;
	text-align:center;
	vertical-align:middle;  
}
.tddroite {
	border-radius: 0 8px 8px 0;
	text-align:center;
	vertical-align:middle; 
}

._0, ._1, ._2, ._3, ._8 {
	text-align: center;
	border:none;
} 

._5, ._6, ._7 {
	text-align: right;
	border:none;
} 

.dc-table-head {
		vertical-align: middle;
		border-bottom: solid 1px;
}

.dc-table-group {
	 font-weight: bold;
}

.dc-table-column {
	 padding: 2px;
	 border-bottom: none;
}
.dc-chart {
	border:none;
}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

input[type=range] {
  height: 5px;
  -webkit-appearance: none;
  margin: 5px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #B6B6B6;
  border-radius: 25px;
  border: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #B6B6B6;
  border-radius: 25px;
  border: none;
}

input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #828282;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #DADADA;
  cursor: pointer;
  -webkit-appearance: none;
      margin-top: -2px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #B6B6B6;
}

input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #828282;
  border: none;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #DADADA;
  cursor: pointer;
  margin-top: -2px;
}

.glossy {
   background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
} 

.zoom_out
{
  cursor : pointer;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  
}

.zoom_out:hover
{
  -webkit-transform: scale(0.7);
  transform: scale(0.7); 
}

.switchButton {
	font-size:0.8em;
	text-align:center; 
	cursor:pointer;
}

.resume_top {
  border-top: solid 1px;
  border-bottom: solid 1px;
  font-size: 9px;
}
.resume_left {
  border-top: solid 1px;
  border-bottom: solid 1px;
  border-left: solid 1px;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  font-size: 9px;
}
.resume_right {
  border-top: solid 1px;
  border-bottom: solid 1px;
  border-right: solid 1px;
  border-top-right-radius: 5px;
  border-bottom-right-radius:5px;
  font-size: 9px;
}
.resume_sans {
  font-size: 9px;
  font-size: 1.5em;
  
}

.gris {
    background-color: #f8f8f8;
    border: none;
}

.blanc {
    background-color: white;
    border: none;
}

/* Tri Tableaux */
th.TableSorterDown, th.TableSorterUp, th.TableSorter
{
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 10px;
}

th.TableSorter
{
    background-image: url(../images/elements/ts_bg.png);
}

th.TableSorterUp
{
    background-image: url(../images/elements/ts_asc.png);
}

th.TableSorterDown
{
    background-image: url(../images/elements/ts_desc.png);
}

#selectable 
{ 
    list-style-type: none; 
    margin:0;
    padding:0;
    height:400px;
    overflow:auto;
    background-color:#eeeeee
}

#autresclubs 
{ 
    list-style-type: none; 
    margin:0;
    padding:0;
    height:400px;
    overflow:auto;
    background-color:#eeeeee
}

#autresclubs li:hover 
{ 
    background-color:#d0dfbb;
    cursor:copy;
}

.clublistitem 
{
    height:30px;
    padding-left:40px;
    line-height:30px;
    vertical-align:middle;
    background-position:5px center;
    background-repeat:no-repeat;
    margin-bottom:2px;
}

.sous_titre 
{
    font-size:1.1em; 
    border:none; 
    font-weight:bold;
}

.separateur 
{ 
    border-top: solid 1px #c0c0c0; 
}

.shadowbox  
{ 
    width: 20em;
    border: 1px solid #c0c0c0;
    box-shadow: 5px 5px 3px #c0c0c0;
    padding: 10px;
    border-radius: 5px; 
}

.mydraft    
{ 
    background-color:#f5f4e9;
}

.nodraft    
{ 
    font-style: italic;
    color:#D8D8D8; 
}

.Toshow     
{ 
    display:none; 
}

.videoContainer 
{
  width:630px; 
  height:450px;
  border-radius: 10px;
}

.admin_legend   
{
    font-size: 14px; 
    font-weight: bold; 
    font-style: italic; 
    padding: 0 3px 0 3px;
}

.fondation 
{
    font-size:0.9em;
}
</style>