@charset "iso-8859-1";

body {
  height:100%;
  background-color:#72706F;
  margin:0px; padding:0px;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: rgb(255,255,255);
  word-spacing: 0px;
}

/*----------------   page ---------------------------*/
#page {
   position:relative;
   margin: 0px auto; /* Right and left margin widths set to "auto" */
   text-align: left; /* on rétablit l'alignement normal du texte */
   width: 860px;
 }


 /* en_tete ------------------------------------------------------------------------------- */
#entete {
  position:relative;
  z-index:100;
  height:78px;
}

#entete a
  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  color: rgb(255,255,255);
  text-decoration: none;
  border:0px;
}

#entete a:hover{
  text-decoration: underline;
}

#entete em {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  color: rgb(255,204,51);
  font-style: normal;
}

#logo {
    position:absolute;
    top:0px;
    left:0px;
  width: 197px;
  height:49px;
}

#logo img {
  border: 0px;
}

#nb_connecte{
  position:absolute;
  top:26px;
  left:197px;
  width: 600px;
  text-align:right;
  margin: 0px;
}

#nb_connecte a{
  padding-right: 15px;
}

#trait_deco {
    position:absolute;
    top:38px;
    left:197px;
    width: 600px;
    height: 16px;
    background: transparent url(../images/trait_haut.gif) no-repeat;
}

#login{
  position:absolute;
  top:45px;
  left:0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  text-align:center;
  color: rgb(255,255,255);
  margin-top: 4px;
  width: 197px;
  }

#menu_haut {
  position:absolute;
    top:63px;
    left:180px;
  width: auto;
  height: 20px;
  padding-top:1px;
 }

#menu_haut a {
  position:relative;
  background-color: #5D5D5D;
  margin-left: 3px;
  padding: 2px 4px;
  border: 1px solid rgb(193,193,193);
}

#menu_haut a:hover {
  background-color:#0099FF;
  text-decoration: none;
}

#menu_haut a.selectionne {
  position:relative;
  background-color: #426BBB;
  margin-left: 5px;
  padding: 2px 4px;
  color: rgb(255,255,255);
  font-style: normal;
  border: 1px solid rgb(193,193,193);
  border-bottom: 1px solid #426BBB;
}

 /*---------------- conteneur zone_jeux ------------------*/
#conteneur_zone_jeu{
  position:relative;
  z-index:10;
  background-color: #426BBB;
  border: 1px solid rgb(193,193,193);
}

/*---------------- conteneur menu_gauche ------------------*/
#conteneur_menu_gauche,
#conteneur_menu_droite{
 position: relative;
 padding-left:10px;
 padding-top:4px;
 float:left;
 height:420px;
}

/*---------------- les zones du menu gauche ------------------*/

#zone_login,
#zone_divers,
#zone_en_attentes,
#zone_sondages,
.zone_admin{
  position: relative;
  background-color: #28166F;
  border: 1px solid rgb(193,193,193);
  padding:4px;
  margin:4px;
  margin-top:8px;
}

#zone_sondages{
  width:140px;
}

#zone_en_attentes{
  margin-top:6px;
}

#zone_en_cours,
#zone_termines{
  position: relative;
  padding:0px;
  margin-top:4px;
  padding-left:4px;
}

#champs_zone_login,
#clair_zone_divers,
#clair_zone_en_attentes,
.clair_zone_admin,
#clair_zone_sondage{
  background-color: rgb(217,225,245);
  border: 0px;
  padding:1px 4px 2px 4px;
  margin:4px 0px 4px 0px;
}

#clair_zone_divers,
#clair_zone_en_attentes,
.clair_zone_admin,
#clair_zone_sondage{
  padding-top:0px;
  padding-bottom:2px;
}

#zone_login h2,
#zone_divers h2,
#zone_en_attentes h2,
.zone_admin h2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: rgb(255,255,255);
  margin:0px;
}

#zone_login em,
#zone_divers em,
#zone_en_attentes em,
.zone_admin em{
  color: rgb(255,204,51);
}

