body {
	margin: 0px;
	padding: 0px;

	font-family: Arial, Sans-Serif;
	font-size: 13px;
	color: #654;

	background:background-image: url(../img/design/v4/background-1.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #6ecbf0;
}

#bar {
	background-image: url(../img/design/v4/bar.png);
	background-repeat: repeat-x;
	height: 32px;
}

#bar-content {
	width: 900px;
	margin: auto;
	color: #557;
}

#bar ul {
	margin: 0px;
	padding: 0px;
}

#bar ul li {
	float: left;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}

#bar ul li:hover, #deconnexion:hover {
	background-color: white;
}

#bar a, #bar a:hover {
	text-decoration: none;
	padding: 7px 6px 0px 6px;
	display: block;
	height: 22px;
	color: #557;
}

#pieceHaut, #rubisHaut {
	font-weight: bold;
}

#deconnexion {
	cursor: pointer;
	float: left;
	padding: 7px 5px 0px 5px;
	height: 22px;
}

.bar-right {
	float: left;
	padding: 8px 5px 0px 5px;
}

#grimoire {
	width: 18px;
	padding: 7px 5px 2px 5px;
	cursor: pointer;
}

#englobe {
	width: 940px;
	margin: auto;
	position: relative;
}

#header {
	background-image: url(../img/design/v4/header-fr.png);
	height: 110px;
}

#tab {
	background-image: url(../img/design/v4/tab.png);
	height: 49px;
}

#color-switch {
	float: right;
    height: 40px;
    width: 53px;
    margin: 5px 20px 0px 0px;
}

#color-switch .content {
	display: none;
}

#color-switch .color {
	float: left;
	border: 1px solid black;
	border-radius: 2px;
	height: 10px;
	width: 10px;
	margin: 0px 0px 1px 1px;
	cursor: pointer;
}

#tab ul {
	margin: 0px;
	padding: 8px 0px 0px 27px;
}

#tab ul li {
	float: left;
	list-style-type: none;
	width: 106px;
	margin-right: 8px;
}

#tab ul li a {
	color: white;
	text-shadow: 0px 1px 1px black;
	text-decoration: none;
	font-size: 22px;
	font-family: 'Patua One', cursive;
	display: block;
	padding-top: 3px;
	height: 32px;
	text-align: center;
}

#tab ul li a:hover {
	background-image: url(../img/design/v4/boutton.png);
	color: white;
	text-decoration: none;
}

#tab ul #home {
    width: 31px;
}

#tab ul #home a:hover {
    width: 31px;
    opacity:0.5;
    background-image: none;
}

#page-top {
	background-image: url(../img/design/v4/page-top.png);
	height: 175px;
}

#page-middle {
	background-image: url(../img/design/v4/page-middle.png);
	height: 200px;
	position: relative;
}

#page-position {
	width: 100%;
	position: absolute;
	top: -160px;
}

.page-content {
	width: 850px;
	margin: auto;
	color: #654;
}

.page-large {
	width: 880px;
}

#page-bottom {
	background-image: url(../img/design/v4/page-bottom.png);
	height: 200px;
}

#footer {
	background-image: url(../img/design/v4/footer.png);
	background-repeat: repeat-x;
	background-position: center;
	height: 380px;
	margin-top: -80px;
	color: #cf966c;
}

#footer .content {
	width: 880px;
	margin: auto;
	padding-top: 190px;
}

#footer h3 {
	font-size: 20px;
	color: #cf966c;
	padding-bottom: 5px;
}

#footer a {
	color: #cf966c;
	text-decoration: none;
}

#footer a:hover {
	color: #cf966c;
	text-decoration: underline;
}

#footer .partenaire {
	float: left;
	width: 95px;
}

@font-face {
  font-family: 'Patua One';
  font-style: normal;
  font-weight: 400;
  src: local('Patua One'), local('PatuaOne-Regular'), url(../patuaOne.woff) format('woff');
}


.menuHaut li:hover {
	background-position: 0px 0px;
}






#grimoireBox {
	width: 450px;
	background-image: url(../img/design/v4/gradiant.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: white;
	padding: 10px;
	display: none;
}

#grimoire-nom {
	width: 250px;
}

