.category-additional-description{
    margin-top: 3em;
    background-color: #F7F9FC;
    padding: 1.3em 2em;
    border-radius: 6px;
}
.category-additional-description *{
    line-height: 1.7em;
}
.marchedenowel {
    position: relative;
}
.marchedenowel .svg-container svg{
    max-width: 100%;
    height: auto;
}
.marchedenowel h4{
    font-family: Hamish, sans-serif;
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    margin: 0;
    padding: 0;
}
.marchedenowel h4 a {
    color: #930909;
}
.marchedenowel ul .card-block{
    width: 300px;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    background-color: #ffffff;
    border-color: #930909;
    border-width: 5px;
    transition: all 0.15s linear;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0.8em;
}
.marchedenowel ul .card-block.hide{
    display: none;
}

.marchedenowel ul .card-block picture{
    max-height: 190px;
    padding: 0.8em 0.8em 0;
    overflow: hidden;
}
.marchedenowel ul .card-block picture img{
    border-radius: 4px;
    object-fit: cover;
}
.marchedenowel ul .card-block .padding-sm{
    padding: 1em 0 0 0;
}
.marchedenowel .svg-container{
    margin: 1em 0 3em;
}
.marchedenowel .svg-container g[id^=category-]:hover {
    animation: bounce2 2s ease infinite;
    cursor: pointer;
}
@keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-20px);}
    60% {transform: translateY(-10px);}
}

@media (max-width: 767px) {
    .marchedenowel {
        padding: 0;
    }

    .marchedenowel .svg-container {
        margin: 0;
        overflow: hidden;
        width: 100vw;
        display: grid;
        justify-content: center;
    }

    .marchedenowel .svg-container svg{
        max-width: none;
        width: 740px;
    }
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, font, form, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O                  LANDSCAPE                  O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */

/* .o° .o° .o° .o° .o° .o° Falling snow °o. °o. °o. °o. °o. °o. */

@keyframes snowFall{
    0%{transform:translate(0, 0)}
    100%{transform:translate(0, 644px)}
}

#flocons_1_,
#flocons-repeat_1_{
    animation:snowFall linear 10s infinite;
}

/* .o° .o° .o° .o° .o° .o° Flickering and oscillating lights °o. °o. °o. °o. °o. °o. */

/* streetlights */

@keyframes flicker{
    50%{transform:scale(1.1, 1.1); opacity:0.8;}
    70%{transform:scale(1, 1); opacity:1;}
    90%{transform:scale(1.15, 1.15); opacity:0.7;}
}

#halo,
#halo_6_,
#halo_7_{
    animation:flicker linear 3s infinite;
}

#halo{transform-origin:558px 1105px;}
#halo_6_{transform-origin:213px 295px; animation-delay:-0.5s;}
#halo_7_{transform-origin:1112px 693px; animation-delay:-2.5s;}

/* bottom lightbulbs */

@keyframes flickerSmall{
    50%{transform: scale(1.1, 1.1); opacity:0.9;}
    70%{transform:scale(1, 1); opacity:1;}
    90%{transform:scale(1.08, 1.08); opacity:0.85;}
}

@keyframes oscillate{
    25%{transform:rotate(9deg);}
    75%{transform:rotate(-9deg);}
}

#halo_3_,
#halo_2_,
#halo_12_,
#halo_13_,
#halo_14_,
#halo_15_,
#halo_16_,
#halo_17_,
#halo_18_,
#halo_1_,
#halo_5_,
#halo_4_{
    animation:flickerSmall linear 7s infinite;
}

#halo_3_{transform-origin:122px 1538px; animation-delay:-0.25s;}
#halo_2_{transform-origin:213px 1541px; animation-delay:-1.25s;}
#halo_12_{transform-origin:316px 1541px; animation-delay:-2.25s;}
#halo_13_{transform-origin:401px 1549px; animation-delay:-2.5s;}
#halo_14_{transform-origin:521px 1546px; animation-delay:-0.75s;}
#halo_15_{transform-origin:607px 1556px; animation-delay:-1.75s;}
#halo_16_{transform-origin:746px 1568px; animation-delay:-0.5s;}
#halo_17_{transform-origin:840px 1574px; animation-delay:-1s;}
#halo_18_{transform-origin:992px 1560px; animation-delay:-0.5s;}
#halo_1_{transform-origin:1071px 1549px; animation-delay:-2.75s;}
#halo_5_{transform-origin:1171px 1528px; animation-delay:-1.5s;}
#halo_4_{transform-origin:1231px 1501px; animation-delay:-2s;}

#lumiere,
#lumiere_1_,
#lumiere_2_,
#lumiere_3_,
#lumiere_4_,
#lumiere_5_,
#lumiere_6_,
#lumiere_7_,
#lumiere_8_,
#lumiere_11_,
#lumiere_9_,
#lumiere_10_{
    animation:oscillate linear 8s infinite;
}

