/* Bouton d'affichage du formulaire
------------------------------------ */

div#repondre{ 
display:inline;
text-align:right; 
margin:20px 10px 10px 10px; 
}

/* Style du formulaire
----------------------- */

/* width + filter necessaires pour que le filtre 
 alpha de cette merde d'IE veuille bien marcher */
#formulaire{
   display: none;
   position: relative;
   width: 100%;          
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   top: 20px;
   margin: 0px;
   padding: 0px;
}

#form-avert{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background:url(/images/bgGeneral.jpg);
   border: 1px solid #FFFFFF;
   font-size: 60%;
   font-weight: normal;
   margin: 20px 232px 0px 0px;
}
#form-neutre {
   width: 12px;
}
#form-smileys{
   width: 218px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background: url(/images/bgGeneral.jpg) repeat fixed;
   border: 1px solid #FFFFFF;
   font-size: 60%;
   font-weight: normal;
   text-align: right;
}
#saisie {
   position: relative;
   width: 100%;
   height: 350px;
   border-collapse: collapse;
   vertical-align: top;
   margin-top: 5px;
}
#saisiegauche {
   width: 12px;
   background: url(/images/saisiegauche.png) no-repeat top right !important;
   background: url(/ie2merde/saisiegauche.jpg) no-repeat top right;
}
#saisiecentre {
   background: url(/images/saisiecentre.png) no-repeat top center !important;
   background: url(/ie2merde/saisiecentre.jpg) no-repeat top center;
   vertical-align: top;
}
#saisiedroite {
   width: 22px;
   background: url(/images/saisiedroite.png) no-repeat top left !important;
   background: url(/ie2merde/saisiedroite.jpg) no-repeat top left;
}
#valide {
   width: 220px;
   position: relative;
   vertical-align: top;
}

.message{
   background-color: #e2e2e2;
   margin-top: 8px;
   border: 0px;
   width: 100%;
   height: 245px;
}

/* Le coin des smileys
----------------------- */

.smileys {
   background: url(/images/bgGeneral.jpg) repeat fixed;
   border: 1px solid #FFFFFF;
   margin: 0px;
   padding-top: 20px;
}
.smileys ul{
   display: block;
   margin: 0px;
   padding: 0px;
   height: 40px;
   list-style: none;
}
.smileys li{
   float: left;
   display: inline;
   margin: 0px;
   width: 20% !important;
   width: 19%;
   list-style: none;
   text-align: center;
}
.smileys img:hover {
   cursor: pointer;
}

/* Champs du pseudo et du site
------------------------------- */

.form-champs {
   margin-top: 28px !important;
   margin-top: 22px;   /* Connard d'IE */
   width: 100%;
   border-collapse: collapse;
   border: 0px;
}
.ch1 {
   width: 50%;
   padding-right: 40px;
}
.ch2 {
   width: 50%;
   padding-left: 40px;
}
.pseudo{
   background-color: #e2e2e2;
   width: 100%;
   border: 0px;
   padding: 0px;
}
.email{
   background-color: #e2e2e2;
   width: 100%;
   border: 0px;
   padding: 0px;
}

/* Boutons pour valider ou effacer
----------------------------------- */

.form-boutons {
   margin-top: 20px;
   width: 100%;
   border-collapse: collapse;
   border: 0px;
}
#soumettre{
   width: 100px;
}

#annuler{
   display: inline;
   width: 100px;
}

/* Styles des messages
----------------------- */

#messages{
   background: url(/images/Message.png) no-repeat !important;
   background: url(/ie2merde/Message.jpg) no-repeat;
   font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
   font-size: 25px;
   font-style: italic;
   margin-left: 10px;
   margin-bottom: 20px;
   padding-top: 4px;
   width: 170px;
   height: 50px;
   text-align: center;
}

#message-liste{
   padding-left: 10px;
   padding-right: 10px;
}
#message-liste a { color: #F1ECBC; border-bottom: 1px dashed #F1ECBC; background-color: #000000; }
#message-liste a:hover { color: #000000; border-bottom: 1px solid #F1ECBC; background-color: #F1ECBC; }

#message-page{
   position: relative;
}

.bulle-droite{
   width: 80%;
   margin-left: auto;
   margin-right: 0;
   border: 0;
   padding: 0;
   border-collapse: collapse;
}

.bulle-gauche{
   width: 80%;
   margin-left: 0;
   margin-right: auto;
   border: 0;
   padding: 0;
   border-collapse: collapse;
}

/**
Grosse merde d'Internet Explorer avant la version 7 ne sait pas afficher les PNG tansparents.
Coincidence il ne gère pas non plus le flag "!important". Je m'en sers donc pour reserver les
PNG aux vrai browsers. IE avant 7 aura droit a de betes JPG. 
Je n'ai pas trouvé d'autre moyen, toutes les astuces avec le filter Alpha ayant des effets de bord.
**/
.bulle-sommet{
   background: url(/images/bullesommet.png) no-repeat bottom left !important;
   background: url(/ie2merde/bullesommet.jpg) no-repeat bottom left;
   margin: 0px;
   height: 16px;
   font-size: 60%;
   text-align: right;
   vertical-align: bottom;
}

.bulle-sommet-bord{
   background: url(/images/bullesommet.png) no-repeat bottom right !important;
   background: url(/ie2merde/bullesommet.jpg) no-repeat bottom right;
   margin: 0px;
   height: 16px;
   width: 22px;
}

.bulle-corps{
   background: url(/images/bullecorps.png) repeat-y left !important;
   background: url(/ie2merde/bullecorps.jpg) repeat-y left;
   margin: 0px;
   padding-left: 10px;
   font-size: 80%;
}

.bulle-corps-bord{
   background: url(/images/bullecorps.png) repeat-y right !important;
   background: url(/ie2merde/bullecorps.jpg) repeat-y right;
   margin: 0px;
   width: 22px;
}

.bulle-bas-gauche{
   vertical-align: middle !important;
   margin-left: 80px;
   background: url(/images/bullebasgche.png) no-repeat top left !important;
   background: url(/ie2merde/bullebasgche.jpg) no-repeat top left;
   height: 50px;
   text-align: right;
   padding-top: 8px;
   font-weight: bold;
   color: #F1ECBC;
}

.bulle-queue-gauche{
   background: url(/images/bullequeuegche.png) no-repeat top left !important;
   background: url(/ie2merde/bullequeuegche.jpg) no-repeat top left;
   margin: 0;
   width: 118px;
   height: 50px;
}

.bulle-bas-droite{
   vertical-align: middle !important;
   background: url(/images/bullebasdrte.png) no-repeat top right !important;
   background: url(/ie2merde/bullebasdrte.jpg) no-repeat top right;
   margin: 0px;
   height: 50px;
   text-align: left;
   padding-top: 8px;
   font-weight: bold;
   color: #F1ECBC;
}

.bulle-queue-droite{
   background: url(/images/bullequeuedrte.png) no-repeat top right !important;
   background: url(/ie2merde/bullequeuedrte.jpg) no-repeat top right;
   margin: 0px;
   width: 123px;
   height: 50px;
}

#bulle-date{
   text-align: right;
   padding-top: 0px;
   padding-right: 17px;
   margin: 0px;
   font-size: 60%;
}

.num-page{
   float: left;
   background: url(/images/bgNumPage.png) no-repeat !important;
   background: url(/ie2merde/bgNumPage.jpg) no-repeat;
   font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
   font-size: 80%;
   margin-left: 10px;
   padding-left: 2px;
   padding-top: 1px;
   width: 32px;
   height: 32px;
}