html {
	margin:0 !important;
	padding:0 !important;
}

body {
	margin:0 !important;
	padding:0 !important;
	position: relative;
}

/* H1 */
body > h1 {
	font-size:0.95rem;
	font-family: Arial, sans-serif;
	margin:0;
	padding:0;
	position:absolute;
	width:100%;
	bottom:-30px;
	left:0;
	text-align:center;
	color:gray;
	border-top:1px solid lightgray;
}

/* HOMEPAGE */
@media (max-width: 992px){
    .barre-dce-2018:not(.logged) ~ #body-homepage-2018 {
        padding-top: 14vw;
    }
    .barre-dce-2018.logged ~ #body-homepage-2018 {
        padding-top: 14vw;
    }
}
@media (min-width: 993px){
    #body-homepage-2018 {
	padding-top:calc(5rem + 1rem + 1rem + 0.4375rem);
}
}


/* BARRE DCE */
@media (max-width: 992px){


    #h1-dream {
        display: none;
    }

    .barre-dce-2018 {
        position:fixed;
		width:100%;
        background:#236f0b;
        z-index:68;
        text-align: left;
        transition: top 0.2s ease-in-out;
        overflow-x: hidden;
        max-height: 100%;
    }

    .barre-dce-2018 li {
        list-style-type:none;
    }

    .barre-dce-2018-wrapper {
        width: 100%;
        height:100%;
        margin:auto;
        position:relative;
        /*overflow: visible;*/
        overflow: hidden;
        border: 2px solid #236f0b;
        display: grid;
        grid-template-columns: minmax(12vw, auto) max-content 1fr
    }

    .barre-dce-2018-wrapper a {
        color: #236f0b;
        text-decoration: none;
    }

    .barre-dce-2018-wrapper * {
        vertical-align: middle;
    }


}

@media (min-width: 993px) {
    .barre-dce-2018 {
        position:fixed;
		width:100%;
	background:#236f0b;
	z-index:68;
	text-align: left;
	height:calc(5rem + 1rem + 1rem + 0.4375rem);
	transition: top 0.2s ease-in-out;
}

.barre-dce-2018-wrapper {
	width:980px;
	height:100%;
	margin:auto;
	position:relative;
	overflow: visible;
        /*overflow: hidden;*/
    }
}

/* BURGER */
@media (max-width: 992px){
    .barre-dce-2018-burger {
        grid-column: 1;
        grid-row: 1;
        position: relative;
        width: 10vw;
        height: 10vw;
    }

    .barre-dce-2018-burger > button {
        font-size: 8vw;
        background: #236f0b;
        color: #f7e550;
        border: 1px solid #236f0b;
        /*border-radius: 10px;*/
        width: 100%;
	height:100%;
        max-height: 10vw;
        cursor: pointer;
        padding: 0;
        position: absolute;
        top: 2vw;
    }
}

/* LOGO */
@media (max-width: 992px){
    .link-logo-2018-mobile {
        grid-column: 2;
        grid-row: 1;
        width: 45vw;
        height: 12vw;
        /* padding-left: 2vw; */
        /* padding-right: 2vw; */
        right: -59vw;
    }
    .link-logo-2018-mobile > img {
        max-width: 100%;
        /* width: 45vw; */
        position: absolute;
        /* bottom: 0; */
        object-fit: contain;
        
            max-height: 10vw;
            right: 37vw;
            top: 0.5vw;
        

    }
}
@media (min-width: 993px) {
	
    .logo-2018 {
        height:100%;
        left:-35px;
    max-height:87px;
    bottom: 0px;
    position: absolute;
}

    .text-transition .logo-2018 {
        height: 100%;
        left: 31%;
        max-height: 63px;
        bottom: 0px;
        position: absolute;
        top: 29%;
    }
}


