body {font-family: verdana, arial; font-size: 14px; background-color: white; text-align:left;}

       h1, h2, h3, h4   { color: #660099;  }
       h1 { font-size: 120%; }
       h2 { font-size: 115%; }
       h3 { font-size: 110%; }
       h4 { font-size: 105%; }       
       a{ color: black; }
       a:visited{ color: black; } 
       a:hover { color: #4A4AFF;  }
       a:active{ color: #4A4AFF; } 

       .lien{ text-decoration:underline; black; cursor: pointer; } 
       .lien:visited{ color: black;  }
       .lien:hover { color: #4A4AFF;  }
       .lien:active{ color: #4A4AFF;  }

#titre { 
   height: 138px;
   width:980px;
   background-color: white;
   background-image:url("img/logo");
   background-repeat:no-repeat;
   margin-bottom: 0px;
   top: 25px;
   position: relative;
}
#titre img {
   position: absolute;
   top: -20px;
}
#versions {
   position: absolute;
   top: -10px;
   right: 40px;
}
#versions img {
   position: relative;
}

table, div {}
p {margin: 0px;}
p {margin-bottom: 10px;}

img  {border: 0; padding: 0; margin: 0; }

#container { margin-top: 50px; border: 1px solid blue; } 

#partie_gauche, #menu_gauche, #menu_gauche2 { border-right: 2px dashed #AAAAFF; height: 350px;  }
#partie_gauche, #menu_gauche  { float: left;  }
#partie_gauche { font-size: 11px;  padding-top: 140px;  } 
#partie_gauche table {  }
#menu { width: 130px;}

#menu_gauche  ul { list-style-type:none;margin-left: 10px; }
#menu_gauche  ul li { margin-bottom: 10px; }
#menu_gauche2 { border-right: 0px dashed #AAAAFF; }
.parties { list-style-type:none;margin-left: 10px;  }
.parties p { margin-bottom: 0px; }

#menu_gauche, #menu_gauche2  { width: 130px; font-size: 13px;  padding-top: 60px;  }
#menu_gauche, # menu_gauche2  {  padding-top: 0px;  }
.partie_menu { margin-top: 60px;  } 
.partie_menu td { padding-left: 5px; padding-right: 2px; }

.symbole_menu { height:15px; width: 15px; }
.login_menu { font-weight: bold; }
.score_menu { font-weight: bold; padding-left: 5px; padding-right: 5px; width: 5ex; }
.pts_avant_menu{ font-size: 70%; }
.pts_bonus_menu {font-size: 70%; }

#partie_droite { float: left;  margin-left: 15px; }

#partie_droite p, #partie_gauche p {margin-top: 20px; margin-bottom: 20px;}

#retour { font-size: 14px; width: 8em; }

.grille { position: relative; }

.partie { float: left; margin-right: 20px; }
.nbj{ clear: both;   }


.error { color: red; }

      #invitations_annonce, #invitations
      { 
           border: 1px solid red;
           position: absolute;
           left: 700px;
           width: 200px;
           background-color: white;
           padding:0px;
      }
      #invitations_annonce p, #invitations p
      {
          margin: 5px;
           text-align: center;
      }
      #agrandir
      {

      }
      #agrandir img {
             cursor: pointer; 
      }
      #invitations
      { 
           width: 150px;
           position: absolute;
           left: 400px;
           width: 500px;

      }
      #invitations h2 { font-size: 10px; }

    #listeInvitations li
    {
        padding-bottom: 15px;
    }
#invitations_non_dispo { color: red; }
 

#bienvenue
{ 
           margin-top: 40px;
           margin-left: 10px;
           margin-bottom: 30px;
}

#bienvenue input, #inscription input,
input
{
    font-size: 11px;
}

#inscription
{
    border: solid #EAEAFF 1px;
    position: absolute;
    left: 650px;
    width: 230px;
    top: 230px;
    padding: 10px;
    background-color: #EEEEEE;
}

#inscription 
{
    text-align: center;
    font-size: 80%;   
    z-index: 5;
}

.t #inscription
{
position: relative;
top: 0px;
left: 0px;
    font-size: 100%;   
    background-color: red;
    width: 1000px;
    background-color: #ffffff;
    border: solid #EAEAFF 0px;
}

.t #inscription input
{
    font-size: 15px;
}

