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(https://betforami.gaupillat.eu/images/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(https://betforami.gaupillat.eu/images/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(https://betforami.gaupillat.eu/images/s_success.gif)   no-repeat center; opacity: 1; color:rgb(3, 221, 3);}
TD.coche1n2#perdu { background:url(https://betforami.gaupillat.eu/images/s_insuccess.gif) no-repeat center; opacity: 0.5; color: red;}

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; }

.grosblanc { color:white; FONT-SIZE: 18px; FONT-WEIGHT: 600; BORDER:0px; text-align: center; margin-bottom:5px;}
.grosrouge { COLOR: red; FONT-SIZE: 18px; 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(https://betforami.gaupillat.eu/images/haut_clair01.gif) repeat-x; background-position:bottom; }
.barre_menu_hg    {background: url(https://betforami.gaupillat.eu/images/haut_g_clair.gif) no-repeat; background-position:bottom;width:6px; }
.barre_menu_hd    {background: url(https://betforami.gaupillat.eu/images/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(https://betforami.gaupillat.eu/images/bg_barre_jaune.gif) repeat-x; }
.barre_menu_on  {background: url(https://betforami.gaupillat.eu/images/bg_bt_clair_on.gif) repeat-x; }
.barre_menu_off .gauche {width : 4px; height : 100%; float: left; background: url(https://betforami.gaupillat.eu/images/gauche_barre_jaune.gif) repeat-x;}
.barre_menu_off .droite {width : 4px; height : 100%; float: right;background: url(https://betforami.gaupillat.eu/images/droite_barre_jaune.gif) repeat-x;}
.barre_menu_on  .gauche {width : 4px; height : 100%; float: left; background: url(https://betforami.gaupillat.eu/images/gauche_bt_clair_on.gif) repeat-x;}
.barre_menu_on  .droite {width : 4px; height : 100%; float: right;background: url(https://betforami.gaupillat.eu/images/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(https://betforami.gaupillat.eu/images/haut_clair.gif); vertical-align:bottom;}
.bloc_clair .bas  {background: url(https://betforami.gaupillat.eu/images/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(https://betforami.gaupillat.eu/images/haut_g_clair.gif) ;float: left; }
.bloc_clair .haut .bord_droit  {background: url(https://betforami.gaupillat.eu/images/haut_d_clair.gif) ;float: right; }
.bloc_clair .bas  .bord_gauche {background: url(https://betforami.gaupillat.eu/images/bas_g_clair.gif)  ;float: left; }
.bloc_clair .bas  .bord_droit  {background: url(https://betforami.gaupillat.eu/images/bas_d_clair.gif)  ;float: right; }

.bloc_clair .contenu { /* height:530px; */
  background: url(https://betforami.gaupillat.eu/images/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(https://betforami.gaupillat.eu/images/gauche_clair.gif) ;float: left; }
.bloc_clair .contenu .bord_droit   {min-height : 100% ; height : 100%; width : 4px;background: url(https://betforami.gaupillat.eu/images/droite_clair.gif) ;float: right; }

/* bandeau entête */
.entete .logo   {background: url(https://betforami.gaupillat.eu/images/bet4ami_logo.gif) ;float: left; height:51; }
.entete .bouton {background: url(https://betforami.gaupillat.eu/images/header.jpg)       ;float: left; height:51; }
.entete .btnacc {background: url(https://betforami.gaupillat.eu/images/BARRE_off_home.gif)   ;float: left; height:51; }
.entete .btncon {background: url(https://betforami.gaupillat.eu/images/BARRE_off_event.gif)  ;float: left; height:51; }
.entete .btndec {background: url(https://betforami.gaupillat.eu/images/BARRE_off_logoff.gif) ;float: left; height:51; }
.entete .btnhlp {background: url(https://betforami.gaupillat.eu/images/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.87);
  border-radius: 5px;
}
.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);
  border-radius: 5px;
}
.footer {
  background-color: #185897;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 5px;
}

button {
  background-color: #33b5e5; /* mon bleu */
  border: none;
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 12px;
}
button:hover {background-color: #0099cc;}

/* Paris container */
.paris-container {
  width: 80%;
  margin: auto;
  padding:0px;
	background-color: #f2f2f2;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0, 0, 0, 0.87);
  border-radius: 5px;
  display:flex;
  flex-direction: row;
}
.paris-container > div {
  width: 60px;
  margin: auto;
  padding: 5px 0px 5px 0px;
  text-align: center;  
}
div.paris-match {
  width: 90%;
  padding: 0px 0px 5px 0px;
}
div.paris-mise {
  position:relative;
  top:0;
  padding:0;
  margin:5px 0 0 0;
  height: 100%;
}
.plus, .moins {
  cursor: pointer;
  position: absolute;
  right: 0;
  left: 0;
  padding: 5px;
  margin : auto; /*3px auto 3px auto; */
  width: 30px;
  height: 30px;
  color: black;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
/* Position the "next button" to the right */
.plus {
  top: -12px;
}
.moins {
  bottom: -12px;
}
.paris-container input[type=text]  {
  width: 30px;
  text-align:center;
  margin-top:2px;
  border: 0px solid #ccc;
  border-radius: 3px;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
.autre-container input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* On hover, add a black background color with a little bit see-through */
.plus:hover, .moins:hover {
  background-color: rgba(0,0,0,0.8);
}
@media (hover: none) and (pointer: coarse) {
  .plus:active .moins:active {
    display: block; /* Show on active class */
  }
}

@media screen and (max-width: 600px) {
  .paris-container {
    width: 100%;
    display:table;
  }
  .paris-container > div {
    display:table-cell;
    vertical-align:middle;
  }
  div.paris-match {
    width: auto;
  }
  div.paris-score {
    width: 100%;
    display:table-row;
  }
  .grosrouge {font-size:14px;}
}

/* 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; }


*/