<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
    background: url('../img/bg.jpg') no-repeat center top;
    background-size: cover;
}
.fancybox-wrap{
	top: 0 !important;
}
.i-large{
	position : absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}
.i-large{
	background: url("../img/bgneige.png") repeat 0px 0px;
	-webkit-animation: dropFlowParticles 20s linear infinite;
	     -o-animation: dropFlowParticles 20s linear infinite;
	        animation: dropFlowParticles 20s linear infinite;
}
.blocsapin{
	margin-top:50px;
}
.cliquesurlaboule{
    position: absolute;
    top: 280px;
    left: 18%;
}
.btnjejoue{
	background: rgba(0, 0, 0, 0) url("../img/btn-jejoue.png") no-repeat scroll 0 0;
    clear: both;
    display: block;
    height: 60px;
    margin: auto;
    width: 182px;
}
@-webkit-keyframes dropFlowParticles {
	from { background-position: 0 0; }
	to { background-position: 0 413px; } 
}
@keyframes dropFlowParticles {
	from { background-position: 0 0; }
	to { background-position: 0 413px; }
}


/* .marginsapin{height:100%} */
.BouleNoel {
    height: 84px;
    width: 50px;
}
.detailBoule{
	height:100%;
	text-align:center;
}
.detailBoule img{
	height:100%;
}
.boule1{
    top: 8%;
    left: 48%;
    background: url('../img/bouleNoel/boulenoelrouge.png') no-repeat;
}
.boule2{
	top: 43%;
	left: 53%;
	background: url('../img/bouleNoel/boulenoeldoree2.png') no-repeat;
}
.boule3{
	top: 73%;
	left: 66%;
	background: url('../img/bouleNoel/boulenoeldoree3.png') no-repeat;
}
.boule4{
	top: 78%;
	left: 37%;
	background: url('../img/bouleNoel/boulenoelrouge4.png') no-repeat;
}
.boule5{
	top: 19%;
	left: 43.4%;
	background: url('../img/bouleNoel/boulenoelrouge5.png') no-repeat;
}
.boule6{
	top: 52%;
	left: 36%;
	background: url('../img/bouleNoel/boulenoeldoree6.png') no-repeat;
}
.boule7{
	top: 83%;
	left: 62%;
	background: url('../img/bouleNoel/boulenoelrouge7.png') no-repeat;
}
.boule8{
	top: 31%;
	left: 57.8%;
	background: url('../img/bouleNoel/boulenoelrouge8.png') no-repeat;
}
.boule9{
	top: 53%;
	left: 61.7%;
	background: url('../img/bouleNoel/boulenoelrouge9.png') no-repeat;
}
.boule10{
	top: 43%;
	left: 46%;
	background: url('../img/bouleNoel/boulenoelrouge10.png') no-repeat;
}
.boule11{
	top: 20%;
	left: 54.4%;
	background: url('../img/bouleNoel/boulenoeldoree11.png') no-repeat;
}
.boule12{
	top: 72%;
	left: 33%;
	background: url('../img/bouleNoel/boulenoelrouge12.png') no-repeat;
}
.boule13{
	top: 31%;
	left: 42%;
	background: url('../img/bouleNoel/boulenoeldoree13.png') no-repeat;
}
.boule14{
	top: 65%;
	left: 42%;
	background: url('../img/bouleNoel/boulenoeldoree14.png') no-repeat;
}
.boule15{
	top: 77%;
	left: 42%;
	background: url('../img/bouleNoel/boulenoeldoree15.png') no-repeat;
}
.boule16{
	top: 46%;
	left: 40%;
	background: url('../img/bouleNoel/boulenoelrouge16.png') no-repeat;
}
.boule17{
	top: 47%;
	left: 58%;
	background: url('../img/bouleNoel/boulenoeldoree17.png') no-repeat;
}
.boule18{
	top: 65%;
	left: 55%;
	background: url('../img/bouleNoel/boulenoelrouge18.png') no-repeat;
}
.boule19{
	top: 78%;
	left: 56%;
	background: url('../img/bouleNoel/boulenoeldoree19.png') no-repeat;
}
.boule20{
	top: 64%;
	left: 36%;
	background: url('../img/bouleNoel/boulenoeldoree20.png') no-repeat;
}
.boule21{
	top: 22%;
	left: 49%;
	background: url('../img/bouleNoel/boulenoeldoree21.png') no-repeat;
}
.boule22{
	top: 69%;
	left: 62%;
	background: url('../img/bouleNoel/boulenoelrouge22.png') no-repeat;
}
.boule23{
	top: 35%;
	left: 49%;
	background: url('../img/bouleNoel/boulenoeldoree23.png') no-repeat;
}
.boule24{
	top: 76%;
	left: 49%;
	background: url('../img/bouleNoel/boulenoelrouge24.png') no-repeat;
}



.boutonCommentJouer {
    background: url('../img/buttoncommentjouer.png') no-repeat;
	background-size: 60%;
    height: 87px;
    width: 248px;
    position: absolute;
    right: 10%;
    top: 100px;
	z-index:100;
}

