/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  body,html{
    height:100%;
    width:100%;
    padding:0;
    margin:0;
    background-color: transparent;
  }

  #global {
    clear: both;
    position: absolute;
    width: 98%;
    height: 96%;
    top: 0;
    left: 0;
    display:block;
    overflow: auto;
    background-color:transparent;
    font-family: verdana,sans-serif;
    font-size: 10pt;
    margin:auto;
    padding-left:1%;
    }

  #entete, #pied, #zone_edition { position: relative;
    width: 95%;
    height: 24px;
    overflow:hidden;
    background-color:transparent;
    text-align: center;
    }

  #entete, #zone_edition {
    font-family: Georgia,sans-serif;
    margin-top:1%;
  }

  #pied { margin-bottom: 1%;
    }

  #entete div.contenu, #pied div.contenu, #zone_edition div.contenu {
    background-repeat: repeat-x;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    font-size:0.7em;
    line-height:24px;
    }

  #pied div.contenu {
    padding:5px;
  }

  #entete a { text-decoration: none;
    background-color:transparent;
    }

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

  .haut_gauche, .haut_droit, #bas_gauche, #bas_droit { margin: 0;
    height: 24px;
    width: 30px;
    background-repeat: no-repeat;
    }

  .haut_gauche {
    float: left;
    }

  .haut_gauche #smileys {
  margin-top:4px;
  }

  .haut_droit {
    float: right;
    }

  #bas_gauche {
    float: left;
    }

  #bas_droit {
    float: right;
    }

  #zone_messages{
    width:99%;
    float:right;
    overflow: auto;
    background-color: white;
    font-size: 80%;
    padding:0;
    margin:0;
  }

  #zone_messages p.message { padding:0px;
    margin:0;
    margin-left:5px;
    margin-bottom:5px;
    }

  #zone_messages p.auteur { padding:0px;
    margin:0;
    margin-left:3px;
    margin-top:5px;
    text-transform:capitalize;
    }

  #zone_messages span.heure {
    float:right;
    font-size:8px;
    margin:1px;
    right:2px;
    text-transform:none;
    }

  #zone_messages div.post {
    margin:0px;
    padding:0px;
    }

  #zone_messages #contenu_php {
    position:absolute;
    top:0;
    left:0;
    display:none;
  }

  #zone_options{
    width:95%;
    /*height:19px;*/
    font-size:10px;
    clear:both;
    margin:0;
    padding:0;
    /*background-color:#4cb2dc;*/
  }

  div#zone_options{
    height:19px;
    text-align:right;
    }

  #zone_visiteurs { overflow: auto;
    font-size: 75%;
    position:absolute;
    top:0px;
    left:1px;
    width:99%;
    height:100%;
    display:none;
    }

  #zone_visiteurs #bouton_fermeture {
    position:absolute;
    top:0px;
    right:0px;
  }

  #zone_visiteurs #bouton_fermeture img{
    height:16px;
    width:16px;
    margin:2px;
    padding:1px;
    border:1px black solid;
  }

  #zone_visiteurs #bouton_fermeture img:hover{
  background-color:black;
  }

  #zone_visiteurs p { margin: 2px;
    text-transform: capitalize;
    white-space: nowrap;
    }

  #zone_visiteurs p.cpt_live {
    background:transparent url(../images/connectes.gif) no-repeat scroll 50% 0%;
    padding:2px;
    margin-bottom:5px;
    }

  .connecte_createur_h,.connecte_createur_f,.connecte_createur_i,.connecte_createur_h a,.connecte_createur_f a,.connecte_createur_i a { color: red;
    font-weight: bold;
    }

  .connecte_h,.connecte_h a{ color: blue;
    }

  .connecte_f,.connecte_f a{ color: rgb(220, 86, 218);
    }

  .connecte_i,.connecte_i a { color: green;
    }

  .connecte_invite { color: black;
    }

  /* Styles utilisés pour la bulle */
  .connecte_createur_h .infos,.connecte_createur_f .infos,.connecte_createur_i .infos,.connecte_h .infos,.connecte_f .infos,.connecte_i .infos {
    border-width:1px;
    border-style:solid;
    padding:1px;
    -moz-border-radius:5px;
    }

  .bordure_vip1 {
    background:transparent url(../images/vip1.gif) repeat-x;
    margin:0;
    }

  .rang_connecte1:first-letter {
    text-transform:capitalize;
    }

  .rang_connecte1 {
    text-align:center;
    margin:0;
    }

  .infos .login {
    font-size:130%;
    text-align:center;
    text-transform:capitalize;
    margin:0;
    padding-top:6px;
    height:23px;
    padding-left:23px;
    border-bottom:1px solid;
    overflow:hidden;
    }

  .infos .element_info {
    font-size:90%;
    padding-left:2px;
    margin:2px;
    text-transform:capitalize;
    }

  .infos .prive {
    background-image:url(../images/prive.gif);
    background-repeat:no-repeat;
    background-position:3% 50%;
    text-align:center;
    /*padding-left:30%;*/
    vertical-align:middle;
    line-height:36px;
    margin:0;
    }

  .connecte_createur_h .infos .login,.connecte_createur_f .infos .login,.connecte_createur_i .infos .login,.connecte_f .infos .login,.connecte_h .infos .login,.connecte_i .infos .login {
    background-color:transparent;
    background-repeat:no-repeat;
    }

  .connecte_createur_h .infos .login,.connecte_h .infos .login {
    background-image:url(../images/avatar_homme.gif);
    }
  .connecte_createur_f .infos .login,.connecte_f .infos .login {
    background-image:url(../images/avatar_femme.gif);
    }

  .connecte_createur_i .infos .login,.connecte_i .infos .login {
    background-image:url(../images/avatar_inconnu.gif);
    }

  .element_edition{
    /*margin-left:1px;*/
    margin-top:1px;
    }

  .element_edition_false {
    background-color:transparent;
    margin-left:2%;
    }

  .element_edition_true {
    background-color:rgb(0, 154, 231);
    margin-left:2%;
    }

  #zone_edition select {
    font-size:9px;
    width:50px;
    vertical-align:top;
    margin:0;
    margin-top:3px;
    margin-bottom:2px;
    }

  #zone_edition img {
    border-color:black;
    cursor: pointer;
    padding:0;
    }

  /* Div englobant les elements du formulaire
  Il est necessaire pour la validation xhtml
  (cette declaration sert uniquement à firefox) */
  .global_xhtml {
    height:100%;
    }

  #connexion_connecte,#connexion_invite, #preloader {
    height:100%;
    width:99%;
    position:absolute;
    left:1px;
    top:0;
    background-color:white;
    display:none;
    text-align:center;
    overflow:auto;
    margin-left:auto;
    margin-right:auto;
    }

  #connexion_invite {
    display:inline;
    overflow:hidden;
    }

  #connexion_invite_etape1 img {
    border:0;
    }

  #connexion_invite_etape1 label{
    font-weight:bold;
    }

  #connexion_invite_etape1 .sexe_h {
    color : blue;
    }

  #connexion_invite_etape1 .sexe_f {
    color : pink;
    }

  #connexion_invite_etape1 .sexe_i {
    color : green;
    }

  .groupe_connexion {
    font-size:70%;
    margin:2px;
    margin-left:0px;
    text-align:left;
    }

  .txt_connexion {
    width:50%;
    margin:0;
    padding:0;
    margin-top:2%;
    }

  #bouton_connexion {
    width:15%;
    font-size:9px;
    }

  #preloader {
    background-image:url(../images/preloader.gif);
    background-repeat: no-repeat;
    background-position: 50%;
    display:inline;
    width:97%;
    left:0px;
    }

  #entree_editeur {
    width:60%;
    }

  #editeur {
    position:relative;
    width:100%;
    background-color:white;
    cursor:text;
    /*height:100%;*/
  }

  #entree_bouton {
    width: 35%;
    }

  #entree_bouton input{
    position:relative;
    width:80%;
    margin-top:10%;
    margin-right:2px;
    }

  #emoticons {
    height:156px;
    width:135px;
    margin:0;
    text-align:center;
    padding-top:1px;
    display:none;
    overflow:hidden;
    position:absolute;
    }

  #emoticons img{
    height:19px;
    width:19px;
    cursor:pointer;
    }

  #cp {
   width:100px;
   height:120px;
   margin:0;
   padding:1px;
   display:none;
   overflow:show;
   position:absolute;
   text-align:center;
   }

  #cp img {
    height:8px;
    width:8px;
    margin:0;
    padding:0;
    cursor:pointer;
    }

  #emoticons p, #cp p{
    margin:0;
    padding:0;
    }

  a.wiz {
    color:red;
    font-weight:bold;
  }

  #status_gauche, #status_droite, #zone_status, #action_gauche, #action_droite {
    font-size:9px;
    height:100%;
    padding:1px;
    }

  span#status_gauche{
    border:1px red solid;
  }

  #status_gauche #status_gauche_champ4 a{
    color:red;
  }

  #status_gauche #status_gauche_champ4 a:hover{
    font-weight:bold;
  }

  #zone_status {
    text-transform : capitalize;
    float:left;
    display:none;
    }

  #action_gauche {
    float:left;
    }

  #action_droite {
    float:right;
    }

  .gauche, .droite {
    height:100%;
    margin-bottom:1px;
    }

  .gauche { float:left;
    }

  .droite { float:right;
    }

  #ligne_sortie, #ligne_entree, #ligne_status, #ligne_action {
    margin:0;
    width: 95%;
    position: relative;
    /*display:block;*/
    overflow:hidden;
    }

  #ligne_action #action_gauche a{
    color:red;
    /*font-weight:bold;*/
    }

  #ligne_sortie { height: 45%;
    }

  #ligne_entree { height: 16%;
    }

  #ligne_status, #ligne_action {
    height:16px;
    }

  .erreur { margin: 5px;
    text-align: left;
    font-family: Verdana,sans-serif;
    text-decoration: none;
    font-size: 9px;
    font-weight: normal;
    color: red;
    }

  .google {
    font-family: Arial,Helvetica,sans-serif;
    font-size: xx-small;
    margin-bottom:15px;
    vertical-align:top;
    height:16px;
    }

  #bouton_google {
    height:17px;
    width:25px;
    }

  #champ_google {
    width: 30%;
    margin-right: 1%;
    text-align:center;
    text-transform:capitalize;
    color:blue;
    height:10px;
    }

  .pas_espace { margin: 0;
    padding:0;
    height:100%;
    }

  #logo_google { margin-right: 1px;
     margin-bottom:4px;
    }