#grimoire-recherche {
	padding: 5px 0px 5px 0px;
}

#grimoire-contenu {
	display: none;
	padding: 10px;
}

h1 {
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 5px 0px;

	font-family: 'Patua One', cursive;
	font-weight: normal;
	font-size: 28px;
	color: #74962a;

	text-shadow: 1px 1px 1px white;
}

h2 {
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 8px 0px;

	font-family: 'Patua One', cursive;
	font-weight: normal;
	font-size: 20px;
	color: #c3412b;
}

h3 {
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 2px 0px;

	font-family: 'Patua One', cursive;
	font-weight: normal;
	font-size: 16px;
	color: #74962a;
}

h4 {
	padding: 2px 0px 0px 20px;
	margin: 5px 0px 7px 0px;

	font-family: 'Patua One', cursive;
	font-weight: normal;
	font-size: 14px;
	color: #c3412b;
}

h5 {
	padding: 0px 0px 0px 5px;
	margin: 5px 0px 5px 0px;

	font-size: 12px;
	color: #557;
}

p {
	line-height: 18px;
}

a, a:hover {
	outline-style: none;
}

a img {
	border-width: 0px;
}

input[type=text], input[type=password], textarea {
	border: 1px solid #aa7;
	background-color: white;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
}

input[type=text], input[type=password] {
	padding: 5px;
	font-size: 14px;
	letter-spacing: 1px;
	color: #555;
}

input[type="submit"], button {
	padding: 5px 15px 5px 15px;
	color: white;
	background-color: #5cc340;
	border: 1px solid #46a52d;
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
	-webkit-appearance: none;
}

input[type="submit"]:hover, button:hover {
	background-color: #72e752;
}

input[type="submit"].red, button.red {
	background-color: #dc592b;
	border: 1px solid #bf441a;
}

input[type="submit"].red:hover, button.red:hover {
	background-color: #ef6b3d;
}

input[type="submit"].orange, button.orange {
	background-color: #dc9a2b;
	border: 1px solid #bf6c1a;
}

input[type="submit"].orange:hover, button.orange:hover {
	background-color: #e1aa4e;
}

input[type="submit"].blue, button.blue {
	background-color: #47afca;
	border: 1px solid #30889e;
}

input[type="submit"].blue:hover, button.blue:hover {
	background-color: #46c2e1;
}

input[type="submit"]:disabled, input[type="submit"]:disabled:hover, button:disabled, button:disabled:hover {
	background-color: #bfd3ba;
	border-color: #bbcdb5;
}

.hrPetit {
	border: 0px;
	border-bottom: 1px solid #ddd;
	margin: 2px;
}

.uliPetit {
	margin: 4px;
	padding-left: 15px;
}

.uliPetit li {
	height: 18px;
}

.espace {
	margin: 5px;
}

.bordure {
	border: 1px solid #fff;
	box-shadow: 0px 0px 6px #aaa;
}

.page-content a, #alert a, #confirm a, #envoieCourrier a, #grimoireBox a, #tutoriel a, .notification a, .box a {
	color: #2784d1;
	text-decoration: none;
}

.page-content a:hover, #alert a:hover, #tutoriel a:hover, .notification a:hover, .box a:hover {
	color: #2784d1;
	text-decoration: underline;
}

.lien {
	color: #2784d1;
	cursor: pointer;
}

.clear {
	visibility: hidden;
	padding: 0px;
	margin: 0px;
	clear: both;
}

.erreur {
	background-image: url(../img/design/degrade-2.png);
	border: 1px solid #c51;
	border-radius: 5px;
	color: white;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	padding: 6px;
	margin: 8px;
}

.valide {
	background-image: url(../img/design/degrade-3.png);
	border: 1px solid green;
	color: white;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	margin: 5px 0px 5px 0px;
}

.texteErreur {
	color: red;
	font-weight: bold;
}

.icone {
	border-width : 0px;
	vertical-align: middle;
	margin-bottom: 1px;
}

.gain {
	font-weight: bold;
	color: green;
}

.perte {
	font-weight: bold;
	color: orange;
}

.quantite {
	font-weight: bold;
	color: #ecb447;
}

.requis {
	font-weight: bold;
	color: #b56eb4;
}

