@charset "utf-8";


/*
  ==============================================================================================
  -------------------------|                                         |--------------------------
  -------------------------|             CSS CGLib 2019             |--------------------------
  -------------------------|                 Smileys                 |--------------------------
  -------------------------|                                         |--------------------------
  ==============================================================================================
*/

/* pour corriger un bug des smiley sur l'admin */
ul.smileys li {
    display: inline-block !important;
}

.smiley,
.sticker,
.sticker.sexy {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	overflow: hidden;
	background-repeat: no-repeat;
}



/*========================================= Smileys ==========================================*/

.smiley {
	width: 22px;
	height: 22px;
	background-image: url(../img/smileys.png) !important;
	background-size: auto 110px;
}
.smiley.open {
	width: 28px;
	height: 28px;
	background-size: auto 140px;
}
.smiley.select {
	width: 44px;
	height: 44px;
	background-size: auto 220px;
}
img.smiley {
  margin-top: -3px;
}

.smiley.smiley-1 {
	background-position: 0 0;
}
.smiley.smiley-2 {
	background-position: 25% 0;
}
.smiley.smiley-3 {
	background-position: 50% 0;
}
.smiley.smiley-4 {
	background-position: 75% 0;
}
.smiley.smiley-5 {
	background-position: 100% 0;
}
.smiley.smiley-6 {
	background-position: 0 25%;
}
.smiley.smiley-7 {
	background-position: 25% 25%;
}
.smiley.smiley-8 {
	background-position: 50% 25%;
}
.smiley.smiley-9 {
	background-position: 75% 25%;
}
.smiley.smiley-10 {
	background-position: 100% 25%;
}
.smiley.smiley-11 {
	background-position: 0 50%;
}
.smiley.smiley-12 {
	background-position: 25% 50%;
}
.smiley.smiley-13 {
	background-position: 50% 50%;
}
.smiley.smiley-14 {
	background-position: 75% 50%;
}
.smiley.smiley-15 {
	background-position: 100% 50%;
}
.smiley.smiley-16 {
	background-position: 0 75%;
}
.smiley.smiley-17 {
	background-position: 25% 75%;
}
.smiley.smiley-18 {
	background-position: 50% 75%;
}
.smiley.smiley-19 {
	background-position: 75% 75%;
}
.smiley.smiley-20 {
	background-position: 100% 75%;
}
.smiley.smiley-21 {
	background-position: 0 100%;
}
.smiley.smiley-22 {
	background-position: 25% 100%;
}
.smiley.smiley-23 {
	background-position: 50% 100%;
}
.smiley.smiley-24 {
	background-position: 75% 100%;
}
.smiley.smiley-25 {
	background-position: 100% 100%;
}



/*========================================= Stickers =========================================*/

.sticker {
	width: 159px;
	height: 133px;
	background-size: auto 133px;
    background-position: center center;
}
.sticker.open {
	width: 40px;
	height: 40px;
	background-image: url(../img/stickers-animes_sample.png);
	background-size: auto 28px;
}
.sticker.select {
	width: 130px;
	height: 109px;
	background-size: auto 109px;
}

.sticker.sticker-1 {
	background-image: url(../img/stickers-animes_1_200x200.gif);
}
.sticker.sticker-2 {
	background-image: url(../img/stickers-animes_2_200x200.gif);
}
.sticker.sticker-3 {
	background-image: url(../img/stickers-animes_3_200x200.gif);
}
.sticker.sticker-4 {
	background-image: url(../img/stickers-animes_4_200x200.gif);
}
.sticker.sticker-5 {
	background-image: url(../img/stickers-animes_5_200x200.gif);
}
.sticker.sticker-6 {
	background-image: url(../img/stickers-animes_6_200x200.gif);
}
.sticker.sticker-7 {
	background-image: url(../img/stickers-animes_7_200x200.gif);
}
.sticker.sticker-8 {
	background-image: url(../img/stickers-animes_8_200x200.gif);
}
.sticker.sticker-1.open,
.sticker.sticker-2.open,
.sticker.sticker-3.open,
.sticker.sticker-4.open,
.sticker.sticker-5.open,
.sticker.sticker-6.open,
.sticker.sticker-7.open,
.sticker.sticker-8.open {
	width: 44px;
}



/*=========================================== Sexy ===========================================*/

.sticker.sexy {
	width: 150px;
	height: 150px;
	background-image: url(../img/stickers-sexy.png);
	background-size: auto 600px;
}
.sticker.sexy.open {
	width: 28px;
	height: 28px;
	background-size: auto 112px;
}
.sticker.sexy.select {
	width: 100px;
	height: 100px;
	background-size: auto 400px;
}

.sticker.sexy.sexy-1 {
	background-position: 0 0;
}
.sticker.sexy.sexy-2 {
	background-position: 25% 0;
}
.sticker.sexy.sexy-3 {
	background-position: 50% 0;
}
.sticker.sexy.sexy-4 {
	background-position: 75% 0;
}
.sticker.sexy.sexy-5 {
	background-position: 100% 0;
}
.sticker.sexy.sexy-6 {
	background-position: 0 33.3333%;
}
.sticker.sexy.sexy-7 {
	background-position: 25% 33.3333%;
}
.sticker.sexy.sexy-8 {
	background-position: 50% 33.3333%;
}
.sticker.sexy.sexy-9 {
	background-position: 75% 33.3333%;
}
.sticker.sexy.sexy-10 {
	background-position: 100% 33.3333%;
}
.sticker.sexy.sexy-11 {
	background-position: 0 66.6666%;
}
.sticker.sexy.sexy-12 {
	background-position: 25% 66.6666%;
}
.sticker.sexy.sexy-13 {
	background-position: 50% 66.6666%;
}
.sticker.sexy.sexy-14 {
	background-position: 75% 66.6666%;
}
.sticker.sexy.sexy-15 {
	background-position: 100% 66.6666%;
}
.sticker.sexy.sexy-16 {
	background-position: 0 100%;
}
.sticker.sexy.sexy-17 {
	background-position: 25% 100%;
}
.sticker.sexy.sexy-18 {
	background-position: 50% 100%;
}
.sticker.sexy.sexy-19 {
	background-position: 75% 100%;
}
.sticker.sexy.sexy-20 {
	background-position: 100% 100%;
}