#inscription table
{ 
    margin: auto;
}
#inscription h2, #inscription table { margin-top:0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } 
.col_left
{
    text-align: right;
}
#index div { padding-bottom: 15px; padding-top: 15px; }
#index { position: relative; }
#index div { position: relative; }

#int1 { position: absolute; left: 150px; top: 0px; width: 400px; }

#int2 { position: absolute; left: 150px; top: 80px; width: 400px; }

#index div, #index h1, #index p  { margin: 0px; padding: 0px;   }

#liste2{ position: absolute; left: 250px; top: -102px; width: 355px; } 
#liste2 p { padding-top: 20px;  } 
#liste2 { height: 50px;  }
#liste2 td img { padding-right: 1ex; }

#inscription p { margin: 0px; }
#inscription form p { text-color: red; }
#inscription form {  margin: 0px; }

#exemple img { border: solid 1px black; }
#exemple{ position: absolute; left: 658px; top: 530px; }

.erreur_form { font-weight: bold; color: red; }
.info { font-style: italic; font-size: 70%; }

#heure_courante { position: absolute; top: 220px; left: 20px; }

.nbJp p { margin: 0px; border: 1px solid black; }

.liste_joueurs ul { 
     border: 1px solid black; width: 10em; height: 13.5em; padding: 1ex;
     vertical-align:bottom; margin-left: 1.5em; margin-bottom: 1em;
     list-style-type: none;
}
#joueurs_recherche {  }
#invit_joueurs_div     { position: absolute; top: 0px; left: 0px; width: 50em;  }
#joueurs_recherche_div { position: absolute; top: 0px; left: 15em; width: 25em;  }
#joueurs_cadres      { position: relative; height: 19em; width: 50em;  }
#joueurs_cadres  p   { height: 1em; margin-left: 1em; margin-top: 0em; }

      .grille, #grande_grille { padding: 0px; border-collapse: collapse;  }
      .grille td {  font-size:18px; border: 2px dashed #AAAAFF; padding: 0;  }
      #grande_grille tr { height: 250px; }
      #grande_grille td { width:  250px; border: 3px dashed #AAAAFF; padding: 1em; vertical-align:top;  }
     
      #gg_eclair { background-color: #FFEDA4; }
      #gg_eclair:hover { background-color: #FFDF62; }
      #gg_express { background-color: #BEFF9F; }
      #gg_express:hover  { background-color: #A4FF77; }
      #gg_perso { background-color: #BCDAFE; }
      #gg_perso:hover  { background-color: #8EC0FD; }
      #gg_ordi { background-color: #FFBBBB; }
      #gg_ordi:hover  { background-color: #FF9F9F; }
      #grande_grille td:hover { cursor: pointer;  }
      # grande_grille td:hover { background-color: #AAAAFF; cursor: pointer;  }

#aff01 { text-align: center; width: 100%; height: 50px; }

.aff_table span { width: 500px; }
.aff_table {margin-top: 1em; }
#int2_2 {  }
#bloc2 { position: absolute; top: 0px; padding: 0px; width: 500px;  }
#aff01_div { position: absolute; left: 95px; top: 0px; height: 140px; width: 535px; } 
#grille2 {  background-color: white; position: absolute; top: 100px;  } 
#grille1 { position: absolute; left: 0px; top: 0px; top: -140px;  } 
#grille1, #grille2 { left: 15px; width: 250px; }
#grille2 { left: 0px; }

#aff01_d { text-align: center; width: 100%; } 

#bas { 
   clear: both;
   width:980px;
   background-color: white;
   background-image:url("img/barre");
   background-repeat:no-repeat;
   margin-top: 20px;
   padding-top: 1em;
   position: relative;
   padding-left: 10px;
   font-size: 90%;
}
#index { height: 400px;  }
#sansmenu  { height: 400px; padding-left: 15px; } 

.extrait_regles { font-size: 80%; font-style: italic; }

#conditions { width: 1000px; text-align: justify; padding-left: 15px; }

#merci_contact, #merci_contact2 { font-weight: bold;  color: red; }

.standard_error { height: 400px; padding-left: 15px; }

#attente_pourquoi p { margin-bottom: 1em; }

#rejouer { font-weight: bold; }

#dernier_coup_egalisation { font-weight: bold; font-style: italic; }
#dernier_coup_egalisation2 { font-weight: bold; font-style: italic; }
#vainqueur_au_temps { font-weight: bold; font-style: italic; }


######
186

.principal padding-left: 15px; position: relative;