/* Mise en forme du body */

body { background-color:#383c47; margin: 0 0 0 0;}

img	{  border-style: none; }

/* ID(#) - Mise en forme de la page en DIV -  */

#header { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:143px; width:762px; background-image:url(images/header.jpg);}

#menu { margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 32px; width: 662px; background-image:url(images/bgMenuH.gif); padding-left: 50px; padding-right: 50px;}

#contenuHaut {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height:39px; width:762px; background-image:url(images/contenuTop.gif);}

#contenuBg {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height:auto; width:762px; background-color: #282b33; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}

#boiteTexte{float: left; width: 762px; height: auto; background-color: #282b33;}

#boiteMenuD{float: left; width: 201px; height: auto; padding-right: 5px;}

#footer {position: absolute; bottom: 10px; margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 32px; width: 762px; text-align:center; background-image:url(images/footer.gif); background-position:top; background-repeat:no-repeat; padding-top: 22px;}

.spacer {
	clear: both;
}

/* CLASS - Mise en forme des textes */

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #8e939f;}


/* Titre */

.titre {font-family: Verdana, Arial, Helvetica, sans-serif; width: 434px; height: 26px; background-image: url(images/bgTitre.jpg); font-size: 14px; color: #ffffff; font-weight: bold; padding-left: 40px; padding-top: 7px;}

/* Autre textes */

.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #8e939f;}
.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6f6f6f;}


/* Liens par défault */

a:link {color: #CCC; text-decoration: underline;}
a:visited {color: #CCC; text-decoration: underline;}
a:hover {color: #000; text-decoration: none;}


/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau est non sur le texte*/

.menu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #111; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #111; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #555; text-decoration: none;}
.menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #383c47; text-decoration: none; text-align:center;}


/* Liens pour le menu vertical RUBRIQUE - Doir être appliqué sur la cellule <td> ou tableau ou DIV est non sur le texte*/

.separateurD{background-color: #CCC; background-image:url(images/separateurD.gif); background-repeat: no-repeat; background-position: bottom; margin: 0 0 0 0px; height: 15px; padding-top: 6px; padding-bottom: 7px; padding-left: 14px; padding-right: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; text-align:left; font-weight: bold;}
.rubriqueD a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #111; text-decoration: none; font-weight: bold;}
.rubriqueD a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #111; text-decoration: none; font-weight: bold;}
.rubriqueD a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #555; text-decoration: none; font-weight: bold;}
.rubriqueD{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; text-align:left; font-weight: bold;}


/* A appliquer a form */

.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #4e4e4e; border: 0px; background-color: #fff; margin: 0 0 0 0px; padding-top: 15px; padding-left:23px;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px; color: #fff; border: 1px solid #18191c; background-color: #383c47; padding-top:1px; padding-bottom:1px; padding-left: 5px; font-weight:normal;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#383c47; font-weight:normal; margin: 0 0 0 0px;}


/* tracker code */

p.login2_index { position:absolute; top: 190px; left: 22%;}
p.login1_index { position:absolute; top: 190px; left: 22%;}

form {
  text-align: center;
}

table {
  border-spacing:   0px;
  border:           none;
  background-color: #282b33;
  margin-right:auto;
  margin-left:auto;
  margin-bottom: 20px;
}

tr.odd {
  background-color: #383c47;

}

tr.even {
  background-color: #282b33;
}

tr.com_body {
  background-color: #282b33;
}

tr.com_header {
  background-color: #282b33;
}

th {
  color:            #FFFFFF;
  background-color: #282b33;
  padding:          1px 2px 1px 2px;
  vertical-align:   top;
  font-family:      verdana, arial, helvetica, sans-serif;
  font-size:        8pt;
}

td {
  padding:          1px 2px 1px 2px;
  font-family:      verdana, arial, helvetica, sans-serif;
  font-size:        7pt;
  color: #AAA;
}

td.name, td.download, td.bytes, td.date, td.infolink, td.admin {
  white-space:      nowrap;
}

td.download, td.percent, td.infolink, td.admin, td.ip {
  text-align:       center;
}

td.bytes, td.connected {
  text-align:       right;
}

td.number, td.number_red, td.number_yellow, td.number_green {
  text-align:       center;
}

td.number_red {
  color:            red;
}

td.number_yellow {
  color:            yellow;
}

td.number_green {
  color:            #96E48F;
}