#lumiere{transform-origin:123px 1523px; animation-delay:-2s;}
#lumiere_1_{transform-origin:210px 1524px; animation-delay:-5s;}
#lumiere_2_{transform-origin:318px 1527px; animation-delay:-1s;}
#lumiere_3_{transform-origin:400px 1531px; animation-delay:-2.5s;}
#lumiere_4_{transform-origin:524px 1530px; animation-delay:-6.5s;}
#lumiere_5_{transform-origin:605px 1539px; animation-delay:-3s;}
#lumiere_6_{transform-origin:750px 1550px; animation-delay:-4.5s;}
#lumiere_7_{transform-origin:836px 1556px; animation-delay:-1.5s;}
#lumiere_8_{transform-origin:992px 1545px; animation-delay:-5s;}
#lumiere_11_{transform-origin:1065px 1532px; animation-delay:-3.5s;}
#lumiere_9_{transform-origin:1170px 1510px; animation-delay:-5.5s;}
#lumiere_10_{transform-origin:1229px 1484px; animation-delay:-6s;}

/* .o° .o° .o° .o° .o° .o° Lollipop °o. °o. °o. °o. °o. °o. */

@keyframes lollipop{
    60%{transform:rotate(760deg);}
    100%{transform:rotate(720deg);}
}

#sucette:hover{
    cursor:pointer;
}

#sucette.hovered{
    animation:lollipop 3.4s ease;
    transform-origin:192px 1177px;
}

/* .o° .o° .o° .o° .o° .o° Gingerbread man °o. °o. °o. °o. °o. °o. */

@keyframes gingerbreadManGirate{
    70%{transform:rotateY(2turn);}
    100%{transform:rotateY(2turn);}
}

@keyframes gingerbreadManWink1{
    82%{transform:scale(1, 1);}
    86%{transform:scale(1, 0.1);}
    90%{transform:scale(1, 1);}
}

@keyframes gingerbreadManWink2{
    82%{transform:translate(0, 0) rotate(0);}
    86%{transform:translate(0, 3px) rotate(-5deg);}
    90%{transform:translate(0, 0) rotate(0);}
}

#bonhomme:hover{
    cursor:pointer;
}

#bonhomme.hovered{
    animation:gingerbreadManGirate 2s ease;
    transform-origin:1115px 1210px;
}

#bonhomme.hovered #oeilDroit{
    animation:gingerbreadManWink1 2s linear;
    transform-origin:1098px 1047px;
}

#bonhomme.hovered #sourcilDroit{
    animation:gingerbreadManWink2 2s linear;
    transform-origin:1097px 1037px;
}

/* .o° .o° .o° .o° .o° .o° Bunny °o. °o. °o. °o. °o. °o. */

@keyframes bunny{
    0%{transform:translate(0, 0) scale(1, 1);}
    10%{transform:translate(0, 0) rotate(0) scale(1, 0.95);}
    12%{transform:translate(0, -6px) rotate(-2deg) scale(1, 1.05);}
    14%{transform:translate(0, 2px) scale(1, 0.95);}
    16%{transform:translate(0, -6px) rotate(2deg) scale(1, 1.05);}
    18%{transform:translate(0, 2px) scale(1, 0.95);}
    20%{transform:translate(0, -6px) rotate(-2deg) scale(1, 1.05);}
    22%{transform:translate(0, 0) rotate(0) scale(1, 1);}
    94%{transform:translate(0, 0);}
}

#lapin_1_{
    /*animation:bunny 6s linear infinite;
    transform-origin:1180px 691px;*/
}

/* ears */

@keyframes bunnyEars{
    50%{transform:rotate(8deg);}
}

#oreilleGauche{
    animation:bunnyEars 4s linear infinite;
    transform-origin:1191px 603px;
}

#oreilleDroite{
    animation:bunnyEars 2.5s linear infinite;
    animation-delay:-0.3s;
    transform-origin:1173px 601px;
}

/* .o° .o° .o° .o° .o° .o° Bushes °o. °o. °o. °o. °o. °o. */

/* glow on hover */

.isBush:hover{
    cursor:pointer;
    filter:drop-shadow(0px -4px 5px rgba(0, 222, 255, 0.8));
}

/* shake on click */

@keyframes shakeTheBush{
    0%{transform:translateX(0);}
    33%{transform:translateX(5px);}
    66%{transform:translateX(-5px);}
    100%{transform:translateX(0);}
}

.shakingBush{
    animation:shakeTheBush linear 0.12s 3;
}

/* .o° .o° .o° .o° .o° .o° Hidden dog °o. °o. °o. °o. °o. °o. */

/* click on bush with hidden dog */

@keyframes showTheDog{
    15%{transform:translate(-50px, 40px) rotate(-10deg);}
    95%{transform:translate(-50px, 40px) rotate(-10deg);}
}

.showingDog{
    animation:showTheDog ease-in-out 5s;
    transform-origin:252px 843px;
}

/* Pee flow */

@keyframes dogPee{
    50%{transform:rotate(10deg);}
}

.dogPeeFlow{
    animation:dogPee linear 0.1s 50;
    transform-origin:195px 869px;
}

/* Pee puddle */

@keyframes dogPuddle{
    50%{transform:scale(1.5, 2);}
}

.dogPeeSplash{
    animation:dogPuddle linear 0.5s 10;
    transform-origin:220px 869px;
}

/* .o° .o° .o° .o° .o° .o° Hidden Santa °o. °o. °o. °o. °o. °o. */

/* click on Santa's bush */

@keyframes showSanta{
    0%{transform:translate(0, 0) scale(1, 1) rotate(-20deg);}
    50%{transform:translate(0, -70px) scale(2.1, 2.1) rotate(0);}
    65%{transform:translate(0, -60px) scale(1.9, 1.9) rotate(0);}
    100%{transform:translate(0, -65px) scale(2, 2) rotate(0);}
}