.bonus-competences {
	font-weight: bold;
	color: #4f55cd;
}

.graine {
	font-weight: bold;
	color: #ac8d11;
}

#experienceTexte {
	font-weight: bold;
	color: #e8e7d2;
}

.experienceDetail {
	color: #888;
}

.selection {
	background-color: white;
	border: 1px solid #aa7;
	border-radius: 3px;
	cursor: pointer;
}

.selectionHover {
	background-color: #ff9;
	border: 1px solid #aa7;
}

.selectionSelected {
	background-color: #ff9;
	border: 1px solid #aa7;
}

.courrierRapide {
	cursor: pointer;
}

.box {
	position: fixed;
	top: 100px;
	left: 50%;
	z-index:3;
}

.boxHautGauche {
	background-image: url(../img/design/box.png);
	background-position: 0px 0px;
	width: 10px;
	height: 10px;
}

.boxHautDroite {
	background-image: url(../img/design/box.png);
	background-position: -10px 0px;
	width: 10px;
	height: 10px;
}

.boxBasGauche {
	background-image: url(../img/design/box.png);
	background-position: 0px -10px;
	width: 10px;
	height: 10px;
}

.boxBasDroite {
	background-image: url(../img/design/box.png);
	background-position: -10px -10px;
	width: 10px;
	height: 10px;
}

.boxBordVertical {
	background-image: url(../img/design/box.png);
	background-position: -20px 0px;
}

.boxBordHorizontal {
	background-image: url(../img/design/box.png);
	background-position: 0px -20px;
}

.boxHautGauche,
.boxHautDroite,
.boxBasGauche,
.boxBasDroite,
.boxBordVertical,
.boxBordHorizontal {
	cursor: move;
}


#alert, #confirm {
	background-color: #ffffe2;
	padding: 3px;
	display: none;
}

#alertContenu, #confirmContenu {
	padding: 10px 20px 20px 20px;
	max-width: 500px;
	min-width: 300px;
}

/*** Tutoriel ***/

#tutoriel {
	width: 700px;
	background: white;
	margin: 0px auto 10px auto;
	padding: 4px;
	border-radius: 2px;
	box-shadow: 1px 2px 1px #d1d1d1;
}

#tutoriel > div {
	height: 20px;
	padding: 8px;
	background-color: #65d2f1;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

#tutoriel .info {
	float: right;
	font-size: 13px;
}

/*** Notification ***/

#notification-conteneur {
	width: 270px;
	position: fixed;
	left: 15px;
	display: none;
}

.notification {
	background-color: white;
	border-radius: 0px 5px 5px 0px;
	margin-bottom: 6px;
	font-size: 12px;
	height: 36px;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}

.notification-color {
	float: left;
	width: 5px;
	height: 100%;
	background-color: #5cc340;
}

.notification-message {
	float: left;
	width: 228px;
	padding: 9px 0px 0px 10px;
}

.notification-close {
	float: right;
	width: 25px;
	height: 100%;
	border-radius: 0px 5px 5px 0px;
	cursor: pointer;
}

.notification-close:hover {
	background-color: #dc592b;
}

#cookie-choice {
	position: fixed;
	bottom: 20px;
	left: 20%;
	width: 60%;
	padding: 20px;
	background-color: white;
	color: black;
	border-radius: 5px;
	border: 2px solid #aaa;
	z-index: 1000;
	display: none;
}

#flash-message {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 310px;
	background-color: white;
	border-radius: 5px 0px 0px 5px;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	font-size: 14px;
	display: none;
}

#flash-message > .color {
	float: right;
	width: 8px;
	height: 30px;
}

#flash-message.success > .color {
	background-color: #5cc340;
}

#flash-message.error > .color {
	background-color: #dc592b;
}

#flash-message h3 {
	font-size: 18px;
	margin-bottom: 5px;
}

#flash-message.success h3 {
	color: #81a92b;
}

#flash-message.error h3 {
	color: #dc592b;
}

#flash-message .text {
	float: left;
	width: 250px;
	padding: 10px 20px 20px 20px;
}


/**** jQuery ui ****/

.barre {
	height: 10px;
}