/* USER INFO */
@media (max-width: 992px){
    .user-info-2018 {
        margin-top: 2vw;
        right: -18vw;
        z-index:2;
        grid-column: 3;
        grid-row : 1 / 3;
        font-family: Grobold, sans-serif;
        position: relative;

        display: grid;
        /*grid-template-columns: min-content 1fr;*/
        grid-column-gap: 0;
        /*height: 10vw;*/
    }

    .user-info-2018 * {
        text-align: center;
    }

    .user-info-2018 > button {
        grid-row: 1;
    }


    .user-info-2018 .user-avatar {
        grid-row: 1;
        grid-column: 1;
        width: 10vw;
        position: relative;
        left: -9vw;
    }
    .user-info-2018 .user-avatar > img {
        height: auto;
        max-height: 100%;
        border-radius: 10px;
        width: 9vw;
        position: absolute;
        /*bottom: 0;*/
        left: 0;
        /*padding-left: 1vm;
        padding-right: 1vm;*/
    }


    .user-info-2018 > .wallet-list {
        grid-row: 2;
        grid-column : 3;
        display: grid;
        -ms-grid-rows: 1fr;
        grid-auto-rows: 1fr;
        grid-row-gap: 0;
        padding: 0;
        margin: 0;
        width: 28vw;
        font-size: 3vw;
        text-transform: uppercase;
        background: white;
        position: relative;
        border: 1px solid #236f0b;
        /*border-radius: 10px;*/
        left: -28vw;
        height: 25vw;
    }

    .user-info-2018 > .wallet-list > li {
		grid-row: span 1;
		grid-column: 1;
	}

    .user-info-2018 > .wallet-list > li:first-of-type {
        border-bottom: 1px solid #236f0b;
    }
    .user-info-2018 > .wallet-list > li:not(:first-of-type):not(:last-of-type) {
        border-top: 1px solid #236f0b;
        border-bottom: 1px solid #236f0b;
    }
    .user-info-2018 > .wallet-list > li:last-of-type {
        border-top: 1px solid #236f0b;
    }

    .user-info-2018 > .wallet-list > li > a {
    	background: none;
    }

    .user-info-2018 > ul.wallet-list > li.point b { color:#e53b06; }
    .user-info-2018 > ul.wallet-list > li.cagnotte b { color:#00a1ff; }
    .user-info-2018 > ul.wallet-list > li.partie b { color:#ffa60d; }
    .user-info-2018 > ul.wallet-list > li.credit b { color:#27773c; }


    .user-info-2018 > button {
        background: #236f0b;
        color: #f7e550;
        bottom: 3.8vw;
        border: 1px solid #236f0b;
        border-radius: 10px;
        width: 10vw;
        height: 12vw;
        cursor: pointer;
        font-family: Grobold, serif;
        font-size: 9vw;
        padding: 0;
        left: -9vw;
        position: relative;
    }

    .user-info-2018 > form {
        grid-row: 2;
        grid-column : 1 / 4;
        padding: 1vw;
        margin: 0;
        display: grid;
        background: #236f0b;
        border-radius: 10px;
        border: 5px solid #f7e550;
        position: relative;
        width: 80vw;
        left: -63vw;
        font-size: 6vw;
        top: -2vw;
    }

    .user-info-2018 > form > .password-lost-link > a > span {
        display:none;
    }

    .user-info-2018 > form button {
        background: #f7e550;
        color: #236f0b;
        position: relative;
        border: 1px solid #f7e550;
        border-radius: 10px;
        /*width: 100%;*/
        height: 100%;
        min-height: 10vw;
        cursor: pointer;
        font-family: Grobold, serif;
        font-size: inherit;
        text-transform:uppercase;
    }

    .user-info-2018 > form > ul {
        display: grid;
        grid-column: 1;
        grid-row: 1;
        margin: auto auto 1vw auto;
        padding: 0;
    }

    .user-info-2018 > form > .password-lost-link {
        grid-column: 1;
        grid-row: 2;
        height: 100%;
        padding: 0;
        margin: 0vw;
        border: none;
        border-radius: 10px;
        font-size:4vw;
    }

    .user-info-2018 > form * {
        color: inherit;
    }

    .user-info-2018 > form > ul > li:not(.separator) {
        grid-column: 1;
        min-height: 10vw;
        width: 100%;
        border-radius: 10px;
    }

    .user-info-2018 > form > ul > li:not(.separator):nth-of-type(1) {
        grid-row: 1;
    }
    .user-info-2018 > form > ul > li:not(.separator):nth-of-type(2) {
        grid-row: 2;
    }
    .user-info-2018 > form > ul > li:not(.separator):nth-of-type(3) {
        grid-row: 3;
    }
    .user-info-2018 > form > ul > li:not(.separator):nth-of-type(4) {
        grid-row: 4;
    }
    .user-info-2018 > form > ul > li:not(.separator):nth-of-type(5) {
        grid-row: 5;
    }
    .user-info-2018 > form > ul > li:not(.separator) > *:first-child {
        width: 78%;
    }
    .user-info-2018 > form > ul > li:not(.separator) > input {
        min-width: 75vw;
        min-height: 10vw;
        margin: 10px 0 10px 0;
        border: none;
        border-radius: 10px;
        font-size:5vw;
        background-image:none !important;
    }


    .user-menu {
        grid-row: 2;
        grid-column : 3;
        padding: 0;
        margin: 0;
        position: relative;
        left: -20vw;
        width: 30vw;
    }
    .user-menu > li:not(.barre-dce-2018-language-list) {
        display: none;
    }
    .user-menu > li.barre-dce-2018-language-list {
        padding: 1.5vw;
        /* margin: 1vw; */
        background: #ffffff;
        /* border-radius: 10px; */
        position: relative;
        left: -7vw;
    }

    .user-menu > li.barre-dce-2018-language-list > ul {
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        justify-content: center;
    }

    .user-menu > li.barre-dce-2018-language-list > ul > li {
        margin: 1vw;
    }


    .barre-dce-2018-locale-lists {
        grid-row: 2;
        grid-column : 3;
        padding: 0;
        margin: 0;
        position: relative;
        left: -60vw;
        width: 70vw;
        background: #f7e550;
        display: grid;
        border-radius: 10px;
    }
    .barre-dce-2018-locale-lists > .barre-dce-2018-locale-languages {
        grid-row: 1;
        grid-column: 2;
    }
    .barre-dce-2018-locale-lists > .barre-dce-2018-locale-countries {
        grid-row: 1;
        grid-column: 1;
    }

    .barre-dce-2018-locale-languages > ul {
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: center;
        align-content: center;
        justify-content: center;
    }
    .barre-dce-2018-locale-countries > ul {
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: center;
        align-content: center;
        justify-content: center;
    }

    .barre-dce-2018-locale-languages > ul > li {
        margin: 1vw;
    }
    .barre-dce-2018-locale-countries > ul > li {
        margin: 1vw;
    }
}

@media (min-width: 993px) {
    .user-info-2018 {
        position:absolute;
        top:0;
        right:0;
        font-family: Verdana, sans-serif;
        z-index:2;
        text-align: right;
    }

    .user-info-2018 .user-avatar {
        position: absolute;
        height:100%;
        right:100%;
        top:0;
        overflow: hidden;
        /*box-sizing: border-box;*/
        border-right:1px solid transparent;
    }

    .user-info-2018 .user-avatar > div {
        position: relative;
        height:100%;

    }

    .user-info-2018 .user-avatar {
        font-size:1rem;
    }


    .user-info-2018 .user-avatar img {
        position: relative;
        width:3.6625em;
        height:3.6625em;
        display: block !important;
    }

    .user-info-2018 .user-avatar a.badge {
        position: absolute;
        bottom:0;
        left:0;
        width:100%;
        text-align: center;
        background:rgba(255,255,255,0.5);
        color:#212121;
        font-size:0.8em;
        transition: background 0.2s linear;
    }

    @media (hover) {
        .user-info-2018 .user-avatar a.badge:hover {
            background:rgba(255,255,255,1);
        }
    }

    .user-info-2018 ul {
        margin:0;
        padding:0;
    }

    .user-info-2018 > form > ul,
    .user-info-2018 > ul {
        font-size:0;
        display: block;
        z-index: 1;
        position: relative;
        
    }

    .user-info-2018 a,
    .user-info-2018 button {
        color:#767676;
        text-decoration: none;
        text-transform: capitalize;
    }




    .user-info-2018 > form > ul > li,
    .user-info-2018 > ul > li {
        display: inline-block;
        font-size:0.9rem;
        background:white;
        /*margin-right:1px;*/
        vertical-align: top;
        position: relative;
    }

    .user-info-2018 > form > ul > li:not(:last-child),
    .user-info-2018 > ul > li:not(:last-child) {
        border-right: 1px solid #236f0b;
    }

    .user-info-2018 > ul.wallet-list {
        margin-bottom:1px;
        text-align: left;


        display: grid;
        /*grid-template-columns: repeat(3, 1fr)*/


    }

    .user-info-2018 > ul.wallet-list > li  {
        /*min-width:calc(25% - 1px);*/
        text-align: left;
        grid-row: 1;
	}

    .user-info-2018 > ul.wallet-list > li b {
        font-family: grobold;
    }

    .user-info-2018 > ul.wallet-list > li.point b { color:#e53b06; }
    .user-info-2018 > ul.wallet-list > li.cagnotte {
        /*padding-top:0.1em;*/
        box-sizing: border-box;
    }
    .user-info-2018 > ul.wallet-list > li.cagnotte b {
        display: inline-block;
        color:#00a1ff;
        font-size:1em;
        position: relative;
        /*top: -0.42em;*/
        vertical-align: middle;
        /*padding-top: 0.3em;*/
        }
    .user-info-2018 > ul.wallet-list > li.partie b { color:#ffa60d; }
    .user-info-2018 > ul.wallet-list > li.credit b { color:#27773c; }


	.user-info-2018 > ul.wallet-list > li.point { grid-column: 1 ; }


.user-info-2018 > ul.wallet-list > li.cagnotte { grid-column: 2 ; }


	.user-info-2018 > ul.wallet-list > li.partie { grid-column: 3 ; }


    .user-info-2018 > ul.wallet-list > li.credit { grid-column: 4 ; }

    .user-info-2018 > ul.wallet-list > li.credit {
        margin-right:-1px;
    }

    .user-info-2018 > ul.wallet-list  {
        white-space: nowrap ;
        }

    .user-info-2018 > ul.wallet-list > li > a > span.animate {
        animation: userinfo2018_wallet_value_blink 0.2s infinite;
        display: inline-block;
    }

    .user-info-2018 > form > ul > li.separator,
    .user-info-2018 > ul > li.separator {
        margin-left:1px;
        background:transparent;
    }

    .user-info-2018 > form > ul > li input,
    .user-info-2018 > form > ul > li button {
        all: unset;
        border:none;
        font-size: inherit;
        height:2em;
        line-height: 2em;
        padding:0 0.5em;
        text-align:left;
    }

    

    .user-info-2018 > form > ul li,
    .user-info-2018 > ul li {
        list-style-type:none;
        z-index: 1;
    }

    .user-info-2018 > form {
        position: relative;
    }
    .user-info-2018 > form > .password-lost-link {
        all: unset;
        position:absolute;
        top:100%;
        right:0;
        color:#FFFFFF;
        white-space:nowrap;
        font-size:0.75em;
        line-height: 0.75em;
        margin-top:0.25em;
        padding:0;
        text-transform: none;
    }
    .user-info-2018 > form > .password-lost-link > a {
        color:#FFFFFF;
    }

    @media (hover) {
        .user-info-2018 > form > .password-lost-link:hover {
            text-decoration: underline;
            /*color:#FFFFFF;*/
        }
    }


    .user-info-2018 > form > ul > li > button[type="submit"] ,
    .user-info-2018 > form > ul > li > a ,
    .user-info-2018 > ul > li > a {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        height:2em;
        line-height: 2em;
        padding:0 0.5em;
    }

    .user-info-2018 > ul > li > a .fa-bell {

    }
    .user-info-2018 > ul > li > a .fa-bell.vibrate {
        animation-name: bell_vibrate;
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        /*animation-direction: alternate;*/
        transform-origin: 50%;
    }

    .user-info-2018 > ul > li.other-website {
        /*padding:0 0.5em;*/
    }
    .user-info-2018 > ul > li.other-website > a {
        padding:0;
        display: inline-block;
        height:2em;
        width:2em;
        background-position: center center;
        letter-spacing:0;
        float:left;
        overflow: hidden;
        position: relative;
    }

    @media (hover) {
        .user-info-2018 > ul > li.other-website > a:before {
            content:'';
            position: absolute;
            display: block;
            top:0;
            left:0;
            height:0;
            width:100%;
            background:#236f0b;
            opacity: 0.5;
            transition: height 0.2s ease-in-out;
        }

        .user-info-2018 > ul > li.other-website > a:hover:before {
            height: 100%;
        }
    }

    .user-info-2018 > form > ul > li > button[type="submit"] {
        background:transparent;
        border:none;
        box-sizing: border-box;
        cursor:pointer;
    }

    .user-info-2018 > ul > li.profil > a {
        /*padding:0 0.5em 0 0;*/

        font-family: grobold;
    }

    .user-info-2018 > ul > li.profil {
        min-width:200px;
        text-align: left;
    }


    .user-info-2018 > ul > li i.dreamcard-box {
        content:'';
        position:relative;
        background:red;
        width:2em;
        height:2em;
        right:0;
        top:0;
        display: none;
    }

    .user-info-2018 > ul > li[class^="pseudo-vip"] > a {
        padding:0;
    }

    .user-info-2018 > ul > li.pseudo-vip-1 > a {
        color:rgb(182, 108, 79);
    }

    .user-info-2018 > ul > li.pseudo-vip-1 i.dreamcard-box {
        display:block;
        /* bronze */
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0b7a1+0,8c3310+50,752201+51,bf6e4e+100;Brown+Gloss */
        background: rgb(240,183,161); /* Old browsers */
        background: -moz-linear-gradient(-45deg, rgba(240,183,161,1) 0%, rgba(140,51,16,1) 50%, rgba(117,34,1,1) 51%, rgba(191,110,78,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(240,183,161,1) 0%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 51%,rgba(191,110,78,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(240,183,161,1) 0%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 51%,rgba(191,110,78,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        /*left: 1188%;*/
    }

    .user-info-2018 > ul > li.pseudo-vip-2 > a {
        color:rgb(159, 165, 169);
    }
    .user-info-2018 > ul > li.pseudo-vip-2 i.dreamcard-box {
        display:block;
        /* Argent */
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
        background: rgb(246,248,249); /* Old browsers */
        background: -moz-linear-gradient(-45deg, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            /*left: 1188%;*/
    }
    .user-info-2018 > ul > li.pseudo-vip-3 > a {
        color:rgb(169, 129, 23);
    }
    .user-info-2018 > ul > li.pseudo-vip-3 i.dreamcard-box {
        display:block;
        /* Or */
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
        background: rgb(252,234,187); /* Old browsers */
        background: -moz-linear-gradient(-45deg, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
           /* left: 1188%;*/
    }
    .user-info-2018 > ul > li.pseudo-vip-4 > a {
        color:rgb(15, 123, 160);
    }
    .user-info-2018 > ul > li.pseudo-vip-4 i.dreamcard-box {
        display:block;
        /* diamant */
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
        background: rgb(145, 202, 224); /* Old browsers */
        background: -moz-linear-gradient(-45deg, rgba(145, 202, 224,1) 0%, rgba(37, 179, 230,1) 50%, rgba(129, 189, 208,1) 51%, rgba(156, 215, 241,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(145, 202, 224,1) 0%,rgba(37, 179, 230,1) 50%,rgba(129, 189, 208,1) 51%,rgba(156, 215, 241,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(145, 202, 224,1) 0%,rgba(37, 179, 230,1) 50%,rgba(129, 189, 208,1) 51%,rgba(156, 215, 241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            /*left: 1188%;*/

        /*background: linear-gradient(135deg, rgba(234, 249, 255,1) 0%,rgba(176, 234, 255,1) 50%,rgba(129, 225, 255,1) 51%,rgba(234, 249, 255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */*/
    }

    .user-info-2018 > ul > li.compte > ul,
    .user-info-2018 > form > ul > li > ul {
        text-align: left;
    }

    .user-info-2018 > ul > li > ul,
    .user-info-2018 > form > ul > li > ul{
        display: none;
    }

    .user-info-2018 > ul > li.dropdown:hover > ul,
    .user-info-2018 > form > ul > li.dropdown:hover > ul{
        display: block;
        position: absolute;
        min-width: 100%;
        top:100%;
        right:0;
        padding:0;
        background:#236f0b;
    }

    .user-info-2018 > ul > li > ul > li,
    .user-info-2018 > form > ul > li > ul > li {
        margin:1px 0 0 0;
        padding:0.25em;
        background:white;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
    }

    .user-info-2018 > form > ul > li > ul > li > a,
    .user-info-2018 > ul > li > ul > li > a {
        display: block;
        transition: all 0.2s ease-in-out;
    }

    .user-info-2018 > ul > li:before ,
    .user-info-2018 > form > ul > li:before ,
    .user-info-2018 > ul > li > ul > li:before,
    .user-info-2018 > form > ul > li > ul > li:before {
        content:'';
        display: block;
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height: 0;
        background:#236f0b;
        opacity: 0.2;
        transition: all 0.2s ease-in-out;
        z-index: -1;
    }


    @media (hover) {
        .user-info-2018 > ul > li:hover > a,
        .user-info-2018 > form > ul > li:hover > a,
        .user-info-2018 > ul > li > ul > li:hover > a,
        .user-info-2018 > form > ul > li > ul > li:hover > a {
            color:black;
        }

        .user-info-2018 > ul > li:hover:before,
        .user-info-2018 > form > ul > li:hover:before,
        .user-info-2018 > ul > li > ul > li:hover:before,
        .user-info-2018 > form > ul > li > ul > li:hover:before {
            height:100%;
        }
    }



    .user-info-2018 > ul > li.dropdown:hover > a,
    .user-info-2018 > form > ul > li.dropdown:hover > a,
    .user-info-2018 > ul > li > ul > li.dropdown:hover > a,
    .user-info-2018 > form > ul > li > ul > li.dropdown:hover > a {
        color:black;
    }

    .user-info-2018 > ul > li.dropdown:hover:before,
    .user-info-2018 > form > ul > li.dropdown:hover:before,
    .user-info-2018 > ul > li > ul > li.dropdown:hover:before,
    .user-info-2018 > form > ul > li > ul > li.dropdown:hover:before {
        height:100%;
    }
}

/* MINIMIZED */
@media screen and (min-width: 1189px) {
	.barre-dce-2018 {
		transition: height 0.2s ease-in-out;
	}
	body.barre-dce-minimized .barre-dce-2018 {
		height:calc(2rem + 1rem + 1rem + 0.4375rem)
	}

	body.barre-dce-minimized .barre-dce-2018.not-logged {
		height:calc(2rem + 1rem + 1rem + 0.4375rem + 1rem)
	}

	.barre-dce-2018 .user-info-2018 {
		transition: all 0.2s ease-in-out;
		min-height: 3.6625em;
	}

	body.barre-dce-minimized .barre-dce-2018 .user-info-2018 {
		min-height: 1.83125em;
	}

	.barre-dce-2018 .user-info-2018 > ul.wallet-list {
		transition: all 0.2s ease-in-out;
		max-height: 2rem;
	}

	.barre-dce-2018 .user-info-2018 > ul.wallet-list {
		left:0;
		transition: all 0.2s ease-in-out;
	}

	body.barre-dce-minimized .barre-dce-2018 .user-info-2018 > ul.wallet-list {
		/*overflow: hidden;

		max-height:0;
		margin:0;*/
		position: absolute;
		left:calc(100% + 1px);
	}

	#body-homepage-2018 {
		transition: padding 0.2s ease-in-out;
	}

	body.barre-dce-minimized #body-homepage-2018 {
		padding-top: calc(2rem + 1rem + 1rem + 0.4375rem);
	}

	body.barre-dce-minimized .user-info-2018 > ul.wallet-list {
		max-height: none;
	}

	body.barre-dce-minimized .user-info-2018 > ul.wallet-list > li  {
	  	grid-column: 1;
	  	font-size: 0.6rem;
		}

	body.barre-dce-minimized .user-info-2018 > ul.wallet-list > li.point { grid-row: 1 ; }
	body.barre-dce-minimized .user-info-2018 > ul.wallet-list > li.cagnotte { grid-row: 2 ; }
	body.barre-dce-minimized .user-info-2018 > ul.wallet-list > li.partie { grid-row: 3 ; }
	body.barre-dce-minimized .user-info-2018 > ul.wallet-list > li.credit { grid-row: 4 ; }
	body.barre-dce-minimized .user-info-2018 > ul.wallet-list > li.credit { margin-right:0;}

	body.barre-dce-minimized .user-info-2018 > ul.wallet-list > li {
		border-right: 1px solid #236f0b;
	}

	body.barre-dce-minimized .user-info-2018 > ul.wallet-list > li > a {
		height:1.85em;
		line-height:1.85em;
		}

	.user-info-2018 .user-avatar img {
		transition: all 0.2s ease-in-out;
	}
	body.barre-dce-minimized .user-info-2018 .user-avatar img {
		height:1.83125em;
		width:1.83125em;
	}
	body.barre-dce-minimized .user-info-2018 .user-avatar a.badge {
		display: none;
	}
}

/* MAIN MENU */
@media (max-width: 992px) {
    .main-menu-2018.mobile-hidden{
        display: none;
    }

    .main-menu-2018 {
        max-width:100vw;
        width:auto;
        height:auto;
        font-size:0;
        font-family: Grobold;
        z-index: 69;
        position: relative;
        grid-column: 1 / 4;
        grid-row: 2;
        padding: 0;
        margin: 0;
        display: grid;
        text-align: left;
        right: 1vw;
    }

    .main-menu-2018 ul {
        padding:0;
    }

    .main-menu-2018 > ul li {
        list-style-type:none;
        font-size:5vw;
        text-transform:capitalize;
    }

    .main-menu-2018 > ul > li a {
        
                font-size: 4.5vw;
            
            padding: 0.32em 0.65em;
        
        text-transform: uppercase;
        display: block;
        white-space: nowrap;
        box-sizing: border-box;
    }

    .main-menu-2018 > ul > li > a {
        border-right:1px solid #236f0b;
        background:#f7e550;
        position: relative;
        z-index:1;
    }

    .main-menu-2018 > ul > li > a:before {
        content:'';
        display: block;
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:0;
        z-index: -1;
        background:rgba(255,255,255,0.25);
        transition: all 0.2s ease-in-out;
    }


    .main-menu-2018 > ul > li:first-child > a {
        border-radius: 10px 10px 0 0;
    }
    .main-menu-2018 > ul > li:last-child > a {
        border-radius: 0 0 10px 10px;
    }

    .main-menu-2018 > ul > li > ul {
        visibility: hidden;
        height:0;
        overflow: hidden;
        box-sizing: border-box;
        left:-1px;

        position: absolute;
        top:100%;
    }

    .main-menu-2018 > ul > li > ul a {
        background:#FBB018;
    }


    .main-menu-2018 > ul > li.dropdown.dropdown-enabled > ul {
        visibility: visible;
        height:auto;
        position: relative;
        /*display: block !important;*/

        border-left:1px solid #236f0b;
        border-right:1px solid #236f0b;
        border-bottom: 1px solid #236f0b;
        display: grid;
    }

    .main-menu-2018 > ul > li.dropdown:not(.dropdown-enabled) > a::after {
        content: '^';
        transform: rotate(180deg);
        display: inline-block;
        transform-origin: center calc(1.5rem)
    }

    .main-menu-2018 > ul > li.dropdown.dropdown-enabled > a::after {
        content: '^';
        display: inline-block;
        transform: translateY(0.75rem);
    }

    .main-menu-2018 > ul > li > ul a.game-flash {
        background:#FD7135;
        color:white;
    }

    .main-menu-2018 > ul > li > ul a.game-loot {
        background:#F7A702;
        color:white;
    }
    .main-menu-2018 > ul > li > ul a.game-scratch {
        background:#FD8600;
        color:white;
    }
    .main-menu-2018 > ul > li > ul a.game-defis {
        background:#83BD1C;
        color:white;
    }
    .main-menu-2018 > ul > li > ul a.game-tournament {
        background:#19A427;
        color:white;
    }
    .main-menu-2018 > ul > li > ul a.game-julienriddle {
        background:#401f10;
        color:#fde3a7;
    }

    #barre_dce_battle {
        display:none;
    }
}

@media (min-width: 993px) {
.main-menu-2018 {
	width:auto;
	height:auto;
	font-size:0;
	font-family: Grobold;
	z-index: 2;


	/*position: relative;
    float: right;
    padding-top: 5rem;*/



	position: absolute;
	right:0;
	bottom:0;
}

.main-menu-2018 ul {
	padding:0;
}

.main-menu-2018 > ul {
	/*height:37px;*/
}

.main-menu-2018 > ul li {
	list-style-type:none;
	font-size:1rem;
	text-transform:capitalize;
}


.main-menu-2018 > ul > li {
	display: inline-block;
	position:relative;
	overflow: hidden;
	/*height:37px;*/
	vertical-align: top;
}

.main-menu-2018 > ul > li  a {

	
	    font-size: 1.1em;
		
    padding: 0.32em 0.65em;
	
    display: block;
    white-space: nowrap;
    box-sizing: border-box;
}

.main-menu-2018 > ul > li > a {
	border-right:1px solid #236f0b;
	background:#f7e550;
	position: relative;
	z-index:1;
}

.main-menu-2018 > ul > li > a:before {
	content:'';
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	z-index: -1;
	background:rgba(255,255,255,0.25);
	transition: all 0.2s ease-in-out;
}


.main-menu-2018 > ul > li.dropdown > a:hover {
	overflow: hidden;
}

.main-menu-2018 > ul > li.dropdown > a:hover:before {
	height:100%;
}

.main-menu-2018 > ul > li.dropdown:hover > a {
	box-shadow: none;
}

@media (hover) { 
	.main-menu-2018 > ul > li > a:hover {
		overflow: hidden;
	}

	.main-menu-2018 > ul > li > a:hover:before {
		height:100%;
	}

	.main-menu-2018 > ul > li:hover > a{
		box-shadow: none;
	}
}


.main-menu-2018 > ul > li:first-child > a {
	border-radius: 5px 0 0 0;
}
    .main-menu-2018 > ul > li.menu-element-last > a {
	border-radius: 0 5px 0 0;
	border-right:none;
}


.main-menu-2018 > ul > li > a.credits {
	color:white;
	
	background-color:#0f5bbb;
	
}

.main-menu-2018 > ul > li a {
	color:#236f0b;
	text-decoration: none;
	font-family:Grobold !important;
}

.main-menu-2018 > ul > li > ul {
	display: block;
	visibility: hidden;
	height:0;
	overflow: hidden;
	/*position: absolute;*/
	/*position: relative;
	width:calc(100% + 1px);*/
	box-sizing: border-box;
	left:-1px;

	position: absolute;
	top:100%;
}

.main-menu-2018 > ul > li > ul a {
	background:#FBB018;
}


@media (hover) { 
	.main-menu-2018 > ul > li > ul a:hover {

		box-shadow: -50px 0 50px -50px #FFF inset, 50px 0px 50px -50px #FFF inset;
	}


	.main-menu-2018 > ul > li:hover {
		overflow: visible;
	}
	.main-menu-2018 > ul > li:hover > ul {
		visibility: visible;
		height:auto;
		display: block !important;
	}
}


.main-menu-2018 > ul > li.dropdown:hover {
	overflow: visible;
}
.main-menu-2018 > ul > li.dropdown:hover > ul {
	visibility: visible;
	height:auto;
	display: block !important;

	border-left:1px solid #236f0b;
	border-right:1px solid #236f0b;
	border-bottom: 1px solid #236f0b;

	/*position: absolute;*/
}

.main-menu-2018 > ul > li > ul a.game-flash {
	background:#FD7135;
	color:white;
}

.main-menu-2018 > ul > li > ul a.game-loot {
	background:#F7A702;
	color:white;
}
.main-menu-2018 > ul > li > ul a.game-scratch {
	background:#FD8600;
	color:white;
}
.main-menu-2018 > ul > li > ul a.game-defis {
	background:#83BD1C;
	color:white;
}
.main-menu-2018 > ul > li > ul a.game-tournament {
	background:#19A427;
	color:white;
}
.main-menu-2018 > ul > li > ul a.game-julienriddle {
	background:#401f10;
	color:#fde3a7;
}
}

/* ANIMATIONS */
@keyframes userinfo2018_wallet_value_blink {
	  0% {
	    opacity:1;
	    transform: scale(1);
	  }

	  50% {
	    opacity:0;
	    transform: scale(0.5);
	  }

	  100% {
	    opacity:1;
	    transform: scale(1);
	  }
	}

@keyframes bell_vibrate { 
	0% { transform: rotate(0deg); }
	2.5% { transform: rotate(30deg); }
	5.0% { transform: rotate(0deg); }
	7.5% { transform: rotate(-30deg); }
	10% { transform: rotate(0deg); }
	100% { transform: rotate(0deg); }
}

/* BOUTONS */
.btn-default-website {
	background:#43af21;
	font-size:1rem !important;
	font-family: grobold !important;
	padding:0.25em 1em !important;
	text-align: center;
	color:#FFF;
	text-decoration: none;
	z-index: 1;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.55), 0 4px 4px -4px rgba(255,255,255,1) inset, 0 -4px 4px -4px rgba(0,0,0,1) inset, 0 3em 3em -3em rgba(255,255,255,0.5) inset;
	position: relative;
	display: inline-block;
	font-weight: normal !important;
	cursor:pointer;
	height: auto !important;
	user-select: none;
	text-transform:capitalize;
}

.btn-default-website a, .btn-default-website a:link, .btn-default-website a:active{
	text-decoration:none;
	color:#FFF;
}


.btn-default-website.disabled {
	background:grey;
	cursor:not-allowed;
}

.btn-default-website:before {
	content:'';
	display: block;
	position: absolute;
	left:0;
	height:100%;
	width:0;
	top:0;
	z-index: -1;
	background:rgba(0,0,0,0.25);
	transition: width 0.15s ease-in-out;
}

.btn-default-website:hover:before {
	width: 100%;
}

input.btn-default-website {
	border:none;
}
input.btn-default-website:hover {
	box-shadow: 1px 1px 2px rgba(255,255,255,0.55), 0 4px 4px -4px rgba(0,0,0,1) inset, 0 -4px 4px -4px rgba(255,255,255,1) inset, 0 3em 3em -3em rgba(0,0,0,0.5) inset;
}



@media (max-width: 992px) {
	.btn-default-website {
		font-size: 5vw !important;
		padding: unset !important;
		padding-right: 2vw ! important;
		padding-left: 2vw ! important;
	}
}