.showingSanta{
    animation:showSanta ease 0.5s forwards;
    transform-origin:484px 1203px;
}

/* fireworks */

@keyframes fireworks{
    99%{transform:translate(0, -300px) scale(10, 10); opacity:0;}
    100%{transform:translate(0, 0) scale(0, 0); opacity:0;}
}

.showingSanta #fireworks{
    animation:fireworks 1.5s ease-out forwards;
    transform-origin:497px 1108px;
}

/* head */
@keyframes santasHead{
    0%{transform:rotate(-3deg);}
    24%{transform:rotate(3deg);}
    52%{transform:rotate(-3deg);}
    76%{transform:rotate(3deg);}
    100%{transform:rotate(-3deg);}
}

.showingSanta #tete{
    animation:santasHead 3s infinite;
    transform-origin:488px 1167px;
}

/* left arm */

@keyframes santasLeftArm{
    10%{transform:rotate(5deg);}
    30%{transform:rotate(-5deg);}
    48%{transform:rotate(0);}
    50%{transform:rotate(-3deg);}
    54%{transform:rotate(4deg);}
    58%{transform:rotate(-2deg);}
    62%{transform:rotate(5deg);}
    65%{transform:rotate(-5deg);}
    70%{transform:rotate(4deg);}
    80%{transform:rotate(0);}
    90%{transform:rotate(5deg);}
    100%{transform:rotate(-1deg);}
}

.showingSanta #brasGauche{
    animation:santasLeftArm 4s infinite;
    transform-origin:493px 1172px;
}

/* right arm */

@keyframes santasRightArm{
    20%{transform:rotate(20deg) translate(0, -3px);}
    50%{transform:rotate(0deg) translate(0, -0);}
}

.showingSanta #brasDroit{
    animation:santasRightArm 3s infinite;
    transform-origin:478px 1172px;
}

/* body */

@keyframes santasBody{
    25%{transform:rotate(0deg) translate(0, 0);}
    28%{transform:rotate(-1deg) translate(0, -1px);}
    31%{transform:rotate(0deg) translate(0, 0);}
    34%{transform:rotate(-1deg) translate(0, -1px);}
    37%{transform:rotate(0deg) translate(0, 0);}
    40%{transform:rotate(-1deg) translate(0, -1px);}
    43%{transform:rotate(0deg) translate(0, 0);}
}

.showingSanta #busteEtTete{
    animation:santasBody 4.5s infinite;
    transform-origin:490px 1192px;
}

/* left leg */

@keyframes santasLeg{
    0%{transform:rotate(0);}
    20%{transform:rotate(-10deg);}
    40%{transform:rotate(0);}
}

.showingSanta #jambeGauche_1_{
    animation:santasLeg 2s infinite;
    transform-origin:498px 1188px;
}

/* open mouth */

@keyframes santasMouth{
    0%{transform:scale(0, 0);}
    25%{transform:scale(0, 0);}
    28%{transform:scale(1, 1);}
    31%{transform:scale(1, 0.9);}
    34%{transform:scale(1, 1);}
    37%{transform:scale(1, 0.9);}
    40%{transform:scale(1, 1);}
    50%{transform:scale(0, 0);}
    100%{transform:scale(0, 0);}
}

.showingSanta #boucheOuverte{
    animation:santasMouth 4.5s infinite;
    transform-origin:487px 1165px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O               CHRISTMAS ELVES               O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */

/* .o° .o° .o° .o° .o° .o° Eye blinks °o. °o. °o. °o. °o. °o. */

@keyframes eyeBlink{
    0%{}
    4%{transform:scale(1, 1);}
    5%{transform:scale(1, 0);}
    6%{transform:scale(1, 1);}
    100%{}
}

/* category-358 Jams */
#yeux_4_{
    animation:eyeBlink 4s infinite;
    transform-origin:562px 223px;
}

/* category-359 Small Gifts */
#yeux_5_{
    animation:eyeBlink 3.9s infinite;
    animation-delay:-0.7s;
    transform-origin:898px 286px;
}

/* category-360 Ornaments */
#yeux_6_{
    animation:eyeBlink 3.8s infinite;
    animation-delay:-0.3s;
    transform-origin:402px 590px;
}

/* category-362 Nougat */
#yeux_8_{
    animation:eyeBlink 3s infinite;
    animation-delay:-0.2s;
    transform-origin:912px 657px;
}

/* category-364 Spreads */
#yeux_9_{
    animation:eyeBlink 3.3s infinite;
    transform-origin:396px 934px;
}

/* category-365 Candied fruits */
#yeux_11_{
    animation:eyeBlink 3.1s infinite;
    animation-delay:-0.5s;
    transform-origin:896px 944px;
}

/* category-366 Shopping bag */

#yeux_12_{
    animation:eyeBlink 3.2s infinite;
    transform-origin:432px 1251px;
}

/* category-368 Chocolates */

#yeux_14_{
    animation:eyeBlink 3.1s infinite;
    transform-origin:905px 1311px;
}

/* Santa */

.showingSanta #yeux{
    animation:eyeBlink 3.8s infinite;
    animation-delay:-0.3s;
    transform-origin:487px 1157px;
}

/* Bunny */

#yeux_1_{
    animation:eyeBlink 4.8s infinite;
    transform-origin:1176px 610px;
}

/* .o° .o° .o° .o° .o° .o° category-357 Panettone °o. °o. °o. °o. °o. °o. */