.ui-progressbar-value {
	background-image: url(../img/design/anibar.gif);
}

.barreJaune .ui-progressbar-value {
	border: 1px solid yellow;
}

.ui-autocomplete {
	max-height: 300px;
	width: 300px;
	overflow-y: auto;
}

.ui-widget {
	font-family: Arial, Sans-Serif;
	font-size: 13px;
}

input.ui-button {
	padding: 3px 15px 3px 15px;
}

/**** Page index ****/

.encartMini {
	border-radius: 5px;
	box-shadow: 0px 0px 10px #ccc;
	margin: 10px 0px 20px 0px;
	padding: 5px;
	background: white;
}

.animation-index {
	background-image: url(../img/lapin/original/animation-gris.png);
	background-position: 0px -80px;
}

.choixRace, .choixCouleur, .choixSexe {
	cursor: pointer;
}

#oubliePassword {
	margin-top: 12px;
	text-align: center;
}

#oubliePassword a {
	color: #2784d1;
}

#online-joueur {
	color: #777;
	font-size: 12px;
	font-weight: normal;
}

.check-quete {
	float: right;
	padding: 2px;
	cursor: pointer;
}

.apercu {
	text-align: center;
}

.apercu span {
	font-weight: bold;
	font-size: 13px;
	padding-right: 10px;
	cursor: pointer;
}

.apercu span:hover {
	text-decoration: underline;
}

.apercuSelected {
	color: orange;
}

.lapin-landing-course {
	float: left;
	padding: 5px;
	cursor: pointer;
}

.lapin-landing-course-selected {
	border-radius: 10px;
	background-color: #ff9;
}

.landing-presentation big {
	font-size: 25px;
}

.landing-presentation p {
	font-size: 16px;
}

.bob-attente {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 95px;
	left: 180px;
	background-position: 0px -80px;
}

.lapin-magique, .lapin-magique:hover {
	color: #a69260 !important;
}

.lapin-mascotte, .lapin-mascotte:hover {
	color: #cdbd35 !important;
}

.lapin-top-gen, .lapin-top-gen:hover {
	color: #0b0 !important;
}

.lapin-tenebre, .lapin-tenebre:hover {
	color: black !important;
}

.shinningChar {
	color: white;
}

.lignee, a.lignee, a.lignee:hover {
	color: #a2560d;
}


/**** Onglets ****/

.onglet-barre {
	height: 29px;
	overflow: hidden;
}

.onglet, .onglet-droite {
	background-color: white;
	border: 1px solid #aa7;
	border-bottom: 1px;
	border-radius: 3px;
	float: left;
	height: 29px;
	margin-right: 3px;
	padding: 6px 10px 0px 10px;
	cursor: pointer;
}

.onglet:hover, .onglet-droite:hover, .onglet-actif {
	background-color: #fffeb5;
}

.onglet-actif {
	font-weight: bold;
}

.onglet-droite {
	float: right;
	margin-right: 0px;
	margin-left: 3px;
}

/**** Bulles ****/

#infoBulle, .infoBulle {
	background-color: black;
	position: absolute;
	display: none;
	padding: 6px;
	opacity: 0.85;
	color: white;
	border-radius: 4px;
	z-index:3;
}

#infoBulle hr {
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

.lapinBulle {
	background-color: black;
	position: absolute;
	display: none;
	padding: 6px;
	opacity: 0.85;
	color: white;
	border-radius: 4px;
}

.lapinBulle h3 {
	border-bottom: 1px solid #a69260;
	margin: 0px 10px 5px 10px;
	padding-left: 5px;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 16px;
	color: #a69260;
}

#arrow {
	background-image: url(../img/design/arrow.png);
	position: absolute;
	display: none;
	width: 90px;
	height: 90px;
}

#debug {
	position: fixed;
	bottom: 10px;
	left: 10px;
	color: white;
	display: none;
}

.tablePresentation tr {
	height: 25px;
}

.objetIcone, .objetIconeNew {
	border-width : 0px;
	vertical-align: middle;
	margin-bottom: 1px;
	width: 24px;
	height: 24px;
	background-size: 100%;
}

.objetFiche {
	text-align: center;
}

