/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
@font-face {
    font-family: MikadoBlack;
    src: url('../fonts/MikadoBlack.otf');
}

@font-face {
    font-family: MikadoBold;
    src: url('../fonts/MikadoBold.otf');
}

@font-face {
    font-family: MikadoMedium;
    src: url('../fonts/MikadoMedium.otf');
}

@font-face {
    font-family: Lpixel;
    src: url('../fonts/LLPIXEL3.ttf');
}

body{
    font-family: "MikadoMedium";
}

h1, h2, h3, h4, h6{
    font-family: "MikadoBold";
}

h5{
    font-family: "MikadoMedium";
}

/**RECOMPENSE SHAKE ***/
.footerfixed{
    position: absolute;
    width: 100%;
    bottom: 0;
}


html,
body {
    height: 100%;
    margin: 0;
    min-height: 100%;
    padding: 0;
}

.prev-s-btn{
    font-size: 24px;
    line-height: 1;
    opacity: 1;
    padding: 5px 10px 5px 8px;
    border-radius: 3px;
    display: block;
    position: absolute;
    left: -35px;
    top: 23px;
    background-color: unset !important;
}

.next-s-btn{
    font-size: 24px;
    line-height: 1;
    opacity: 1;
    padding: 5px 8px 5px 10px;
    border-radius: 3px;
    display: block;
    position: absolute;
    right: -35px;
    top: 23px;
    background-color: unset !important;
}

.next-s-btn:hover, .prev-s-btn:hover{
    background-color: #efefef !important;
}

.next-s-btn:focus, .prev-s-btn:focus{
    background-color: unset !important;
}

.md-v-img-cont{
    text-align: center;
}

.md-v-img-cont img{
    width: 80px;
    margin: auto;
}

.md-v-img-cont-f{
    background-image: url(../img/modal-vote/vote-felicitation.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    padding: 60px 0 30px 0;
    margin: auto;
    background-position-y: 25px;
    display: none;
}

.md-v-img-cont-p{
    background-image: url(../img/modal-vote/vote-felicitation-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    padding: 60px 0 30px 0;
    margin: auto;
    background-position-y: -10px;
    display: none;
}

.md-v-img-cont-f h6, .md-v-img-cont-p h6{
    font-size: 33px;
    font-family: "MikadoBold";
    color: #505055;
    text-align: center;
    margin: 0;
}

.md-v-img-cont-f span, .md-v-img-cont-p span{
    font-size: 16px;
    font-family: "MikadoMedium";
    color: #505055;
    text-align: center;
    display: block;
}

.md-v-txt-cont{
    padding: 0;
}

.md-v-txt-multi{
    padding: 0;
}

.md-v-txt-multi p{
    margin: 18px 0 0 0;
    text-align: left;
    padding: 0;
    font-size: 16px;
    font-family: "MikadoMedium";
    color: #505055;
}

.md-v-txt-multi span{
    font-size: 12px;
    font-weight: normal;
    margin-top:-5px;
    text-align: left;
    display: block;
    font-family: "Arial", sans-serif;
}

.md-v-btn-cont{
    padding: 0;
}

.md-v-btn-cont a, .md-v-btn-cont span{
    margin-top: 23px;
}

.md-ev-txt-cont{
    padding: 0;
}

.md-ev-txt-cont p{
    margin: 20px 0 0 0;
    text-align: left;
    padding: 0;
    font-size: 16px;
    font-family: "MikadoMedium";
    color: #505055;
}

.md-req-txt-cont{
    padding: 0;
}

.md-req-txt-cont p{
    margin: 10px 0 8px 0;
    text-align: center;
    padding: 0;
    font-size: 16px;
    font-family: Arial, "sans-serif";
    color: #505055;
}

.md-ev-txt-cont span{
    font-size: 12px;
    font-weight: normal;
    margin-top:-5px;
    text-align: left;
    display: block;
    font-family: "Arial", sans-serif;
}

.md-v-txt-cont p{
    margin: 26px 0 0 0;
    text-align: left;
    padding: 0;
    font-size: 18px;
    font-family: "MikadoMedium";
    color: #505055;
}

.md-v-txt-cont .v-plus-sign{
    font-size: 14px;
}

.md-v-txt-cont span{
    font-size: 12px;
    font-weight: normal;
    margin-top:-5px;
    text-align: left;
    display: block;
    font-family: "Arial", sans-serif;
    color: #505055;
    letter-spacing: 0;
}

.md-v-cont{
    margin-top: 5px;
    background-color: #efefef;
    padding-bottom: 14px;
    overflow: hidden;
}

.md-v-cont-in{
    margin-top: 5px;
    background-color: #fff;
    overflow: hidden;
}

.md-v-btn-f{
    background-color: #69bade;
    border: 1px solid #69bade;
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 7px;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.fb-like{
    background-color: #1674ea;
    border: 1px solid #1674ea;
    text-decoration: none;
    color: white;
    padding: 2px 0;
    border-radius: 7px;
    text-align: center;
    display: block !important;
    text-transform: uppercase;
    margin-top: 20px;
    height: 35px;
}

.md-v-btn-fb{
    background-color: #1674ea;
    border: 1px solid #1674ea;
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 7px;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.md-v-btn-top{
    background-color: #28cfc0;
    border: 1px solid #28cfc0;
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 7px;
    text-align: center;
    display: block;
}

.md-v-btn{
    background-color: #54ba64;
    border: 1px solid #54ba64;
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 7px;
    text-align: center;
    display: block;
}

.md-v-btn-int{
    background-color: #fff;
    color: #54ba64;
    border: 1px dashed #54ba64;
    text-decoration: none;
    font-family: "MikadoMedium";
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 7px;
    text-align: center;
    display: block;
}

.md-v-btn-int:hover{
    background-color: #fff;
    color: #54ba64;
}

.md-v-btn-g{
    background-color: rgba(80,80,85,0.9);
    border: 1px solid rgb(80,80,85);
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 7px;
    text-align: center;
    display: block;
    cursor: pointer;
}

.custom-v-container {
    padding: 3px 15px;
}

.custom-v-container .row{
    border-radius: 15px;
}

.duree-evt-restante{
    color: #f00;
}

#calendrier-icon{
    width: 45px;
    position: absolute;
    right: 12px;
    top: 12px;
}

.vote-txt-add{
    padding: 20px 0px 5px 0;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    color: #505055;
    background-color: white;
    border-radius: 7px;
}


.vote-txt-add .title-span-v{
    padding: 7px 18px;
    display: block;
}

/* Version PF ne prend pas en compte le verouillage reequilibrage */
.md-v-btn-pf{
    background-color: #f6a30d;
    border: 1px solid #f6a30d;
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 7px;
    text-align: center;
    display: block;
    cursor: pointer;
}

.md-v-btn-f:hover, .md-v-btn-f:focus,
.md-v-btn-fb:hover, .md-v-btn-fb:focus,
.md-v-btn-top:hover, .md-v-btn-top:focus,
.md-v-btn-g:hover, .md-v-btn-g:focus,
.md-v-btn-pf:hover, .md-v-btn-pf:focus,
.md-v-btn:hover, .md-v-btn:focus{
    color: #ffffff;
    filter: brightness(110%);
}

/**** Lueurs pack votes ****/
.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
}

.image-v-s {
    position: absolute;
    width: 135px;
    height: 80px;
    background-size: cover;
}

.image-v-s.image-1 {
    background-image: url('../img/modal-vote/halo/vote-p-6.png');
    width: 80px;
    height: 80px;
    margin: auto;
    display: block;
    text-align: center;
    z-index: 4;
}

.image-v-s.image-2 {
    background-image: url('../img/modal-vote/halo/vote-p-5.png');
    width: 80px;
    height: 80px;
    margin: auto;
    display: block;
    text-align: center;
    z-index: 4;
}

.image-v-s.image-3 {
    background-image: url('../img/modal-vote/halo/lumiere.png');
    animation: pulse 2s infinite;
    width: 115px;
    height: 115px;
    left: -5px;
    top: -29px;
    z-index: 3;
}

.image-v-s.image-4 {
    background-image: url('../img/modal-vote/halo/lumiere-2.png');
    animation: pulse 2s infinite;
    width: 115px;
    height: 115px;
    left: -5px;
    top: -29px;
    z-index: 3;
}

.image-v-s.image-4 {
    background-image: url('../img/modal-vote/halo/lumiere-2.png');
    animation: pulse 2s infinite;
    width: 115px;
    height: 115px;
    left: -5px;
    top: -29px;
    z-index: 3;
}

.image-v-s.image-5 {
    background-image: url('../img/modal-vote/halo/rayons.png');
    animation: rotate 20s infinite linear;
    left: -11px;
    top: -20px;
    width: 120px;
    height: 120px;
    z-index: 2;
}
/**** FIN Lueurs pack votes ****/

.link-unlock{
    color: #f6a30d;
}

.link-unlock:focus, .link-unlock:hover{
    color: #f6a30d;
    text-decoration: underline;
}

.md-bravo p{
    font-size: 33px;
    font-family: "MikadoBold";
    color: #505055;
    text-align: center;
    margin: 0;
}

.md-bravo span{
    font-size: 16px;
    font-family: "MikadoMedium";
    color: #505055;
    text-align: center;
    display: block;
}

#bravo-gratz{
    display: block !important;
    background-image: url(../img/modal-vote/vote-felicitation-3.jpg);
    margin-top: 30px;
}

.badge-new-g{
    background-color: #f6a30d;
    color: white;
    padding: 5px 10px;
    width: fit-content;
    border-radius: 6px;
    font-size: 14px;
    font-family: "Arial", sans-serif;
    position: absolute;
    right: 10px;
}

.close-chest{
    display: block;
    margin: auto;
    width: 100px;
}

.s-btn-fb{
    color: #1674ea;
}

.s-btn-fb:hover, .s-btn-fb:focus{
    color: #1674ea !important;
}

.s-btn-g{
    color: rgb(80, 80, 85);
}

.s-btn-g:hover, .s-btn-g:focus{
    color: rgb(80, 80, 85) !important;
}

.slick-dots {
    position: relative;
    bottom: 5px;
    justify-content: center;
    margin: 0;
}

.slick-dots li{
    margin: 0;
}

.slick-disabled{
    opacity: 0;
}

.v-cont-cours{
    margin-top: 23px;
    text-decoration: none;
    font-family: "MikadoMedium";
    color: #505050;
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 7px;
    text-align: center;
    display: block;
}

.reward-money{
    position: absolute;
    margin-left: -50px;
    margin-top: -6px;
}

/**END RECOMPENSE SHAKE ***/
/** REFLECT CSS ***/

.sucre-voter {
    border: 1px solid #28cfc0;
    background-color: #28cfc0;
    color: #fff;
}
.sucre-voter:focus {
    outline: 0;
    text-decoration: none;
}

.sucre-voter:hover {
    text-decoration: none;
    color: #28cfc0;
    background-color:white;
}

.sale-voter {
    border: 1px solid #0083AE !important;
    color: #fff !important;
    background-color:#0083AE !important;
}

.sale-voter:hover {
    color:#0083AE !important;
    background-color:white !important;
}


.btnwebyfood {
    border-radius: 6px;
    background-color: #28cfc0;
    color: #fff;
    border: 1px solid #28cfc0;
    text-transform: uppercase;
    font-size: 18px;
    padding: 3px 40px 3px 40px;
    display: inline-block;
    text-align: center;
    font-family: "MikadoBold";
}

.btnwebyfood:focus {
    color:#28cfc0;
    background-color:white;
    outline: 0;
    text-decoration: none;
    font-family: "MikadoBold";
}

.btnwebyfood:hover {
    text-decoration: none;
    color:#28cfc0;
    background-color:white;
    font-family: "MikadoBold";
}

.btnSportlike {
    border: 1px solid transparent;
    border-radius: 350px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 3px 10px;
    margin-top:15px;
    text-align: center;
    width: 100%;
    background-color:#28cfc0;
    font-family: "Arial", sans-serif;
    font-weight: bold;
    text-decoration: none;
}
.btnSportlike:focus {
    color:white;
    outline: 0;
    text-decoration: none;
}

.btnSportlike:hover {
    text-decoration: none;
    color:#28cfc0;
    border: 1px solid #28cfc0;
    background-color:white;
}

#nb_vote_user{
    font-family: "MikadoMedium";
}

