BODY { BACKGROUND-COLOR: white; 
  COLOR: black; 
  FONT-FAMILY: Verdana, Helvetica, Arial; 
  FONT-SIZE: 12px; padding: 0; margin: 0; }
IMG   { BORDER: 0; }
FORM  {margin: 0; padding:0;}
IFRAME.popup {display:none; background:white; 
  box-shadow: 10px 10px 5px #888888; 
  position: absolute; padding:0; margin: 0; 
	top:30px; width:450px; height:450px; text-align: center; }

A       { BACKGROUND-COLOR: transparent; COLOR: #000aff; /*  b8c9d7 c1d8e5 */ TEXT-DECORATION: none; }
A:hover { BACKGROUND-COLOR: #185897;     COLOR: #ffff00; }
A.neutre       { BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; COLOR: #00afff; }
A.neutre:hover { BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; }

/* position et taille de la fenetre */
.defilerANNULE {overflow-x: auto; overflow-y: scroll; padding: 0 16px 0 0; margin: 0; text-align:center; }

TABLE.cadre       {width: 100%; border: 0; padding: 0; margin: 0; }
TD.cadre_joueur   { 
  BORDER-LEFT : #037eb6 1px solid; TEXT-ALIGN: left; 
  WIDTH : 200px; FONT-SIZE: 10px; }
TD.cadre_concours { 
  BORDER-RIGHT: #037eb6 1px solid; 
  TEXT-ALIGN: center; }

TABLE.disposition {
  width: 860px; table-layout: fixed; 
  border: 0; border-collapse: collapse; 
  padding: 0; margin-top: 0px; background: url(http://img.gaupillat.eu/bg_clair.gif) repeat-x; }
TABLE.disposition TD {	margin-top: 0px; Padding : 0; /* border-collapse: collapse; */ }

TR.tableau  { BACKGROUND-COLOR: #f2f2f2; FONT-FAMILY: Arial; 
  COLOR: #000000; vertical-align: middle;}
TR.bgclair  { BACKGROUND: url(http://img.gaupillat.eu/bg_clair.gif) repeat-x; }
TD.titre    { BACKGROUND-COLOR: #185897; TEXT-ALIGN: center; font-size: 14px;
  COLOR: white; FONT-WEIGHT: 600; HEIGHT: 30px; VERTICAL-ALIGN: middle; }
TD.ligne_haut { BORDER-TOP: #037eb6 thin solid; }
TD.ligne_bas  { BORDER-BOTTOM: #037eb6 thin solid; }
TD.interligne { BACKGROUND-COLOR: #c1d8e5; COLOR: #000000; 
  FONT-SIZE: 1px; LINE-HEIGHT: 1px; HEIGHT: 2px; }

TD.coche1n2 { font-size:16px; font-weight:bold; width:16px; 
  text-align:center; BORDER-RIGHT: #037eb6 1px solid; BORDER-LEFT: #037eb6 1px solid; BORDER-TOP: #037eb6 1px solid; BORDER-BOTTOM: #037eb6 1px solid; }
TD.coche1n2#gagne { background:url(http://img.gaupillat.eu/s_success.gif)   no-repeat center; }
TD.coche1n2#perdu { background:url(http://img.gaupillat.eu/s_insuccess.gif) no-repeat center; }

H2 { BORDER-BOTTOM: #4169e1 thick groove; BORDER-LEFT: #4169e1 thick groove; BORDER-RIGHT: #4169e1 thick groove; BORDER-TOP: #4169e1 thick groove; 
     FONT-SIZE: 18px; FONT-WEIGHT: 600; margin-top: 0px; margin-bottom: 0px;}

.marque  { BACKGROUND-COLOR: #b8c9d7; COLOR: #000000; FONT-FAMILY: Arial; FONT-WEIGHT: bold; }
.doree   { COLOR: #ff7700; FONT-WEIGHT: bold; FONT-FAMILY: Arial;}
.match   { COLOR: #000000; FONT-WEIGHT: bold; TEXT-ALIGN: center;}

.rouge     { COLOR: red; FONT-WEIGHT: bold; }
.grosrouge { COLOR: red; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.grosvert  { COLOR: limegreen; 
  FONT-FAMILY: Arial, Helvetica; 
  FONT-SIZE: 20px; FONT-WEIGHT: bolder; /* LINE-HEIGHT: 1cm; */ }
.grosgris  { COLOR: #808080;   FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 16px; FONT-WEIGHT: bolder; /* LINE-HEIGHT: 1cm; */}
.petit     { FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica; }
.petitvert { FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica; COLOR: #008000; }
.superpetitnoir { FONT-SIZE: 8px; FONT-FAMILY: Arial, Helvetica; COLOR: #000000; }

/* barre des menus (ecran concours) */
.barre_menu_on, .barre_menu_off { width: 100%; height : 28px; text-align:center; }
.barre_menu_inter {background: url(http://img.gaupillat.eu/haut_clair01.gif) repeat-x; background-position:bottom; }
.barre_menu_hg    {background: url(http://img.gaupillat.eu/haut_g_clair.gif) no-repeat; background-position:bottom;width:6px; }
.barre_menu_hd    {background: url(http://img.gaupillat.eu/haut_d_clair.gif) no-repeat; background-position:bottom;width:6px;}
.liens {padding-top : 7px; font-weight:bold; }
.barre_menu_on A, .barre_menu_off A { color : #666; }
.barre_menu_on A:hover, .barre_menu_off A:hover {color : #00afff; background-color: transparent; }
.barre_menu_off {background: url(http://img.gaupillat.eu/bg_barre_jaune.gif) repeat-x; }
.barre_menu_on  {background: url(http://img.gaupillat.eu/bg_bt_clair_on.gif) repeat-x; }
.barre_menu_off .gauche {width : 4px; height : 100%; float: left; background: url(http://img.gaupillat.eu/gauche_barre_jaune.gif) repeat-x;}
.barre_menu_off .droite {width : 4px; height : 100%; float: right;background: url(http://img.gaupillat.eu/droite_barre_jaune.gif) repeat-x;}
.barre_menu_on  .gauche {width : 4px; height : 100%; float: left; background: url(http://img.gaupillat.eu/gauche_bt_clair_on.gif) repeat-x;}
.barre_menu_on  .droite {width : 4px; height : 100%; float: right;background: url(http://img.gaupillat.eu/droite_bt_clair_on.gif) repeat-x;}

/* cadre d'affichage des infos */
.bloc_clair .haut, .bloc_clair .bas {width : 100%;  background-repeat:repeat; font-size : 1px;  height : 4px;  line-height : 4px;}
.bloc_clair .haut {background: url(http://img.gaupillat.eu/haut_clair.gif); vertical-align:bottom;}
.bloc_clair .bas  {background: url(http://img.gaupillat.eu/bas_clair.gif); }
.bloc_clair .haut .bord_gauche, .bloc_clair .haut .bord_droit, .bloc_clair .bas .bord_gauche, .bloc_clair .bas .bord_droit {width : 4px; height : 4px;  line-height : 4px; font-size : 1px; }
.bloc_clair .haut .bord_gauche {background: url(http://img.gaupillat.eu/haut_g_clair.gif) ;float: left; }
.bloc_clair .haut .bord_droit  {background: url(http://img.gaupillat.eu/haut_d_clair.gif) ;float: right; }
.bloc_clair .bas  .bord_gauche {background: url(http://img.gaupillat.eu/bas_g_clair.gif)  ;float: left; }
.bloc_clair .bas  .bord_droit  {background: url(http://img.gaupillat.eu/bas_d_clair.gif)  ;float: right; }

.bloc_clair .contenu { /* height:530px; */
  background: url(http://img.gaupillat.eu/bg_clair.gif) repeat-x; 
  margin:0px; padding:0px; vertical-align:middle; text-align:center; }  
.bloc_clair .contenu .bord_gauche {min-height : 100% ; height : 100%; width : 4px;background: url(http://img.gaupillat.eu/gauche_clair.gif) ;float: left; }
.bloc_clair .contenu .bord_droit   {min-height : 100% ; height : 100%; width : 4px;background: url(http://img.gaupillat.eu/droite_clair.gif) ;float: right; }

/* bandeau entête */
.entete .logo   {background: url(http://img.gaupillat.eu/bet4ami_logo.gif) ;float: left; height:51; }
.entete .bouton {background: url(http://img.gaupillat.eu/header.jpg)       ;float: left; height:51; }
.entete .btnacc {background: url(http://img.gaupillat.eu/BARRE_off_home.gif)   ;float: left; height:51; }
.entete .btncon {background: url(http://img.gaupillat.eu/BARRE_off_event.gif)  ;float: left; height:51; }
.entete .btndec {background: url(http://img.gaupillat.eu/BARRE_off_logoff.gif) ;float: left; height:51; }
.entete .btnhlp {background: url(http://img.gaupillat.eu/BARRE_off_help.gif)   ;float: left; height:51; }

li > A { BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; COLOR:white; }
li > A:hover { BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; }

.acentre { float: none; TEXT-ALIGN: center; }
.agauche { TEXT-ALIGN: left;  }
.adroite { TEXT-ALIGN: right; }
.fltgauche { float: left;  TEXT-ALIGN: left;   }
.fltdroite { float: right; TEXT-ALIGN: right; }

#blk-joueur { vertical-align:middle; padding:0;}

.col1-12 {width: 8.33%;}
.col1-6 {width: 16.66%;}
.col1-4 {width: 25%;}
.col1-3 {width: 33.33%;}
.col5-12 {width: 41.66%;}
.col1-2 {width: 50%;}
.col7-12 {width: 58.33%;}
.col2-3 {width: 66.66%;}
.col3-4 {width: 75%;}
.col5-6 {width: 83.33%;}
.col11-12 {width: 91.66%;}
.col1 {width: 100%;}

* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 10px;
}

html {
  font-family: "Lucida Sans", sans-serif;
}

.header {
  background-color: #185897;
  color: #ffffff;
  padding: 5px;
  overflow-y: hidden;
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.menu li {
  padding: 8px;
  margin-bottom: 7px;
  background-color: #33b5e5;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu li:hover {
  background-color: #0099cc;
}

.aside {
  background-color: #33b5e5;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.footer {
  background-color: #185897;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 5px;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}
[class*="dis-"] {
  display: none;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .dis-0 {display: inline;}
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}

/*

.vide { BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; }
.normalzzdoree { COLOR: #ffd700; FONT-FAMILY: Arial; }
.normalzzblanc { COLOR: #ffffff; FONT-FAMILY: 'Times New Roman', Verdana, Helvetica, Arial; FONT-SIZE: 12px; }
.groszzblanc   { COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: large; FONT-WEIGHT: 600; TEXT-ALIGN: center; }
.normalzz { FONT-FAMILY: Helvetica, Arial, Verdana; FONT-SIZE: 12px; }
A.aforum { BACKGROUND-COLOR: transparent; COLOR: #ffd700; FONT-FAMILY: Verdana, Helvetica, Arial; TEXT-DECORATION: none; }
A.aforum:hover   { COLOR: #fffa00; FONT-FAMILY: Verdana, Helvetica, Arial; TEXT-DECORATION: none; }
A.aforum:visited { BACKGROUND-COLOR: transparent; COLOR: #ffca50; TEXT-DECORATION: none; }


*/