#zone_login p {
  margin:0px;
}

#zone_login label,
#zone_divers a,
#clair_zone_en_attentes a,
.clair_zone_admin a,
#zone_sondages label{
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(0,51,153);
  font-weight: bold;
  text-decoration: none;
}

#zone_login  ul,
#zone_divers ul,
#clair_zone_en_attentes ul,
#clair_zone_sondage ul,
.clair_zone_admin ul{
  margin:0px;
  padding:0px;
  list-style:none;
  color: rgb(0,51,153);
}

#zone_divers a:hover,
#clair_zone_en_attentes a:hover,
.clair_zone_admin a:hover{
  text-decoration: underline;
  cursor:pointer;
}

#zone_login input,
.lien_type_bouton{
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(255,255,255);
  font-weight: bold;
  font-size:10px;
  background-color: rgb(0,124,195);
  border: 1px solid rgb(193,193,193);
  padding:2px;
  margin:1px;
  margin-top:2px;
  text-align:left;
  z-index:24;
}



#zone_login input.bouton,
.lien_type_bouton{
  cursor:pointer;
  padding:0px;
  text-align:center;
}

#zone_login input.bouton:hover,
.lien_type_bouton:hover{
   background-color:#0099FF;
   text-decoration:none;
   z-index:25;
}

.lien_type_bouton span,
.hint span{display: none}

.lien_type_bouton:hover span,
.hint:hover span{
   display: block;
   position: absolute;
   z-index: 500;
   margin:1em 0 0 -10em;
   background-color:#C0D3EA;
   text-align: left;
   padding: 3px;
   border: 2px solid rgb(0,51,153);
   color: rgb(0,51,153);
  }



#bouton_creer_partie,
#bouton_se_connecter{
  text-align:center;
}

#bouton_creer_partie{
  padding: 2px;
}

.barre_navigation{
  text-align:center;
  margin-top:4px;
}

/*---------------- zones contenu ------------------*/

#conteneur_news{
 position:relative;
 float:left;
 width:450px;
}

#conteneur_contenu_page,
#conteneur_echequier,
#conteneur_zone_inscription{
 position:relative;
 float:left;
 width:660px;
}

#conteneur_sanction{
 position:relative;
}


#conteneur_zone_inscription{
 height:420px;
}

#conteneur_echequier{
  margin-top:4px;
  padding-top:4px;
  padding-left:4px;
  text-align:center;
}

#menu_zone_jeu{
   font-style: normal;
   font-weight: bold;
   color: rgb(255,255,255);
   font-size: 11px;
   text-align:left;
   margin:4px;
   padding:4px;
   padding-left:30px;
}

#menu_zone_jeu a,
#menu_type_cadence a{
  font-weight: bold;
    color: rgb(193,193,193);
  text-decoration: none;
}

#menu_zone_jeu a:hover,
#menu_type_cadence a:hover{
  color: rgb(255,255,255);
  text-decoration: underline;
}

#zone_validation_norme{
   position:relative;
   text-align:center;
   margin:4px;
   padding:4px;
}

/*----------------commun------------------*/

img {
  border: 0px;
}

.zone_avatar_float_right{
  float:right;
}

img.avatar_petit{
  width:24px;
  height:24px;
}

img.avatar{
  width:60px;
  height:60px;
  margin:5px;
}

h2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: rgb(255,255,255);
  margin:0px;
}

h3{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: rgb(255,255,255);
  margin:0px;
}

em{
  color: rgb(255,204,51);
  font-style:normal;
  font-weight: bold;
}

.souligne{
 text-decoration: underline;
 color: rgb(255,255,255);
}

p {
  margin:0px;
  margin-bottom:7px;
}

#citation{
    font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: normal;
  font-size:10px;
  color: rgb(255,255,255);
  text-decoration: none;
  margin:0px;
    margin-bottom:10px;
}

a{
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: rgb(255,255,255);
  text-decoration: none;
}