/* arms & hands */

@keyframes c357-leftArm{
    50%{transform:rotate(-20deg);}
}

@keyframes c357-leftHand{
    52%{transform:rotate(19deg);}
    54%{transform:rotate(-19deg);}
    56%{transform:rotate(19deg);}
    58%{transform:rotate(-19deg);}
    60%{transform:rotate(19deg);}
    62%{transform:rotate(-19deg);}
    64%{transform:rotate(19deg);}
    66%{transform:rotate(-19deg);}
    68%{transform:rotate(19deg);}
    70%{transform:rotate(-19deg);}
    72%{transform:rotate(19deg);}
    74%{transform:rotate(-19deg);}
    76%{transform:rotate(0deg);}
}

#brasGauche_2_{
    transform-origin:409px 281px;
    animation:c357-leftArm linear 2s infinite;
}

#brasGauche_2_ g{
    transform-origin:424px 274px;
    animation:c357-leftHand linear 8s infinite;
}

@keyframes c357-rightArm{
    40%{transform:rotate(0deg);}
    45%{transform:rotate(-15deg);}
    95%{transform:rotate(-15deg);}
    100%{transform:rotate(0deg);}
}

@keyframes c357-plate{
    40%{transform:translate(0, 0);}
    45%{transform:translate(5px, 2px);}
    95%{transform:translate(5px, 2px);}
    100%{transform:translate(0, 0);}
}

#brasDroit_2_{
    transform-origin:389px 284px;
    animation:c357-rightArm linear 8s infinite;
}

#panettone{
    transform-origin:391px 305px;
    animation:c357-plate linear 8s infinite;
}

/* head */

@keyframes c357-head{
    0%{transform:rotate(5deg);}
    40%{transform:rotate(-5deg);}
    60%{transform:rotate(-5deg);}
    100%{transform:rotate(5deg);}
}

#tete_1_{
    transform-origin:401px 280px;
    animation:c357-head ease-in-out 4s infinite;
}

/* .o° .o° .o° .o° .o° .o° category-358 Jams °o. °o. °o. °o. °o. °o. */

/* body */

@keyframes c358-body{
    0%{transform:rotate(5deg);}
    20%{transform:rotate(5deg);}
    50%{transform:rotate(-5deg);}
    70%{transform:rotate(-5deg);}
    100%{transform:rotate(5deg);}
}

#lutin{
    transform-origin:566px 264px;
    animation:c358-body ease-in-out 4s infinite;
}

/* arms */

@keyframes c358-arms{
    0%{transform:rotate(0deg);}
    50%{transform:rotate(-15deg);}
    100%{transform:rotate(0deg);}
}

#brasDroit_3_{
    animation:c358-arms 1.6s infinite;
    transform-origin:557px 242px;
}

#brasGauche_3_{
    animation:c358-arms 1.4s infinite;
    animation-delay:-0.5s;
    transform-origin:572px 239px;
}

/* head */

@keyframes c358-head{
    0%{transform:rotate(-1deg);}
    50%{transform:rotate(8deg);}
    100%{transform:rotate(-1deg);}
}

#tete_2_{
    animation:c358-head 2.5s infinite;
    transform-origin:563px 235px;
    animation-delay:-1s;
}

/* .o° .o° .o° .o° .o° .o° category-359 Small Gifts °o. °o. °o. °o. °o. °o. */

/* arms */

@keyframes c359-leftArm{
    5%{transform:rotate(-15deg);}
    8%{transform:rotate(-5deg);}
    12%{transform:rotate(-20deg);}
    15%{transform:rotate(-10deg);}
    19%{transform:rotate(-25deg);}
    35%{transform:rotate(-25deg);}
    50%{transform:rotate(0deg);}
}

@keyframes c359-rightArm{
    5%{transform:rotate(90deg);}
    8%{transform:rotate(80deg);}
    12%{transform:rotate(90deg);}
    15%{transform:rotate(85deg);}
    19%{transform:rotate(92deg);}
    35%{transform:rotate(80deg);}
    50%{transform:rotate(0deg);}
}

@keyframes c359-rightArmBox{
    5%{transform:translate(-5px, -50px);}
    8%{transform:translate(-5px, -45px);}
    12%{transform:translate(-5px, -50px);}
    15%{transform:translate(-5px, -48px);}
    19%{transform:translate(-5px, -52px);}
    35%{transform:translate(-7px, -45px);}
    50%{transform:translate(0, 0);}
}

@keyframes c359-rightArmBoxShadow{
    5%{transform:scale(0, 0);}
    35%{transform:scale(0, 0);}
    50%{transform:scale(1, 1);}
}

#brasGauche_4_, #brasGauche_5_{
    animation:c359-leftArm ease-in-out 5s infinite;
    transform-origin:908px 305px;
}

#brasDroit_4_, #brasDroit_5_{
    animation:c359-rightArm ease-in-out 5s infinite;
    transform-origin:889px 300px;
}

#cadeauRose{
    animation:c359-rightArmBox ease-in-out 5s infinite;
    transform-origin:889px 300px;
}

#cadeauRose path[fill="#D18500"]{
    animation:c359-rightArmBoxShadow linear 5s infinite;
    transform-origin:858px 334px;
}

/* head */