.objetFiche h3 {
	margin: 0px 3px 5px 3px;
	padding: 0px 5px 0px 5px;
}

.objet-commun {
	color: #cacaca;
	border-bottom: 1px solid #cacaca;
}

.objet-magique {
	color: #7c81ea;
	border-bottom: 1px solid #7c81ea;
}

.objet-rare {
	color: #fdf23a;
	border-bottom: 1px solid #fdf23a;
}

.objet-unique {
	color: #a69260;
	border-bottom: 1px solid #a69260;
}

.objet-metier {
	color: #96ca2d;
	font-weight: bold;
}

.objetFiche p {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #4f55cd;
}

.objetListe {
	float: left;
	padding: 2px 2px 0px 2px;
	margin: 2px;
}

.objetListeTrie {
	text-align: center;
	width: 30px;
	height: 30px;
	display: inline-block;
	padding: 2px 2px 0px 2px
	;margin: 2px;
}

.lapinApercu {
	padding: 2px;
	height: 100px;
}

.lapinApercu h3 {
	margin: 0px;
	padding: 5px 0px 7px 5px;
	font-family: Arial, Sans-Serif;
	font-size: 16px;
}

.lapinApercuImage {
	float: left;
	padding-left: 5px;
}

.lapinApercu .information {
	margin-left: 80px;
	font-size: 11px;
}

.texteClair {
	background-color: white;
	border: 1px solid #cc8;
	border-radius: 5px;
	padding: 3px 5px 3px 5px;
	margin: 0px auto 5px auto;
	line-height: 140%;
}

.texteClairNew {
	background-color: white;
	border: 1px solid #cc8;
	border-radius: 5px;
	padding: 3px 5px 3px 5px;
	margin: 0px auto 5px auto;
	line-height: 140%;
}

.texteImportant {
	background-color: #fffeb5;
	border: 1px solid #d75015;
	border-radius: 5px;
	padding: 10px;
	font-size: 15px;
}

.texteImportantNew {
	background-color: #fffeb5;
	border: 1px solid #cc8;
	border-radius: 5px;
	padding: 3px 5px 3px 5px;
	margin: 0px auto 5px auto;
	line-height: 140%;
}

.textePromotion {
	background-image: url(../img/design/encart-big.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #e4e4b8;
	border: 1px solid #a7a77f;
	border-radius: 5px;
	padding: 10px;
	font-size: 14px;
}

.textePromotion .flash {
	color: yellow;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	font-size: 16px;
	font-weight: bold;
}

.texteFonce {
	background-image: url(../img/design/v4/gradiant.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: white;
	border: 1px solid #aa7;
	padding: 3px 5px 3px 5px;
	margin: 0px auto 5px auto;
}

.texteBrillant {
	background-image: url(../img/design/degrade-1.png);
	border: 1px solid #8ab2c6;
	padding: 5px 5px 5px 5px;
	margin: 0px auto 5px auto;
}

.texteDetail {
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 12px;
	color: #aaa;
}

.outline {
	text-shadow: 1px 1px 1px black;
}

/**** Tableau liste ****/

.liste {
	margin: auto;
	border: 1px solid #aa7;
}

.liste tr td {
	padding: 2px 5px 2px 5px;
}

.listeTete {
	background-color: #aa7;
	height: 3px;
	font-weight: bold;
	color: white;
}

.listeTete td {
	font-weight: bold;
}

.listeMot {
	background-color: #f5f5d4;
}

.listeHai {
	background-color: white;
}

.tablette, .tablette tbody, .tablette tr, .tablette td {
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

.lapin-animation-conteneur, .lapin-animation, .lapin-animation-run {
	width: 80px;
	height: 80px;
	margin: auto;
}

.lapin-animation, .lapin-animation-run {
	background-position: 0px -80px;
}

.ami-online {
	float: left;
	width: 42px;
	margin: 5px 5px 0px 0px;
	cursor: pointer;
}

.ami-online div {
	font-size: 11px;
	text-align: center;
}

.ami-online div strong a {
	width: 42px;
	overflow: hidden;
	float: left;
}

#chat-fenetre {
	height: 320px;
	overflow: auto;
}

#chat-fenetre div {
	min-height: 16px;
}

#chat-salon-change {
	float: left;
	font-size: 20px;
	font-weight: bold;
	padding: 0px 10px 5px 0px;
	cursor: pointer;
}