.golden{
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #7E5D28 !important;
    border: 1px solid #7E5D28 !important;
    background: #C28123 !important; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #C28123 , #FDE4A4) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #C28123, #FDE4A4) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #C28123, #FDE4A4) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #C28123 , #FDE4A4) !important; /* Standard syntax */
    font-family: Arial;
    border-radius: 30px;
    width: 100%;
    text-decoration: none;
}

.golden:hover{
    background: #FDE4A4 !important;
    color: #7E5D28 !important;
}

.gotologindex{
    background-color: #28cfc0;
    border-radius: 6px;
    border: 1px solid #28cfc0;
    color: #fff !important;
    display: inline-block;
    padding: 3px 40px 3px 40px;
    text-align: center;
    width: 220px;
    font-weight: bold;
    font-size: 16px !important;
    font-family: "MikadoBold";
    overflow: hidden; /* cacher la couche luisante pour qu’elle n’apparaisse qu’au moment du survol  */
    position: absolute; /* Execution du pseudoElement a linterieur du boutton */
    margin: 0 auto;
    text-decoration: none;
    z-index:0;
}

.gotologindex::after {
    content: '';
    position: absolute;
    margin: -50%;
    left: -20%;
    top: -100%;
    width: 161px;
    height: 169px;
    right: -50%;
    bottom: -50%;
    background: url("../img/sheen.png");
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0px 0px;
    transform-style: preserve-3d;
    transform: translate(0px, 50px) translateZ(0px) rotate(32deg) scale(1, 1);
}

.gotologindex::after {
    -webkit-animation: sheen 4s forwards; /* Safari 4+ */
    -moz-animation:    sheen 4s forwards; /* Fx 5+ */
    -o-animation:      sheen 4s forwards; /* Opera 12+ */

    animation: sheen 4s forwards;
    animation-iteration-count:infinite;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-delay: 1s;
    overflow:hidden;
}

.gotologindex:focus {
    color:#28cfc0 !important;
    background-color: white;
    outline: 0;
    text-decoration: none;
    font-family: "MikadoBold";
}

.gotologindex:hover {
    text-decoration: none;
    color:#28cfc0 !important;
    background-color: white;
    font-family: "MikadoBold";
}


.gotologindex-sale{
    background-color: #0083AE;
    border-radius: 6px;
    border: 1px solid #0083AE;
    color: #fff !important;
    display: inline-block;
    padding: 3px 0 3px 0;
    text-align: center;
    width: 73%;
    font-weight: bold;
    font-size: 16px !important;
    font-family: "MikadoBold";
    overflow: hidden; /* cacher la couche luisante pour qu’elle n’apparaisse qu’au moment du survol  */
    position: absolute; /* Execution du pseudoElement a linterieur du boutton */
    margin: 0 auto;
    text-decoration: none;
    z-index:0;
}

.gotologindex-sale::after {
    content: '';
    position: absolute;
    margin: -50%;
    left: -20%;
    top: -100%;
    width: 161px;
    height: 169px;
    right: -50%;
    bottom: -50%;
    background: url("../img/sheen.png");
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0px 0px;
    transform-style: preserve-3d;
    transform: translate(0px, 50px) translateZ(0px) rotate(32deg) scale(1, 1);
}

.gotologindex-sale::after {
    -webkit-animation: sheen 4s forwards; /* Safari 4+ */
    -moz-animation:    sheen 4s forwards; /* Fx 5+ */
    -o-animation:      sheen 4s forwards; /* Opera 12+ */

    animation: sheen 4s forwards;
    animation-iteration-count:infinite;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-delay: 1s;
    overflow:hidden;
}

.gotologindex-sale:focus {
    color:#0083AE !important;
    background-color: white;
    outline: 0;
    text-decoration: none;
    font-family: "MikadoBold";
}

.gotologindex-sale:hover {
    text-decoration: none;
    color:#0083AE !important;
    background-color: white;
    font-family: "MikadoBold";
}


.gotologindex-sucre{
    background-color: #28cfc0;
    border-radius: 6px;
    border: 1px solid #28cfc0;
    color: #fff !important;
    display: inline-block;
    padding: 3px 0 3px 0;
    text-align: center;
    width: 73%;
    font-weight: bold;
    font-size: 16px !important;
    font-family: "MikadoBold";
    overflow: hidden; /* cacher la couche luisante pour qu’elle n’apparaisse qu’au moment du survol  */
    position: absolute; /* Execution du pseudoElement a linterieur du boutton */
    margin: 0 auto;
    text-decoration: none;
    z-index:0;
}

.gotologindex-sucre::after {
    content: '';
    position: absolute;
    margin: -50%;
    left: -20%;
    top: -100%;
    width: 161px;
    height: 169px;
    right: -50%;
    bottom: -50%;
    background: url("../img/sheen.png");
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0px 0px;
    transform-style: preserve-3d;
    transform: translate(0px, 50px) translateZ(0px) rotate(32deg) scale(1, 1);
}

.gotologindex-sucre::after {
    -webkit-animation: sheen 4s forwards; /* Safari 4+ */
    -moz-animation:    sheen 4s forwards; /* Fx 5+ */
    -o-animation:      sheen 4s forwards; /* Opera 12+ */

    animation: sheen 4s forwards;
    animation-iteration-count:infinite;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-delay: 1s;
    overflow:hidden;
}

.gotologindex-sucre:focus {
    color:#28cfc0 !important;
    background-color: white;
    outline: 0;
    text-decoration: none;
    font-family: "MikadoBold";
}

.gotologindex-sucre:hover {
    text-decoration: none;
    color:#28cfc0 !important;
    background-color: white;
    font-family: "MikadoBold";
}

.slider-votes-event{
    display: none;
}


@keyframes sheen {
    0% {
    }
    5%,25% {
    }
    15%,35% {
    }
    40% {
    }
    100% {
        transform: translate(475px, 80px) translateZ(0px) rotate(32deg) scale(1, 1);
    }

}
@-moz-keyframes sheen {
    0% {
    }
    5%,25% {
    }
    15%,35% {
    }
    40% {
    }
    100% {
        transform: translate(475px, 80px) translateZ(0px) rotate(32deg) scale(1, 1);
    }

}
@-o-keyframes sheen {
    0% {
    }
    5%,25% {
    }
    15%,35% {
    }
    40% {
    }
    100% {
        transform: translate(475px, 80px) translateZ(0px) rotate(32deg) scale(1, 1);
    }

}
@-webkit-keyframes sheen {
    0% {
    }
    5%,25% {
    }
    15%,35% {
    }
    40% {
    }
    100% {
        transform: translate(475px, 80px) translateZ(0px) rotate(32deg) scale(1, 1);
    }
}

/** END REFLECT CSS ***/
html
{
    overflow-x: hidden
}
html,
body {
    height: 100%;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}
/* triangle sur menu top */
.navbar .nav > li > .dropdown-menu::after {
    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    left: 70px;
    position: absolute;
    top: -10px;
}


.dropleft {
    left:-27px
}

.dropleftconnexion {
    left: -107px;
    width: 355px;
    margin-top: -2px;
    background-color: unset;
    border: none;
    box-shadow: none;
}

.drop-connexion-cont{
    margin-top: 14px;
    border-radius: 9px;
    background-color: white;
    padding: 10px 0;
    box-shadow: 5px 10px 8px #00000030;
}

.drop-connexion-cont::before{
    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    left: 47%;
    top: 9px;
    position: absolute;
}

.drop-etc{
    margin-top: -2px;
    background-color: unset;
    border: none;
    box-shadow: none;
    margin-left: -59px;
}

.drop-etc-log{
    margin-top: -2px;
    background-color: unset;
    border: none;
    box-shadow: none;
    margin-left: -25px;
}

.drop-etc-cont{
    margin-top: 14px;
    border-radius: 9px;
    background-color: #fff;
    padding: 10px 0;
    box-shadow: 5px 10px 8px #00000030;
}

.drop-etc-cont::before{
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    left: 47%;
    top: 9px;
    position: absolute;
}

.wrap-gains-title{
    color: black;
    font-size: 24px;
}


.wrap-gains-sub-title{
    color: #595959;
    font-size: 16px;
    line-height: normal;
}

#fb-connect-trig img{
    width: 18px;
    vertical-align: middle;
    margin-top: -4px;
}

#fb-connect-trig span{
    vertical-align: middle;
    font-size: 18px;
}

.embed-video {
    display:block;
    min-height:436px;
    min-width:100%;
    top:0;
}