@keyframes c359-head{
    10%{transform:rotate(-3deg);}
    20%{transform:rotate(0deg);}
    30%{transform:rotate(-3deg);}
    40%{transform:rotate(0deg);}
    50%{transform:rotate(-4deg);}
    60%{transform:rotate(0deg);}
    70%{transform:rotate(0);}
}

#tete_3_, #buste_2_{
    animation:c359-head linear 3s infinite;
    transform-origin:906px 304px;
}

/* .o° .o° .o° .o° .o° .o° Elf near Santa's sleigh °o. °o. °o. °o. °o. °o. */

/* body */

@keyframes sleigh-body{
    2%{transform:rotate(8deg);}
    4%{transform:rotate(5deg);}
    6%{transform:rotate(12deg);}
    10%{transform:rotate(10deg);}
    13%{transform:rotate(12deg);}
    16%{transform:rotate(10deg);}
    20%{transform:rotate(12deg);}
    24%{transform:rotate(10deg);}
    33%{transform:rotate(0);}
    40%{transform:rotate(2deg);}
    50%{transform:rotate(0);}
    60%{transform:rotate(2deg);}
    70%{transform:rotate(0);}
    80%{transform:rotate(2deg);}
    90%{transform:rotate(0);}
}

#buste, #tete_7_{
    animation:sleigh-body ease-in-out 12s infinite;
    transform-origin:698px 466px;
}

/* leg */

@keyframes sleigh-leg{
    4%{transform:rotate(72deg)}
    10%{transform:rotate(70deg);}
    13%{transform:rotate(72deg);}
    16%{transform:rotate(70deg);}
    20%{transform:rotate(72deg);}
    24%{transform:rotate(70deg);}
    30%{transform:rotate(0);}
}

#jambeDroite{
    animation:sleigh-leg ease-in-out 12s infinite;
    transform-origin:683px 466px;
}

/* arms */

@keyframes sleigh-rightArm{
    0%{transform:rotate(-70deg) translate(2px, -6px);}
    2%{transform:rotate(-10deg) translate(2px, 0);}
    4%{transform:rotate(-8deg) translate(2px, 0);}
    6%{transform:rotate(4deg) translate(2px, 0);}
    10%{transform:rotate(2deg) translate(2px, 0);}
    13%{transform:rotate(4deg) translate(2px, 0);}
    16%{transform:rotate(2deg) translate(2px, 0);}
    20%{transform:rotate(4deg) translate(2px, 0);}
    24%{transform:rotate(2deg) translate(2px, 0);}
    29%{transform:rotate(-68deg) translate(5px, 0);}
    40%{transform:rotate(-70deg) translate(5px, 0);}
    50%{transform:rotate(-68deg) translate(5px, 0);}
    60%{transform:rotate(-30deg) translate(5px, 0);}
    70%{transform:rotate(-68deg) translate(5px, 0);}
    80%{transform:rotate(-70deg) translate(5px, 0);}
    90%{transform:rotate(-68deg) translate(5px, 0);}
    100%{transform:rotate(-70deg) translate(5px, 0);}
}

@keyframes sleigh-leftArm{
    0%{transform:rotate(100deg) translate(-2px, 4px);}
    3%{transform:rotate(10deg) translate(0px, 0);}
    5%{transform:rotate(28deg) translate(0px, 0);}
    7%{transform:rotate(24deg) translate(0px, 0);}
    9%{transform:rotate(22deg) translate(0px, 0);}
    14%{transform:rotate(24deg) translate(0px, 0);}
    17%{transform:rotate(22deg) translate(0px, 0);}
    19%{transform:rotate(24deg) translate(0px, 0);}
    23%{transform:rotate(22deg) translate(0px, 0);}
    26%{transform:rotate(60deg) translate(-2px, 4px);}
    38%{transform:rotate(70deg) translate(-2px, 4px);}
    49%{transform:rotate(65deg) translate(-2px, 4px);}
    58%{transform:rotate(70deg) translate(-2px, 4px);}
    71%{transform:rotate(62deg) translate(-2px, 4px);}
    80%{transform:rotate(70deg) translate(-2px, 4px);}
    89%{transform:rotate(87deg) translate(-2px, 4px);}
    95%{transform:rotate(100deg) translate(-2px, 4px);}
    100%{transform:rotate(100deg) translate(-2px, 4px);}
}

#brasDroit_1_{
    animation:sleigh-rightArm linear 12s infinite;
    transform-origin:689px 443px;
}

#brasGauche_1_{
    animation:sleigh-leftArm linear 12s infinite;
    transform-origin:706px 444px;
}

/* .o° .o° .o° .o° .o° .o° category-360 Ornaments °o. °o. °o. °o. °o. °o. */

/* body */

@keyframes c360-body{
    10%{transform:translate(0, -1px) rotate(1deg);}
    20%{transform:translate(0, 0) rotate(0);}
    30%{transform:translate(0, -1px) rotate(1deg);}
    40%{transform:translate(0, 0) rotate(0);}
    50%{transform:translate(0, -1px) rotate(1deg);}
    60%{transform:translate(0, 0) rotate(0);}
}

#lutin_2_{
    animation:c360-body ease-in-out 4s infinite;
    transform-origin:404px 626px;
}

/* head */

@keyframes c360-head{
    0%{transform:rotate(2deg);}
    25%{transform:rotate(-2deg);}
    50%{transform:rotate(2deg);}
    75%{transform:rotate(-2deg);}
    100%{transform:rotate(2deg);}
}