ul{
  margin:0px;
  padding:0px;
  list-style:none;
  color: rgb(0,51,153);
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(255,255,255);
  font-weight: bold;
  font-size:10px;
}

#spacer {
   clear: both;
   visibility:hidden;
   margin:0px;
   padding:0px;
}

a:hover{
  text-decoration: underline;
}

label {
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(255,255,255);
  font-weight: bold;
  font-size:10px;
  margin:2px;
}

input,
select,
textarea{
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(0,51,153);
  font-weight: bold;
  font-size:10px;
  background-color: rgb(217,225,245);
  border: 1px solid rgb(0,51,153);
  padding:2px;
  margin:1px;
  margin-top:2px;
}

input.bouton,
.lien_type_bouton{
  background-color: rgb(0,124,195);
  border: 1px solid rgb(193,193,193);
  color: rgb(255,255,255);
  cursor:pointer;
  padding:0px;
}

input.bouton:hover,
.lien_type_bouton:hover{
   background-color:#0099FF;
   text-decoration:none;
}

table {
  border:1px solid #28166F;
  border-collapse:collapse;
  width:620px;
}

/*table.large {
  width:  95%;

}*/
th {
  font-size:10px;
  font-style:italic;
  color: rgb(255,255,255);
  padding:2px;
  background-color:#426BBB;
  height:14px;
  text-align:left;
}

td {
  padding-left:2px;
  padding-right:2px;
  font-size:10px;
  color: rgb(0,51,153);
  font-weight: bold;
  height:14px;
  text-align:left;

}

.ligne_clair,
.ligne_clair_gagne,
.ligne_clair_perdu{
  background-color: rgb(217,225,245);
}

.ligne_fonce,
.ligne_fonce_gagne,
.ligne_fonce_perdu{
  background-color: rgb(192,211,234);
}

.ligne_selectionne{
  background-color: rgb(255,204,51);
}

.centrer{
  text-align:center;
}

.pseudo_liste_joueurs,
.pseudo_liste_joueurs_perdu,
.pseudo_liste_joueurs_gagne,
.code_ECO,
.code_ECO_perdu,
.code_ECO_gagne{
   text-decoration: none;
   font-weight: bold;
   font-style: normal;
   color: rgb(0,51,153);
   padding-left: 2px;
  }

.pseudo_liste_joueurs:hover,
.pseudo_liste_joueurs_perdu:hover
.pseudo_liste_joueurs_gagne:hover,,
.code_ECO:hover,
.code_ECO_perdu:hover,
.code_ECO_gagne:hover{
  text-decoration: underline;
}

.ligne_fonce_gagne td,
.ligne_clair_gagne td,
.pseudo_liste_joueurs_gagne,
.code_ECO_gagne{
  color:#009900;
}

.ligne_fonce_perdu td,
.ligne_clair_perdu td,
.pseudo_liste_joueurs_perdu,
.code_ECO_perdu{
  color:#FF0000;
}

/*---------------- news et zone tableau ------------------*/
.news,
.zone_tableau{
  position: relative;
  margin:8px;
  margin-bottom:16px;
  padding:4px;
  border: 2px solid #28166F;
}

.zone_tour_popup,
.liste_des_connectes{
  position: relative;
  text-align: left;
  margin:4px;
  padding:10px;
  border: 2px solid #28166F;
  background-color: #426BBB;
  border: 1px solid rgb(193,193,193);
}

.titre_zone_tableau{
  position: relative;
  float:left;
    padding-left:4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: rgb(255,255,255);
}

.titre_bienvenue{
  position: relative;
  text-align:center;
  background-color: #28166F;
  padding:4px;
  height:14px;
}

.titre_news,
.barre_titre_zone_tableau{
  position: relative;
  background-color: #28166F;
  padding:4px;
  height:14px;
}

.barre_clair_zone_tableau{
  position: relative;
  background-color: rgb(217,225,245);
  padding:2px;
  height:28px;
}

.barre_fonce_zone_tableau{
  position: relative;
  background-color: #C0D3EA;
  padding:1px;
  height:28px;
}