.divider-vertical {
    border-left: 1px solid #28cfc0;
    border-right: 1px solid #28cfc0;
    height: 30px;
    margin-top: 19px;
}

.toleft{
    margin-left:1px;
}

.logo {
    width:100px;
}
.logo-header {
    width:150px;
}

/********* VOTES ***********/
.modal-open{
    padding-right:0;
}

.dropdown-menu > .recompense_nav > a{
    color:white;
}

.dropdown-menu > .recompense_nav > a:hover,
.dropdown-menu > .recompense_nav > a:focus {
    background-color: #eee;
    color: #28cfc0;
    text-decoration: none;
}

.adsense-placeholder{
    background-color: rgb(230, 235, 239);
    margin: auto;
    padding: 20px;
    cursor: default !important;
    display: block;
}

.adsense-placeholder-img{
    width:250px;
}

#ads-top ins.adsbygoogle[data-ad-status="filled"] a {
    display: none !important;
}

#ads-bottom ins.adsbygoogle[data-ad-status="filled"] a {
    display: none !important;
}

#ads-col-right ins.adsbygoogle[data-ad-status="filled"] a {
    display: none !important;
}

#ads-col-r1 ins.adsbygoogle[data-ad-status="filled"] a {
    display: none !important;
}

#ads-col-r2 ins.adsbygoogle[data-ad-status="filled"] a {
    display: none !important;
}


#top-head-profil-cont{
    padding-top: 140px;
    height: 250px;
}

#top-head-profil{
    z-index: 10;
    position: relative;
}

#top-head-profil h1{
    color: #505055;
    font-family: "MikadoBold";
    text-transform: uppercase;
    font-size: 36px;
    margin-bottom: 0;
    cursor: default;
    text-align: center;
}

#top-head-img{
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
}

#top-head-img-r{
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
}

#top-head-cont{
    padding-top: 140px;
    padding-left: 5%;
    padding-bottom: 20px;
    height:440px;
}

#top-head-cont h1{
    color: white;
    font-family: "MikadoBold";
    text-transform: uppercase;
    font-size: 48px;
    margin-bottom: 0;
    cursor: default;
    padding-left: 35px;
}

#top-head-cont-indisp{
    padding-top: 140px;
    padding-left: 5%;
    padding-bottom: 65px;
}

#top-head-cont-indisp h1{
    color: #505055;
    font-family: "MikadoBold";
    text-transform: uppercase;
    font-size: 48px;
    margin-bottom: 0;
    cursor: default;
    padding-left: 35px;
}

.txt-weby-int-indisp{
    color: #505055;
    font-family: "MikadoMedium";
    font-size: 24px;
    cursor: default;
    text-align: left;
    padding-left: 29px;
}

.title-weby-int-indisp{
    color: #505055;
    font-family: "MikadoBold";
    text-transform: uppercase;
    font-size: 34px;
    cursor: default;
    text-align: left;
    padding-left: 29px;
    margin-bottom: 20px;
    margin-top: 80px;
}

#top-head-cont h2{
    color: white;
    display: block;
    width: fit-content;
    font-size: 22px;
    margin-bottom: 15px;
    font-family: MikadoMedium;
    letter-spacing: 1.6px;
    cursor: default;
    padding-left: 35px;
}

.top-head-cont-b{
    color: #505055 !important;
}

.top-head-cont-p{
    display: inline-block;
    margin-right: 20px;
    min-width: 130px;
}

#top-head-cont span{
    color: white;
    display: block;
    width: fit-content;
    font-size: 22px;
    margin: auto;
    font-family: "MikadoMedium";
    cursor: default;
}

#top-head-cont a{
    margin-top: 20px;
}

#top-head-cont img{
    width: 55px;
    display: block;
    margin: auto;
}


#top-head-cont-reverse{
    padding-top: 140px;
    padding-left: 5%;
    padding-bottom: 20px;
    height:440px;
}

#top-head-cont-reverse h1{
    color: white;
    font-family: "MikadoBold";
    text-transform: uppercase;
    font-size: 48px;
    margin-bottom: 0;
    cursor: default;
    padding-left: 35px;
}

#top-head-cont-reverse h2{
    color: white;
    display: block;
    width: fit-content;
    font-size: 32px;
    margin-bottom: 15px;
    font-family: MikadoMedium;
    letter-spacing: 1.6px;
    cursor: default;
    padding-left: 35px;
    margin-top: -10px;
}

#top-head-cont-reverse h3{
    color: white;
    display: block;
    width: fit-content;
    font-size: 22px;
    margin-bottom: 15px;
    font-family: MikadoMedium;
    letter-spacing: 1.6px;
    cursor: default;
    padding-left: 35px;
}

#top-head-cont-reverse span{
    color: white;
    display: block;
    width: fit-content;
    font-size: 22px;
    margin: auto;
    font-family: "MikadoMedium";
    cursor: default;
}

.btn-weby-revert{
    background-color: #28cfc0;
    color: white;
    display: block;
    text-align: center;
    width: fit-content;
    font-weight: normal;
    font-family: "MikadoMedium";
    overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    padding: 14px 30px;
    font-size: 26px;
    border-radius: 7px;
}

.btn-weby-revert:hover{
    background-color: #28cfc0;
    padding: 14px 32px;
    color: white;
}

.btn-weby-revert:focus{
    background-color: #28cfc0;
    padding: 14px 32px;
    color: white;
}

#top-head-cont-reverse a{
    margin-top: 20px;
}

#top-head-cont-reverse img{
    width: 55px;
    background: radial-gradient(circle, rgba(255,255,255,0.3) 10%, rgba(255,255,255,0) 85%);
    display: block;
    margin: auto;
}

.btn-weby-green{
    background-color: rgba(136,194,118, 0.9);
    color: white !important;
    display: inline-block;
    text-align: center !important;
    width: fit-content;
    font-weight: normal;
    font-family: "MikadoMedium" !important;
    overflow: hidden;
    text-decoration: none;
    text-transform: uppercase !important;
    padding: 14px 30px;
    font-size: 26px !important;
    border: none;
}

.btn-weby-green:hover, .btn-weby-green:hover{
    background-color: rgba(136,194,118, 1);
    padding: 14px 32px;
    color: white;
}

.btn-weby{
    background-color: #28cfc0;
    color: white;
    display: block;
    text-align: center;
    width: fit-content;
    font-weight: normal;
    font-family: "MikadoMedium";
    overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    padding: 14px 30px;
    font-size: 26px;
    cursor: pointer;
    border: none;
    border-radius: 7px !important;
}

.btn-weby:hover{
    background-color: #28cfc0;
    padding: 14px 32px;
    color: white;
}

.btn-weby:focus{
    background-color: #28cfc0;
    padding: 14px 30px;
    color: white;
}

.btn-weby-voter{
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 18px;
    width: fit-content;
    border-radius: 7px;
    display: block;
    background-color: #28cfc0;
    padding: 10px 25px !important;
    margin-left: 15px;
}

.btn-weby-voter:hover{
    background-color: #28cfc0 !important;
    color:white;
}

.btn-weby-voter:focus{
    background-color: #28cfc0 !important;
    color:white;
}