#chat-salon-change:hover {
	color: #f90;
}

#chat-salon-change img {
	width: 40px;
	border-width : 0px;
	vertical-align: middle;
}

#chat-deconnect {
	width: 18px;
	cursor: pointer;
}

.chat-moderation {
	background-image: url(../img/icone/moins.png);
	width: 16px;
	height: 16px;
	float: right;
	cursor: pointer;
	visibility: hidden;
}

#poisson-volant, #ingredient-volant, #alien-volant, #koi-volant, #boiteInsecte-volant, #feuilleAutomne-volant {
	position: absolute;
	top: 200px;
	right: 50%;
	cursor: pointer;
}

.avatar-border {
	width: 42px;
	height: 42px;
	padding: 1px;
	border: 1px solid #ddd;
	background-color: white;
}


.pagination span, .pagination-simple {
	border: 1px solid #5676ff;
	background-image: url(../img/design/pagination.png);
	border-radius: 2px;
	padding: 2px 5px 2px 5px;
	color: white;
}

.pagination {
	padding: 10px;
}

.pagination span a, .pagination-simple a {
	color: white;
}

.pagination .selected {
	border: 1px solid #5676ff;
	background-image: url(../img/design/pagination-on.png);
	font-weight: bold;
}

.pub {
	border: 1px solid black;
	background-color: white;
}

h2 strong a {
	font-weight: normal;
}

#color-switch .tab-1 {
	background-color: #ffb31b;
}

#color-switch .tab-2 {
	background-color: #ff6cbe;
}

#color-switch .tab-3 {
	background-color: #c915b3;
}

#color-switch .tab-4 {
	background-color: #c4141a;
}

#color-switch .tab-5 {
	background-color: #df2300;
}

#color-switch .tab-6 {
	background-color: #cf7b09;
}

#color-switch .tab-7 {
	background-color: #1ec514;
}

#color-switch .tab-8 {
	background-color: #579e0c;
}

#color-switch .tab-9 {
	background-color: #3e6bf4;
}

#color-switch .tab-10 {
	background-color: #3399ff;
}

#color-switch .tab-11 {
	background-color: #f5ee29;
}

#genericOvni {
	position: absolute;
	top: 10vh;
	left: 40vw;
	width: 15vw;
	cursor: pointer;
	transition: all 0.6s;
	display: none;
}

#osni-container {
	height: 0px;
	position: relative;
}

#osni-slider {
	position: absolute;
	top: -24px;
	left: 500px;
}

#osni {
	width: 24px;
	height: 24px;
	position: absolute;
	background-size: 100%;
}

#compagnon-header {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 56px;
	z-index: -1;
}

.compagnon-boite {
	background-image: url(../img/compagnon/boite.png);
	width: 40px;
	height: 40px;
}

.gazette-panel {
	border: 3px solid #46A52D;
	border-radius: 10px;
	text-align: center;
	background-image: url(../img/divers/background-gazette.png);
	background-size: 384px;
	background-position-x: -42px;
}

a.p-gazette-panel {
	font-size: 40px;
	font-weight: bold;
	color: white;
	text-shadow: -1px 0px black, 0px 2px black, 1px 0px black, 0px -1px rgba(0, 0, 0, 0.5);
	cursor: pointer;
	padding: 20px;
	display: inline-block;
}

a.p-gazette-panel:hover {
	color: yellow;
	text-decoration: none;
}

.lucky-panel {
	border: 3px solid #46A52D;
	border-radius: 10px;
	text-align: center;
	background-image: url(../img/concours/lucky/background.png);
}

.lucky-panel > div {
	float: left;
	width: 165px;
	padding: 20px 0px 20px 0px;
	font-size: 40px;
	font-weight: bold;
	color: white;
	text-shadow: -1px 0px black, 0px 2px black, 1px 0px black, 0px -1px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

.lucky-panel > div:hover {
	color: yellow;
}

.lucky-result {
	margin: 25px 0px 35px 0px;
	padding: 10px;
	background-color: #cee8fd;
	border: 2px dashed #654;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
}

#jackpot .result {
	height: 100px;
	width: 250px;
	background-color: white;
	margin: 15px;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 25px 0px 25px 0px;
	text-align: center;
	font-size: 16px;
}

