/***********************************************************************************************************************************/
/* ELEVAGE *************************************************************************************************************************/
/***********************************************************************************************************************************/

.cheval-status{
	height:22px;
}
.label-travail {
	color:#8E982D;
	font-style:italic;
	line-height:18px;
}

/***********************************************************************************************************************************/
/* CONSOLE *************************************************************************************************************************/
/***********************************************************************************************************************************/

/* MODULE - SPECIFIC ***********************************************/
/* MODULE - CHARACTERISTICS ******************************/
table#characteristics.module thead td.caption {
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	padding: 0;
}
table#characteristics.module thead td.caption div {
	position: absolute;
	top: 7px;
	z-index: 100;
}
table#characteristics.module tbody td.content {
	padding-top: 220px;
}
table#characteristics.module tbody td.content img#horse {
	position: absolute;
	top: 10px;
	z-index: 50;
}

/* Bonus */
.bonus {
	color: #3C3E35;
	font-size: 90%;
}

.apollonChar {
	color: inherit;
	border: 2px solid #697513;
	width: 12px;
	height: 16px;
	padding: 5px;
	float: left;
	margin: 2px;
	text-align: center;
}

.apollonChar:hover {
	text-decoration: inherit;
	border: 2px solid #000;
}

.apollonPreview {
	border: 1px solid #697513;
	padding: 5px;
	height: 17px;
}

.apollonColorCase {
	height: 5px;
	width: 5px;
	border: 1px solid black;
}

#apollonColorExample {
	margin: auto;
	border: 1px solid black;
	width: 150px;
	height: 30px;
	margin-top: 10px;
}

table.colors {
	margin: auto;
}

table.colors div {
	width : 10px;
	height : 10px;
	border: 1px solid white;
	font-size: 1px;
}

.apollonPreviewChar {
	padding: 4px;
}

/***********************************************************************************************************************************/
/* FICHE ***************************************************************************************************************************/
/***********************************************************************************************************************************/

/* FICHE PUBLIC CHEVAL - BLOC FLOTS */
#cheval-flots-footer-public-content a {
	background: url(/media/equideo/image/interface/fleches/fleche-ouvert12x12.png) no-repeat scroll center center transparent !important;
	display: block;
	height: 21px;
	width: 100%;
}

div.cheval-cellule {
	max-width: 125px;
	overflow: hidden;
}

/* Osiris */
#crossoverTreasure-body-content,
#egyptien-body-content {
	padding: 0px;
	width: 266px;
	height: 297px;
	position: relative;
}

div.divine-scratch {
	height: 297px;
}
#egyptien div.divine-scratch {
	background-image: url(/media/equideo/image/chevaux/special/animation/egyptien/egyptien-treasure-off.png);
}
#crossoverTreasure div.divine-scratch {
	background-image: url(/media/equideo/image/divins/crossover/crossover-treasure-off.png);
}

div.divine-scratch-animation {
	background-position: 0 0;
	display: none;
	height: 297px;
	width: 265px;
	position: relative;
	z-index: 15;
}
#egyptien div.divine-scratch-animation {
	background-image: url(/media/equideo/image/chevaux/special/animation/egyptien/egyptien-treasure-animation.png);
}
#crossoverTreasure div.divine-scratch-animation {
	background-image: url(/media/equideo/image/divins/crossover/crossover-treasure-animation.png);
}

div.divine-scratch-background > img {
	position: absolute;
	top: 0;
	z-index: 5;
}
.divine-scratch-text {
	position: absolute;
	bottom: 10px;
	padding: 5px 10px;
	text-align: center;
}
.divine-scratch-kdow {
	position: absolute;
	top: 100px;
	left: 88px;
	width: 100%;
}
.divine-scratch-kdow-btn {
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}
.divine-scratch-kdow-quantity {
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	bottom: -4px;
	left: 44px;
}

/**
**************************************************************************************
**************************************************************************************

..######..########.##.......########.####..######.
.##....##.##.......##..........##.....##..##....##
.##.......##.......##..........##.....##..##......
.##.......######...##..........##.....##..##......
.##.......##.......##..........##.....##..##......
.##....##.##.......##..........##.....##..##....##
..######..########.########....##....####..######.

**************************************************************************************
**************************************************************************************
**/

.prediction .grid-cell{
	width: 44px;
	position: relative;
	background-repeat: no-repeat;
	background-position: left top;
	z-index:1;
	padding: 0 3px;
}
.prediction .grid-cell:after{
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content:"";
	background-image:url(/media/equideo/image/divins/celtic/pierre.png);
	z-index:-1;
}