.enjoy-css {
    cursor: default;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: none;
    font: normal normal bold 72px/normal Arial, Gadget, sans-serif;
    color: rgba(255,255,255,1);
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-spacing: 1px;
    text-shadow: 0 1px 0 rgb(204,204,204) , 0 2px 0 rgb(201,201,201) , 0 3px 0 rgb(187,187,187) , 0 4px 0 rgb(185,185,185) , 0 5px 0 rgb(170,170,170) , 0 0 1px rgba(0,0,0,0.0980392) , 0 6px 5px rgba(0,0,0,0.0980392) , 0 1px 3px rgba(0,0,0,0.298039) , 0 3px 5px rgba(0,0,0,0.2) , 0 5px 10px rgba(0,0,0,0.247059) , 0 10px 10px rgba(0,0,0,0.2) , 0 20px 20px rgba(0,0,0,0.14902) ;
    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.close-custom{
    padding: 0px 4px;
    color: white;
    font-size: 27px;
    margin-bottom: 0px;
    z-index: 5;
    position: absolute;
    float: right;
    left: 94%;
    top:-2px;
    background-color:unset;
    font-weight: bold;
    opacity: 0.2;
}

.close-custom:hover{
    opacity: 1;
    background-color: unset;
    color: white;
}
.close-custom:focus{
    opacity: 0.2;
    background-color: unset;
    color: white;
}

.prenom_concours_vote{
    font-size:24px;
    font-weight: bold;
    text-transform: capitalize;
    color: #505055;
}

.v-mod-for{
    font-size: 14px;
    color: #cececf;
}

.containerForAppendFlyVot{
    margin-left: 0;
    width: 100%;
    color:#505055;
    font-size: 16px;
    margin-top: 32px;
    text-align: right;
}

.close-custom-vote{
    padding: 0px 4px;
    color: #e5e5e5;
    font-size: 48px;
    margin-bottom: 0px;
    z-index: 5;
    position: absolute;
    float: right;
    left: 93%;
    top: -53px;
    background-color: transparent;
    font-weight: bold;
    text-decoration: none;
}

.backpopup {
    text-decoration: none;
    font-family: "MikadoMedium";
    color: #505055;
    font-size: 14px;
    border-radius: 7px;
    display: block;
    text-align: center;
    width: fit-content;
    margin: auto;
}

.backpopup i{
    font-size: 22px;
    vertical-align: middle;
    padding-top: 8px;
}

.backpopup span{
    font-size: 14px;
    vertical-align: bottom;
}

.backpopup:focus,.backpopup:hover {
    color: #505055;
}

.nb-vote-mob-p{
    font-size: 24px;
    font-family: "MikadoMedium";
    padding-left: 0;
    margin-top: 48px;
}

.nb-vote-mob-p:before{
    content: '+';
    font-family: "MikadoBlack";
    font-size: 28px;
    padding-right: 3px;
    color: #505055;
}

.vot-p-p-mention{
    text-align:center;
    margin-top:10px;
    font-family: "Arial", sans-serif;
    font-size: 14px;
}

.modal-footer{
    border-top: 0;
}

.vot-p-img-bg{
    padding-left: 0;
    padding-right: 0;
    background-size: 60%;
    height: 140px;
    background-position-x: 0;
    background-position-y: 3px;
    background-repeat: no-repeat;
}

.image_concours_vote{
    width: 140px;
    border-radius: 4px;
    border: 6px solid white;
    text-align: center;
    margin-top: -80px;
}

.foot-vot-m{
    margin-bottom: 0;
    padding: 10px;
    background-color: #efefef;
    color: #a4a4a6;
    font-size: 14px;
    font-family: "Arial", sans-serif;
    text-align: center;
    border-radius: 0 0 6px 6px;
}


.img-vote-sp{
    width: 72px;
    padding-top: 7px;
    padding-bottom: 10px;
}

.close-custom-vote:hover{
    background-color: transparent;
    color: white;
    text-decoration: none;
}

.close-custom-vote:focus{
    background-color: transparent;
    color: white;
    text-decoration: none;
}

button .close-custom:hover{
    opacity: 1;
    background-color: transparent;
    color: white;
}
/*** Voter MERCI ****/
.talkbubble {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 35px;
    height: 41px;
    margin-left: 39%;
    margin-top: -13px;
    position: absolute;
    width: 100px;
    z-index: 1;
    padding-top: 3px;
}

.view-thanks{
    font-family: "MikadoMedium";
    font-size: 16px;
    padding-top: 4px;
    text-align: center;
}

.number-fly{
    color: #505055;
    margin-top: -72px;
    position: absolute;
    z-index: 99;
    font-weight: bold;
    transition: all 0.25s ease 0s;
    left: 50%;
    font-size: 24px;
}

.tada { animation: tada_4016 3.6s linear forwards; transform-origin: 50% 50%; }
@keyframes tada_4016 {
    0% { transform: scale(1) }
    5.55556% { transform:scale(.9) rotate(-8deg) }
    11.11111% { transform:scale(.9) rotate(-8deg) }
    16.66667% { transform:scale(1.3) rotate(8deg) }
    22.22222% { transform:scale(1.3) rotate(-8deg) }
    27.77778% { transform:scale(1.3) rotate(8deg) }
    33.33333% { transform:scale(1.3) rotate(-8deg) }
    38.88889% { transform:scale(1.3) rotate(8deg) }
    44.44444% { transform:scale(1) rotate(0deg) }
    100% { transform:scale(1) rotate(0deg) } }



/*** footer langue ***/

.dropdown-menu > li > .amenuflag {
    padding-left: 2px;
    padding-right: 2px;
}

.actuparafoot > li > a{
    color:white;
    text-decoration: none;
    font-family: "MikadoMedium";
    cursor: default;
}

.actuparafoot:focus > li > a{
    color:white;
    text-decoration: none;
}

.actuparafoot:hover > li > a{
    color:white;
    text-decoration: none;
}

.container-footer-facebook{
    margin-bottom: 0;
    padding-top: 7px;
    background-color: #3b5998;
    font-family: "MikadoMedium";
    border-radius: 6px;
    width: 70%;
}

.container-footer-facebook span{
    padding-left: 10px;
}

.img-fb-footer{
    border-radius: 5px;
    margin-top: -4px;
}

.number-concour-user-vote{
    font-family: "MikadoBold";
    font-weight: bold;
    font-size: 26px;
    color: #505055;
}

.v-mod-big-nb{
    font-size: 30px;
}

.first-letter-upper:first-letter {
    text-transform: uppercase;
}

.cb-payment{
    cursor: pointer;
}

.paypal-payment{
    cursor: pointer;
}
.ancre-hipaymobile{
    color: black;
    text-decoration: none;
}
.ancre-hipaymobile:hover{
    color: black;
    text-decoration: none;
}
.ancre-hipaymobile:focus{
    color: black;
    text-decoration: none;
}

.see-cgu a{
    color:#28cfc0;
    text-decoration: none;
}
.see-cgu a:hover{
    color:#28cfc0;
    text-decoration: none;
}

.see-cgu a:focus{
    color:#28cfc0;
    text-decoration: none;
}

.chrono-div{
    padding-left: 15px;
    padding-right: 15px;
}
.cadeaux-div{
    padding-left: 15px;
    padding-right: 15px;
}
.text-ico-menu-nav{
    color:white;
    display:inline-block;
    font-family: "MikadoMedium";
    font-size: 12px;
}
.text-ico-menu-nav strong{
    display:block; line-height: normal
}

.svg-etoile{
    display: inline-block;
}


/***Tablette media query ***/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    /* STYLES GO HERE */



    .svg-etoile{
       display: none;
    }

    .chrono-div{
        padding-left: 0px;
        padding-right: 15px;
    }

    .cadeaux-div{
        padding-left: 0px;
        padding-right: 0px;
    }

    .text-ico-menu-nav {
        font-size: 12px;
    }
    .connection-menu{
        padding-left: 0;
        padding-right: 0;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding-left: 0;
        padding-right: 0;
    }

    .container-footer-facebook{
        width: 95%;
    }
}



.imgVoteReflect{
    background-color: #28cfc0;
    border-radius: 50px;
    border: 1px solid transparent;
    color: #fff;
    display: inline-block;
    padding-bottom: 5px; padding-top: 5px;
    text-align: center;
    width: 220px;
    font-weight: bold;
    font-size: 16px;
    font-family: "Arial",sans-serif;
    overflow: hidden; /* cacher la couche luisante pour qu’elle n’apparaisse qu’au moment du survol  */
    position: absolute; /* Execution du pseudoElement a linterieur du boutton */
    margin: 0 auto;
    text-decoration: none;
    z-index:0;
}

.imgVoteReflect::after {
    content: '';
    position: absolute;
    margin: -50%;
    left: -20%;
    top: -90%;
    width: 86px;
    height: 200px;
    right: -50%;
    bottom: -50%;
    background: url("../img/sheen.png");
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0px 0px;
    transform-style: preserve-3d;
    transform: translate(0px, 50px) translateZ(0px) rotate(32deg) scale(1, 1);
}

.imgVoteReflect::after {
    -webkit-animation: sheen 4s forwards; /* Safari 4+ */
    -moz-animation:    sheen 4s forwards; /* Fx 5+ */
    -o-animation:      sheen 4s forwards; /* Opera 12+ */

    animation: sheen 4s forwards;
    animation-iteration-count:infinite;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-delay: 1s;
    overflow:hidden;
}

.imgVoteReflect:focus {
    color:white;
    outline: 0;
    text-decoration: none;
}

.imgVoteReflect:hover {
    text-decoration: none;
    color:white;
}

.modal-vote-h{
    font-size:18px;
    background-color: #fff;
    border-radius: 7px;
    padding: 5px 0 20px 0;
}

#message-popup-pay{
    font-size: 10px;
}

/** It's not a mistake we have 2 names **/
.message-popup-pay{
    font-size: 12px;
    display: block;
}

#cookie-container{
    width: 100%;
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 999;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    font-family: Arial, "sans-serif";
}

#cookie-row{
    background-color: #fff;
    box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.43);
    border-radius: 12px;
    max-width: 560px;
    padding: 15px;
    text-align: left;
}

#cookie-row h4{
    font-size: 18px;
    font-family: Arial, "sans-serif";
    font-weight: 700;
    text-align: left;
    margin-bottom: 10px;

}

#cookie-row p{
    font-size: 12px;
    font-family: Arial, "sans-serif";
    font-weight: normal;
    text-align: justify;
}

#cookie-row img{
    rotate: -10deg;
    margin-top: 29px;
}

.button-cookie-ok{
    background-color: #003646;
  width: 80%;
  overflow: hidden;
  text-decoration: none;
  font-size: 13px;
  font-family: Arial;
  text-align: center;
  display: inline-block;
  padding: 15px 0;
  vertical-align: middle;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  margin: auto;
  margin-bottom: 5px;
}

.button-cookie-ok:hover{
  background-color: #002a36;
  color: #fff;
}

.ancre-cookies{
    color: black;
    font-size: 12px;
    display: block;
}

.ancre-cookies:hover{
    color: black;
    text-decoration: underline;
}


/** HALLOWEEN **/
.frankenstein-bg{
    margin:0;
    padding:0;
    background: url(../img/halloween/background-frankenstein-halloween.jpg) no-repeat;
    background-size: 100% 87px;
}

.frankenstein-bg-inside{
    margin:0;
    padding:0;
    background: url(../img/halloween/background-frankenstein-halloween.jpg) no-repeat;
    background-size: 100% 100px;
}

.halloween-bg-ghost{
    margin:0;
    padding:0;
    background: url(../img/halloween/background-gratuit-FANTOME-halloween.gif) no-repeat;
    background-size: 100% 87px;
}

.halloween-bg-vampire{
    margin:0;
    padding:0;
    background: url(../img/halloween/background-gratuit-halloween.gif) no-repeat;
    background-size: 100% 87px;
}

.christmass-bg{
    margin:0;
    padding:0;
    background: url(../img/christmass-bg.jpg) no-repeat;
    background-size: 100% 87px;
}

.valentine-day-bg{
    margin:0;
    padding:0;
    background: url(../img/valentine-day-bg.jpg) no-repeat;
    background-size: 100% 87px;
}

.saint-patrick-day-bg{
    margin:0;
    padding:0;
    background: url(../img/sp-bg.jpg) no-repeat;
    background-size: 100% 87px;
}

.paques-day-bg{
    margin:0;
    padding:0;
    background: url(../img/paques-bg.jpg) no-repeat;
    background-size: 100% 88px;
}

.pdlb-day-bg{
    margin:0;
    padding:0;
    background: url(../img/bg-prise-de-la-bastille.jpg) no-repeat;
    background-size: 100% 100%;
}

.vote-ww-bg{
    background-size: 100% 100%;
    background: rgb(124,171,214);
    background: linear-gradient(to bottom right, rgba(124,171,214,1) 31%, rgba(153,212,142,1) 100%);
}

.vote-ballon-bg{
    background: #8adeff;
}

.vote-wf-bg{
    padding:0;
    background-color: #ffe5b5;
}

.frankenstein-button {
    background-color:#41a857 !important;
}

.frankenstein-button:focus {
    color:#41a857 !important;
}

.frankenstein-button:hover {
    color:#41a857 !important;
    border: 1px solid #41a857 !important;
    background-color:white !important;
}

.vampire-button {
    background-color:#fbb63e !important;
}

.vampire-button:focus {
    color:#fbb63e !important;
}

.vampire-button:hover {
    color:#fbb63e !important;
    border: 1px solid #fbb63e !important;
    background-color:white !important;
}