.pseudo_nb_connecte{
  position: relative;
  float:left;
  padding-left:4px;
  padding:2px;
  font-size:10px;
  color: rgb(0,51,153);
  font-weight: bold;
  text-align:left;
}

.pseudo_blacklister{
    color: red;
}

.total_partie_zone_tableau,
.zone_alignement_droite{
  float:right;
  font-size:11px;
  font-weight: bold;
  padding-right:4px;
}

.liste_des_connectes .zone_alignement_droite{
  padding-top : 6px;
}

.date_news,
.auteur_news{
  position: relative;
  float:left;
    font-style:italic;
  padding-left:4px;
}

.filtre_zone_tableau{
  position: relative;
  text-align:center;
  margin:4px;
}


.contenu_news,
.zone_formulaire,
.information_zone_tableau,
.zone_statistiques{
  position: relative;
  clear:both;
  padding:4px;
  font-size:11px;
  text-align:left;
}

.contenu_news ul,
.contenu_news ol{
  margin:0px;
  padding: 0px 0px 0px 15px;
    list-style-position: inside;
    list-style-type: square;
  color: rgb(0,51,153);
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(255,255,255);
  font-weight: normal;
  font-size:11px;
}

.contenu_news ol{
  list-style-type: decimal;
}

.information_zone_tableau{
  text-align:center;
}


.zone_erreur,
.titre_zone_erreur,
.titre_zone_info_action{
  padding:4px;
  font-size:10px;
  color: rgb(255,204,51);
  font-style:italic;
  font-weight: bold;
  text-align:left;
}

.titre_zone_erreur,
.titre_zone_info_action{
    font-style:normal;
  font-size:11px;
  padding:2px;
}

/*-----------------flashmail -------------*/
.nouveau_message,
.heure_message,
.pseudo_expediteur_message,
.message,
.bouton_action_message{
  padding:8px;
  padding-bottom:0px;
  font-size:10px;
  color: rgb(0,51,153);
  font-weight: bold;
  text-align:left;
  height:25px;
}

.nouveau_message{
  width:30px;
  color: #FF3300;
}

.bouton_action_message{
  text-align:right;
  vertical-align: middle;
}

.pseudo_expediteur_message{
  font-size:11px;
}

.titre_flashmail{
  background-color: #28166F;
  padding:4px;
  height:14px;
  text-align:left;
}

.nb_flashmail_recu{
  background-color: #28166F;
  padding:4px;
  height:14px;
  text-align:right;
}
/*sondage*/
#nombre_de_votant_sondage{
   position: relative;
   left:80px;
}

#clair_zone_sondage input{
   border: 0px;
}

/*calendrier*/
#bouton_calendrier_debut,
#bouton_calendrier_fin{
  cursor: pointer;
  margin-left : -4px;
  margin-right : 8px;
}

.zone_input_lecture_seul{
 cursor:default;
 text-align:center;
}

/* The main calendar widget.  DIV containing a table. */

div.calendar {
 position: relative;
 z-index: 1000;
 width: 100px;
 }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
  width: 100%;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 1001;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}



/*---------------- forum ------------------*/
.zone_forum{
  position: relative;
  clear:both;
  padding:4px;
  font-size:11px;
  text-align:left;
}

.categorie{
    position: relative;
  margin:8px;
  margin-bottom:16px;
  padding:4px;
  border: 2px solid #28166F;
}

.zone_titre_categorie{
  position: relative;
  background-color: #28166F;
  padding:4px;
  height:14px;
}

.zone_titre_categorie h2{
   float: left;
   font-size:14px;
   font-weight: bold;
   margin-left:8px;
}

.description_categorie{
    float: left;
  font-size:12px;
  font-weight: bold;
  font-style:italic;
    margin-left:8px;
}

.liste_forum{
   position: relative;
   border:1px rgb(0,51,153) solid;
   background-color:rgb(217,225,245);
   margin:0;
   padding:0;
}

img{
  vertical-align: middle;
}