#tete_4_{
    animation:c360-head linear 5s infinite;
    transform-origin:401px 607px;
}

/* right arm */

@keyframes c360-rightArm{
    8%{transform:rotate(-15deg);}
    18%{transform:rotate(0);}
    28%{transform:rotate(-15deg);}
    38%{transform:rotate(0);}
    48%{transform:rotate(-15deg);}
    58%{transform:rotate(0);}
}

#brasDroit_6_{
    animation:c360-rightArm linear 3s infinite;
    transform-origin:392px 619px;
}

/* left arm */

@keyframes c360-leftArm{
    0%{transform:rotate(0);}
    10%{transform:rotate(-10deg);}
    15%{transform:rotate(15deg);}
    22%{transform:rotate(-10deg);}
    30%{transform:rotate(12deg);}
    40%{transform:rotate(-8deg);}
    50%{transform:rotate(2deg);}
    60%{transform:rotate(0deg);}
    70%{transform:rotate(2deg);}
    80%{transform:rotate(0deg);}
    90%{transform:rotate(2deg);}
    100%{transform:rotate(0);}
}

#brasGauche_6_{
    animation:c360-leftArm linear 6.3s infinite;
    transform-origin:404px 602px;
}

/* .o° .o° .o° .o° .o° .o° category-361 Tea °o. °o. °o. °o. °o. °o. */

/* tea */

@keyframes c361-steam{
    0%{transform:scale(1, 1) translate(0, 3px); opacity:1;}
    90%{transform:scale(3.5, 2) translate(0, -7px); opacity:0;}
    95%{transform:scale(1, 1) translate(0, 3px); opacity:0;}
    100%{transform:scale(1, 1) translate(0, 3px); opacity:1;}
}

#vapeur{
    animation:c361-steam linear 3s infinite;
    transform-origin:739px 632px;
}

/* right arm */

@keyframes c361-rightArm{
    0%{transform:rotate(-1deg);}
    30%{transform:rotate(18deg);}
    40%{transform:rotate(14deg);}
    48%{transform:rotate(17deg);}
    75%{transform:rotate(2deg);}
    85%{transform:rotate(-0deg);}
    92%{transform:rotate(2deg);}
    100%{transform:rotate(-1deg);}
}

#brasDroit_7_{
    animation:c361-rightArm ease-in-out 5.5s infinite;
    transform-origin:776px 645px;
}

/* left arm + tea plate */

@keyframes c361-leftArm{
    10%{transform:rotate(15deg);}
    15%{transform:rotate(10deg);}
    20%{transform:rotate(15deg);}
    40%{transform:rotate(15deg);}
}

#brasGauche_7_{
    animation:c361-leftArm ease-in-out 4.2s infinite;
    transform-origin:786px 640px;
}

@keyframes c361-teaPlate{
    10%{transform:translate(-5px, -2px) rotate(2deg);;}
    15%{transform:translate(-3px, -1px) rotate(1deg);}
    20%{transform:translate(-5px, -2px) rotate(2deg);}
    40%{transform:translate(-5px, -2px) rotate(2deg);}
}

#plat{
    animation:c361-teaPlate ease-in-out 4.2s infinite;
    transform-origin:786px 640px;
}

/* head */

@keyframes c361-head{
    20%{transform:rotate(8deg);}
    40%{transform:rotate(0);}
    50%{transform:rotate(3deg);}
    59%{transform:rotate(0);}
    67%{transform:rotate(3deg);}
    76%{transform:rotate(0);}
    82%{transform:rotate(1deg);}
    89%{transform:rotate(0);}
    95%{transform:rotate(1deg);}
    100%{transform:rotate(0);}
}

#tete_5_{
    animation:c361-head linear 5.2s infinite;
    transform-origin:781px 643px;
}

/* .o° .o° .o° .o° .o° .o° category-362 Nougat °o. °o. °o. °o. °o. °o. */

/* head */

@keyframes c362-head{
    10%{transform:rotate(-8deg);}
    20%{transform:rotate(-6deg);}
    40%{transform:rotate(-9deg);}
    50%{transform:rotate(-5deg);}
    75%{transform:rotate(-8deg);}
    90%{transform:rotate(1deg);}
}

#tete_6_{
    animation:c362-head linear 5.1s infinite;
    transform-origin:914px 674px;
}

/* right arm */

@keyframes c362-rightArm{
    20%{transform:rotate(0);}
    50%{transform:rotate(20deg);}
    100%{transform:rotate(0);}
}

#brasDroit_8_{
    animation:c362-rightArm linear 4s infinite;
    transform-origin:909px 676px;
}

/* left arm */

@keyframes c362-leftArm{
    0%{transform:rotate(-40deg);}
    16%{transform:rotate(-30deg);}
    90%{transform:rotate(-30deg);}
    100%{transform:rotate(-40deg);}
}

#brasGauche_13_{
    animation:c362-leftArm ease 7s infinite;
    transform-origin:924px 676px;
}

/* .o° .o° .o° .o° .o° .o° category-364 Spreads °o. °o. °o. °o. °o. °o. */

/* head */

@keyframes c364-head{
    20%{transform:rotate(7deg);}
    30%{transform:rotate(2deg);}
    40%{transform:rotate(7deg);}
    50%{transform:rotate(-2deg);}
    70%{transform:rotate(0);}
}

#tete_8_{
    animation:c364-head linear 5.5s infinite;
    transform-origin:394px 949px;
}

