@import "topmenu.css";

* { margin: 0; padding: 0; }

body {
  margin: 0 auto ;
  padding: 0;
  color: #727272;
  background-color:#000;
  background-image: url(http://www.btstar.com/poolf1/images/bgpool.jpg);
  background-repeat: no-repeat;
  background-position: top;
  font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
  text-align: center;
  line-height: 18px;
}

#wrap {
	width: 988px;
	margin: 10px auto;
  margin-top: 0px;
	text-align: left;
	background:#ffffff;
	padding: 0;
}

hr { height: 0px; border: dotted #ccc 0px; border-top-width: 1px; clear:both;}

.white { font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 9px ; letter-spacing: 0px; color : #ccc; }
a.white, a.white:visited,a.white:hover, a.white:link, a.white:active { text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 9px ; letter-spacing: 0px; color : #ccc; }

.white2 { font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 9px ; letter-spacing: 0px; color : #fff; }
a.white2, a.white2:visited,a.white2:hover, a.white2:link, a.white2:active { text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 9px ; letter-spacing: 0px; color : #fff; }

.gensmall { font-size : 11px; }
a.gensmall, a.gensmall:visited,a.gensmall:hover, a.gensmall:link, a.gensmall:active { color : #000000; text-decoration: none; }

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }

a:link,a:active,a:visited { color : #000000; text-decoration: none; }
a:hover	{ text-decoration: none; }

/* General text */
.genbig { font-size : 18px; }
.gen { font-size : 14px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 11px; }
.genmini { font-size : 8px; }

.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall,a.genmini { color: #000000; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover,a.genmini:hover	{ color: #000000; text-decoration: none; }

.entetesmall { font-size: 11px; font-weight:bold; line-height:1.8em; color:#cc0000; }
.entete { font-size: 14px; font-weight:bold; line-height:1.8em; color:#cc0000; }
.entetebig { font-size: 16px; font-weight:bold; line-height:1.8em; color:#cc0000; }

a.entetesmall, a.entetesmall:visited,a.entetesmall:hover, a.entetesmall:link, a.entetesmall:active { font-size: 11px; font-weight:bold; line-height:1.8em; color:#cc0000; }
a.entete, a.entete:visited,a.entete:hover, a.entete:link, a.entete:active { font-size: 14px; font-weight:bold; line-height:1.8em; color:#cc0000; }
a.entetebig, a.entetebig:visited,a.entetebig:hover, a.entetebig:link, a.entetebig:active { font-size: 16px; font-weight:bold; line-height:1.8em; color:#cc0000; }

.h2 {
 font-size : 20px ;
}


/* Couleur des en-tête */

.color {
    text-align: center;
   /* background-color: #000000; */
   border-bottom: 1px dotted #cc0000;
}

/* Couleur des cellules */

.color1 {
    text-align: center;
    background-color: #F7F9F8;
}

.color1b {
    text-align: center;
    background-color: #F7F9F8;
}

tr.color1b:hover {
    text-align: center;
    background-color: #FFFFFF;
}


/* Couleur des cellules D1D4D7*/
.color2 {
    text-align: center;
    background-color: #E1E3E2;
}

/* Couleur des cellules pour alternance*/
.color3 {
    text-align: center;
    background-color: #EDEFEE;
}

/* Couleur des cellules pour alternance des tableaux seulement*/
.color4 {
    text-align: center;
    background-color: #FFFFFF;
}

.color4b {
    text-align: center;
    background-color: #FFFFFF;
}

tr.color4b:hover {
    text-align: center;
    background-color: #EDEFEE;
}

/* Couleur des cellules des r?ltats seulement4C994C*/
.colorvert {
    text-align: center;
    background-color: #5E995E;
}

td.colorvert:hover {
    text-align: center;
    background-color: #009900;
}

/* Couleur des cellules des r?ltats seulement5CA0EB*/
.colorbleu {
    text-align: center;
    background-color: #6DA2FF;
}

td.colorbleu:hover {
    text-align: center;
    background-color: #005DFF;
}


/* Couleur des cellules des r?ltats seulement*/
.colorrouge {
    text-align: center;
    background-color: #FF5151;
}

td.colorrouge:hover {
    text-align: center;
    background-color: #FF0000;
}

.vert  {font-weight: bold; font-size: 10px; color:#009900;}
.bleu {font-weight: bold; font-size: 10px; color:#6DA2FF;}
.rouge   {font-size: 10px; color:#ff0000;}

input.button {
	background-color : #D7D9D8;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* None-bold submit button */
input.liteoption {
	background-color : #D7D9D8;
	font-weight : normal;
}

/* The main submit button option */
input.mainoption {
	background-color : #D7D9D8;
	font-weight : bold;
}

/* Liste d?ulante */
select.sel_color3, option {
	background-color: #F1F3F2;
	font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

select.sel_color4, option {
	background-color: #FFFFFF;
	font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Liste d?ulante */
select.sel_color1, option {
	background-color: #F7F9F8;
	font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Liste d?ulante */
select, option {
	background-color: #FFFFFF;
	font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

input {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  background-color: #ffffff;
  border: 1px solid #000000;
  margin-top: 2px;
  margin-bottom: 2px;
}

#identification{
  margin-right: auto;
  margin-left: auto;
  padding: 5px;
  width: 550px;
  height: 200px;
  background-color: #D7D9D8;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}

.blancsm { font-size : 10px; color : #ffffff;text-transform:uppercase;}
a.blancsm, a.blancsm:visited, a.blancsm:link, a.blancsm:active { font-size: 10px; color : #ffffff; text-decoration: none; }

.attention { color:#005DFF; }

.red {font-weight: bold; font-size: 11px; color : #ff0000; }
a.red:hover { font-weight: bold;  font-size: 11px; color : #ff0000; }
a.red, a.red:visited, a.red:link, a.red:active { font-weight: bold; font-size: 11px; color : #ff0000; }

.blanc {font-weight: bold; font-size: 11px; color : #ffffff; }
a.blanc:hover { font-weight: bold;  font-size: 11px; color : #ffffff; text-decoration: none;}
a.blanc, a.blanc:visited, a.blanc:link, a.blanc:active { font-weight: bold; font-size: 11px; color : #ffffff; text-decoration: none; }

/* blanc en-tête */
a.infobc, a.infobc:hover, a.infobc:visited, a.infobc:link {
  font-size : 10px; 
  color : #ffffff;
}

/* Pour l'ouverture d'une fenêtre interne */
a.submodal, a.submodal-750-650, a.submodal-750-325, a.submodal-830-530 {
  position:relative;
  text-decoration: none;
}

a.submodal:hover, a.submodal-750-650:hover, a.submodal-750-325:hover, a.submodal-830-530:hover {
   background: none; 
   z-index: 500; 
}

a.submodal span, a.submodal-750-650 span, a.submodal-750-325 span, a.submodal-830-530 span {display: none;}

a.submodal:hover span, a.submodal-750-650:hover span, a.submodal-830-530:hover span {
   filter:alpha(opacity=85);
   -moz-opacity:.85;
   opacity:.85;
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-size:10px;
   font-weight:bold;
   width:auto;
   top: -10px; 
   left: auto;
   background: #FFFFFF;
   padding: 3px;
   border: 1px solid #000000;
   border-top: 4px solid #000000;
   border-left: 2px solid #000000;
   border-right: 1px solid #000000;
}

a.submodal-830-530:hover span {
   filter:alpha(opacity=85);
   -moz-opacity:.85;
   opacity:.85;
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-size:10px;
   font-weight:bold;
   width:auto;
   top: 20px; 
   left: -50px;
   background: #FFFFFF;
   padding: 3px;
   border: 1px solid #000000;
   border-top: 4px solid #000000;
   border-left: 2px solid #000000;
   border-right: 1px solid #000000;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.details {
  background-color: #EDEFEE;
  border:solid 1px #666666; 
  margin: 5px 5px 5px 10px ;
  padding: 5px 5px 5px 5px ;
  font-size : 11px;
  color: #000000; 
  text-decoration: none;
}

.defis {
  background-color: #EDEFEE;
  border:solid 1px #666666; 
  margin: 5px 5px 5px 5px ;
  padding: 5px 5px 5px 5px ;
}

#dhtmltooltip{
  position: absolute;
  left: -300px;
  width: 150px;
  border: 1px solid black;
  padding: 2px;
  background-color: #F7F9F8;
  color: #000000;
  visibility: hidden;
  z-index: 100;
  filter:alpha(opacity=85);
   -moz-opacity:.85;
   opacity:.85;
  /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
  position:absolute;
  left: -300px;
  z-index: 101;
  visibility: hidden;
}

/* Pop-up image */
a.infoimage {
  position:relative;
  text-decoration: none;
}

a.infoimage:hover {
   background: none; 
   z-index: 500; 
}

a.infoimage span {
  display: none;
}

a.infoimage:hover span {
   filter:alpha(opacity=90);
   -moz-opacity:.90;
   opacity:.90;
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-size:10px;
   font-weight:bold;
   width:auto;
   top: 15px; 
   left: 25px;
   background: #EDEFEE;
   padding: 3px;
   border: 1px solid #000000;
}

# footer {
background: #000;
}

#gp {
  position: relative;
  float: left;
  margin-left: 10px; 
}

#adv {
  position: relative;
  width: 300px;
  float: left;
}

#contenu {
  position: relative;
  width: 160px;
  float: left;
}

#contenu2 {
  position: relative;
  width: 160px;
  float: left;
}

#button {
  position: relative;
  width: 120px;
  float: left;

}