.saint-patrick-button {
    background-color:#ee9203 !important;
    border: 1px solid #ee9203 !important;
}

.saint-patrick-button:focus {
    color:white !important;
    background-color:#ee9203 !important;
    border: 1px solid #ee9203 !important;
}

.saint-patrick-button:hover {
    color:#ee9203 !important;
    border: 1px solid #ee9203 !important;
    background-color:white !important;
}

.halloween-pp-background{
    background: url(../img/halloween/BANNIERE-HALLOWEEN-TATTOOLIKE-POPUP.jpg) no-repeat;
    background-size: 100% 312px;
    background-color: black;
}

.halloween-pp-presentation{
    margin-top: 340px;
    display: inline-block;
    width: 185px;
    vertical-align: top;
    margin-right: 5px;
    background-color: #eff3f6;
    border-radius: 15px;
    height: 235px;
    margin-bottom: 25px;
    margin-left: 5px;
}

.halloween-pp-presentation p{
    font-size: 10px;
    padding-left: 10px;
    margin-top: 5px;
}

.halloween-pp-presentation div{
    width: 98px;
    height: 98px;
    border: 1px solid black;
    background-color: white;
    border-radius: 15px;
    margin: auto;
    margin-top: 8px;
}

.halloween-pp-presentation img{
    width: 125px;
    margin-top: 11px;
}

.remove-account-text{
    margin-bottom:15px;
    margin-top: 30px;
    font-size: 14px;
    text-align: center;
    font-family: Arial, "sans-serif";
}

.remove-account-text span{
    color:#28cfc0;
    font-weight: bold;
    font-size: 18px;
}

#cansconnection{
    background-color: #28cfc0;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    margin: 10px auto;
    cursor: pointer;
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 18px;
    width: fit-content;
    padding: 10px 15px;
    border-radius: 7px;
}

#cansconnection:hover, #cansconnection:focus{
    background-color: #28cfc0 !important;
}


#disconnection{
    background-color: #B7AFB1;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    margin: 10px auto;
    cursor: pointer;
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 18px;
    width: fit-content;
    padding: 10px 15px;
    border-radius: 7px;
}

#disconnection:hover, #disconnection:focus{
    background-color: #dad2d4 !important;
}

.btn-weby-yes{
    background-color: #28cfc0;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    margin: 10px auto;
    cursor: pointer;
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 18px;
    width: fit-content;
    padding: 10px 15px;
    border-radius: 7px;
}

.btn-weby-yes:hover, .btn-weby-yes:focus{
    background-color: #28cfc0 !important;
    color: white;
}

.btn-weby-no{
    background-color: #B7AFB1;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    margin: 10px auto;
    cursor: pointer;
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 18px;
    width: fit-content;
    padding: 10px 15px;
    border-radius: 7px;
}

.btn-weby-no:hover, .btn-weby-no:focus{
    background-color: #dad2d4 !important;
}


.button-inactive{
    border-radius: 6px;
    background-color: #28cfc0;
    color: white;
    border: 1px solid #28cfc0;
    text-transform: uppercase;
    font-size: 14px;
    padding: 3px 20px 3px 20px;
    display: inline-block;
    text-align: center;
    margin: 10px auto;
    font-family: "MikadoBold";
    cursor: pointer;
}

.button-inactive:hover{
    background-color: white; color:#28cfc0;font-family: "MikadoBold";
}

.button-inactive:focus{
    background-color: white; color:#28cfc0;font-family: "MikadoBold";
}


/* reward */
.reward-container-eu{
    position: absolute;
    width: 350px;
    background-color: #28cfc0;
    border-radius: 6px;
    padding: 23px;
    z-index: 9;
    right: 20%;
    top: 11%;
    border: 1px solid white;
}

.reward-title-eu{
    color: white;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: initial;
    text-align: center;
    cursor: default;
}

#recomp-modal-ajax-ok{
    font-family: Arial, "sans-serif";
    font-size: 14px;
    padding-bottom: 40px;
    margin-top: 30px;
    display: none;
}

.recompense-mod-h2{
    font-size: 12px;
    text-align: left;
    font-family: Arial, "sans-serif";
    color:#505055;
}

#infos_perso_form input{
    color:#505055;
    font-size: 12px;
    text-align: left;
    font-family: Arial, "sans-serif";
}

#document_v_input{
    cursor: pointer;
    border: none;
    box-shadow: none;
    padding: 0;
    margin-top: 5px;
    color: #999999;
}

.reward-mention-eu{
    font-size: 14px;
    color: #505055;
    font-family: Arial, "sans-serif";
    margin-bottom: 20px;
    display: block;
}

.close-reward-eu{
    width: 15px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.titlepaoindex{
    font-family: "MikadoBold";
}

.participer-top-cont h2{
    font-size: 24px;
    font-family: MikadoMedium;
    color: #505055;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.participer-top-cont span{
    font-size: 16px;
    font-family: Arial, "sans-serif";
    color: #505055;
}

.foot-participer-m{
    margin-bottom: 0;
    padding: 10px;
    background-color: #efefef;
    color: #a4a4a6;
    font-size: 11px;
    font-family: "Arial", sans-serif;
    text-align: center;
}

#pict-image{
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 100%;
    background-color: #efefef;
}

.text-w-part-b{
    color: #505055;
    font-family: Arial, "sans-serif";
    font-size: 16px;
    font-stretch: normal;
    font-weight: 500;
    text-align: center;
    line-height: normal;
}

#ins-valid-user-vote{
    padding-left: 0;
    color: #88c276;
    font-size: 22px;
}

#ins-valid-user-vote i{
    width: fit-content;
    color:#88c276;
    font-size:20px;
}

#att-valid-user-vote{
    padding-left: 0;
    color: #505055;
    font-size: 18px;
    font-family: Arial, "sans-serif";
}

#att-valid-user-vote i{
    width: fit-content;
    color:#28cfc0;
}

.cont-user-vote-hide{
    display: none;
}

#fileError, #emailError, #checkboxError, #categorieError{
    font-family: Arial, "sans-serif";
    font-size: 12px;
    margin: 6px 0;
    border-radius: 4px;
    padding: 5px;
}

.btn-weby-label-su{
    background-color: #28cfc0;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    margin: 0 auto !important;
    cursor: pointer;
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 18px;
    width: 100%;
    padding: 10px 15px;
    border-radius: 7px;
    border: 1px solid #28cfc0;
}

.btn-weby-label-su:hover, .btn-weby-label-su:focus{
    background-color: #28cfc0 !important;
}

.btn-weby-label-sa{
    background-color: #79a8d6;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    margin: 0 auto !important;
    cursor: pointer;
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 18px;
    width: 100%;
    padding: 10px 15px;
    border-radius: 7px;
    border: 1px solid #79a8d6;
}

.btn-weby-label-sa:hover, .btn-weby-label-sa:focus{
    background-color: #aac3d6 !important;
}

.btn-weby-label-r{
    background-color: #fff;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    margin: 0 auto !important;
    cursor: pointer;
    text-decoration: none;
    font-family: "MikadoMedium";
    color: #999;
    font-size: 18px;
    width: 100%;
    padding: 10px 15px;
    border-radius: 7px;
    border: 1px solid #ccc;
}

.btn-weby-label-r:hover, .btn-weby-label-r:focus{
    background-color: #ccc !important;
}

.update-arrow{
    margin-left: 17px;
    color: #949391;
    font-size: 26px;
    background-color: #f7f7f7;
    width: 47px;
    display: inline-block;
    margin-top: 0;
    border-radius: 3px;
    text-align: center;
    height: 47px;
    cursor: pointer;
    vertical-align: bottom;
}

.update-arrow i{
    padding-top: 10px;
}


.update-arrow:hover{
    background-color: #ccc;
}

#loader_participer{
    margin-top: 20px;
}

#wincontainertext{
    font-size: 34px;
    margin-bottom: 12px;
    font-family: MikadoBold;
    color: #505055;
}

#watchvideotext{
    font-size: 14px;
}

#titleWheelwin{
    font-family: "MikadoBold";
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 8px 0;
    letter-spacing: 1px;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}

#textWheelwin{
    font-size: 14px;
    font-weight: normal;
    margin-top: -12px;
    display: block;
    font-family: "Arial", sans-serif;
    color: #fff;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}

.cont-reponse-roue{
    margin-top: -15px;
    min-height: 56px;
    margin-bottom: 10px;
}

.textWinWheel{
    font-size: 16px;
    font-family: "Arial", sans-serif;
    display: block;
    color:#fff;
}

#ticketsInfoWheelwin{
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
    text-align: center;
    display: block;
    font-family: "Arial", sans-serif;
    color: #fff;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}

#volume-ww-contain{
    position: absolute;
    margin-top: 50px;
    right: 20px;
    border: 1px solid #28cfc0;
    border-radius: 6px;
    display: inline-block;
    padding: 1px 3px 8px 2px;
    cursor: pointer;
}

#volume-wheelwin{
    width: 30px;
}

#wheelSpinningError{
    color: #fff;
    background-color: #43cadc;
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
    font-family: "MikadoMedium";
    padding: 10px;
    border-radius: 7px;
    margin-top: 15px;
    display: none;
}

#wheelSpinningError button{
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    opacity: 1;
    margin-bottom: 0;
    margin-top: -4px;
}

#wheelSpinningError button{
    background-color: transparent;
}


.the-wheel{
    padding-top: 0;
    margin: auto;
    margin-top: 0;
    margin-bottom: 0;
    background: rgb(124,171,214);
    background: linear-gradient(to bottom right, rgba(124,171,214,1) 31%, rgba(153,212,142,1) 100%);
    border-radius: 7px;
    position: relative;
    padding-bottom: 20px;
}

.the-wheel canvas{
    margin-top: 0;
}

.the-wheel-img{
    position: absolute;
    top: 43px;
    left: 1px;
    z-index: 1;
}

/*** Carte 3D ***/
.carte-container-parent {
    display: none; /* ← cachée au chargement */
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    height: 384px;
    z-index: 10;
}

.carte-container {
    width: 100%;
    height: 100%;
    perspective: 1000px;
}

.carte3D {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 1s ease-in-out;
    transform: rotateY(180deg); /* on démarre sur le verso */
    backface-visibility: hidden;
}

.face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden; /* ← super important */
    border-radius: 35px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    display: flex;
    font-size: 1.5em;
    background: #ecf1f7;
    padding: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;          /* ← masque ce qui dépasse */
}