/* right arm + hand */

@keyframes c364-rightArm{
    30%{transform:rotate(0deg);}
    40%{transform:rotate(-75deg);}
    70%{transform:rotate(-50deg);}
    80%{transform:rotate(-85deg);}
}

@keyframes c364-rightHand{
    30%{transform:rotate(0deg);}
    40%{transform:rotate(75deg);}
    70%{transform:rotate(50deg);}
    80%{transform:rotate(75deg);}
}

#brasDroit_9_{
    animation:c364-rightArm 8.2s infinite;
    transform-origin:385px 953px;
}

#brasDroit_9_ g:nth-child(2){
    animation:c364-rightHand 8.2s infinite;
    transform-origin:378px 967px;
}

/* left arm */

@keyframes c364-leftArm{
    50%{transform:rotate(20deg);}
}

@keyframes c364-leftHand{
    25%{transform:rotate(15deg);}
    75%{transform:rotate(-15deg);}
}

#brasGauche_8_{
    animation:c364-leftArm linear 3s infinite;
    transform-origin:399px 949px;
}

#brasGauche_8_ g{
    animation:c364-leftHand linear 2.5s infinite;
    transform-origin:416px 943px;
}

/* .o° .o° .o° .o° .o° .o° category-363 Wrapping °o. °o. °o. °o. °o. °o. */

/* body */

@keyframes c363-body{
    0%{transform:translate(-2px, 0) rotate(-5deg);}
    7%{transform:translate(0, -1px) rotate(-0deg);}
    14%{transform:translate(2px, 0px) rotate(5deg);}
    21%{transform:translate(0, -1px) rotate(0deg);}
    28%{transform:translate(-2px, 0) rotate(-5deg);}
    35%{transform:translate(0, -1px) rotate(-0deg);}
    42%{transform:translate(2px, 0px) rotate(5deg);}
    49%{transform:translate(0, -1px) rotate(0deg);}
    56%{transform:translate(0, 0px) rotate(0deg);}
    95%{transform:translate(0, 0) rotate(0deg);}
    100%{transform:translate(-2px, 0) rotate(-5deg);}
}

#lutin_3_{
    animation:c363-body linear 3.1s infinite;
    transform-origin:566px 927px;
}

/* arms */

@keyframes c363-leftArm{
    20%{transform:rotate(30deg);}
    70%{transform:rotate(-2deg);}
}

@keyframes c363-rightArm{
    0%{transform:rotate(-30deg);}
    15%{transform:rotate(50deg);}
    17%{transform:rotate(45deg);}
    20%{transform:rotate(50deg);}
    23%{transform:rotate(45deg);}
    26%{transform:rotate(50deg);}
    30%{transform:rotate(45deg);}
    34%{transform:rotate(50deg);}
    50%{transform:rotate(45deg);}
    60%{transform:rotate(-30deg);}
    80%{transform:rotate(-45deg);}
    100%{transform:rotate(-30deg);}
}

@keyframes c363-rightHand{
    0%{transform:rotate(0);}
    15%{transform:rotate(7deg);}
    17%{transform:rotate(-7deg);}
    20%{transform:rotate(7deg);}
    23%{transform:rotate(-7deg);}
    26%{transform:rotate(7deg);}
    30%{transform:rotate(-7deg);}
    34%{transform:rotate(7deg);}
    50%{transform:rotate(-7deg);}
    60%{transform:rotate(7deg);}
    80%{transform:rotate(0deg);}
    100%{transform:rotate(0);}
}

#brasGauche_14_{
    animation:c363-leftArm linear 5.5s infinite;
    transform-origin:572px 902px;
}

#brasDroit_10_{
    animation:c363-rightArm linear 4.5s infinite;
    transform-origin:555px 904px;
}

#brasDroit_10_ g{
    animation:c363-rightHand linear 4.5s infinite;
    transform-origin:532px 907px;
}

/* head */

@keyframes c363-head{
    50%{transform:rotate(15deg);}
}

#tete_9_{
    animation:c363-head linear 2.9s infinite;
    transform-origin:564px 904px;
}

/* .o° .o° .o° .o° .o° .o° category-365 Candied fruits °o. °o. °o. °o. °o. °o. */

/* body */

@keyframes c365-body{
    50%{transform:rotate(2deg) translate(-2px, 0);}
}

#lutin_5_{
    animation:c365-body linear 3.1s infinite;
    transform-origin:894px 987px;
}

/* head */

@keyframes c365-head{
    10%{transform:rotate(-3deg);}
    20%{transform:rotate(-1deg);}
    30%{transform:rotate(-3deg);}
    40%{transform:rotate(-1deg);}
    50%{transform:rotate(-3deg);}
    60%{transform:rotate(0deg);}
    70%{transform:rotate(0);}
}

#tete_10_{
    animation:c365-head linear 4.2s infinite;
    transform-origin:898px 960px;
}

/* right arm */

@keyframes c365-rightArm{
    20%{transform:rotate(-15deg);}
    40%{transform:rotate(25deg);}
    60%{transform:rotate(-18deg);}
    80%{transform:rotate(5deg);}
}

#brasDroit_11_{
    animation:c365-rightArm linear 3.1s infinite;
    transform-origin:888px 961px;
}

/* left arm */

@keyframes c365-lefttArm{
    25%{transform:rotate(0deg);}
    75%{transform:rotate(-35deg);}
}

