.EmotifyDropdown span,
.Emoticon span { display: none; }
.EmotifyDropdown,
.Emoticon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    height: 18px;
    width: 18px;
    vertical-align: top;
}
.Emoticon1 { background-image: url('images/1.gif'); }
.Emoticon2 { background-image: url('images/2.gif'); }
.Emoticon3 { background-image: url('images/3.gif'); }
.Emoticon4 { background-image: url('images/4.gif'); }
.Emoticon5 { background-image: url('images/5.gif'); }
.Emoticon6 { background-image: url('images/6.gif'); width: 42px; }
.Emoticon7 { background-image: url('images/7.gif'); width: 20px; }
.Emoticon8 { background-image: url('images/8.gif'); }
.Emoticon9 { background-image: url('images/9.gif'); }
.Emoticon10 { background-image: url('images/10.gif'); }
.Emoticon11 { background-image: url('images/11.gif'); }
.Emoticon12 { background-image: url('images/12.gif'); }
.Emoticon13 { background-image: url('images/13.gif'); }
.Emoticon14 { background-image: url('images/14.gif'); width: 34px; }
.Emoticon15 { background-image: url('images/15.gif'); }
.Emoticon16 { background-image: url('images/16.gif'); }
.Emoticon17 { background-image: url('images/17.gif'); }
.Emoticon18 { background-image: url('images/18.gif'); width: 34px; }
.Emoticon19 { background-image: url('images/19.gif'); }
.Emoticon20 { background-image: url('images/20.gif'); width: 22px; }
.Emoticon21 { background-image: url('images/21.gif'); }
.Emoticon22 { background-image: url('images/22.gif'); }
.Emoticon23 { background-image: url('images/23.gif'); }
.Emoticon24 { background-image: url('images/24.gif'); width: 30px; }
.Emoticon25 { background-image: url('images/25.gif'); width: 30px; }
.Emoticon26 { background-image: url('images/26.gif'); width: 24px; }
.Emoticon27 { background-image: url('images/27.gif'); }
.Emoticon28 { background-image: url('images/28.gif'); width: 21px; }
.Emoticon29 { background-image: url('images/29.gif'); }
.Emoticon30 { background-image: url('images/30.gif'); width: 24px; }
.Emoticon31 { background-image: url('images/31.gif'); }
.Emoticon32 { background-image: url('images/32.gif'); }
.Emoticon33 { background-image: url('images/33.gif'); }
.Emoticon34 { background-image: url('images/34.gif'); width: 28px; }
.Emoticon35 { background-image: url('images/35.gif'); width: 24px; }
.Emoticon36 { background-image: url('images/36.gif'); width: 38px; }
.Emoticon37 { background-image: url('images/37.gif'); }
.Emoticon38 { background-image: url('images/38.gif'); }
.Emoticon39 { background-image: url('images/39.gif'); }
.Emoticon40 { background-image: url('images/40.gif'); width: 24px; }
.Emoticon41 { background-image: url('images/41.gif'); }
.Emoticon42 { background-image: url('images/42.gif'); width: 36px; }
.Emoticon43 { background-image: url('images/43.gif'); }
.Emoticon44 { background-image: url('images/44.gif'); }
.Emoticon45 { background-image: url('images/45.gif'); width: 23px; }
.Emoticon46 { background-image: url('images/46.gif'); width: 24px; }
.Emoticon47 { background-image: url('images/47.gif'); }
.Emoticon48 { background-image: url('images/48.gif'); }
.Emoticon49 { background-image: url('images/49.gif'); }
.Emoticon50 { background-image: url('images/50.gif'); }
.Emoticon51 { background-image: url('images/51.gif'); width: 21px; }
.Emoticon52 { background-image: url('images/52.gif'); }
.Emoticon53 { background-image: url('images/53.gif'); }
.Emoticon54 { background-image: url('images/54.gif'); }
.Emoticon55 { background-image: url('images/55.gif'); width: 25px; }
.Emoticon56 { background-image: url('images/56.gif'); }
.Emoticon57 { background-image: url('images/57.gif'); }
.Emoticon58 { background-image: url('images/58.gif'); width: 30px; }
.Emoticon59 { background-image: url('images/59.gif'); }
.Emoticon60 { background-image: url('images/60.gif'); width: 20px; }
.Emoticon61 { background-image: url('images/61.gif'); }
.Emoticon62 { background-image: url('images/62.gif'); }
.Emoticon63 { background-image: url('images/63.gif'); }
.Emoticon64 { background-image: url('images/64.gif'); }
.Emoticon65 { background-image: url('images/65.gif'); width: 22px; }
.Emoticon66 { background-image: url('images/66.gif'); }
.Emoticon67 { background-image: url('images/67.gif'); width: 22px; }
.Emoticon68 { background-image: url('images/68.gif'); width: 22px; }
.Emoticon69 { background-image: url('images/69.gif'); width: 26px; }
.Emoticon70 { background-image: url('images/70.gif'); width: 23px; }
.Emoticon71 { background-image: url('images/71.gif'); }
.Emoticon72 { background-image: url('images/72.gif'); }
.Emoticon73 { background-image: url('images/73.gif'); }
.Emoticon74 { background-image: url('images/74.gif'); }
.Emoticon75 { background-image: url('images/75.gif'); }
.Emoticon76 { background-image: url('images/76.gif'); width: 36px; }
.Emoticon77 { background-image: url('images/77.gif'); width: 32px; }
.Emoticon78 { background-image: url('images/78.gif'); width: 26px; }
.Emoticon79 { background-image: url('images/79.gif'); }
.Emoticon100 { background-image: url('images/100.gif'); width: 31px; }
.Emoticon101 { background-image: url('images/101.gif'); width: 28px; }
.Emoticon102 { background-image: url('images/102.gif'); width: 44px; }
.Emoticon103 { background-image: url('images/103.gif'); width: 28px; }
.Emoticon104 { background-image: url('images/104.gif'); width: 30px; }
.Emoticon105 { background-image: url('images/105.gif'); width: 23px; }
.Emoticon106 { background-image: url('images/106.gif'); width: 40px; }
.Emoticon107 { background-image: url('images/107.gif'); width: 52px; }
.Emoticon108 { background-image: url('images/108.gif'); width: 31px; }
.Emoticon109 { background-image: url('images/109.gif'); width: 25px; }
.Emoticon110 { background-image: url('images/110.gif'); width: 36px; }
.Emoticon111 { background-image: url('images/111.gif'); width: 32px; }
.Emoticon112 { background-image: url('images/112.gif'); width: 28px; }
.Emoticon113 { background-image: url('images/113.gif'); width: 39px; }
.Emoticon114 { background-image: url('images/114.gif'); width: 40px; }
.Emoticon115 { background-image: url('images/115.gif'); width: 29px; height: 22px; }
.Emoticontres_enerve { background-image: url('images/tres_enerve.gif');  width: 18px; height: 18px; }
.Emoticoncontent { background-image: url('images/content.gif');  width: 18px; height: 18px; }
.Emoticonheureux { background-image: url('images/heureux.gif');  width: 18px; height: 18px; }
.Emoticona_mort { background-image: url('images/a_mort.gif');  width: 80px; height: 38px; }
.Emoticonbon_anniv { background-image: url('images/bon_anniv.gif');  width: 32px; height: 34px; }
.Emoticonbave { background-image: url('images/bave.gif');  width: 18px; height: 18px; }
.Emoticoncitrouille { background-image: url('images/citrouille.gif');  width: 18px; height: 18px; }
.Emoticoncoeur { background-image: url('images/coeur.gif');  width: 21px; height: 21px; }
.Emoticonconfus { background-image: url('images/confus.gif');  width: 18px; height: 18px; }
.Emoticoncool { background-image: url('images/cool.gif');  width: 18px; height: 18px; }
.Emoticoncreeper { background-image: url('images/creeper.gif');  width: 18px; height: 18px; }
.Emoticonbibliotheque { background-image: url('images/bibliotheque.gif');  width: 87px; height: 46px; }
.Emoticondesole { background-image: url('images/desole.gif');  width: 50px; height: 40px; }
.Emoticondiable { background-image: url('images/diable.gif');  width: 39px; height: 25px; }
.Emoticonfou { background-image: url('images/fou.gif');  width: 18px; height: 18px; }
.Emoticonhors-sujet { background-image: url('images/hors-sujet.gif');  width: 60px; height: 40px; }
.Emoticoncitrouille_lanterne { background-image: url('images/citrouille_lanterne.gif');  width: 18px; height: 18px; }
.Emoticonlove { background-image: url('images/love.gif');  width: 33px; height: 30px; }
.Emoticonmeee { background-image: url('images/meee.gif');  width: 50px; height: 40px; }
.Emoticonmalade { background-image: url('images/malade.gif');  width: 18px; height: 18px; }
.Emoticonmerci { background-image: url('images/merci.gif');  width: 50px; height: 40px; }
.Emoticonmouton { background-image: url('images/mouton.gif');  width: 18px; height: 14px; }
.Emoticonnoel { background-image: url('images/noel.gif');  width: 20px; height: 22px; }
.Emoticoncochon { background-image: url('images/cochon.gif');  width: 18px; height: 18px; }
.Emoticonhein { background-image: url('images/hein.gif');  width: 30px; height: 29px; }
.Emoticonrechercher { background-image: url('images/rechercher.gif');  width: 60px; height: 40px; }
.Emoticonsquelette { background-image: url('images/squelette.gif');  width: 18px; height: 18px; }
.Emoticonsteve { background-image: url('images/steve.gif');  width: 18px; height: 18px; }
.Emoticonsnif { background-image: url('images/snif.gif');  width: 18px; height: 18px; }
.Emoticonouin { background-image: url('images/ouin.gif');  width: 18px; height: 18px; }
.Emoticongrand_sourire { background-image: url('images/grand_sourire.gif');  width: 18px; height: 18px; }
.Emoticonsvp { background-image: url('images/svp.gif');  width: 50px; height: 40px; }
.Emoticontnt { background-image: url('images/tnt.gif');  width: 18px; height: 18px; }
.Emoticonvache { background-image: url('images/vache.gif');  width: 18px; height: 18px; }
.Emoticonzombie { background-image: url('images/zombie.gif');  width: 18px; height: 18px; }
.Emoticonforever_alone { background-image: url('images/forever_alone.gif');  width: 40px; height: 37px; }
.Emoticontroll { background-image: url('images/troll.gif');  width: 50px; height: 50px; }
.Emoticonlike_a_boss { background-image: url('images/like_a_boss.gif');  width: 40px; height: 38px; }
.Emoticoncookie { background-image: url('images/cookie.png');  width: 35px; height: 30px; }
.Emoticonfacepalm_1 { background-image: url('images/facepalm_1.gif');  width: 24px; height: 30px; }
.Emoticonfacepalm_2 { background-image: url('images/facepalm_2.gif');  width: 21px; height: 26px; }
.Emoticonfacepalm_3 { background-image: url('images/facepalm_3.gif');  width: 34px; height: 22px; }
.Emoticonwolf { background-image: url('images/wolf.gif');  width: 16px; height: 16px; }
.Emoticonbitch_please { background-image: url('images/bitch_please.gif');  width: 45px; height: 50px; }
.Emoticonyou_don_t_say { background-image: url('images/you_don_t_say.gif');  width: 50px; height: 50px; }
.Emoticonare_you_kidding_me { background-image: url('images/Are_you_kidding_me.gif');  width: 50px; height: 49px; }
.Emoticonchicken { background-image: url('images/chicken.png');  width: 18px; height: 18px; }
.Emoticonje_sors { background-image: url('images/je_sors.gif');  width: 110px; height: 47px; }
.Emoticonclin_d_oeil { background-image: url('images/clin_d_oeil.gif');  width: 18px; height: 18px; }
.Emoticonpirate { background-image: url('images/pirate.gif');  width: 20px; height: 20px; }
.Emoticontransformer { background-image: url('images/transformer.gif'); width: 20px; }
.Emoticoncarotte1 { background-image: url('images/carotte1.gif');  width: 33px; height: 35px; }
.Emoticoncarotte2 { background-image: url('images/carotte2.png');  width: 50px; height: 50px; }
.Emoticonchampignon1 { background-image: url('images/champignon1.gif');  width: 50px; height: 50px; }
.Emoticonchampignon2 { background-image: url('images/champignon2.gif');  width: 50px; height: 50px; }
.Emoticonchampignon3 { background-image: url('images/champignon3.gif');  width: 50px; height: 50px; }
.Emoticonchampignon4 { background-image: url('images/champignon4.gif');  width: 50px; height: 50px; }
.Emoticonchat1 { background-image: url('images/chat1.gif');  width: 48px; height: 48px; }
.Emoticonchat2 { background-image: url('images/chat2.gif');  width: 48px; height: 48px; }
.Emoticonchat3 { background-image: url('images/chat3.gif');  width: 48px; height: 48px; }
.Emoticonchat4 { background-image: url('images/chat4.gif');  width: 48px; height: 48px; }
.Emoticonchat5 { background-image: url('images/chat5.gif');  width: 48px; height: 48px; }
.Emoticonchat6 { background-image: url('images/chat6.gif');  width: 48px; height: 48px; }
.Emoticonchat7 { background-image: url('images/chat7.gif');  width: 48px; height: 48px; }
.Emoticoncoq1 { background-image: url('images/coq1.gif');  width: 50px; height: 50px; }
.Emoticonj1 { background-image: url('images/j1.png');  width: 36px; height: 72px; }
.Emoticonj2 { background-image: url('images/j2.png');  width: 36px; height: 36px; }
.Emoticonj3 { background-image: url('images/j3.png');  width: 36px; height: 36px; }
.Emoticonj4 { background-image: url('images/j4.png');  width: 36px; height: 36px; }
.Emoticonj5 { background-image: url('images/j5.gif');  width: 46px; height: 39px; }
.Emoticonpoule1 { background-image: url('images/poule1.gif');  width: 50px; height: 50px; }
.Emoticonpoule2 { background-image: url('images/poule2.gif');  width: 50px; height: 50px; }
.Emoticonpoulet1 { background-image: url('images/poulet1.gif');  width: 132px; height: 69px; }
.Emoticonpoulet2 { background-image: url('images/poulet2.gif');  width: 77px; height: 77px; }
.Emoticonrenard1 { background-image: url('images/renard1.gif');  width: 47px; height: 48px; }
.Emoticonrenard2 { background-image: url('images/renard2.gif');  width: 50px; height: 50px; }
.Emoticonrenard3 { background-image: url('images/renard3.gif');  width: 50px; height: 50px; }
.Emoticonrenard4 { background-image: url('images/renard4.gif');  width: 50px; height: 50px; }
.Emoticonrenard5 { background-image: url('images/renard5.gif');  width: 50px; height: 50px; }
.Emoticonrenard6 { background-image: url('images/renard6.gif');  width: 50px; height: 50px; }