.a-prediction,
.b-prediction,
.c-prediction,
.d-prediction,
.e-prediction,
.f-prediction,
.g-prediction,
.h-prediction,
.i-prediction,
.j-prediction,
.k-prediction,
.l-prediction,
.m-prediction,
.n-prediction,
.o-prediction,
.p-prediction,
.q-prediction,
.r-prediction,
.s-prediction,
.t-prediction,
.u-prediction,
.v-prediction,
.w-prediction,
.x-prediction,
.y-prediction{
	width: 44px;
	height: 44px;
	background-image:url(/media/equideo/image/divins/celtic/sprite-caracteres-oghams-small.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 -3px;
}

.a-prediction.off{
	background-position-x: left;
	background-position-y: -44px;
}
.a-prediction.on{
	background-position-x: left;
	background-position-y: top;
}
.b-prediction.off{
	background-position-x: -44px;
	background-position-y: -44px;
}
.b-prediction.on{
	background-position-x: -44px;
	background-position-y: top;
}
.c-prediction.off{
	background-position-x: -88px;
	background-position-y: -44px;
}
.c-prediction.on{
	background-position-x: -88px;
	background-position-y: top;
}
.d-prediction.off{
	background-position-x: -132px;
	background-position-y: -44px;
}
.d-prediction.on{
	background-position-x: -132px;
	background-position-y: top;
}
.e-prediction.off{
	background-position-x: -176px;
	background-position-y: -44px;
}
.e-prediction.on{
	background-position-x: -176px;
	background-position-y: top;
}
.f-prediction.off{
	background-position-x: -220px;
	background-position-y: -44px;
}
.f-prediction.on{
	background-position-x: -220px;
	background-position-y: top;
}
.g-prediction.off{
	background-position-x: -264px;
	background-position-y: -44px;
}
.g-prediction.on{
	background-position-x: -264px;
	background-position-y: top;
}
.h-prediction.off{
	background-position-x: -308px;
	background-position-y: -44px;
}
.h-prediction.on{
	background-position-x: -308px;
	background-position-y: top;

}
.i-prediction.off{
	background-position-x: -352px;
	background-position-y: -44px;
}
.i-prediction.on{
	background-position-x: -352px;
	background-position-y: top;
}
.j-prediction.off{
	background-position-x: -396px;
	background-position-y: -44px;
}
.j-prediction.on{
	background-position-x: -396px;
	background-position-y: top;
}
.k-prediction.off{
	background-position-x: -440px;
	background-position-y: -44px;
}
.k-prediction.on{
	background-position-x: -440px;
	background-position-y: top;
}
.l-prediction.off{
	background-position-x: -484px;
	background-position-y: -44px;
}
.l-prediction.on{
	background-position-x: -484px;
	background-position-y: top;
}
.m-prediction.off{
	background-position-x: -528px;
	background-position-y: -44px;
}
.m-prediction.on{
	background-position-x: -528px;
	background-position-y: top;
}
.n-prediction.off{
	background-position-x: -572px;
	background-position-y: -44px;
}
.n-prediction.on{
	background-position-x: -572px;
	background-position-y: top;
}
.o-prediction.off{
	background-position-x: -616px;
	background-position-y: -44px;
}
.o-prediction.on{
	background-position-x: -616px;
	background-position-y: top;
}
.p-prediction.off{
	background-position-x: -660px;
	background-position-y: -44px;
}
.p-prediction.on{
	background-position-x: -660px;
	background-position-y: top;
}
.q-prediction.off{
	background-position-x: -704px;
	background-position-y: -44px;
}
.q-prediction.on{
	background-position-x: -704px;
	background-position-y: top;
}
.r-prediction.off{
	background-position-x: -748px;
	background-position-y: -44px;
}
.r-prediction.on{
	background-position-x: -748px;
	background-position-y: top;
}
.s-prediction.off{
	background-position-x: -792px;
	background-position-y: -44px;
}
.s-prediction.on{
	background-position-x: -792px;
	background-position-y: top;
}
.t-prediction.off{
	background-position-x: -836px;
	background-position-y: -44px;
}
.t-prediction.on{
	background-position-x: -836px;
	background-position-y: top;
}
.u-prediction.off{
	background-position-x: -880px;
	background-position-y: -44px;
}
.u-prediction.on{
	background-position-x: -880px;
	background-position-y: top;
}
.v-prediction.off{
	background-position-x: -924px;
	background-position-y: -44px;
}
.v-prediction.on{
	background-position-x: -924px;
	background-position-y: top;
}
.w-prediction.off{
	background-position-x: -968px;
	background-position-y: -44px;
}
.w-prediction.on{
	background-position-x: -968px;
	background-position-y: top;
}
.x-prediction.off{
	background-position-x: -1012px;
	background-position-y: -44px;
}
.x-prediction.on{
	background-position-x: -1012px;
	background-position-y: top;
}
.y-prediction.off{
	background-position-x: -1056px;
	background-position-y: -44px;
}
.y-prediction.on{
	background-position-x: -1056px;
	background-position-y: top;
}

.a-prediction.animate-symbol,
.b-prediction.animate-symbol,
.c-prediction.animate-symbol,
.d-prediction.animate-symbol,
.e-prediction.animate-symbol,
.f-prediction.animate-symbol,
.g-prediction.animate-symbol,
.h-prediction.animate-symbol,
.i-prediction.animate-symbol,
.j-prediction.animate-symbol,
.k-prediction.animate-symbol,
.l-prediction.animate-symbol,
.m-prediction.animate-symbol,
.n-prediction.animate-symbol,
.o-prediction.animate-symbol,
.p-prediction.animate-symbol,
.q-prediction.animate-symbol,
.r-prediction.animate-symbol,
.s-prediction.animate-symbol,
.t-prediction.animate-symbol,
.u-prediction.animate-symbol,
.v-prediction.animate-symbol,
.w-prediction.animate-symbol,
.x-prediction.animate-symbol,
.y-prediction.animate-symbol{
	 -webkit-animation-name: pred-on;
	 animation-name: pred-on;
	-webkit-animation-delay: 5s;
	-moz-animation-delay: 5s;
	-ms-animation-delay: 5s;
	-o-animation-delay: 5s;
	animation-delay: 5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-timing-function: steps(1);
}

@-webkit-keyframes pred-on {
	0% {
		background-position-y: -44px;
	}
	100% {
		background-position-y: top;
	}
}
@keyframes pred-on {
	0% {
		background-position-y: -44px;
	}
	100% {
		background-position-y: top;
	}
}




/*NUAGE DIVINATION*/
.celtic-divination {
	height: 300px;
	left: 0;
	position: absolute;
	top: 0;
	width: 107%;
	z-index: 100;
}
.celtic-divination .symbol-divination {
	background-repeat: no-repeat;
	left: 0;
	position: absolute;
	width: 182px;
	height: 143px;
	z-index: 1;
	background-image:url(/media/equideo/image/divins/celtic/nuage.png);
}
.celtic-divination .symbol-divination:nth-child(1) {
    top: 109px;
}
.celtic-divination .symbol-divination:nth-child(2) {
   	left: 117px;
    top: 10px;
}
.celtic-divination .symbol-divination:nth-child(3) {
    left: 221px;
    top: 109px;
}

.celtic-divination .symbol-divination {
	opacity: 0;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.celtic-divination .symbol-divination.off {
	-webkit-animation-name: fadeInfadeOut;
 	animation-name: fadeInfadeOut;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.celtic-divination .symbol-divination.off:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.celtic-divination .symbol-divination.off:nth-child(3) {
     -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

/* ON */
.console-top .celtic-divination .symbol-divination.on:nth-child(1) {
	-webkit-animation-name: fadeOutRight2;
 	animation-name: fadeOutRight2;
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
}
.console-bottom .celtic-divination .symbol-divination.on:nth-child(1) {
	-webkit-animation-name: fadeOutRight2Bottom;
 	animation-name: fadeOutRight2Bottom;
	-webkit-animation-duration: 6s;
	animation-duration: 6s;
}
.console-top .celtic-divination .symbol-divination.on:nth-child(2) {
	-webkit-animation-name: fadeOutRight1;
 	animation-name: fadeOutRight1;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
}
.console-bottom .celtic-divination .symbol-divination.on:nth-child(2) {
	-webkit-animation-name: fadeOutRight1Bottom;
 	animation-name: fadeOutRight1Bottom;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
}
.console-top .celtic-divination .symbol-divination.on:nth-child(3) {
	-webkit-animation-name: fadeOutRight3;
 	animation-name: fadeOutRight3;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
}
.console-bottom .celtic-divination .symbol-divination.on:nth-child(3) {
	-webkit-animation-name: fadeOutRight3Bottom;
 	animation-name: fadeOutRight3Bottom;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
}

/*NOPUB*/
body.nopub .celtic-divination .symbol-divination.on:nth-child(1) {
	-webkit-animation-name: fadeOutRight2Nopub;
 	animation-name: fadeOutRight2Nopub;
}
body.nopub .celtic-divination .symbol-divination.on:nth-child(2) {
	-webkit-animation-name: fadeOutRight1Nopub;
 	animation-name: fadeOutRight1Nopub;
}
body.nopub .celtic-divination .symbol-divination.on:nth-child(3) {
	-webkit-animation-name: fadeOutRight3Nopub;
 	animation-name: fadeOutRight3Nopub;
}


.symbol-divination .a-divination,
.symbol-divination .b-divination,
.symbol-divination .c-divination,
.symbol-divination .d-divination,
.symbol-divination .e-divination,
.symbol-divination .f-divination,
.symbol-divination .g-divination,
.symbol-divination .h-divination,
.symbol-divination .i-divination,
.symbol-divination .j-divination,
.symbol-divination .k-divination,
.symbol-divination .l-divination,
.symbol-divination .m-divination,
.symbol-divination .n-divination,
.symbol-divination .o-divination,
.symbol-divination .p-divination,
.symbol-divination .q-divination,
.symbol-divination .r-divination,
.symbol-divination .s-divination,
.symbol-divination .t-divination,
.symbol-divination .u-divination,
.symbol-divination .v-divination,
.symbol-divination .w-divination,
.symbol-divination .x-divination,
.symbol-divination .y-divination{
	width: 70px;
	height: 50px;
	background-image:url(/media/equideo/image/divins/celtic/sprite-caracteres-oghams-big.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 44px 0 0 43px;
}
.symbol-divination.off .a-divination{
	background-position: left -50px;
}
.symbol-divination.on .a-divination{
	background-position: left top;
}
.symbol-divination.off .b-divination{
	background-position: -70px -50px;
}
.symbol-divination.on .b-divination{
	background-position: -70px top;
}
.symbol-divination.off .c-divination{
	background-position: -140px -50px;
}
.symbol-divination.on .c-divination{
	background-position: -140px top;
}
.symbol-divination.off .d-divination{
	background-position: -210px -50px;
}
.symbol-divination.on .d-divination{
	background-position: -210px top;
}
.symbol-divination.off .e-divination{
	background-position: -280px -50px;
}
.symbol-divination.on .e-divination{
	background-position: -280px top;
}
.symbol-divination.off .f-divination{
	background-position: -350px -50px;
}
.symbol-divination.on .f-divination{
	background-position: -350px top;
}
.symbol-divination.off .g-divination{
	background-position: -420px -50px;
}
.symbol-divination.on .g-divination{
	background-position: -420px top;
}
.symbol-divination.off .h-divination{
	background-position: -490px -50px;
}
.symbol-divination.on .h-divination{
	background-position: -490px top;
}
.symbol-divination.off .i-divination{
	background-position: -560px -50px;
}
.symbol-divination.on .i-divination{
	background-position: -560px top;
}
.symbol-divination.off .j-divination{
	background-position: -630px -50px;
}
.symbol-divination.on .j-divination{
	background-position: -630px top;
}
.symbol-divination.off .k-divination{
	background-position: -710px -50px;
}
.symbol-divination.on .k-divination{
	background-position: -710px top;
}
.symbol-divination.off .l-divination{
	background-position: -770px -50px;
}
.symbol-divination.on .l-divination{
	background-position: -770px top;
}
.symbol-divination.off .m-divination{
	background-position: -840px -50px;
}
.symbol-divination.on .m-divination{
	background-position: -840px top;
}
.symbol-divination.off .n-divination{
	background-position: -910px -50px;
}
.symbol-divination.on .n-divination{
	background-position: -910px top;
}
.symbol-divination.off .o-divination{
	background-position: -990px -50px;
}
.symbol-divination.on .o-divination{
	background-position: -990px top;
}
.symbol-divination.off .p-divination{
	background-position: -1065px -50px;
}
.symbol-divination.on .p-divination{
	background-position: -1065px top;
}
.symbol-divination.off .q-divination{
	background-position: -1135px -50px;
}
.symbol-divination.on .q-divination{
	background-position: -1135px top;
}
.symbol-divination.off .r-divination{
	background-position: -1205px -50px;
}
.symbol-divination.on .r-divination{
	background-position: -1205px top;
}
.symbol-divination.off .s-divination{
	background-position: -1275px -50px;
}
.symbol-divination.on .s-divination{
	background-position: -1275px top;
}
.symbol-divination.off .t-divination{
	background-position: -1345px -50px;
}
.symbol-divination.on .t-divination{
	background-position: -1345px top;
}
.symbol-divination.off .u-divination{
	background-position: -1420px -50px;
}
.symbol-divination.on .u-divination{
	background-position: -1420px top;
}
.symbol-divination.off .v-divination{
	background-position: -1490px -50px;
}
.symbol-divination.on .v-divination{
	background-position: -1490px top;
}
.symbol-divination.off .w-divination{
	background-position: -1560px -50px;
}
.symbol-divination.on .w-divination{
	background-position: -1560px top;
}
.symbol-divination.off .x-divination{
	background-position: -1630px -50px;
}
.symbol-divination.on .x-divination{
	background-position: -1630px top;
}
.symbol-divination.off .y-divination{
	background-position: -1700px -50px;
}
.symbol-divination.on .y-divination{
	background-position: -1700px  top;
}


/**
******************************************************************************************************
******************************************************************************************************

.########....###....####.########..##....##.........########....###....##.......########..######.
.##.........##.##....##..##.....##..##..##.............##......##.##...##.......##.......##....##
.##........##...##...##..##.....##...####..............##.....##...##..##.......##.......##......
.######...##.....##..##..########.....##....#######....##....##.....##.##.......######....######.
.##.......#########..##..##...##......##...............##....#########.##.......##.............##
.##.......##.....##..##..##....##.....##...............##....##.....##.##.......##.......##....##
.##.......##.....##.####.##.....##....##...............##....##.....##.########.########..######.

******************************************************************************************************
******************************************************************************************************
**/

.fairy-tales-feedback-wrapper {
	height: 300px;
	position: absolute;
	width: 100%;
	z-index: 100;
	top: 0;
}
.fairy-tales-feedback-wrapper .fairy-tale-icon-background {
	background-repeat: no-repeat;
	top:  150px;
	position: absolute;
	width: 150px;
	height: 150px;
	background-size: 150px;
	z-index: 1;
	background-image:url(/media/equideo/image/divins/fairy-tales/nuage.png);
	-webkit-animation-name: fadeInfadeOut;
 	animation-name: fadeInfadeOut;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.fairy-tales-feedback-wrapper .fairy-tale-icon-background.first {
	left: 0;
}
.fairy-tales-feedback-wrapper .fairy-tale-icon-background.last {
	right: 0;
}
.fairy-tales-feedback-wrapper .fairy-tale-icon {
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	background-size: 100px;
	margin:  auto;
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.arbre {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/arbre.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.baguette {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/baguette.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.chapeau-sorciere {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/chapeau-sorciere.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.chateau {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/chateau.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.chaudron {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/chaudron.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.chevalier {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/chevalier.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.couronne {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/couronne.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.dragon {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/dragon.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.fantome {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/fantome.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.fee {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/fee.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.grenouille {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/grenouille.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.jack-house {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/jack-house.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.lampe-genie {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/lampe-genie.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.licorne {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/licorne.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.loup {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/loup.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.maison-pain-epice {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/maison-pain-epice.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.miroir {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/miroir.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.ogre {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/ogre.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.pomme {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/pomme.png");
}
.fairy-tales-feedback-wrapper .fairy-tale-icon.souris {
	background-image: url("/media/equideo/image/divins/fairy-tales/icons/souris.png");
}





/***********************************************************************************************************************************/
/* ANIMATION ***********************************************************************************************************************/
/***********************************************************************************************************************************/

/* Animations de clignotement, génériques */

/*Fade*/
@-webkit-keyframes blink {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@keyframes blink {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	    }
}
/*Fade in*/
@-webkit-keyframes blink-in {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes blink-in {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	    }
}
/* Clignotement partiel */
@-webkit-keyframes semi-blink {
	0% {
		opacity:1;
	}
	100% {
		opacity:0.5;
	}
}
@keyframes semi-blink {
	0% {
		opacity:1;
	}
	100% {
		opacity:0.5;
	}
}
/* Robe famine */
@-webkit-keyframes blink-famine {
	0% {
		opacity:0;
	}
	15% {
		opacity:1;
	}
	30% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes blink-famine {
	0% {
		opacity:0;
	}
	15% {
		opacity:1;
	}
	30% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
/* Robe guerre (fumée et flammèches) */
@-webkit-keyframes fumee {
	0% {
		opacity:0;
	}
	10% {
		opacity:1;
	}
	100% {
		opacity:0;
		top: -50px;
		left: 50px;
	}
}
@keyframes fumee {
	0% {
		opacity:0;
	}
	10% {
		opacity:1;
	}
	100% {
		opacity:0;
		top: -50px;
		left: 50px;
	}
}
@-webkit-keyframes flammeche {
	0% {
		opacity:0;
	}
	5% {
		opacity:1;
	}
	100% {
		opacity:0;
		-webkit-transform: translateY(-750%);
	}
}
@keyframes flammeche {
	0% {
		opacity:0;
	}
	2.5% {
		opacity:1;
	}
	80% {
		opacity:0;
		-moz-transform: translateY(-750%);
	}
	100% {
		opacity:0;
	}
}



/* Classe générale et variantes */
.objblink {
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: blink;
	-webkit-animation-timing-function: ease-in-out;

	animation-direction: alternate;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-name: blink;
	animation-timing-function: ease-in-out;
}
.objblink.famine {
	-webkit-animation-direction: normal;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-name: blink-famine;
	animation-direction: normal;
	animation-duration: 2.5s;
	animation-name: blink-famine;
}
.fumee {
	-webkit-animation-direction: normal;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: fumee;
	-webkit-animation-delay: 2s;
	-webkit-animation-timing-function: ease-in-out;
	animation-direction: normal;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-name: fumee;
	animation-delay: 2s;
	animation-timing-function: ease-in-out;
}
.fumee.flammeche {
	-webkit-animation-name: flammeche;
	-webkit-animation-duration: 1s;
	animation-name: flammeche;
	animation-duration: 1s;
}
.objblink.semi {
	-webkit-animation-name: semi-blink;
	animation-name: semi-blink;
}
.objblink.reverse {
	-webkit-animation-direction: alternate-reverse;
	animation-direction: alternate-reverse;
}
.objblink.delay {
	 -webkit-animation-delay: 1s;
	 animation-delay: 1s;
}


/*Animation nuages et symbol divins celtics*/


@-webkit-keyframes Floating {
  from {
    -webkit-transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 15px);
  }
  to {
    -webkit-transform: translate(0, 0px);
  }
}
@keyframes Floating {
  from {
    -webkit-transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 15px);
  }
  to {
    -webkit-transform: translate(0, 0px);
  }
}

/*Anim Fade In et Fade Out*/

@-webkit-keyframes fadeInfadeOut {
  from {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeInfadeOut {
  from {
    opacity: 0;
  }

 50% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/*Anim Fade Out Right LTR*/

@-webkit-keyframes fadeOutRight1 {
  from {
    opacity: 0;
  }

  17% {
  	opacity: 1;
  }

  67% {
  	opacity: 1;
  	-webkit-transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(150%, 0, 0);
  }
}

@keyframes fadeOutRight1 {
  from {
    opacity: 0;
  }

  17% {
  	opacity: 1;
  }

  67% {
  	opacity: 1;
  	transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(150%, 0, 0);
  }
}
@-webkit-keyframes fadeOutRight1Bottom {
  from {
    opacity: 0;
  }

  17% {
  	opacity: 1;
  }

  67% {
  	opacity: 1;
  	-webkit-transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(150%, 322px, 0);
  }
}

@keyframes fadeOutRight1Bottom {
  from {
    opacity: 0;
  }

  17% {
  	opacity: 1;
  }

  67% {
  	opacity: 1;
  	transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(150%, 322px, 0);
  }
}

@-webkit-keyframes fadeOutRight2 {
  from {
    opacity: 0;
  }

  20% {
  	opacity: 1;
  }

  60% {
  	opacity: 1;
  	-webkit-transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(260%, -109px, 0);
  }
}

@keyframes fadeOutRight2 {
  from {
    opacity: 0;
  }

  20% {
  	opacity: 1;
  }

  60% {
  	opacity: 1;
  	transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(260%, -109px, 0);
  }
}

@-webkit-keyframes fadeOutRight2Bottom {
  from {
    opacity: 0;
  }

  20% {
  	opacity: 1;
  }

  60% {
  	opacity: 1;
  	-webkit-transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(260%, 226px, 0);
  }
}

@keyframes fadeOutRight2Bottom {
  from {
    opacity: 0;
  }

  20% {
  	opacity: 1;
  }

  60% {
  	opacity: 1;
  	transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(260%, 226px, 0);
  }
}

@-webkit-keyframes fadeOutRight3 {
  from {
    opacity: 0;
  }

  25% {
  	opacity: 1;
  }

  50% {
  	opacity: 1;
  	-webkit-transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(135%, -108px, 0);
  }
}

@keyframes fadeOutRight3 {
  from {
    opacity: 0;
  }

  25% {
  	opacity: 1;
  }

  50% {
  	opacity: 1;
  	transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(135%, -108px, 0);
  }
}

@-webkit-keyframes fadeOutRight3Bottom {
  from {
    opacity: 0;
  }

  25% {
  	opacity: 1;
  }

  50% {
  	opacity: 1;
  	-webkit-transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(135%, 221px, 0);
  }
}

@keyframes fadeOutRight3Bottom {
  from {
    opacity: 0;
  }

  25% {
  	opacity: 1;
  }

  50% {
  	opacity: 1;
  	transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(135%, 221px, 0);
  }
}


/*Anim Fade Out Right NOPUB*/

@-webkit-keyframes fadeOutRight1Nopub {
  from {
    opacity: 0;
  }

  17% {
  	opacity: 1;
  }

  67% {
  	opacity: 1;
  	-webkit-transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(165%, -128px, 0);
  }
}

@keyframes fadeOutRight1Nopub {
  from {
    opacity: 0;
  }

  17% {
  	opacity: 1;
  }

  67% {
  	opacity: 1;
  	transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(165%, -128px, 0);
  }
}

@-webkit-keyframes fadeOutRight2Nopub {
  from {
    opacity: 0;
  }

  20% {
  	opacity: 1;
  }

  60% {
  	opacity: 1;
  	-webkit-transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(233%, -229px, 0);
  }
}

@keyframes fadeOutRight2Nopub {
  from {
    opacity: 0;
  }

  20% {
  	opacity: 1;
  }

  60% {
  	opacity: 1;
  	transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(233%, -229px, 0);
  }
}

@-webkit-keyframes fadeOutRight3Nopub {
  from {
    opacity: 0;
  }

  25% {
  	opacity: 1;
  }

  50% {
  	opacity: 1;
  	-webkit-transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(107%, -229px, 0);
  }
}

@keyframes fadeOutRight3Nopub {
  from {
    opacity: 0;
  }

  25% {
  	opacity: 1;
  }

  50% {
  	opacity: 1;
  	transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(107%, -229px, 0);
  }
}



/***********************************************************************************************************************************/
/* CHEVAUX MAORI *************************************************************************************************************************/
/***********************************************************************************************************************************/

/* MODULE - TIKI ***********************************************/

.block-mana-totem{
	width: 180px;
	height: 180px;
	background: url(/media/equideo/image/divins/maori/tiki.png) no-repeat center top;
}
.block-mana-totem-overlay{
	width: 180px;
	background: url(/media/equideo/image/divins/maori/tiki-overlay.png) no-repeat center top;
	transition: height .5s ease-in-out;
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	-ms-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
}

.block-tortues-sand.fade,
.block-tortues-item.fade-in
{
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-name: blink;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-name: blink;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
.block-tortues-item.fade-in{
	-webkit-animation-name: blink-in;
	-webkit-animation-fill-mode: backwards;
	animation-name: blink-in;
	animation-fill-mode: backwards;
}

.block-tortues-item.item-absolute{
	top: 0;
	left: 10px;
	z-index: 5;
}
.block-tortues-sand.item-relative{
	z-index: 10;
}


/***********************************************************************************************************************************/
/* CHEVAUX DIVINS NORDIQUE *********************************************************************************************************/
/***********************************************************************************************************************************/

#block-mondes-nordiques{
	width: 190px;
	height: 390px;
	background:url(/media/equideo/image/dossiers/nordique/nordiques-jauge-on.png);
}
#mondesNordiques-body-content {
	padding-bottom: 10px;
}
.block-mondes-nordiques-overlay{
	position: relative;
	width: 190px;
	background:url(/media/equideo/image/dossiers/nordique/nordiques-jauge-off.png);
}
.block-mondes-nordiques-overlay::after{
    position: absolute;
    content: "";
    display: block;
    height: 2px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .4);
    width: 230px;
    left: -20px;
    bottom: 0;
}
.block-mondes-nordiques-goal,
.block-mondes-nordiques-progression{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 0 1px 1px rgb(0, 0, 0);
}
.block-mondes-nordiques-progression{
	position: absolute;
	right: -32px;
	width: 100%;
}
.block-mondes-nordiques-progression .progression{
    position: absolute;
    right: 3px;
    bottom: -21px;
}
.block-mondes-nordiques-goal sup,
.block-mondes-nordiques-progression sup{
	top: -0.25em;
}

/***********************************************************************************************************************************/
/* CHEVAUX DIVINS JAPONAIS *********************************************************************************************************/
/***********************************************************************************************************************************/

.js-omikuji--unfold {
  background-image: url("/media/equideo/image/divins/japonais/omikuji-deplie.png");
  background-size: cover;
  color: #fff;
  display: block;
  font-weight: bold;
  height: 563px;
  margin: 0 auto;
  width: 700px;
  height: 308px;
  position: relative;
  text-transform: uppercase;
}

.omikuji__gift {
	position:absolute;
	top: 80px;
	left: 213px;
}

/***********************************************************************************************************************************/
/* CHEVAUX DIVINS SHERLOCK ADVENTURES **********************************************************************************************/
/***********************************************************************************************************************************/

.grid-game__cell{
	height: 30px;
	width: 30px;
	margin: 1px 0 0 1px;
	box-sizing: border-box;
}
.grid-game__cell img{
	width: 100%;
}
.grid-game__cell svg{
	padding: 2px 0 0 2px;
}
.grid-game__cell--hidden {
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.3);
}
.grid-game__cell--gift {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.3);
}
.grid-game__cell--far {
	background-color: #73CDE4;
	border: 1px solid #4B8E9F;
}
.grid-game__cell--close {
	background-color: #FF8F31;
	border: 1px solid #B56421;
}
.grid-game__cell--very-close {
	background-color: #E93838;
	border: 1px solid #A12525;
}

/**
******************************************************************************************************
******************************************************************************************************

######## #### ########  ########       ########  #### ##     ## #### ##    ## ########  ######
##        ##  ##     ## ##             ##     ##  ##  ##     ##  ##  ###   ## ##       ##    ##
##        ##  ##     ## ##             ##     ##  ##  ##     ##  ##  ####  ## ##       ##
######    ##  ########  ######         ##     ##  ##  ##     ##  ##  ## ## ## ######    ######
##        ##  ##   ##   ##             ##     ##  ##   ##   ##   ##  ##  #### ##             ##
##        ##  ##    ##  ##             ##     ##  ##    ## ##    ##  ##   ### ##       ##    ##
##       #### ##     ## ########       ########  ####    ###    #### ##    ## ########  ######

******************************************************************************************************
******************************************************************************************************
**/

.fire-gauge-off {
	width: 180px;
	height: 180px;
	margin: 0 auto;
	background: url(/media/equideo/image/divins/fire/fire-gauge-off.png) no-repeat center top;
	position: relative;
}
.fire-gauge-on {
	width: 180px;
	background: url(/media/equideo/image/divins/fire/fire-gauge-on.png) no-repeat center bottom;
	position: absolute;
	transition: height .5s ease-in-out;
	bottom: 0;
}

/**
******************************************************************************************************
******************************************************************************************************

   ###    ##       #### ######## ##    ##  ######
  ## ##   ##        ##  ##       ###   ## ##    ##
 ##   ##  ##        ##  ##       ####  ## ##
##     ## ##        ##  ######   ## ## ##  ######
######### ##        ##  ##       ##  ####       ##
##     ## ##        ##  ##       ##   ### ##    ##
##     ## ######## #### ######## ##    ##  ######

******************************************************************************************************
******************************************************************************************************
**/

#block-alien-gauge{
	width: 190px;
	height: 390px;

}

#block-alien-gauge.alien-type1-meadow {
	background:url(/media/equideo/image/dossiers/alien/alien-type1-meadow-jauge-on.png);
}
#block-alien-gauge.alien-type0-aqua {
	background:url(/media/equideo/image/dossiers/alien/alien-type0-aqua-jauge-on.png);
}
#block-alien-gauge.alien-type3-meadow {
	background:url(/media/equideo/image/dossiers/alien/alien-type3-meadow-jauge-on.png);
}
#block-alien-gauge.alien-type1-aqua {
	background:url(/media/equideo/image/dossiers/alien/alien-type1-aqua-jauge-on.png);
}
#block-alien-gauge.alien-type0-lava {
	background:url(/media/equideo/image/dossiers/alien/alien-type0-lava-jauge-on.png);
}
#block-alien-gauge.alien-type1-lava {
	background:url(/media/equideo/image/dossiers/alien/alien-type1-lava-jauge-on.png);
}

#mondesNordiques-body-content {
	padding-bottom: 10px;
}
.block-alien-gauge-overlay{
	position: relative;
	width: 190px;
}
.block-alien-gauge-overlay.alien-type1-meadow{
	background:url(/media/equideo/image/dossiers/alien/alien-type1-meadow-jauge-off.png);
}
.block-alien-gauge-overlay.alien-type0-aqua{
	background:url(/media/equideo/image/dossiers/alien/alien-type0-aqua-jauge-off.png);
}
.block-alien-gauge-overlay.alien-type3-meadow{
	background:url(/media/equideo/image/dossiers/alien/alien-type3-meadow-jauge-off.png);
}
.block-alien-gauge-overlay.alien-type1-aqua{
	background:url(/media/equideo/image/dossiers/alien/alien-type1-aqua-jauge-off.png);
}
.block-alien-gauge-overlay.alien-type0-lava{
	background:url(/media/equideo/image/dossiers/alien/alien-type0-lava-jauge-off.png);
}
.block-alien-gauge-overlay.alien-type1-lava{
	background:url(/media/equideo/image/dossiers/alien/alien-type1-lava-jauge-off.png);
}

.block-alien-gauge-overlay::after{
    position: absolute;
    content: "";
    display: block;
    height: 2px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .4);
    width: 230px;
    left: -20px;
    bottom: 0;
}
.block-alien-gauge-goal,
.block-alien-gauge-progression{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 0 1px 1px rgb(0, 0, 0);
}
.block-alien-gauge-progression{
	position: absolute;
	right: -32px;
	width: 100%;
}
.block-alien-gauge-progression .progression{
    position: absolute;
    right: 3px;
    bottom: -21px;
}
.block-alien-gauge-goal sup,
.block-alien-gauge-progression sup{
	top: -0.25em;
}

/**
******************************************************************************************************
******************************************************************************************************

   ###    ########  ########    ##     ## ####  ######  ########  #######  ########  ##    ##
  ## ##   ##     ##    ##       ##     ##  ##  ##    ##    ##    ##     ## ##     ##  ##  ##
 ##   ##  ##     ##    ##       ##     ##  ##  ##          ##    ##     ## ##     ##   ####
##     ## ########     ##       #########  ##   ######     ##    ##     ## ########     ##
######### ##   ##      ##       ##     ##  ##        ##    ##    ##     ## ##   ##      ##
##     ## ##    ##     ##       ##     ##  ##  ##    ##    ##    ##     ## ##    ##     ##
##     ## ##     ##    ##       ##     ## ####  ######     ##     #######  ##     ##    ##

******************************************************************************************************
******************************************************************************************************
**/

div#artDisplay div.puzzle-divine {
	background-image: url(/media/equideo/image/divins/art-history/puzzle-art-history-00.png);
}

/**
******************************************************************************************************
******************************************************************************************************

########  #### ########  ######## ########
##     ##  ##  ##     ## ##       ##     ##
##     ##  ##  ##     ## ##       ##     ##
########   ##  ##     ## ######   ########
##   ##    ##  ##     ## ##       ##   ##
##    ##   ##  ##     ## ##       ##    ##
##     ## #### ########  ######## ##     ##

******************************************************************************************************
******************************************************************************************************
**/

div#rider div.puzzle-divine {
	background-image: url(/media/equideo/image/divins/rider/0.png);
}

/******************************************************************************************************
 * Puzzles divins *************************************************************************************
 * ***************************************************************************************************/

div.puzzle-divine {
	width:200px;
	height:200px;
	margin:auto;
}

div.puzzle-divine .piece {
	width:200px;
	height:200px;
	position:absolute;
}
@-webkit-keyframes puzzle-blink {
	0% {
		opacity:1;
	}
	50% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-moz-keyframes puzzle-blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
div.puzzle-divine .puzzle-blink {
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 5;
    -webkit-animation-name: puzzle-blink;
    -webkit-animation-timing-function: ease-in-out;
	-moz-animation-direction: normal;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 5;
    -moz-animation-name: puzzle-blink;
    -moz-animation-timing-function: ease-in-out;
}

/*
.########.########.##.....##.########...#######..########.....###....########..##....##.########..########..########.########.########.
....##....##.......###...###.##.....##.##.....##.##.....##...##.##...##.....##..##..##..##.....##.##.....##.##.......##.......##.....##
....##....##.......####.####.##.....##.##.....##.##.....##..##...##..##.....##...####...##.....##.##.....##.##.......##.......##.....##
....##....######...##.###.##.########..##.....##.########..##.....##.########.....##....########..########..######...######...##.....##
....##....##.......##.....##.##........##.....##.##...##...#########.##...##......##....##.....##.##...##...##.......##.......##.....##
....##....##.......##.....##.##........##.....##.##....##..##.....##.##....##.....##....##.....##.##....##..##.......##.......##.....##
....##....########.##.....##.##.........#######..##.....##.##.....##.##.....##....##....########..##.....##.########.########.########.*/

/*HORSE ANIMATION*/

.temporarybreed--animation{
	position: absolute;
	top:0;
	left:0;
}
.temporarybreed__animationback,
.temporarybreed__animationfront{
	position: absolute;
	left: 0;
	top: 0;
}
.temporarybreed__animationfront{
	z-index: 100;
}