#brasGauche_10_{
    animation:c365-lefttArm linear 2.5s infinite;
    transform-origin:907px 961px;
}

/* .o° .o° .o° .o° .o° .o° category-366 Shopping bag °o. °o. °o. °o. °o. °o. */

/* right arm */

@keyframes c366-rightArm{
    25%{transform:rotate(-10deg);}
    50%{transform:rotate(-8deg);}
    75%{transform:rotate(10deg);}
    85%{transform:rotate(8deg);}
}

#brasDroit_12_{
    animation:c366-rightArm linear 2s infinite;
    transform-origin:420px 1266px;
}

/* left arm + bag */

@keyframes c366-leftArm{
    25%{transform:rotate(-10deg);}
    50%{transform:rotate(-0deg) translate(0px, -1px);}
    56%{transform:rotate(-10deg) translate(0px, -1px);}
    62%{transform:rotate(-0deg) translate(0px, -1px);}
    68%{transform:rotate(-10deg) translate(0px, -1px);}
    75%{transform:rotate(-0deg) translate(0px, -1px);}
}

#brasGauche_11_{
    animation:c366-leftArm linear 2.6s infinite;
    transform-origin:437px 1265px;
}

@keyframes c366-bag{
    25%{transform:rotate(-3deg) translate(0px, -3px);}
    50%{transform:rotate(3deg) translate(0px, -3px);}
    56%{transform:rotate(-3deg) translate(0px, -3px);}
    62%{transform:rotate(3deg) translate(0px, -3px);}
    68%{transform:rotate(-3deg) translate(0px, -3px);}
    75%{transform:rotate(3deg) translate(0px,-3px);}
}

#maxiCabas{
    animation:c366-bag linear 2.6s infinite;
    transform-origin:437px 1265px;
}

/* body */

@keyframes c366-body{
    20%{transform:rotate(4deg);}
    25%{transform:rotate(2deg);}
    30%{transform:rotate(6deg);}
    60%{transform:rotate(4deg);}
    80%{transform:rotate(0deg);}
}

#lutin_6_{
    animation:c366-body linear 3.1s infinite;
    transform-origin:432px 1283px;
}

/* tete */

@keyframes c366-head{
    50%{transform:rotate(-10deg);}
}

#tete_11_{
    animation:c366-head linear 2.1s infinite;
    transform-origin:434px 1264px;
}

/* .o° .o° .o° .o° .o° .o° category-367 Sweets °o. °o. °o. °o. °o. °o. */

/* arms */

@keyframes c367-leftArm{
    0%{transform:rotate(0deg) translate(-2px, 0px);}
    25%{transform:rotate(-5deg) translate(0px, -2px);}
    50%{transform:rotate(-10deg) translate(2px, 0px);}
    75%{transform:rotate(-4deg) translate(0px, 2px);}
    100%{transform:rotate(0deg) translate(-2px, 0px);}
}

#brasGauche_12_{
    animation:c367-leftArm linear 2.5s infinite;
    transform-origin:770px 1280px;
}

@keyframes c367-rightArm{
    0%{transform:rotate(0deg) translate(0px, 2px);}
    25%{transform:rotate(4deg) translate(-2px, 0px);}
    50%{transform:rotate(15deg) translate(0px, -2px);}
    75%{transform:rotate(5deg) translate(2px, 0px);}
    100%{transform:rotate(0deg) translate(0px, 2px);}
}

#brasDroit_13_{
    animation:c367-rightArm linear 2.5s infinite;
    animation-delay:-0.2s;
    transform-origin:717px 1287px;
}

/* body */

@keyframes c367-body{
    25%{transform:rotate(-4deg);}
    75%{transform:rotate(4deg);}
}

#lutin_4_{
    animation:c367-body linear 2s infinite;
    transform-origin:746px 1302px;
}

/* head */

@keyframes c367-head{
    25%{transform:rotate(-4deg) translate(2px, 0);}
    75%{transform:rotate(4deg) translate(-2px, 0);}
}

#tete_12_{
    animation:c367-head linear 3.9s infinite;
    transform-origin:740px 1280px;
}

/* .o° .o° .o° .o° .o° .o° category-368 Chocolates °o. °o. °o. °o. °o. °o. */

/* head */

@keyframes c368-head{
    30%{transform:rotate(-8deg);}
    60%{transform:rotate(8deg);}
    70%{transform:rotate(0deg) translate(0, 0);}
    72%{transform:rotate(0deg) translate(0, -1px);}
    74%{transform:rotate(0deg) translate(0, 1px);}
    76%{transform:rotate(0deg) translate(0, -1px);}
    78%{transform:rotate(0deg) translate(0, 1px);}
    80%{transform:rotate(0deg) translate(0, -1px);}
    82%{transform:rotate(-2deg) translate(0, 1px);}
    84%{transform:rotate(-2deg) translate(0, 0);}
    86%{transform:rotate(-4deg) translate(0, 0);}
    90%{transform:rotate(-8deg) translate(0, 0);}
}

#tete_13_{
    animation:c368-head linear 3.9s infinite;
    transform-origin:905px 1328px;
}

/* arm */

@keyframes c368-leftArm{
    0%{transform:rotate(-65deg);}
    50%{transform:rotate(0deg);}
    100%{transform:rotate(-65deg);}
}

#brasGauche_9_{
    animation:c368-leftArm ease-out 2.5s infinite;
    transform-origin:917px 1332px;
}