--- /dev/null
+#page.minichat {
+ padding: 0px;
+}
+
+#page.minichat img {
+ line-height: normal;
+ vertical-align: middle;
+}
+
+/***** La boite de sélection des smiles *****/
+#smiles {
+ text-align: center;
+ border: 1px solid;
+ border-color: #ffffff;
+ background-color: #f6dfc2;
+ margin-bottom: 10px;
+ padding: 1px;
+ width: 140px;
+ position: absolute;
+ display: none
+}
+#smiles img {
+ margin: 1px;
+ cursor: pointer;
+ opacity: 0.5;
+}
+
+/***** La boite permettant de slaper/kicker/bannir une personne *****/
+#outilsBan {
+ border-width: 1px 1px 1px 1px;
+ border-color: #ffffff;
+ border-style: dotted;
+ padding: 2px;
+ position: absolute;
+ display: none;
+}
+#outilsBan img,
+#outilsBan form {
+ float: right;
+ cursor: pointer
+}
+#outilsBan p {
+ font-size: 2px;
+}
+#outilsBan input {
+ font-size: 9px;
+ margin-top: 1px;
+ margin-left: 1px
+}
+
+/***** Le troll courant affiché en haut de la page *****/
+#page.minichat #trollCourant {
+ color: #FFFFFF;
+ position: absolute;
+ z-index: 20;
+ left: 140px;
+ top: 77px;
+ line-height: 32px;
+}
+#page.minichat #trollCourant .troll {
+ cursor: pointer;
+ font-style: italic
+}
+
+/***** Le formulaire pour poster un message *****/
+#page.minichat form#posterMessage {
+ background-color: #e19671;
+ padding-left: 10px;
+}
+
+#page.minichat.orderReverse form#posterMessage {
+ padding-bottom: 10px;
+}
+
+#page.minichat.orderChrono form#posterMessage {
+ padding-top: 10px;
+}
+
+#page.minichat form#posterMessage p {
+ margin: 0px;
+ padding: 0px;
+}
+#page.minichat form#posterMessage .pseudo {
+ margin-right: 5px;
+ width: 12%
+}
+#page.minichat form#posterMessage input.message {
+ margin-right: 5px;
+ width: 75%
+}
+#page.minichat form#posterMessage .return {
+ height: 16px;
+ width: 32px;
+ background-image: url(img/return.png);
+ background-repeat: no-repeat;
+ background-position: 5px 2px;
+ vertical-align: top;
+ margin-right: 5px;
+}
+#page.minichat form#posterMessage .smiles {
+ height: 16px;
+ width: 16px;
+ background-image: url(img/bouton_smiles.png);
+ background-repeat: no-repeat;
+ background-position: 2px 2px;
+ vertical-align: top;
+ margin-right: 5px;
+}
+#page.minichat form#posterMessage #repondA {
+ background-color: #f0df95;
+ border: #841919 1px solid;
+ margin-right: 5px;
+ padding-right: 2px;
+ padding-left: 2px;
+ cursor: pointer;
+ display: none;
+}
+#page.minichat form#posterMessage #repondA .messages {
+ position: absolute;
+ border: #841919 1px solid;
+ width: 50%;
+ display:none;
+}
+#page.minichat form#posterMessage #repondA .messages div.message:hover .outilsMess {
+ display: none
+}
+
+/***** Les conversations *****/
+/* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */
+#page.minichat #conversations {
+ overflow: hidden;
+ width: 100%;
+ border-spacing: 0px;
+ background-color:#E19671;
+}
+#page.minichat.orderChrono #conversations td
+{
+ vertical-align: bottom
+}
+#page.minichat.orderReverse #conversations td
+{
+ vertical-align: top
+}
+#page.minichat.orderChrono #conversations .titre {
+ border-bottom: 1px dashed white
+}
+#page.minichat.orderReverse #conversations .titre {
+ border-top: 1px dashed white
+}
+#page.minichat #conversations .titre .nav {
+ text-align: center;
+ padding-right: 8px;
+ background-color: #e19671;
+ color: #ffffff;
+}
+
+#page.minichat #conversations .titre .nav .reduire {
+ margin-top: 1px;
+ margin-left: 5px;
+ float: right;
+ width: 13px;
+ height: 13px;
+ background-image: url(img/reduire_conv.png);
+ cursor: pointer;
+}
+#page.minichat #conversations .titre .nav .reduire:hover {
+ background-image: url(img/reduire_conv_hover.png);
+}
+
+#page.minichat #conversations .titre .nav .fermer {
+ margin-top: 1px;
+ margin-left: 5px;
+ float: right;
+ width: 13px;
+ height: 13px;
+ background-image: url(img/fermer_conv.png);
+ cursor: pointer;
+}
+#page.minichat #conversations .titre .nav .fermer:hover {
+ background-image: url(img/fermer_conv_hover.png);
+}
+#page.minichat #conversations .titre .nav .lien {
+ margin-top: 1px;
+ margin-left: 5px;
+ float: right;
+ width: 13px;
+ height: 13px;
+ background-image: url(img/copier_conv.png);
+ cursor: pointer;
+}
+#page.minichat #conversations .titre .nav .lien:hover {
+ background-image: url(img/copier_conv_hover.png);
+}
+#page.minichat #conversations .titre .nav .next,
+#page.minichat #conversations .titre .nav .prev {
+ display: none;
+}
+#page.minichat #conversations .titre .nav .next,
+#page.minichat #conversations .titre .nav .prev,
+#page.minichat #conversations .titre .nav .numPage {
+ background-color: #841919;
+ cursor: pointer;
+ padding-right: 5px;
+ padding-left: 5px;
+}
+#page.minichat #conversations .titre .nav .next:hover,
+#page.minichat #conversations .titre .nav .prev:hover,
+#page.minichat #conversations .titre .nav .numPage:hover {
+ background-color: #cb2626
+}
+
+/***** Les messages *****/
+#page.minichat div.message {
+ padding-right: 5px;
+ cursor: pointer;
+ min-height: 18px;
+ line-height: 18px;
+}
+#page.minichat div.messageImpair {
+ background-color: #fbeede;
+}
+#page.minichat div.messagePair {
+ background-color: #f6dfc2;
+}
+#page.minichat div.cache {
+ opacity: 0.3;
+
+ /* Hack IE 7 */
+ filter: alpha(opacity = 30);
+ zoom: 1
+}
+#page.minichat div.message.reponse .entete {
+ background-color: #bf2911
+}
+#page.minichat div.message.reponse .delimitationEntete,
+#page.minichat div.message.reponse .repondA {
+ background-image: url(img/fleche_reponse.png);
+}
+#page.minichat div.message.repondu .entete {
+ background-color: #84196c
+}
+#page.minichat div.message.repondu .delimitationEntete,
+#page.minichat div.message.repondu .repondA {
+ background-image: url(img/fleche_repondu.png);
+}
+#page.minichat div.message.proprietaire .entete {
+ background-color: #31732f
+}
+#page.minichat div.message.proprietaire .delimitationEntete,
+#page.minichat div.message.proprietaire .repondA {
+ background-image: url(img/fleche_proprietaire.png);
+}
+#page.minichat div.message.repondEnEvidence {
+ background-color: #fce476
+}
+#page.minichat div.message.systeme {
+ background-color: #f0df95
+}
+#page.minichat div.message a {
+ font-weight: bold;
+}
+#page.minichat div.message .lienConv {
+ color: #c62929;
+ font-weight: bold;
+ cursor: pointer
+}
+#page.minichat div.message .lienConv:hover {
+ color: #e84747
+}
+#page.minichat .entete {
+ z-index: 20;
+ background-color: #841919;
+ color: #f6dfc2;
+ display: block;
+ float: left;
+ height: 18px;
+}
+#page.minichat .delimitationEntete {
+ z-index: 20;
+ height: 18px;
+ width: 7px;
+ background-image: url(img/fleche.png);
+ display: block;
+ float: left;
+}
+#page.minichat .date {
+ margin-right: 3px;
+ margin-left: 3px;
+}
+#page.minichat div.message .pseudo,
+/* FIXME : entre en conflit avec une règle précédente */
+#page.minichat form .pseudo {
+ margin-left: 4px;
+ margin-right: 2px;
+ font-weight: bold;
+}
+#page.minichat div.message.ekMasterlight .pseudo {
+ color: #f0df95
+}
+#page.minichat div.message.ekMasterheavy .pseudo {
+ color: #fcd82f;
+ padding-left: 14px;
+ background: transparent url(img/marque_ek.png) no-repeat scroll left center
+}
+
+#page.minichat div.message .pseudo .login {
+ margin-left: 2px;
+ font-size: 8px;
+}
+#page.minichat .repondA {
+ z-index: 5;
+ height: 18px;
+ margin-left: -7px;
+ padding-left: 9px;
+ float: left;
+ background-color: #cb2626;
+ color: #ffffff;
+ display: block;
+ background-image: url(img/fleche.png);
+ background-repeat: no-repeat;
+}
+#page.minichat .delimitationRepondA {
+ z-index: 20;
+ height: 18px;
+ width: 7px;
+ background-image: url(img/fleche_reponda.png);
+ display: block;
+ float: left;
+}
+#page.minichat .contenu {
+ margin-left: 5px;
+}
+#page.minichat .outilsMess {
+ float: right;
+ display: none;
+}
+#page.minichat div.message:hover .outilsMess {
+ display: block
+}
+#page.minichat .extraire {
+ float: right;
+ width: 13px;
+ height: 13px;
+ background-image: url(img/extraction.png);
+ margin-top: 2px;
+}
+#page.minichat .extraire:hover {
+ background-image: url(img/extraction_hover.png);
+}
+#page.minichat .extraireCompletement {
+ float: right;
+ width: 13px;
+ height: 13px;
+ background-image: url(img/extraction_complete.png);
+ margin-top: 2px;
+ margin-right: 2px;
+}
+#page.minichat .extraireCompletement:hover {
+ background-image: url(img/extraction_complete_hover.png);
+}