.face img {
    width: 100%;
    height: 100%;
    object-fit: cover;         /* ← garde les proportions et remplit la zone */
}

.recto {
    transform: rotateY(0deg); /* explicite, même si implicite par défaut */
}

.verso {
    transform: rotateY(180deg);
    background: #eee;
}

.shine {
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-20deg);
    pointer-events: none;
    opacity: 0;
}
.shine.animate {
    animation: shineSweep 0.8s ease-out forwards;
}

@keyframes shineSweep {
    0% {
        left: -75%;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        left: 125%;
        opacity: 0;
    }
}

/*** Fin Carte 3D ***/


.tw-cont-vignet{
    background-color: #691080;
    border-radius: 7px;
    padding: 25px 55px;
}

.tw-cont-vignet span {
    font-family: MikadoBold;
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
}

.tw-cont-vignet-in{
    display: block;
    background-color: #fff;
    border-radius: 12px;
    padding: 25px;
}

.tw-cont-vignet-in div{
    border-radius: 7px;
    height: 72px;
}

.tw-cont-vignet-in img{
    width: 72px;
}

.tw-cont-vignet-in i{
    font-size: 72px;
    color: #fff;
}

.win-wheel-bg{
    background-image: url('../img/wheel_of_fortune/win-wheel-bg.gif');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ebf9fa;
    border: 4px solid #b3eee8;
}

.lose-wheel-bg{
    background-image: url('../img/wheel_of_fortune/win-wheel-bg-lose.jpg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fcecec;
    border: 4px solid #28cfc0;
}


#winpricesicones{
    width: 120px;
    margin-top: 25px;
    margin-bottom: 25px;

}

#WSPContainer{
    height: auto;
    width: 54%;
    position: absolute;
    margin-top: 50px;
    border-radius: 6px;
    display: none;
    padding: 35px;
    margin-left: 23%;
    z-index: 0;
    border-radius: 150px;
}

#WSPContainer h6{
    font-size: 36px;
    margin-bottom: 85px;
    margin-top: 18px;
    color: #505055;
    font-family: MikadoBold;
}

#play-winwheel-container{
    padding-top: 0;
    padding-bottom: 20px;
    margin-top: 5px;
}


#winwheel-nb-vote-user{
    font-family: MikadoMedium;
    font-weight: bold;
    font-size:18px;
}

/* challenger-pass-container */

/* Challenger Pass Info Tooltip */
.challenger-pass-info-container {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 3;
}

/* Icône d'information */
.challenger-pass-info {
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
}

.challenger-pass-info:hover {
    background-color: #f0f0f0;
    transform: scale(1.1);
}

.challenger-pass-info-text {
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    margin-right: 15px;
    z-index: 1000;
    min-width: 250px;
    max-width: 300px;
}

.info-tooltip {
    background-color: #333;
    color: white;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    position: relative;
    font-size: 14px;
    line-height: 1.4;
}

.info-tooltip::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #333;
}

.info-tooltip p {
    margin: 0;
    text-align: left;
    font-size: 11px;
    font-family: Arial;
}

/* Animation pour l'apparition/disparition */
.challenger-pass-info-text {
    animation: fadeInSlideLeft 0.3s ease-out;
}

@keyframes fadeInSlideLeft {
    from {
        opacity: 0;
        transform: translateY(-50%) translateX(10px);
    }
    to {
        opacity: 1;
        transform: translateY(-50%) translateX(0);
    }
}

.challenger-pass-container{
    background-image: url('../img/modal-vote/bg-challenger-coin.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
    padding: 10px;
    margin: 15px 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    text-align: left;
}

.challenger-pass-container h5 {
    font-family: "MikadoBold";
    font-size: 20px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 8px 0;
    letter-spacing: 1px;
    text-shadow:
    -1px -1px 0 black,
    1px -1px 0 black,
    -1px 1px 0 black,
    1px 1px 0 black;
}

.challenger-pass-container span{
    font-size: 12px;
    font-weight: normal;
    margin-top: -5px;
    text-align: left;
    display: block;
    font-family: "Arial", sans-serif;
    color: #f00;
    margin-bottom: 5px;
    text-shadow:
    -1px -1px 0 black,
    1px -1px 0 black,
    -1px 1px 0 black,
    1px 1px 0 black;
}

.challenger-pass-container p{
    font-size: 12px;
    font-weight: normal;
    margin-top: -5px;
    text-align: left;
    display: block;
    font-family: "Arial", sans-serif;
    color: #fff;
    text-shadow:
    -1px -1px 0 black,
    1px -1px 0 black,
    -1px 1px 0 black,
    1px 1px 0 black;
}

.challenger-pass-rectangle{
    background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
    padding: 10px;
}

.challenger-pass-rectangle h6{
    font-family: "MikadoBold";
    font-size: 14px;
    color: #ffde3a;
    text-transform: uppercase;
    margin: 0 0 8px 0;
    letter-spacing: 1px;
    text-shadow:
    -1px -1px 0 black,
    1px -1px 0 black,
    -1px 1px 0 black,
    1px 1px 0 black;
}

.challenger-pass-rectangle span{
    font-size: 10px;
    font-weight: normal;
    margin-top: -5px;
    text-align: left;
    display: block;
    font-family: "Arial", sans-serif;
    color: #fff;
    text-shadow:
    -1px -1px 0 black,
    1px -1px 0 black,
    -1px 1px 0 black,
    1px 1px 0 black;
}

.challenger-pass-btn-marge{
    margin-top: 135px;
}


.challenger-pass-btn{
    display: inline-block;
    padding: 14px;
    border-radius: 25px 5px;
    border: 2px solid #2b8806;
    background: linear-gradient(#b6ff4f,#88ec15 15%,#43bd06 95%);
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-family: "MikadoMedium";
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    line-height: normal;
    margin-bottom: 0;
}


.challenger-pass-btn:hover, .challenger-pass-btn:focus{
    color:#fff;
    filter:brightness(1.05);
}


/* Badge 4000% */
.challenger-pass-badge {
    position: absolute;
    top: 15px;
    right: 65px;
    background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%);
    color: #ffffff;
    font-family: "MikadoBold";
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 20px;
    transform: rotate(15deg);
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.3);
    z-index: 3;
}

.challeng-img-pack{
    width: 150px;
    display: block;
    margin: auto;
}

.game-coin-bg-img{
    background : url('../img/magic-forest/bg-pile-face.jpg') no-repeat center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.game-cont-head{
    padding: 10px;
    text-align: left;
}

.game-cont-head h5{
    font-family: "MikadoBold";
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 8px 0;
    letter-spacing: 1px;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}

.game-cont-head span{
    font-size: 12px;
    font-weight: normal;
    margin-top: -5px;
    text-align: left;
    display: block;
    font-family: "Arial", sans-serif;
    color: #fff;
    margin-bottom: 5px;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}

.game-cont-head p{
    font-size: 12px;
    font-weight: normal;
    margin-top: -5px;
    text-align: left;
    display: block;
    font-family: "Arial", sans-serif;
    color: #fff;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}

#coin-flip-cont{
    margin-top: 90px !important;
}

/** Magic Forest Coin **/
#titleMFcoin{
    font-size: 26px;
    font-family: MikadoBlack;
    margin: 30px 0 0 0;
    color: #505055;
}

.textMFcoin{
    font-size: 16px;
    font-family: "Arial", sans-serif;
    display: block;
    color:#505055;
}

#MFContainer{
    height: 510px;
    width: 94%;
    position: absolute;
    margin-top: 15px;
    border-radius: 6px;
    display: none;
}

#coin-ajax-title{
    font-size: 14px;
}

#coin-ajax-text{
    font-family: "MikadoBold";
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 8px 0;
    letter-spacing: 1px;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    display: block;
    min-height: 40px;
}


#play-coin-container{
    padding-top: 0;
    padding-bottom: 20px;
}

#mf-watchvideotext{
    font-size: 14px;
}

#coin-flip-but{
    text-decoration: none;
    font-family: "MikadoMedium";
    font-size: 18px;
    width: fit-content;
    padding: 10px 15px;
    border-radius: 7px;
    display: block;
    margin: auto;
}

#spin_button{
    text-decoration: none;
    font-family: "MikadoMedium";
    font-size: 18px;
    width: fit-content;
    padding: 10px 15px;
    border-radius: 7px;
    display: block;
    margin: auto;
    min-width: 145px;
    border: none;
}

#coinFlipError{
    text-align: center;
}

#mfc-nb-vote-user{
    font-family: "MikadoBold";
    font-weight: bold;
    font-size: 18px;
}

.wfhelp-img-logo{
    width: 250px;
    position: absolute;
    margin-top: -60px;
    float: right;
    margin-left: -136px;
}

/**** Floraison de votes *****/
.floraison-bg-img{
    background : url('../img/floraison/grotte-de-cristal-mystique.jpg') no-repeat center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 10px !important;
}

.floraison-points-cont{
    background-color: #f2c044;
    border: 2px solid #ffe766;
    text-align: left;
    border-radius: 6px;
    padding: 10px 0;
    color: #804800;
    margin-top: -5px;
    position: relative;
    box-shadow: 0px 2px 2px rgba(10, 10, 10, 0.7);
}

.floraison-points-cont div{
    font-family: Arial, "sans-serif";
    font-size: 13px;
}

.floraison-points-cont span{
    font-weight: bold;
}

.floraison-objectif-wrapper{
    background-color: #14578c;
    padding-top: 5px;
    padding-bottom: 15px;
    border-radius: 0 0 6px 6px;
    margin-top: -5px;
}

.floraison-objectif-cont{
    background-color: #fff4ee;
    margin: 10px;
    border-radius: 6px 12px;
    padding: 10px 0;
}

.floraison-objectif-head{
    font-family: Arial, "sans-serif";
    font-size: 13px;
    text-align: left;
}

.floraison-objectif-head-r{
    font-family: Arial, "sans-serif";
    font-size: 13px;
    text-align: center;
    margin-bottom: 8px;
}

.floraison-objectif-head-r span{
    font-weight: bold;
}

.floraison-objectif-head span{
   font-weight: bold;
}

.floraison-obj-img-cont{
    text-align: left;
}

.floraison-obj-img{
    width: 35px;
    vertical-align: middle;
    display: inline-block;
}