#jackpot button {
	width: 130px;
}

.oeuf{
	display:none;
}

#footer .champignon-container {
	position: relative;
}

#footer .champignon {
	width: 25px;
	height: 25px;
	background-image: url(../img/divers/champignon.png);
	background-size: contain;
	position: absolute;
	left: 55%;
	top: -52px;
	cursor: pointer;
}

.flexible {
	display: flex;
}

.flexible > div {
	flex-grow: 1;
}

.flexible > .small {
	flex-grow: 0;
}

#tab-livraison-content {
	padding-top: 10px;
}

#tab-livraison-content .colis {
	padding: 5px;
}

#tab-livraison-content .colis button {
	float: right;
	font-size: 11px;
	padding: 3px 10px;
}

#tab-livraison-content .done {
	float: right;
	display: inline-block;
}

#tab-cle-content > .selection {
	margin: 5px;
	padding: 7px 10px 2px 10px;
}

.text-center {
	text-align: center;
}

.joueur-poste-fiche {
	width: 100%;
    text-align: center;
    height: 74px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
}
.memo-panneau {
	background-color: white;
	padding: 15px 10px 15px 10px;
	width: 94%;
	font-size: 14px;
	margin-bottom: 20px;
	border: 1px solid #987;
	border-radius: 3px;
	box-shadow: 2px 2px 5px #654;
	max-height: 500px;
	overflow: auto;
}

.memo-signature {
	text-align: right;
	font-size: 12px;
}

.memo-message img {
	float: right;
	display: none;
	cursor: pointer;
}

#memo-blog-edit, .memo-blog-edit {
	cursor: pointer;
	vertical-align: middle;
}

#memo-editor, .memo-editor {
	width: 297px;
    height: 200px;
    display: none;
    margin: 5px;
}

#alerte-incident {
	display:none;
	position: fixed;
    bottom: 0px;
    right: 0px;
    background-color: #fffeb5;
    border: 1px solid #cc8;
    height: 29px;
    padding: 9px 5px 0px 5px;
}

.new-mission {
	position: absolute;
    left: 82px;
    top: 0px;
    border-radius: 0px 6px 0px 0px;
}

.categorie-inventaire h2{
	cursor:pointer;
}

.categorie-inventaire .content {
	display:none;
	columns: 3;
	-moz-columns: 3;
	-webkit-columns: 3;
}

.categorie-inventaire span {
	cursor: pointer;
}

.categorieInventaire {
	border: 1px solid #01820d;
    border-radius: 3px;
    background-image: url(../img/design/tag.png);
    padding: 3px 8px 3px 8px;
    margin-right: 5px;
    color: white;
    font-weight: bold;
    text-align:center;
    cursor:pointer;
}

#inventaire-recherche {
	margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.reste-premium {
	position: absolute;
    top: 47px;
    right: 7px;
    margin-top: 0px;
    background-color: #f55827;
    border: 1px solid red;
    border-radius: 3px;
    padding: 5px;
    font-weight: bold;
    color: white;
}

