@import url('https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@400;700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body, html{
	margin:0;
	padding:0;
}
html {
	background-image: url('../images/back252.webp');
	 background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
background-color: #1f264a;
	overflow:   scroll;
}
::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}
body {
	min-width: fit-content;
}
a {
	color: #462626;
}
@font-face {
  font-family: 'christmasFont';
  src: url('../fonts/Hello-Christmas.ttf')  format('truetype') /* Safari, Android, iOS */
}
.snow {
  height: 100%;
  position: absolute;
  width: 100%;
  /*z-index: 60;*/
}
.button {
  background-color: #1f264a;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.button:hover {
  background-color: #f4b220;
  color: #1f264a;
}
/* Style général modals */
.modal, .jquery-modal {
    z-index: 1040 !important;
    font-family: "Open Sans", sans-serif;
}

/* Rendre toutes les images responsive dans les modals */
.jquery-modal .modal img,
.blocker .modal img,
.modal img {
    max-width: 100% !important;
    width: 100% !important;        /* écrase width="1024" */
    height: auto !important;       /* écrase height="1024" */
    display: block;
    margin: 0 auto;
}

.christmas {font-family: "Mountains of Christmas", serif;
  font-weight: 400;
  font-style: normal;
r}
.responsive {
  width: 100%;
  height: auto;
  max-width: 450px;
}
.advent-calendar {
	position: relative;
	margin: 0px auto;
}
.advent-calendar-entry {
	position: absolute;
	display: block;
}
.advent-calendar-door-left-wrapper, .advent-calendar-door-right-wrapper {
	-moz-perspective: 400px;
	-webkit-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px;
}
.advent-calendar-door {
	-webkit-transition:-webkit-transform 1s;
    -moz-transition:-moz-transform 1s;
    -o-transition: -o-transform 1s;
    -ms-transition: -ms-transform 1s;
    transition: transform 1s;
}
.advent-calendar-door-left-wrapper {
	float: left;
}
.advent-calendar-door-right-wrapper {
	float: right;
}
.advent-calendar-door-left-wrapper .advent-calendar-door {
	-moz-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}
.advent-calendar-door-right-wrapper .advent-calendar-door {
	-moz-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}
a.advent-calendar-entry:hover {
	z-index: 99;
}
a.advent-calendar-entry:hover .advent-calendar-door-left-wrapper .advent-calendar-door {
	-webkit-transform: rotateY(-70deg);
    -moz-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    -o-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
}
a.advent-calendar-entry:hover .advent-calendar-door-right-wrapper .advent-calendar-door {
	-webkit-transform: rotateY(70deg);
    -moz-transform: rotateY(70deg);
    -ms-transform: rotateY(70deg);
    -o-transform: rotateY(70deg);
    transform: rotateY(70deg);
}
.advent-calendar-background {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}