.floraison-ranking-top{
    text-align: right;
    background: linear-gradient(to right, #f2c044, #0003);
    border-radius: 7px;
    padding: 5px 65px 5px 5px;
}

.floraison-ranking-top-in{
    text-align: right;
    background: linear-gradient(to right, #f2c044, #0003);
    border-radius: 7px;
    padding: 5px 5px 5px 5px;
}

.floraison-ranking-top-in span{
    display: inline-block;
    font-size: 10px;
}

.floraison-ranking-top div, .floraison-ranking-top-in div{
    display: inline-block;
    border: 1px solid #d7d7d7;
    border-radius: 8px 4px;
    width: 35px;
}

.floraison-obj-img{
    display: inline-block;
    border: 1px solid #d7d7d7;
    border-radius: 8px 4px;
    width: 35px;
}

.floraison-rare{
    background: radial-gradient(circle, #4A90E2, #2E5BBA);
    display: inline-block;
}

.floraison-legendaire{
    background: radial-gradient(circle, #FF8C42, #FF6B1A);
    display: inline-block;
}

.floraison-reward-btn img{
    width: 90px;
    display: block;
    margin: auto;
}

.error-floraison-msg{
    font-family: Arial, "sans-serif";
    font-size: 10px;
    text-align: center;
}

/* Animation de vol des images */
.floraison-fly-animation {
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: center;
}

.floraison-obj-img img {
    transition: transform 0.2s ease;
}

.floraison-obj-img:hover img {
    transform: scale(1.1);
}

.floraison-rank-img{
    width: 45px;
}

.floraison-rank-number-top{
    font-family: "MikadoBold";
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    display: block;
    margin-top: -45px;
}

.floraison-rank-number{
    font-family: "MikadoBold";
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    display: block;
    margin-top: -36px;
}


.floraison-rank-img-int{
    width: 40px;
}

.floraison-rank-number-top-int{
    font-family: "MikadoBold";
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    display: block;
    margin-top: -39px;
}

.floraison-rank-number-int{
    font-family: "MikadoBold";
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    display: block;
    margin-top: -30px;
}


.floraison-rank-table{
    background-color: #929ebb;
    padding: 10px 0;
    font-family: "MikadoMedium";
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
}

/* Scroll vertical uniquement dans la zone de classement (sans bouger le reste) */
.floraison-rank-wrapper{
    max-height: 420px; /* ajuste au besoin */
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    border-radius: 0 0 6px 6px;
}

/* Garde l'entête visible pendant le scroll de la liste */
.floraison-rank-wrapper .floraison-rank-table{
    position: sticky;
    top: 0;
    z-index: 2;
}

.floraison-rank-table-row{
    background-color: #d8d8d7;
    text-align: left;
    padding: 6px 0;
    color: #505055;
    position: relative;
    box-shadow: 0px 0px 1px rgba(10, 10, 10, 0.2);
    margin-bottom: 2px;
}

.floraison-rank-text{
    font-family: Arial, "sans-serif";
    font-size: 13px;
}

.vignettes-classement-perso{
    width: 45px;
    border-radius: 4px;
    margin: auto;
    border: 2px solid #9f9f9f;
    display: inline-block;
}

.vignettes-classement-perso img{
    border-radius: 2px;
}

.vignettes-classement{
    width: 45px;
    border-radius: 4px;
    margin: auto;
    border: 2px solid #9f9f9f;
    display: inline-block;
}

.vignettes-classement img{
    border-radius: 2px;
}

/* Styles pour les informations de récompense */
.recompense-info {
    margin-top: 5px;
    text-align: center;
}

.recompense-valeur {
    display: block;
    font-family: Arial, "sans-serif";
    font-size: 13px;
    text-align: left;
}

.recompense-class {
    display: block;
    font-size: 10px;
    color: #666;
    text-transform: uppercase;
}

.btn-flo-finish{
    font-family: Arial, "sans-serif";
    font-size: 13px;
    text-align: left;
}

.btn-flo-finish img{
    width: 50px;
}

#floraison-points-btn{
    position: absolute;
    margin-top: -18px;
    padding-left: 10px;
    width: 75px;
    right: 5px;
}

#floraison-rank-btn{
    position: absolute;
    margin-top: 4px;
    width: 100px;
    right: 0;
}

#floraison-back{
    position: absolute;
    margin-top: -40px;
    width: 45px;
    right: 5px;
}

.floration-rank-pts-top{
    height: 45px;
    padding-top: 12px;
    font-weight: bold;
    text-align: center;
}

/* Floraison Error Message */
.floraison-error-container{
    position: absolute;
    top: -8px;
    right: 115px;
    z-index: 3;
    display: none;
}

.floraison-error-text{
    position: relative; z-index: 1000; min-width: 250px; max-width: 300px;
}

.floraison-error-text .info-tooltip{
    background-color: #333; color: white; padding: 15px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

#floraison-error-message{
    margin: 0; text-align: left; font-size: 11px; font-family: Arial;
}

/* Points Info Tooltip */
.points-info-container {
    position: relative;
    display: inline-block;
    z-index: 3;
}

.points-info {
    width: 20px;
    height: 20px;
    background: #dfa003;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #ddd;
}

.points-info:hover {
    background-color: #f0f0f0;
    transform: scale(1.1);
}

.points-info-text {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    margin-left: 15px;
    white-space: nowrap;
    z-index: 1000;
}

.points-info-text .info-tooltip::before {
    left: -4px;
    transform: translateY(-50%) translateX(-50%);
    border-right: 8px solid #333;
    border-left: none;
}


/**** SHI-FU-MI *****/
.shi-fu-mi-game{
    background-image: url('../img/shi-fu-mi/background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px 7px 0 0;
}


.choose-option-game{
    display: inline-block;
    width: 28%;
}

.shi-fu-mi-bg-img{
    background-image: url('../img/shi-fu-mi/background-inside.jpg');
    background-size: cover;
    background-position: center -45px;
    background-repeat: no-repeat;
    padding: 20px 0;
    margin-bottom: 15px;
    border-radius: 7px 7px;
}

.shi-fu-mi-bg-img .game-cont-head{
    margin-top: 90px
}

.rps-ads-wrapper{
    background-color: #d9d9d9;
    padding-top: 5px;
    padding-bottom: 15px;
    border-radius: 0 0 6px 6px;
    margin-top: -5px;
}

.vote-shi-fu-mi-bg{
    background-image: url('../img/shi-fu-mi/background-banniere.jpg');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

#nb-essais-restant{
    background-image: url('../img/shi-fu-mi/essais-nb.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: "Luckiest Guy", cursive;
    font-weight: 400;
    font-style: normal;
    width: 65px;
    height: 65px;
    padding: 11px 10px;
    position: absolute;
    right: 0;
    color: #fff;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    font-size: 25px;
    margin-top: 10px;
    margin-right: 10px;
}

#modal-rps-recharge{
    display: none;
    font-size: 16px;
    text-align: center;
    position: absolute;
    z-index: 10;
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 592px;
    padding-top: 3px;
    top: 0;
    left: 0;
}

.modal-rps-pay{
    display: none;
    font-size: 16px;
    text-align: center;
    position: absolute;
    z-index: 10;
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 545px;
    padding-top: 3px;
    top: 0;
    left: 0;
}

#rps-buy-modal {
    cursor: pointer;
}

#play-again{
    cursor: pointer;
    width: 40%;
    margin-top: 15px;
    margin-bottom: 15px;
}


/*** Ballons ***/
.ballons-container{
    width: 100%;
    padding-top: 266px;
}

.balloon-row{
    display: inline-block;
    width: 85px;
    height: 85px;
    margin-top: 6px;
    margin-bottom: 7px;
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: middle;
}

/* Animation de balançement pour l'image du ballon */
.balloon-row img{
    transform-origin: 50% 60%;
    animation: bob 4s ease-in-out infinite;
}

@keyframes bob{
    0%   { transform: translateY(0) rotate(-1deg); }
    50%  { transform: translateY(-8px) rotate(1deg); }
    100% { transform: translateY(0) rotate(-1deg); }
}

.ballons-container-inner-two{
    margin-top: 16px;
}

.lose-cell-ballon{
    animation: paused !important;
    border-radius: 4px;
}

.ballon-modal-bg{
    background: url('../img/ballon/background-event-ballon-neon.jpg');
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center top;
    border-radius: 7px;
    height: 590px;
}


.vote-slot-bg{
    padding:0;
    background-color: rgb(249, 183, 61);
    background-size: 100% 100%;
}

.vote-floraison-bg{
    padding:0;
    background-color: #bad5f0;
    background-size: 100% 100%;
}

.slot-accueil-vector{
    width: 18px;
    display: inline-block !important;
    margin-right: 5px;
    margin-top: -5px;
}

.vote-halloween-bg{
    padding:0;
    background-color: rgb(246, 117, 28);
    background-size: 100% 100%;
}

.slotwrapper {
    overflow: hidden;
    height: 100px;
    display: inline-block;
    padding-top: 22px;
}

.slotwrapper ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    float: left;
}
.slotwrapper ul {
    width: 100px;
    height:100px;
    font-size: 100px;
    line-height: 100px;
    text-align: center;
}
.slotwrapper ul li img {
    vertical-align: top;
}

.slot-wrap-all{
    height: 548px;
    padding-top: 185px;
    text-align: center;
}