@-webkit-keyframes orangellowPulse {
	from {-webkit-box-shadow: 0 0 0px #ffb515;}
	50% {-webkit-box-shadow: 0 0 18px #ffb515; }
	to {-webkit-box-shadow: 0 0 0px #ffb515;}
}

@-webkit-keyframes bluePulse {
	from {-webkit-box-shadow: 0 0 0px #1586ff;}
	50% {-webkit-box-shadow: 0 0 18px #1592ff; }
	to {-webkit-box-shadow: 0 0 0px #153cff;}
}

#annonceConquete {
	-webkit-animation-name: orangellowPulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
}

#annonceWinter {
	-webkit-animation-name: bluePulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
}

a.btn {
    padding: 5px 15px 5px 15px !important;
    color: white !important;
    background-color: #5cc340 !important;
    border: 1px solid #46a52d !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    -webkit-appearance: none !important;
    text-decoration: none !important;
}

a.btn:hover {
    background-color: #72e752 !important;
    color:white !important;
    text-decoration: none !important;
}

.countOffer {
    position: absolute;
    color: grey;
    font-size: 35px;
    font-family: 'Patua One';
    opacity: 0.5;
    top: 113px;
    width: 130px;
}

.countOffer.left {
	left:-32px;
	transform: rotate(90deg);
}

.countOffer.right {
	right:-32px;
	transform: rotate(-90deg);
}

.qc-cmp-button,
.qc-cmp-button.qc-cmp-secondary-button:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
}
.qc-cmp-button:hover,
.qc-cmp-button.qc-cmp-secondary-button {
    background-color: transparent !important;
    border-color: #000000 !important;
}
.qc-cmp-alt-action,
.qc-cmp-link {
    color: #000000 !important;
}
.qc-cmp-button,
.qc-cmp-button.qc-cmp-secondary-button:hover {
    color: #ffffff !important;
}
.qc-cmp-button:hover,
.qc-cmp-button.qc-cmp-secondary-button {
    color: #000000 !important;
}
.qc-cmp-small-toggle,
.qc-cmp-toggle {
    background-color: #000000 !important;
    border-color: #000000 !important;
}
.qc-cmp-main-messaging,
.qc-cmp-messaging,
.qc-cmp-sub-title,
.qc-cmp-privacy-settings-title,
.qc-cmp-purpose-list,
.qc-cmp-tab,
.qc-cmp-title,
.qc-cmp-vendor-list,
.qc-cmp-vendor-list-title,
.qc-cmp-enabled-cell,
.qc-cmp-toggle-status,
.qc-cmp-table,
.qc-cmp-table-header {
	color: #000000 !important;
}

.qc-cmp-ui {
	background-color: #ffffff !important;
}

.qc-cmp-table,
.qc-cmp-table-row {
	  border: 1px solid !important;
	  border-color: #000000 !important;
}
#qcCmpButtons a {
   text-decoration: none !important;
}

.qc-cmp-qc-link-container{
  display:none;
}

#panneauNoel b {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	height: 10px;
	width: 10px;
	position: absolute;
	top: -10px;
}

.soundActive {
	background:#fdf97f;
}

.soundNotification:hover {
	background: #fdf97f;
}

.emoji {
	border-width : 0px;
	vertical-align: middle;
	margin-bottom: 1px;
	width:18px;
}

h1 .emoji {width: 26px;}
h2 .emoji {width: 22px;}
h3 .emoji {width: 18px;}

.lcep-el-wrap.pickerTchat {
	display: inline;
}

.lcep-el-wrap.pickerTchat .lcep-trigger {
	top: -6px !important;
}

.lcep-el-wrap.pickerTchatClan .lcep-trigger {
	top: 1px !important;
	right: -33px !important;
}
.marquee {
	width: 100%;
	line-height: 50px;
	color: white;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	text-align:center;
}
.marquee p {
	display: inline-block;
	padding-left: 100%;
	animation: marquee 15s linear infinite;
}
@keyframes marquee {
	0%   { transform: translate(0, 0); }
	100% { transform: translate(-100%, 0); }
}

#cBfXki23KWx78,#mxWSXab5J49f6,#ED2ui54U7mv9eL,#Kxvn2cwGK4A654,#c2BDu8Ym7xNv7,#r2UgjSQ8S62aj,#Eb2x3Gbt22L9Ae,#En95eUAahC8s3,#cSn3eP974eZHg,#c35sRZgv67jN3S,#Fr2n96gGZx8rH,#hp6UP3WdYsb583,#s5f3J9VkP9Cpt9,#jZ2EW5ikuWf2,#QC8s3f6CEe8qy,#UXddj49gB6Ei,#qNq9J6Z7Wm2ii,#r39f57PVyAxKm4,#Zs22393phKhJVv,#e54nhtZXTjW2,#yZ3y35pVnhSS4,#t8UEw88kHmw79P,#rTN75Urq2Vue,#F7stWV2556Amxv,#ZTmxB5ys5Qi,#cXUKiK6n62ih32,#iM8shcD4w6E9V,#uS53pByh2D9bA9,#hKhPb32a5U9Uv,#t79dPT4hB2mVk2 {display:block !important;}