.boutonjaicompris{
    background: url('../img/btn_compris.png') no-repeat;
    height: 87px;
    width: 248px;
    position: relative;
    display: block;
    margin: 0 auto;
}
.position-absolute{
	position:absolute;
}
.position-relative{
	position:relative;
}
.position1 {
    top: 88%;
    left: 60%;
}
.maisonNoel{
	    top: 63%;
	    right: 0;
		transform: rotate(-2deg);
}
.dotationCadeaux{
	left: 10%;
    top: 76%;
}
.CadeauxRdj{
	right: 22%;
	top: 90%;
}

.shadow{
    background: rgba(0, 0, 0, 0.59);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
	display:none;
}
.CommentJouer {
    background: rgba(0, 0, 0, 0.8) url("../img/commentjouer.png") no-repeat scroll center center / contain ;
    height: 100%;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 9999;

}
.CommentJouer p {
    clear: both;
    display: block;
    font-size: 12px;
   height: 68%;
    margin: auto;
    overflow-y: scroll;
    padding: 10px;
    text-align: justify;
    width: 490px;
}
.img_hide{
display:none;
}
.sapinlavant{
	margin-bottom: 50px;
}

.title-top{
	display: block;
	margin: 10px auto -15px;
}
.cliquesurlaboule{
	left:26%;
}
.dotationCadeaux {
	left: -5%;
	top: 73%;
}
canvas {
	display: block;
	left: 0;
	position: fixed;
	top: 0;
	z-index: -2;
}
h2{
	color: #0f5674;
	font-family: Open Sans;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: -5px;
	margin-top: 55px;
	text-align: center;
}
.EtoileNoel{
	left: 46.35%;
    top: -5%;
	width: 99px;
}

.large-3.small-6.text-center.columns{
	margin-bottom: 15px;
}

@keyframes swing {
	20% {
		transform: rotate(10deg);
	}
	40% {
		transform: rotate(-5deg);
	}
	60% {
		transform: rotate(4deg);
	}
	80% {
		transform: rotate(-3deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.BouleNoel,.swing {
	transition: all 1s;
	transform: rotate(0deg);
}

.BouleNoel:hover,.swing:hover {
	animation: swing 1.5s;
	transform-origin: center top 0;
}
.fancybox-close{
	top:10px;
}

@keyframes pulse {
0% {
    transform: scale3d(1, 1, 1);
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
    transform: scale3d(1, 1, 1);
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
.pulse:hover {
    animation: pulse 0.5s;
}




@media screen and (min-width: 40em) and (max-width: 63.9375em) {
}
@media screen and (max-width: 750px) {
	.boutonCommentJouer{
		float: none;
		position: relative;
		display: block;
		margin: 15px auto 50px auto;
	}
	.EtoileNoel{
		width: 17%;
		left: 42.5%;
		top: -4%;
	}
.hide-for-small-only{
	display:none;
}
	.boule1{
		
		left: 46%;
		top: 6%;
	}	
	.boule2{
		top: 40%;
		
	}	
	.boule3{
	top: 66%;
	left: 61%;
	
	}	
	.boule4{
		
left: 13%;
		
top: 73%;
	}
	.boule5{
		
left: 35%;
	}	
	.boule6{
		
left: 32%;
		
top: 55%;
	}	
	.boule7{
		
left: 70%;
	}	
	.boule8{
		
	}	
	.boule9{
		
	}	
	.boule10{
		
left: 40%;
		
top: 40%;
	}	
	.boule11{
		
left: 57%;
	}	
	.boule12{
		
top: 66%;
	}	
	.boule13{
		
left: 32%;
	}
	.boule14{
		
top: 77%;
		
left: 36%;
	}
	.boule15{
		
left: 23%;
	}
	.boule16{
		
left: 25%;
	}
	.boule17{
		
left: 69%;
		
top: 45%;
	}
	.boule18{
		
left: 78%;
	}
	.boule19{
		
left: 62%;
		
top: 77%;
	}
	.boule20{
		
left: 20%;
		
top: 63%;
	}
	.boule21{
		
left: 46%;
		
top: 17%;
	}
	.boule22{
		
top: 59%;
		
left: 72%;
	}
	.boule23{
		
left: 45%;
		
top: 30%;
	}
	.boule24{
		
	}
	
	.BouleNoel {
		background-size: 75%;
	}
.dotationCadeaux{
    display: block;
    width: 33%;
    bottom: -7px;
    top: initial;
    left: -7%;
    z-index: 0;
}
.sapinlavant{
	margin-bottom: 0;
}
.CadeauxRdj{
    width: 65%;
    right: 9px;
    margin: auto;
    top: 91%;
}
.dotationCadeauxMobile{
    left: 3%;
    top: 93%;
}

.boutonCommentJouer {
    position: absolute;
    z-index: 100;
    width: 108px;
    margin-top: -24%;
    height: 41px;
    background-size: contain;
    right: 20px;
}
.blocsapin{
	margin-top:0;
}
.fancybox-wrap{
	top: 20px !important;
}
.cliquesurlaboule{
	left: 13px;
    top: 176px;
	width: 80px;
}
.CommentJouer{
    background: url('../img/commentjouer-mobile.jpg') no-repeat center top;
    max-height:960px;
    max-width: 640px;
	width:100%;
	height:auto;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 9999;
}
.CommentJouer p{
	width: 95%;
	top: 50px;
}
.btnjejoue{

    margin-bottom: 65px;
}
img.title-top {
    margin-left: 9px;
    display: inline-block;
	    width: 145px;
}
}</pre></body></html>