.slot-bg-hivernal{
    background: url("../img/slot-machine/hivernal/bg-slot.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.slot-bg-estival{
    background: url("../img/slot-machine/estival/bg-slot.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.left-pict-slot{
    position: absolute;
    left: 0;
    width: 160px;
    bottom: -10px;
}

.right-pict-slot{
    position: absolute;
    right: 0;
    bottom: -22px;
}

.mod-t-jeton-cont{
    background-color: #efefef;
    border-radius: 6px 6px 0 0;
}

.title-slot-machine{
    width: 300px;
    text-align: center;
    display: block;
    margin: auto;
}

.slot-theme{
    width: 385px;
    height: 100px;
    margin: auto;
    margin-top: 72px;
}

.vignette-slot-m{
    width:60px;
}

.md-btn-slot{
    background-color: #e0881c;
    border: 2px solid #663e06;
    color: #fff;
}

.md-btn-slot:hover{
    filter: brightness(110%);
}

.cont-game-slot{
    width: 314px;
    margin: auto;
    padding-top: 33px;
    text-align: center;
}

.jeton-restant{
    display: block;
    padding: 0 5px;
    border-radius: 4px;
    font-family: Lpixel;
    font-size: 12px;
    width: 144px;
    text-align: left;
    border: 2px solid #eeb541;
    background-color: #478e62;
    color: #83eb68;
    margin-top: 18px;
}

.slot-button{
    text-decoration: none;
    font-family: "MikadoMedium";
    font-size: 18px;
    width: fit-content;
    padding: 10px 15px;
    border-radius: 7px;
    display: inline-block;
    margin: auto;
    cursor: pointer;
}

.slot-close-button{
    padding: 0 4px;
    color: #fff;
    font-size: 48px;
    margin-bottom: 0;
    z-index: 5;
    position: absolute;
    right: 79px;
    margin-top: -52px;
    background-color: transparent;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.coin-slot-cont{
    width: 45px;
    background: rgba(255,255,255,0.6);
    border: 1px solid white;
    border-radius: 4px;
    padding: 2px;
    position: absolute;
    z-index: 999;
    text-align: center;
    right: 6px;
    margin-top: 6px;
}

.coin-slot-cont img{
    width: 40px;
}

.slot-v-mini{
    width: 25px;
}

#loot-slot-machine{
    width: 100%;
}

#loot-slot-machine td{
    text-align: center;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
}

.title-slot-m{
    font-size: 22px;
    text-align: center;
    font-family: MikadoBold;
    text-transform: uppercase;
    color: #505055;
    margin: 0;
    display: inline-block;
    padding: 10px 0;
}

.text-slot-m{
    font-size: 14px;
    font-family: MikadoMedium;
    text-transform: uppercase;
}

.win-title-slot-m{
    font-size: 21px;
    text-align: center;
    font-family: Lpixel;
    text-transform: uppercase;
    margin-top: 34px;
    display: inline-block;
    margin-bottom: 0;
    color: #83eb68;
}

.win-text-slot-m{
    color: #83eb68;
    font-size: 18px;
    font-family: Lpixel;
    text-transform: uppercase;
}

.welcome-slot{
    animation: blinker 1s linear infinite;
}

.win-slot{
    color: #fee04d;
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.slot-win-cont{
    text-align: center;
}

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

#slot-win-text{
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

#nb-vote-win-s{
    margin-bottom: 15px;
}

#modal-jeton{
    display: none;
    font-size: 16px;
    text-align: center;
    position: absolute;
    z-index: 10;
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 592px;
    padding-top: 3px;
}

.modal-jeton-cont{
    background-color: white;
    width: 400px;
    margin: auto;
    margin-top: 171px;
    border-radius: 7px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.modal-jeton-txt{
    display: inline-block;
    width: 200px;
    vertical-align: middle;
    font-size: 14px;
    padding-left: 10px;
    color: #505055;
}

.modal-jeton-txt span{
    display: block;
}

#jeton-modal-s{
    width: 45px;
    position: absolute;
    margin-left: -31px;
    margin-top: -10px;
    cursor: pointer;
}

#slot-count-coin{
    font-size: 18px;
    width: 40px;
    text-align: right;
    display: inline-block;
}

.list-jeton-cont{
    margin: auto;
    padding-bottom: 8px;
    padding-top: 8px;
}

.list-jeton-cont img{
    width: 50px;
    vertical-align: middle;
}

.cj-price{
    width: 95px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
}

.card-slot-pay{
    background-color: #fff;
    padding: 0;
    width: 250px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 4px;
    cursor: pointer;
}

.card-slot-pay img{
    width:65px;
    display: inline-block;
}

.title-slot-pay{
    display: block;
    font-weight: bold;
    font-size: 22px;
}

.cb-s-payment{
    cursor: pointer;
}

.paypal-s-payment{
    cursor: pointer;
}

.vot-slot-p-mention{
    text-align: center;
    margin: 0;
    font-family: "Arial", sans-serif;
    font-size: 14px;
    padding: 10px;
}

#btn-spin-slot{
    width: 55px;
    cursor: pointer;
    margin-top: -7px;
}

.modal-jeton-pay{
    display: none;
    font-size: 16px;
    text-align: center;
    position: absolute;
    z-index: 10;
    background-color: rgba(0,0,0,0.4);
    width: 100%;
    height: 545px;
    padding-top: 3px;
}

.slot-home-bg{
    background-color: #40acea;
    margin-top: -20px;
}

.slot-home-cont{
    margin: auto;
    width: 500px;
    padding-bottom: 15px;
}

.slot-home-cont img{
    width: 100%;
}

.slot-home-txt{
    background: rgba(255,255,255,0.9);
    padding: 15px;
    text-align: center;
    border-radius: 6px;
}


.slot-home-txt h4{
    font-size: 40px;
    cursor: default;
    font-family: "MikadoBold";
}

/***** Halloween devine mot *****/
#guess-input{
    margin: auto;
    text-transform: uppercase;
    text-align: center;
    height: 55px;
    width: 55px;
    font-size: 24px;
    border: 2px solid #68bb45;
}

#guess-button{
    text-decoration: none;
    font-family: "MikadoMedium";
    color: white;
    font-size: 18px;
    width: fit-content;
    border-radius: 7px;
    background-color: #f6a30d;
    padding: 10px 25px !important;
    margin-top: 15px;
    margin-bottom: 0;
}

#guess-button:hover, #guess-button:focus{
    background-color: #ffb30e !important;
    color: white;
}

#essais-restant img{
    width: 45px;
}

.cont-dev-mot{
    text-align: center;
    margin-top: 10px;
}

.cont-dev-mot-f{
    text-align: center;
    font-family: Arial;
    font-size:12px;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #dbdbdb;
}

#word-display{
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 10px;
}

.img-diff-dm{
    width: 75px;
    display: block;
    margin: auto;
}

#difficulty-select{
    border-radius: 6px;
}

#difficulty-select p{
    margin-bottom: 12px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-family: Arial, "sans-serif";
    font-size: 12px;
    margin-top: 40px;
}

.img-lvl-essais{
    width: 30px;
}

.indice-img-dm{
    width: 55px;
    display: block;
    margin: auto;
}

.btn-choose-level{
    padding: 15px 0;
    background-color: #fff;
    color: #4d4d4d;
    font-family: MikadoMedium;
    border-radius: 15px;
    font-size: 16px;
    text-transform: uppercase;
    width: 32%;
    margin-bottom: 0;
    border: 1px solid white;
}

.vig-dm-votes-nb{
    display: block;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 25px;
}

.vig-dm-mini{
    background-color: #efefef;
    border-radius: 4px;
    padding: 10px 5px;
    border: 1px solid #dbdbdb;
    margin-right: 5px;
}

.vig-dm-mini span{
    vertical-align: middle;
}

.bb-dead-line{
    text-align: center;
    display: block;
    font-size: 12px;
    font-family: Arial, "sans-serif";
}

.sl-dead-line{
    text-align: center;
    display: block;
    font-size: 12px;
    font-family: Arial, "sans-serif";
}

.title-dm-m{
    font-size: 26px;
    margin: 0;
    text-align: center;
    font-family: MikadoBold;
    text-transform: uppercase;
    color: rgb(246, 117, 28);
}

.text-dm-m{
    font-size: 14px;
    font-family: MikadoMedium;
    text-transform: uppercase;
}

.title-dm-div{
    padding-bottom: 15px;
}

.vig-dm-mini-dm{
    background-color: #fff;
    border-radius: 15px;
    padding: 10px 5px;
    border: 1px solid #dbdbdb;
    display: inline-block;
    width: 32%;
    height: 129px;
    vertical-align: middle;
}

.text-diff-dm{
    display: block;
    margin: auto;
    text-transform: uppercase;
    font-size: 20px;
}

.text-essais-dm{
    display: block;
    margin: auto;
    text-transform: uppercase;
}

.game{
    background-color: white;
    padding: 20px;
}

.dev-mot-bg{
    background-color: #e57f0b;
    background-image: linear-gradient(rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0)), url('../img/halloween/devine-mot/bg-devine-mot.jpg');
    background-repeat: repeat;
    background-size: cover;
    padding-bottom: 75px;
}

.dev-mot-cont-bg{
    background-color: #efefef;
    margin: 25px;
    padding: 25px 25px 15px 25px;
    border-radius: 6px;
}

#hint-display{
    font-size: 14px;
    margin-top: 20px;
    text-align: left;
    font-family: Arial, "sans-serif";
}

.weby-pub-halloween{
    background-color: rgb(239, 239, 238);
    background-image: url("../img/logo-pub.svg");
    min-height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #a1acb7;
    margin-top: 20px;
}

.weby-pub-slot{
    background-color: rgb(239, 239, 238);
    background-image: url("../img/logo-pub.svg");
    min-height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #a1acb7;
    margin: 10px;
}

.slot-pub-weby-vert{
    background-color: rgb(239, 239, 238);
    background-image: url("../img/logo-pub.svg");
    width: 300px;
    min-height: 600px;
    background-size: 200%;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #a1acb7;
    margin-top: 20px;
    text-align: center;
}

.spw-left{
    position: absolute;
    left: -300px;
    top: 97px;
    z-index: 1;
}

.spw-right{
    position: absolute;
    right: -300px;
    top: 97px;
    z-index: 1;
}

#message{
    margin-bottom: 0;
    padding-top: 12px;
}

.int-dm-g{
    display: none;
}

.revealed-letter-easy {
    color: green;
}

.revealed-letter-normal {
    color: orangered;
}

.revealed-letter-hard {
    color: purple;
}

.dm-indice{
    font-family: MikadoMedium;
    display: block;
}

.dm-inactive-lettre{
    background-color: #efefef;
}

.dm-inactive-lettre img{
    opacity: 0.3;
}

.dm-inactive-lettre span{
    opacity: 0.3;
}

/**** Fin Halloween devine mot ***/

/** Effect bulle rectangle **/
.area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 350px;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
}

.area-user {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 420px;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
}

.area-profil {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
}

.area-selectionneur{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 310px;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
}

.area-gagnants{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 440px;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.6);
    animation: animate 25s linear infinite;
    bottom: -150px;
    pointer-events: none;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}

/** Autre **/

.rotate {
    width: 100px;
    animation: rotation 2s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}


/***Tablette media query ***/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    /* STYLES GO HERE */
    .align-icon-action{
        margin-right: 9%;
    }

    .deco-tab{
        font-size: 11px;
    }
}

/***Tablette media query ***/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    /* STYLES GO HERE */

}




@keyframes pulseWinWheel {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}