.EmotifyWrapper {
    text-align: right;
    position: relative;
}
.EmotifyDropdown {
    display: block;
    height: 23px;
    width: 29px;
    background: url('images/arrow.png') 0 0 no-repeat;
    position: absolute;
    text-align: left;
    top: 5px;
    right: 0;
    cursor: pointer;
}

.EmbedCommentForm .EmotifyDropdown {
   top: -29px;
}

.EmotifyDropdownActive {
    background-color: #eee;
}
.EmoticonContainer {
    position: absolute;
    overflow: auto;
    top: 23px;
    right: 0;
    border: 1px solid #aaa;
    border-bottom: 0;
    border-right: 0;
    width: auto;
    min-width: 100px;
    height: 200px;
    text-align: left;
    float: right;
    box-shadow: 2px 2px 4px #777;
    -moz-box-shadow: 2px 2px 4px #777;
    -webkit-box-shadow: 2px 2px 4px #777;
    z-index: 1000;
	 background: #eee;
}
.EmoticonBox {
    background-color: #fff;
    background-position: center center;
    border: 1px solid #aaa;
    border-top: 0;
    border-left: 0;
    display: block;
    float: left;
    height: 50px;
    width: 50px;
/**    height: 22px;**/
/**    width: 22px;**/
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.EmoticonBox:hover {
/**   width: 42px;**/
/**   height: 32px;**/
   height: 50px;
   width: 80px;
   margin: -5px -10px;
   z-index: 10;
   border-radius: 2px;
   box-shadow: 0 2px 7px #000;
}