#flashgame-loader {
    background-image: url('//static.madwin.com/madwin/playbox/img/jeu/loader_flash.gif');
    background-repeat: no-repeat;
    background-size: auto;
    height: 500px;
    width: 97%;
    left:0%;
    position: absolute;
    background-position-x: center;
    background-position-y: center;
    z-index: 2;
    display: initial;
}

#zone_gauche {
	width      : 721px;
	float      : left;
	text-align : left;
	position   : relative;
	}

#zone_gauche_large {
    width:97%;
	margin : auto 10px;
	float  : none;
	}

#zone_droite {
	width        : 250px;
	float        : right;
	position     : relative;
	margin-top   : 5px;
	margin-right : 9px;
	}

#zone_droite_jeu {
	width        : 25%;
	float        : right;
	position     : relative;
	margin-right : 10px;
	}

.categorie_flashgame {
	width          : 723px;
	*width         : 720px;
	position       : relative;
	margin-left    : 2px;
	*margin-left   : 4px;
	padding-bottom : 10px;
	}

#flashgame_container .title-flashgame-level-two {
	/*background:url('//static.madwin.com/madwin/playbox/img/flashgame/fd_titre01.jpg') left top no-repeat;*/
	text-align     : left;
	font-family    : Grobold;
	font-size      : 25px;
	width          : 707px;
	
	height         : 34px;
	
	padding-top    : 8px;
	padding-left   : 18px;
	box-sizing     : border-box;
	color          : black;
	margin-top     : 5px;
	margin-bottom  : 10px;
	text-transform : capitalize;
	font-variant   : small-caps;
	}

.title-flashgame-level-two {
	position : relative;
	}

#flashgame_container .title-flashgame-level-three {
	text-align     : left;
	font-size      : 13px;
	width          : 650px;
	padding-left   : 56px;
	box-sizing     : border-box;
	color          : black;
	margin-top     : 5px;
	margin-bottom  : 10px;
	text-transform : capitalize;
	font-variant   : small-caps;
	float          : left;
	}

/** deplacement des ancres un peu au dessus */
.title-flashgame-level-two > a[name] {
	position   : absolute;
	top        : -100px;
	visibility : hidden;
	}

.title-flashgame-level-two span.title-flashgame-picto-game {
	display         : inline-block;
	box-sizing      : border-box;
	font-size       : 2rem;
	width           : 0.93em;
	height          : 1em;
	background-size : 100% 400%;
	margin-top      : -0.2em;
	margin-right    : 0.2em;
	vertical-align  : middle;
	}

.zone-detail-jeu {
	width         : 98%;
	height        : 334px;
	position      : relative;
	overflow      : hidden;
	border-radius : 10px;
	margin-left   : 10px;
	margin-bottom : 10px;
	float         : left;
	}

.zone-detail-jeu > img.background {
	width    : 100%;
	height   : 100%;
	position : absolute;
	}

.zone-detail-jeu > .zone-cost {
	position   : absolute;
	width      : 100%;
	bottom     : 0;
	left       : 0;
	/*height:30%;*/
	background : rgba(0, 0, 0, 0.5);
	text-align : center;
	}

.zone-detail-jeu > .zone-cost > .button-cost,
.zone-detail-jeu > .zone-cost > span.button-cost-list {
	width       : 150px;
	height      : 59px;
	display     : inline-block;
	margin      : 10px;
	position    : relative;
	overflow    : hidden;
	user-select : none;
	top         : 0px;
	}

.zone-detail-jeu > .zone-cost > span.deconnecte {
	left : -112px;
	}

.zone-detail-jeu > .zone-cost > span.button-cost-list .button-cost-wrapper {
	position    : absolute;
	/*width:100%;
	height:100%;*/
	display     : block;
	bottom      : 0;
	font-size   : 0;
	line-height : 0;
	}

.zone-detail-jeu > .zone-cost > span.button-cost-list:hover {
	overflow : visible;
	}

.zone-detail-jeu > .zone-cost > span.button-cost-list:hover .button-cost-wrapper {
	height : auto;
	}

.zone-detail-jeu > .zone-cost .button-cost {
	display         : inline-block;
	width           : 150px;
	height          : 59px;
	font-family     : Grobold;
	text-decoration : none;
	color           : #343031;
	font-size       : 0.8rem;
	line-height     : 1rem;
	overflow        : hidden;
	transition      : color 0.1s linear, opacity 0.1s linear, margin 0.1s linear;
	box-sizing      : border-box;
	padding-top     : 5px;
	}

.button-cost-help {
	font-size   : 0.7rem !important;
	text-shadow : none !important;
	color       : #343031 !important;
	}

.zone-detail-jeu > .zone-cost > span.button-cost-list:hover .button-cost-wrapper > .button-cost {
	display : block;
	}

.zone-detail-jeu > .zone-cost > span.button-cost-list .button-cost-wrapper > .button-cost:not(:last-child) {
	opacity : 0;
	}

.zone-detail-jeu > .zone-cost > span.button-cost-list:hover .button-cost-wrapper > .button-cost:not(:last-child) {
	margin-bottom : 10px;
	opacity       : 1;
	}

.zone-detail-jeu > .zone-cost a.button-cost:hover {
	background-position : 0 -59px;
	color               : #0f0e0e;
	}

.zone-detail-jeu > .zone-cost .button-cost sub {
	font-size   : 0.85em;
	line-height : 0.85em;
	display     : inline-block;
	}

.zone-detail-jeu > .zone-cost .button-cost-list:hover .button-cost sub {
	display : none;
	}

.zone-detail-jeu > .zone-cost .button-cost > span {
	line-height : 0.75em;
	display     : block;
	white-space : nowrap;
	text-align  : center;
	width       : auto;
	}

.zone-detail-jeu > .zone-cost .button-cost > span > span {
	
	font-size      : 0.9em;
	
	text-align     : left;
	display        : inline-block;
	padding-left   : 5px;
	vertical-align : baseline;
	text-transform : capitalize;
	}

.zone-detail-jeu > .zone-cost .button-cost .icon-cost {
	width               : 27px;
	height              : 27px;
	display             : inline-block;
	background-repeat   : no-repeat;
	background-position : center center;
	vertical-align      : text-bottom;
	}

.zone-detail-jeu > .zone-cost .button-cost-1 {
	background-image : url('//static.madwin.com/madwin/playbox/img/flashgame/presentation_jeu/btn_partie_gratuite.png');
	}

.zone-detail-jeu > .zone-cost .button-cost-1 .icon-cost {
	background-image : url('//static.madwin.com/madwin/playbox/img/flashgame/presentation_jeu/icon_partie_gratuite.png');
	}

.zone-detail-jeu > .zone-cost .button-cost-4 {
	background-image : url('//static.madwin.com/madwin/playbox/img/flashgame/presentation_jeu/btn_credit.png');
	}

.zone-detail-jeu > .zone-cost .button-cost-4 .icon-cost {
	background-image : url('//static.madwin.com/madwin/playbox/img/flashgame/presentation_jeu/icon_credits.png');
	}

.zone-detail-jeu > .zone-cost .button-cost-6 {
	background-image : url('//static.madwin.com/madwin/playbox/img/flashgame/presentation_jeu/btn_illimite.png');
	}

.zone-detail-jeu > .zone-cost .button-cost-7 {
	background-image : url('//static.madwin.com/madwin/playbox/img/flashgame/presentation_jeu/btn_partie_gratuite.png');
	}

.zone-detail-jeu > .zone-cost .button-cost-other {
	background-image : url('//static.madwin.com/madwin/playbox/img/flashgame/presentation_jeu/btn_point.png');
	color            : white;
	text-shadow      : 2px 0 0 #082f5b, -2px 0 0 #082f5b, 0 2px 0 #082f5b, 0 -2px 0 #082f5b, 1px 1px #082f5b, -1px -1px 0 #082f5b, 1px -1px 0 #082f5b, -1px 1px 0 #082f5b;
	padding-top      : 1em;
	}

.zone-detail-jeu > .zone-cost .button-cost-other:hover {
	color       : white;
	text-shadow : 2px 0 0 #082f5b, -2px 0 0 #082f5b, 0 2px 0 #082f5b, 0 -2px 0 #082f5b, 1px 1px #082f5b, -1px -1px 0 #082f5b, 1px -1px 0 #082f5b, -1px 1px 0 #082f5b;
	}

.zone-detail-jeu > .zone-cost .jeu_description {
	text-align  : left;
	padding     : 2px 10px;
	color       : white;
	font-size   : 0.9rem;
	font-family : grobold;
	}

.zone-detail-jeu > .zone-cost .button-2018-link {
	display         : block;
	position        : absolute;
	background      : #d20a23;
	bottom          : 32px;
	font-size       : 0.85em;
	font-family     : grobold;
	padding         : 0.45em 1.5em;
	width           : 200px;
	text-align      : center;
	color           : white;
	text-decoration : none;
	z-index         : 1;
	/*text-shadow:1px 1px 3px rgba(0,0,0,0.70);*/
	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;
	text-transform  : capitalize;
	}

.zone-detail-jeu > .zone-cost .button-2018-link: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;
	}

.zone-detail-jeu > .zone-cost .button-2018-link:hover:before {
	width : 100%;
	}

#flashgame_container .challenge-area {
	background    : #fac03a;
	width         : 700px;
	position      : relative;
	border-radius : 10px;
	margin-left   : 10px;
	border        : 1px solid #949494;
	box-sizing    : border-box;
	margin-bottom : 10px;
	float         : left;

	}

.challenge-area > .your-score-title {
	font-family : Grobold;
	font-size   : 1.4em;
	padding     : 0 0.5em;
	}

.challenge-area > .your-score-value {
	font-family   : Grobold;
	font-size     : 1.2em;
	text-align    : center;
	background    : rgba(255, 255, 255, 0.3);
	margin        : auto;
	border-radius : 4px;
	padding       : 1.0em;
	}

.challenge-area > .your-score-value .your-score-value-number {
	font-family : Grobold;
	font-size   : 1.4em;
	padding     : 0 0.5em;
	}

.challenge-area > .your-score-value .your-score-ranking-note {
	font-family : Grobold;
	font-size   : 0.6em;
	text-align  : center;
	}

.challenge-area > .challenge-title {
	font-family : Grobold;
	font-size   : 1.4em;
	padding     : 0 0.5em;
	}

.challenge-area > .challenge-title span {
	float       : right;
	font-size   : 0.8em;
	line-height : 2.3rem;
	}

.challenge-area > .explication {
	padding       : 0 0.5em;
	background    : rgba(255, 255, 255, 0.3);
	margin        : 0.5em;
	border-radius : 4px;
	font-size     : 0.9em;
	}

.challenge-area > .explication ul {
	display    : block;
	width      : 100%;
	padding    : 0;
	margin     : 10px 0;
	text-align : center;
	}

.challenge-area > .explication ul li {
	display : inline-block;
	width   : 43%;
	margin  : 0 3%;
	}

.challenge-area > .explication ul li {
	list-style-type : none;
	}

.challenge-area > .explication ul a {
	display         : inline-block;
	color           : white;
	background      : black;
	border-radius   : 4px;
	text-decoration : none;
	font-family     : Grobold;
	font-size       : 1.3em;
	padding         : 0.25em 0;
	}

.challenge-area > .explication ul li.dreamcard a {
	background  : #fee21d;
	box-shadow  : 0 5px 5px -5px #ffffff inset, 0 -5px 5px -5px #000000 inset;

	text-shadow : 2px 0 0 #c2aa00, -2px 0 0 #c2aa00, 0 2px 0 #c2aa00, 0 -2px 0 #c2aa00, 1px 1px #c2aa00, -1px -1px 0 #c2aa00, 1px -1px 0 #c2aa00, -1px 1px 0 #c2aa00;
	transition  : all 0.1s linear;
	}

.challenge-area > .explication ul li.dreamcard a:hover {
	background  : #fffada;
	box-shadow  : 0 5px 5px -5px #000000 inset, 0 5px 5px -5px #000000 inset;
	color       : #fee21d;
	text-shadow : 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 1px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
	}

.challenge-area > .explication ul li.rechargement a {
	background  : #5eeb00;
	box-shadow  : 0 5px 5px -5px #ffffff inset, 0 -5px 5px -5px #000000 inset;

	text-shadow : 2px 0 0 #49a809, -2px 0 0 #49a809, 0 2px 0 #49a809, 0 -2px 0 #49a809, 1px 1px #49a809, -1px -1px 0 #49a809, 1px -1px 0 #49a809, -1px 1px 0 #49a809;
	transition  : all 0.1s linear;
	}

.challenge-area > .explication ul li.rechargement a:hover {
	background  : #f6fff0;
	box-shadow  : 0 5px 5px -5px #000000 inset, 0 5px 5px -5px #000000 inset;
	color       : #5eeb00;
	text-shadow : 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 1px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
	}

.challenge-area .ranking-explication {
	padding   : 0.5em;
	font-size : 0.90rem;
	}

.challenge-area .ranking-tab-list {
	white-space    : nowrap;
	text-align     : right;
	padding-right  : 10px;
	text-transform : capitalize;
	}

.challenge-area .ranking-tab-list a {
	display         : inline-block;
	background      : #f9db95;
	font-family     : Grobold;
	padding         : 0.3em 1em;
	text-decoration : none;
	color           : #343031;
	border          : 1px solid #949494;
	border-radius   : 10px 10px 0 0;
	border-bottom   : none;
	top             : 1px;
	position        : relative;
	}

.challenge-area .ranking-tab-list a.active {
	background    : #ffffff;
	border-bottom : 1px solid #ffffff;
	top           : 0px;
	}

.challenge-area .ranking-tab-list a:not(.active):hover {
	background : #fff5de;
	}

.challenge-area {
	overflow : hidden;
	}

.challenge-area .ranking-rank-list {
	border-top : 1px solid #949494;
	}

.challenge-area .rank-wrapper-container {
	display : none;
	}

.challenge-area .rank-wrapper-container.active {
	display : block;
	}

.challenge-area .rank-wrapper {
	/*overflow: auto;*/
	position  : relative;
	font-size : 0;
	overflow  : hidden;

	}

.challenge-area .ranking-rank-element {
	/*float:left;*/
	display     : inline-block;
	width       : 50%;
	box-sizing  : border-box;
	/*height:50px;*/
	white-space : nowrap;
	font-size   : 0;
	}

.challenge-area .ranking-rank-element:not(.rke-header):hover {
	background-color : #f8f3df !important;
	transform        : scale(1.02);
	transition       : all 0.2s linear;
	font-weight      : bold;
	}

.challenge-area .ranking-rank-element:nth-child(odd) {
	transform-origin : left center;
	}

.challenge-area .ranking-rank-element:nth-child(even) {
	transform-origin : right center;
	}

.challenge-area .ranking-rank-element:not(.rke-header):nth-child(even):hover {
	border : none;
	}

.challenge-area .ranking-rank-element > div {
	display        : inline-block;
	font-size      : 1rem;
	line-height    : 1rem;
	vertical-align : middle;
	box-sizing     : border-box;
	}

.challenge-area .ranking-rank-element.rke-header > div {
	font-weight : bold;
	padding     : 3px 0;
	text-align  : center;
	}

.challenge-area .ranking-rank-element .rank {
	width         : 70px;
	text-align    : center;
	padding-right : 5px;

	}

.challenge-area .ranking-rank-element:not(.rke-header) .rank {

	font-family : Grobold;
	}

.challenge-area .ranking-rank-element:not(.rke-header) .avatar {
	height : 50px;
	}

.challenge-area .ranking-rank-element .avatar {
	height   : 100%;
	width    : 50px;
	position : relative;
	}

.challenge-area .ranking-rank-element .avatar img {
	height     : 100%;
	width      : auto;
	box-sizing : border-box;
	border     : 1px solid #949494;
	}

.challenge-area .ranking-rank-element .pseudo {
	width        : 150px;
	padding-left : 5px;
	font-size    : 0.85rem;
	}

.challenge-area .ranking-rank-element .pseudo a {
	text-decoration : none;
	color           : inherit;
	}

.challenge-area .ranking-rank-element .pseudo a:hover {
	text-decoration : underline;
	}

.challenge-area .ranking-rank-element .score {
	width         : 70px;
	text-align    : right;
	padding-right : 5px;
	font-size     : 0.90rem;
	}

.challenge-area .ranking-rank-element .score-text {
	width         : 70px;
	text-align    : right;
	padding-right : 5px;
	font-family   : grobold;
	}

.challenge-area .ranking-rank-element .gain {
	width         : 220px;
	padding-left  : 5px;
	padding-right : 5px;
	text-align    : right;
	font-size     : 0.8rem;
	}

.challenge-area .ranking-rank-element.hover-to-gain-true:hover .gain {
	display : inline-block !important;
	}

.challenge-area .ranking-rank-element.hover-to-gain-true:hover .pseudo,
.challenge-area .ranking-rank-element.hover-to-gain-true:hover .score,
.challenge-area .ranking-rank-element.hover-to-gain-true:hover .score-text {
	display : none;
	}

.challenge-area .ranking-rank-element:nth-child(even) {
	border-left : 2px solid #ffa101;
	}

.challenge-area .ranking-rank-element.line-type-0 {
	background-color : #f4d972;
	}

.challenge-area .ranking-rank-element.line-type-1 {
	background-color : #f9b236;
	}

.ranking-explication {
	background-color : #f4d972;

	}

.error-ranking-empty {
	font-size  : 1rem;
	padding    : 0.5em;
	text-align : center;
	}

.zone-category-anchor {
	font-size       : 0.68rem;
	text-decoration : none;
	margin          : 5px 10px;
	text-align      : center;
	font-variant    : small-caps
	}

.zone-category-anchor a {
	text-decoration : none;
	color           : black;
	display         : inline-block;
	padding         : 0 0 3px 0px;
	}

.zone-category-anchor a:hover {
	background    : #e9662e;
	border-radius : 10px;
	color         : white;
	}

.zone-category-anchor img {
	vertical-align : middle;
	margin-right   : 2px;
	}

.megachallenge-wrapper .mega-challenge-detail-link {

	display         : inline-block;
	text-align      : center;
	margin          : 3px auto;
	padding         : 0 5px;
	box-sizing      : border-box;
	color           : black;
	text-decoration : none;
	font-size       : 0.9rem;
	clear           : both;
	position        : relative;
	}

.megachallenge-wrapper .mega-challenge-detail-link:hover {
	text-decoration : underline;
	}

.megachallenge-wrapper .mega-challenge-detail-link:before,
.megachallenge-wrapper .mega-challenge-detail-link:after {
	content : '';
	display : inline-block;
	}

.megachallenge-wrapper .mega-challenge-detail-link:after {
	width          : 1em;
	height         : 1em;
	background     : black;
	border-radius  : 100%;
	vertical-align : baseline;
	margin-left    : 5px;
	top            : 1px;
	position       : relative;
	z-index        : 1;
	}

.megachallenge-wrapper .mega-challenge-detail-link:before {
	position      : absolute;
	width         : 0;
	height        : 0;
	border-top    : 4px solid transparent;
	border-right  : 0px solid black;
	border-bottom : 4px solid transparent;
	border-left   : 6px solid #ffffff;
	right         : 8px;
	top           : 4px;
	z-index       : 2;
	}

.megachallenge-wrapper .mega-challenge-detail-link:hover:after {
	background : white;
	}

.megachallenge-wrapper .mega-challenge-detail-link:hover:before {
	border-left : 6px solid #000000;
	}

.megachallenge-wrapper {
	width         : 700px;
	margin        : auto;
	background    : #fac03a;
	border-radius : 10px;
	font-size     : 0;
	height        : auto;
	padding       : 1px 0;
	overflow      : auto;
	text-align    : center;
	}

.megachallenge-wrapper .col-wrapper {
	float       : left;
	width       : 350px;
	font-size   : 1rem;
	line-height : 1rem;
	/*height:246px;*/
	}

.megachallenge-wrapper .col-wrapper .title {
	font-family : Grobold;
	margin      : 10px auto;
	text-align  : center;
	}

.megachallenge-wrapper .col-wrapper .megachallenge-col-content {
	background-color : white;
	width            : 320px;
	height           : 300px;
	margin           : 10px auto;
	text-align       : center;
	border-radius    : 10px;
	box-shadow       : 0 5px 5px 0 rgba(0, 0, 0, 0.70);
	box-sizing       : border-box;
	position         : relative;
	}

.megachallenge-wrapper .col-wrapper .megachallenge-col-content.content-gain[data-gain="first"] .text-cadeau {
	position    : absolute;
	bottom      : 40px;
	font-family : Grobold;
	width       : 100%;
	font-size   : 1.55rem;
	line-height : 1.55rem;
	}

.megachallenge-wrapper .col-wrapper .megachallenge-col-content.content-gain .list-cadeau {
	width      : 100%;
	padding    : 1em;
	box-sizing : border-box;
	text-align : left;
	height     : 270px;
	overflow   : auto;
	font-size  : 0.9em;
	}

.megachallenge-wrapper .col-wrapper .megachallenge-col-content.content-rank {
	padding     : 10px;
	text-align  : center;
	background  : url('//static.madwin.com/madwin/playbox/img/flashgame/home/img_classement.png') white center center no-repeat;
	font-size   : 1.2em;
	line-height : 1.2em;
	}

.megachallenge-wrapper .col-wrapper .megachallenge-col-content.content-rank .position {
	font-family : Grobold;
	font-size   : 1.8em;
	}

.megachallenge-wrapper .col-wrapper .megachallenge-col-content a.btn-en-savoir-plus {
	background-image    : url('//static.madwin.com/madwin/playbox/img/flashgame/home/btn_en_savoir_plus.png');
	background-repeat   : no-repeat;
	background-position : 0 0;
	display             : inline-block;
	width               : 152px;
	height              : 27px;
	font-family         : Grobold;
	color               : #323232;
	text-decoration     : none;
	white-space         : nowrap;
	font-size           : 0.9em;
	padding-top         : 0.2em;
	box-sizing          : border-box;
	position            : relative;
	user-select         : none;
	}

.megachallenge-wrapper .col-wrapper .megachallenge-col-content[data-gain="first"] a.btn-en-savoir-plus {
	top : -15px;
	}

.megachallenge-wrapper .col-wrapper .megachallenge-col-content a.btn-en-savoir-plus:hover {
	background-position : 0 -27px;
	color               : #6a6a6a;
	}

.game-list-wrapper {
	width      : 700px;
	margin     : auto;
	text-align : center;
	font-size  : 0;
	}

.game-list-wrapper .game-element {
	height    : 118px;
	display   : inline-block;
	margin    : 5px 0;
	font-size : 1rem;
	overflow  : hidden;
	position  : relative;
	}

.game-list-wrapper .game-element .description {
	position      : absolute;
	bottom        : -2rem;
	left          : 0;
	width         : 100%;
	/*background:rgba(0,0,0,0.75);*/
	color         : #ffffff;
	text-align    : left;
	padding       : 3px 5px;
	font-size     : 0.9rem;
	line-height   : 1em;
	overflow      : hidden;
	text-overflow : ellipsis;
	white-space   : nowrap;
	box-sizing    : border-box;
	transition    : all 0.2s linear;
	}

.game-list-wrapper .game-element .hover-content-wrapper:hover .description {
	bottom : 0rem;
	}

.game-list-wrapper .game-element-size-1 {
	width  : 700px;
	height : 180px;
	}

.game-list-wrapper .game-element-size-2 {
	width  : 346px;
	height : 151px;
	margin : 5px 2px;
	}

.game-list-wrapper .game-element-size-3 {
	width  : 228px;
	height : 120px;
	margin : 5px 2px;
	}

.game-list-wrapper .game-element > img {
	position         : relative;
	width            : 100%;
	display          : none;
	transition       : all 0.2s linear;
	transform-origin : left top;
	}

.game-list-wrapper .game-element:hover > img {
	filter : blur(2px);
	}

.game-list-wrapper .game-element-size-1 .img-pave-1 {
	display : block !important;
	}

.game-list-wrapper .game-element-size-2 .img-pave-2 {
	display : block !important;
	}

.game-list-wrapper .game-element-size-3 .img-pave-3 {
	display : block !important;
	}

.game-list-wrapper .game-element .hover-content-wrapper {
	position        : absolute;
	top             : 0;
	width           : 100%;
	left            : 0;
	height          : 100%;
	background      : rgba(0, 0, 0, 0.75);
	text-decoration : none;
	z-index         : 1;
	opacity         : 0;
	transition      : opacity 0.2s linear;
	}

.game-list-wrapper .game-element .hover-content-wrapper:hover {
	opacity : 1;
	}

.game-list-wrapper .game-element .hover-content-wrapper .btn-jouer {
	display          : inline-block;
	background-image : url('//static.madwin.com/madwin/playbox/img/flashgame/home/btn_jouer.png');
	width            : 122px;
	height           : 40px;
	vertical-align   : middle;
	line-height      : 40px;
	font-family      : Grobold;
	color            : #32312f;
	user-select      : none;
	text-transform   : capitalize;
	}

.game-list-wrapper .game-element .hover-content-wrapper .btn-jouer:hover {
	background-position : 0 -40px;
	}

.game-list-wrapper .game-element-size-1 .hover-content-wrapper {
	line-height : 180px;
	}

.game-list-wrapper .game-element-size-2 .hover-content-wrapper {
	line-height : 151px;
	}

.game-list-wrapper .game-element-size-3 .hover-content-wrapper {
	line-height : 120px;
	}

.game-list-wrapper .game-element .challenge-picto-area {
	width    : 58px;
	height   : 58px;
	position : absolute;
	z-index  : 2;
	right    : 0;
	top      : 0;
	}

.game-list-wrapper .game-element .challenge-picto-area:before {
	content       : '';
	width         : 0;
	height        : 0;
	border-top    : 29px solid rgba(0, 0, 0, 0.75);
	border-right  : 29px solid rgba(0, 0, 0, 0.75);
	border-left   : 29px solid transparent;
	border-bottom : 29px solid transparent;
	display       : block;
	position      : absolute;
	transition    : all 0.2s linear;
	overflow      : hidden;
	right         : 0;
	top           : 0;
	}

.game-list-wrapper .game-element .challenge-picto-area:after {
	content    : '';
	background : url('//static.madwin.com/madwin/playbox/img/flashgame/home/picto_megachallenge.png');
	width      : 27px;
	height     : 20px;
	display    : block;
	position   : absolute;
	right      : 5px;
	top        : 5px;
	}

i.challenge-picto-element {
	background      : url('//static.madwin.com/madwin/playbox/img/flashgame/home/picto_megachallenge.png') no-repeat center;
	background-size : contain;
	width           : 0px;
	height          : 0px;
	padding         : 0.6em;
	}

i.medaille-picto-element {
	background      : url('//static.madwin.com/madwin/playbox/img/flashgame/home/picto_medaille.png') no-repeat center;
	background-size : contain;
	width           : 0px;
	height          : 0px;
	padding         : 0.6em;
	}

/*
.game-list-wrapper .game-element .challenge-picto-area:hover:before {

}
*/

.game-list-wrapper .game-element-size-1 .challenge-picto-area:hover:before {

	border-top    : 600px solid rgba(0, 0, 0, 0.75);
	border-right  : 600px solid rgba(0, 0, 0, 0.75);
	border-left   : 600px solid transparent;
	border-bottom : 600px solid transparent;
	}

.game-list-wrapper .game-element-size-2 .challenge-picto-area:hover:before {
	border-top    : 500px solid rgba(0, 0, 0, 0.75);
	border-right  : 500px solid rgba(0, 0, 0, 0.75);
	border-left   : 500px solid transparent;
	border-bottom : 500px solid transparent;
	}

.game-list-wrapper .game-element-size-3 .challenge-picto-area:hover:before {
	border-top    : 400px solid rgba(0, 0, 0, 0.75);
	border-right  : 400px solid rgba(0, 0, 0, 0.75);
	border-left   : 400px solid transparent;
	border-bottom : 400px solid transparent;
	}

.game-list-wrapper .game-element .hover-content-challenge-wrapper {
	position   : absolute;
	right      : 0;
	top        : 0;
	opacity    : 0;
	color      : white;
	width      : 0;
	height     : 0;
	overflow   : hidden;
	transition : all 0.2s ease-in-out;
	padding    : 2rem 0.5em 0 0.5em;
	box-sizing : border-box;
	font-size  : 0.9em
	}

.game-list-wrapper .game-element .challenge-picto-area:hover .hover-content-challenge-wrapper {
	opacity : 1;
	}

.game-list-wrapper .game-element-size-1 .challenge-picto-area:hover .hover-content-challenge-wrapper {
	width  : 700px;
	height : 180px;
	}

.game-list-wrapper .game-element-size-2 .challenge-picto-area:hover .hover-content-challenge-wrapper {
	width  : 346px;
	height : 151px;
	}

.game-list-wrapper .game-element-size-3 .challenge-picto-area:hover .hover-content-challenge-wrapper {
	width  : 228px;
	height : 120px;
	}

.table-dotation--ranking {

	border-spacing  : 0;
	border-collapse : collapse;
	width           : 100%;
	table-layout    : fixed;
	border          : 2px solid #f4d972;
	border-radius   : 10px;
	}

.table-dotation--ranking td {
	width       : 50%;
	box-sizing  : border-box;
	padding     : 0.25em;
	font-size   : 0.9em;
	font-family : grobold;
	}

.table-dotation--ranking td:nth-child(even) {
	text-align : right;
	}

.table-dotation--ranking tr:first-child td {
	font-size   : 1em;
	font-weight : bold;
	}

.line-dotation--0 {
	background : #f4d972;
	}

.table-dotation--ranking tr:hover {
	background : #fe9314;
	color      : white;
	}

.chapter-boardpanel {
	margin   : 10px 0 0 0;
	height   : 4em;
	position : relative;
	padding  : 0.15em 0 0 0;
	}

.chapter-boardpanel img {
	width         : 4em;
	height        : 4em;
	position      : relative;
	border-radius : 100% 100% 100% 100%;
	border        : 2px solid black;
	overflow      : hidden;
	float         : left;
	display       : block;
	}

.chapter-boardpanel a {
	display         : block;
	background      : black;
	font-family     : grobold, serif;
	position        : absolute;
	right           : 0;
	top             : 16px;
	color           : #f8dc10;
	font-size       : 1.15em;
	width           : 80%;
	text-decoration : none;
	padding         : 0.25em;
	line-height     : 1em;
	height          : 1.75em;
	box-sizing      : border-box;
	border-radius   : 100px;
	overflow        : hidden;
	box-shadow      : 0 10px 5px -5px rgba(255, 255, 255, 0.5) inset;
	transition      : all 0.1s linear;
	z-index         : 2;
	white-space     : nowrap;
	text-transform  : capitalize;
	text-align      : center;
	}

.chapter-boardpanel a:hover {
	background : #f8dc10;
	color      : black;
	box-shadow : 0 -10px 5px -5px rgba(255, 255, 255, 0.5) inset, 0 10px 5px -5px rgba(0, 0, 0, 0.5) inset;
	}

.chapter-boardpanel > span {
	position      : absolute;
	z-index       : 1;
	/*bottom:-11px;*/
	border        : 1px solid black;
	border-radius : 0 0 5px 5px;
	width         : 70%;
	right         : 5%;
	padding-top   : 1.45em;
	top           : 37px;
	font-size     : 15px;
	text-align    : center;
	}

.challenge-list-wrapper {
	width      : 700px;
	margin     : auto;
	text-align : center;
	font-size  : 0;
	}

.challenge-list-wrapper .challenge-element {
	height          : 50px;
	width           : 100%;
	display         : inline-block;
	margin          : 5px 0;
	font-size       : 1rem;
	overflow        : hidden;
	position        : relative;
	border          : 1px solid black;
	text-decoration : none;
	background      : white;
	transition      : background 0.3s ease-in-out;
	}

.challenge-list-wrapper .challenge-element.terminate-true:not(.clicktodo-true) img.img-pave {
	filter : grayscale(1);
	}

.challenge-list-wrapper .challenge-element.terminate-true.clicktodo-false {
	opacity : 0.75;
	}

/*
	.challenge-list-wrapper .challenge-element.clicktodo-true img.img-pave {
		filter:grayscale(0.75);
	}
*/

.challenge-list-wrapper .challenge-element:hover {
	background : black;

	opacity    : 1 !important;
	}

.challenge-list-wrapper .challenge-element img.img-pave {
	top        : -1px;
	position   : absolute;
	display    : block;
	left       : -1px;
	width      : calc(100% + 2px);
	transition : top 0.5s ease-in-out, opacity 0.3s ease-in-out;
	opacity    : 1;
	}

.challenge-list-wrapper .challenge-element:hover img.img-pave {
	top     : -130px !important;
	opacity : 0.5;
	}

.challenge-list-wrapper .challenge-element .description {
	width       : 100%;
	height      : 100%;
	display     : block;
	position    : relative;
	font-family : Grobold;
	color       : white;
	font-size   : 1.3em;
	text-align  : left;
	text-shadow : 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 1px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
	box-sizing  : border-box;
	padding     : 0.45em 0 0 0.3em;

	}

.challenge-list-wrapper .challenge-element .description sup {
	font-size : 0.6em;
	}

.challenge-list-wrapper .challenge-element .clicktodo {
	width       : 100%;
	height      : 100%;
	display     : block;
	position    : absolute;
	text-align  : right;
	right       : 0;
	top         : 18px;
	font-family : Grobold;
	color       : white;
	font-size   : 1em;
	text-shadow : 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 1px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
	box-sizing  : border-box;
	padding     : 0.35em 0.3em 0 0;

	}

.challenge-list-wrapper .challenge-element .clicktodo b {
	display             : inline-block;
	background-image    : url('//static.madwin.com/madwin/playbox/img/challengev2/clic.png');
	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : auto 100%;
	font-size           : 0.75em;
	min-height          : 42px;
	min-width           : 35px;
	vertical-align      : middle;
	text-align          : center;
	line-height         : 37px;
	box-sizing          : border-box;
	}

.zone-detail-jeu > .zone-cost .zone-clicktodo {
	font-family : Grobold;
	font-size   : 1.3em;
	color       : white;
	text-shadow : 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 1px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
	padding     : 0.35em;
	}

.zone-detail-jeu > .zone-cost .zone-clicktodo a {
	text-decoration : none;
	color           : inherit;
	transition      : all 0.2s ease-in-out;
	}

.zone-detail-jeu > .zone-cost .zone-clicktodo a:hover {
	color       : #000000;
	text-shadow : 2px 0 0 #ffffff, -2px 0 0 #ffffff, 0 2px 0 #ffffff, 0 -2px 0 #ffffff, 1px 1px #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff;
	}

.zone-detail-jeu > .zone-cost .zone-clicktodo b {
	display             : inline-block;
	background-image    : url('//static.madwin.com/madwin/playbox/img/challengev2/clic.png');
	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : auto 100%;
	font-size           : 0.75em;
	min-height          : 42px;
	min-width           : 35px;
	vertical-align      : middle;
	text-align          : center;
	line-height         : 37px;
	box-sizing          : border-box;
	}

.title-flashgame-level-two[data-role="title-no-dreamcard"] + .challenge-area + .title-flashgame-level-two + .zone-detail-jeu > .zone-cost .button-cost {
	pointer-events : none;
	cursor         : not-allowed;
	filter         : grayscale(1);
	}

.challenge-sub-menu {
	width      : 700px;
	margin     : 10px auto;
	text-align : center;
	font-size  : 0;
	}

.challenge-sub-menu a {
	display         : inline-block;
	background      : #ea9e0a;
	color           : #000000;
	font-family     : Grobold;
	border          : 1px solid #959794;
	box-shadow      : 0 7px 2px -5px #ffff13 inset, 0 -7px 2px -5px #854903 inset, 5px 0 2px -5px #c17c07 inset, -5px 0 2px -5px #c17c07 inset;
	font-size       : 1.2rem;
	padding         : 0 0.5em 0.25em 0.5em;
	text-decoration : none;
	width           : 30%;
	box-sizing      : border-box;
	border-radius   : 3px;
	user-select     : none;
	text-transform  : capitalize;
	}

.challenge-sub-menu a.classement-classement,
.challenge-sub-menu a.grille-grille,
.challenge-sub-menu a.gagnant-gagnant,
.challenge-sub-menu a:hover {
	background : #f7cd77;
	color      : #ffffff;
	box-shadow : 0 7px 2px -5px #8d5f2b inset, 0 -7px 2px -5px #ffffff inset, 5px 0 2px -5px #c17c07 inset, -5px 0 2px -5px #c17c07 inset;
	cursor     : pointer;

	}

.challenge-sub-menu a.classement-classement:hover,
.challenge-sub-menu a.grille-grille:hover,
.challenge-sub-menu a.gagnant-gagnant:hover {
	cursor : default;
	}

.challenge-sub-menu a:not(:first-child) {
	margin-left : 5%;
	}

.zone-detail-jeu > .zone-cost {
	position   : absolute;
	width      : 100%;
	bottom     : 0;
	left       : 0;
	/*height:30%;*/
	background : rgba(0, 0, 0, 0.5);
	text-align : center;
	}

.zone-detail-jeu > .zone-cost > .button-cost,
.zone-detail-jeu > .zone-cost > span.button-cost-list {
	width       : 150px;
	height      : 59px;
	display     : inline-block;
	margin      : 10px;
	position    : relative;
	overflow    : hidden;
	user-select : none;
	top         : 0px;
	}

.zone-detail-jeu > .zone-cost > span.deconnecte {
	left : -112px;
	}

.zone-detail-jeu > .zone-cost > span.button-cost-list .button-cost-wrapper {
	position    : absolute;
	/*width:100%;
	height:100%;*/
	display     : block;
	bottom      : 0;
	font-size   : 0;
	line-height : 0;
	}

.zone-detail-jeu > .zone-cost > span.button-cost-list:hover {
	overflow : visible;
	}

.zone-detail-jeu > .zone-cost > span.button-cost-list:hover .button-cost-wrapper {
	height : auto;
	}

.zone-detail-jeu > .zone-cost .button-cost {
	display         : inline-block;
	width           : 150px;
	height          : 59px;
	font-family     : Grobold;
	text-decoration : none;
	color           : #343031;
	font-size       : 0.8rem;
	line-height     : 1rem;
	overflow        : hidden;
	transition      : color 0.1s linear, opacity 0.1s linear, margin 0.1s linear;
	box-sizing      : border-box;
	padding-top     : 5px;
	}


.zone-cost-responsive > span.button-cost-list:hover .button-cost-wrapper > .button-cost {
	display : block;
	}

.zone-cost-responsive > span.button-cost-list .button-cost-wrapper > .button-cost:not(:last-child) {
	opacity : 0;
	}

.zone-cost-responsive > span.button-cost-list:hover .button-cost-wrapper > .button-cost:not(:last-child) {
	margin-bottom : 10px;
	opacity       : 1;
	}

.zone-cost-responsive a.button-cost:hover {
	background-position : 0 -59px;
	color               : #0f0e0e;
	}

.zone-cost-responsive .button-cost sub {
	font-size   : 0.85em;
	line-height : 0.85em;
	display     : inline-block;
	}

.zone-cost-responsive .button-cost-list:hover .button-cost sub {
	display : none;
	}

.zone-cost-responsive .button-cost > span {
	line-height : 0.75em;
	display     : block;
	white-space : nowrap;
	text-align  : center;
	width       : auto;
	}

.zone-cost-responsive .button-cost > span > span {
	
	font-size      : 1.5em;
	
	text-align     : center;
	display        : inline-block;
	padding-left   : 5px;
	vertical-align : middle;
	text-transform : capitalize;
	display        : none;
	}

.zone-cost-responsive .button-cost .icon-cost {
	width               : 27px;
	height              : 27px;
	display             : inline-block;
	background-repeat   : no-repeat;
	background-position : center center;
	vertical-align      : text-bottom;
	}

.zone-cost-responsive .button-cost-other:hover {
	color : white;
	}

.zone-cost-responsive .button-cost {
	display         : inline-block;
	width           : 19vw;
	height          : 11vw;
	font-family     : Grobold;
	text-decoration : none;
	color           : #343031;
	font-size       : 4vw;
	line-height     : 4vw;
	overflow        : hidden;
	transition      : color 0.1s linear, opacity 0.1s linear, margin 0.1s linear;
	box-sizing      : border-box;
	padding-top     : 1vw;
	}

.zone-cost-responsive .button-cost-1 {
	background-image : none;
	background-color : #fac03a;
	border-radius    : 12px;
	}

.zone-cost-responsive .button-cost-4 {
	background-image : none;
	background-color : green;
	border-radius    : 12px;
	}

.zone-cost-responsive .button-cost-6 {
	background-image : none;
	background-color : #f36e85;
	border-radius    : 12px;
	}

.zone-cost-responsive .button-cost-6 img {
	display : none;
	}

.zone-cost-responsive .deconnecte .button-cost-6 {
	width : 40vw !important;
	}

.zone-cost-responsive .button-cost-7 {
	background-image : none;
	background-color : #fac03a;
	border-radius    : 12px;
	padding-top      : 0vw;
	}

.zone-cost-responsive .button-cost-other {
	background-image : none;
	background-color : #a9a6a6;
	border-radius    : 12px;
	padding-top      : unset;
	}

.zone-cost-responsive .jeu_description {
	text-align  : left;
	padding     : 2px 10px;
	color       : white;
	font-size   : 0.9rem;
	font-family : grobold;
	}

.zone-cost-responsive .button-2018-link {
	display         : block;
	position        : absolute;
	background      : #d20a23;
	bottom          : 32px;
	font-size       : 0.85em;
	font-family     : grobold;
	padding         : 0.45em 1.5em;
	width           : 200px;
	text-align      : center;
	color           : white;
	text-decoration : none;
	z-index         : 1;
	/*text-shadow:1px 1px 3px rgba(0,0,0,0.70);*/
	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;
	text-transform  : capitalize;
	}

.zone-cost-responsive .button-2018-link: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;
	}

.zone-cost-responsive .button-2018-link:hover:before {
	width : 100%;
	}

.zone-cost-responsive .zone-clicktodo {
	font-family : Grobold;
	font-size   : 1.3em;
	color       : white;
	text-shadow : 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 1px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
	padding     : 0.35em;
	}

.zone-cost-responsive .zone-clicktodo a {
	text-decoration : none;
	color           : inherit;
	transition      : all 0.2s ease-in-out;
	}

.zone-cost-responsive .zone-clicktodo a:hover {
	color       : #000000;
	text-shadow : 2px 0 0 #ffffff, -2px 0 0 #ffffff, 0 2px 0 #ffffff, 0 -2px 0 #ffffff, 1px 1px #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff;
	}

.zone-cost-responsive .zone-clicktodo b {
	display             : inline-block;
	background-image    : url('//static.madwin.com/madwin/playbox/img/challengev2/clic.png');
	background-position : center center;
	background-repeat   : no-repeat;
	background-size     : auto 100%;
	font-size           : 0.75em;
	min-height          : 42px;
	min-width           : 35px;
	vertical-align      : middle;
	text-align          : center;
	line-height         : 37px;
	box-sizing          : border-box;
	}

.title-flashgame-level-two[data-role="title-no-dreamcard"] + .challenge-area + .title-flashgame-level-two + .zone-cost-responsive .button-cost {
	pointer-events : none;
	cursor         : not-allowed;
	filter         : grayscale(1);
	}

.zone-cost-responsive {
	position      : relative;
	width         : 98%;
	margin-left   : 1vw;
	text-align    : center;
	border-radius : 12px;
	height        : 4vw;
	margin-top    : 10vw;
	display       : none;
	}

.zone-cost-responsive > .button-cost,
.zone-cost-responsive > span.button-cost-list {
	width       : 19vw;
	height      : 11vw;
	display     : inline-block;
	margin      : 1vw;
	position    : relative;
	overflow    : hidden;
	user-select : none;
	margin-top  : -9vw;
	}

.zone-cost-responsive > span.deconnecte {
	width : 40vw;
	}

.zone-cost-responsive > span.button-cost-list .button-cost-wrapper {
	position    : absolute;
	/*width:100%;
	height:100%;*/
	display     : block;
	bottom      : 0;
	font-size   : 0;
	line-height : 0;
	}

.zone-cost-responsive > span.button-cost-list:hover {
	overflow : visible;
	}

.zone-cost-responsive > span.button-cost-list:hover .button-cost-wrapper {
	height : auto;
	}


.fin-flash span {
    background-color: #e24f4f;
    border-radius: 2%;
    border-style: double;
    border-width: 6px;
    left: 0%;
    margin-left: 12px;
    position: relative;
    width: 97%;
    display: inline-block;
    margin-bottom: 1%;
    margin-top: 1%;
}

/**
___RESPONSIVE
**/

@media screen and (max-width : 992px) {

	#zone_gauche {
		width     : 100%;
		font-size : 4vw;
		}

	#zone_droite_jeu {
		display : none;
		}

	#zone_droite {
		display : none;
		}

	div.game-list-wrapper {
		width      : 100%;
		text-align : left;
		}

	.game-list-wrapper .game-element .hover-content-wrapper {
		text-align : center;
		}

	div.zone-category-anchor {
		display : none;
		}

	.game-list-wrapper .game-element-size-1 {
		width  : 100%;
		height : auto
		}

	.game-list-wrapper .game-element-size-2 {
		width  : 48.7%;
		height : auto;

		}

	.game-list-wrapper .game-element-size-3 {
		width  : 28%;
		height : auto;
		}

	.zone-detail-jeu {
		width         : 98%;
		height        : 50vw;
		margin-left   : 1vw;
		margin-bottom : 1vw;
		position      : relative;
		}

	.zone-detail-jeu > .zone-cost {
		display : none;
		}

	#flashgame_container .challenge-area {
		width         : 98%;
		margin-left   : 1vw;
		margin-bottom : 1vw;
		margin-top    : 1vw;
		}

	#lancer_jeu_texte {
		display : none;
		}

	.zone-detail-jeu > .zone-cost .jeu_description {
		font-size : 1.6vw;
		}

	#text_challenge_secondary {
		display : none;
		}

	#text-megachallenge-secondary {
		display : none;
		}

	#flashgame_container .title-flashgame-level-two {
		width   : 100%;
		display : none;
		}

	#flashgame_container .title-flashgame-level-three {
		display : none;
		}

	.challenge-list-wrapper {
		width : 98%;
		}

	.megachallenge-wrapper {
		width   : 100%;
		height  : 57vw;
		padding : 0.5vw 0;
		}

	.megachallenge-wrapper .col-wrapper {
		width  : 48%;
		margin : 0.5%;
		}

	.megachallenge-wrapper .col-wrapper .megachallenge-col-content {
		width : 100%;
		}

	.megachallenge-wrapper .col-wrapper .megachallenge-col-content.content-gain[data-gain="first"] .text-cadeau {
		bottom      : 2vw;
		font-size   : 2vw;
		line-height : 2vw;
		}

	.zone-cost-responsive {
		display : inline-block;
		}

	.megachallenge-wrapper .mega-challenge-detail-link {
		font-size : 4vw;
		}

	#zone_flash {
		margin-left   : 0px;
		margin-bottom : 40px;
		}

	.titre_jeu_flash {
		display : none;
		}

	.zone-jeu-h5 {
		width : 100%;
		}

	#pub_jeu {
		display : none !important;
		}

	#zone_gauche_elargi {
		width : 100%;
		}

	.challenge-area > .challenge-title {
		font-size : 4vw;
		}

	.challenge-area > .explication {
		font-size : 3vw;
		}

	.challenge-area .ranking-tab-list {
		font-size : 4vw;
		}

	.game-list-wrapper .game-element .description {
		font-size     : 2.8vw;
		line-height   : 2.5vw;
		bottom        : unset;
		padding       : 0.5vw 1vw;
		overflow      : unset;
		text-overflow : unset;
		white-space   : unset;
		display       : none;
		}

	.game-list-wrapper .game-element .hover-content-challenge-wrapper {
		display : none;
		}

	#description-small-flashgame {
		font-size  : 3vw !important;
		text-align : center;
		}

	.game-list-wrapper .game-element .hover-content-wrapper .btn-jouer {
		background-image : none;
		width            : 30vw;
		height           : 5vw;
		font-size        : 5vw;
		background-color : #f69802;
		border-radius    : 12px;
		margin-top       : 2vw;
		padding          : 2vw;
		line-height      : 5vw;
		}

	.challenge-area .ranking-rank-element > div, .challenge-area .ranking-rank-element .pseudo, .challenge-area .ranking-rank-element .score {
		font-size   : 3vw;
		line-height : 3vw;
		}

	.challenge-area .ranking-rank-element .score {
		width : 20%;
		}

	.challenge-area .ranking-rank-element {
		font-size : 4vw;
		}

	.button-cost-help {
		font-size   : 2vw !important;
		line-height : 2vw !important;
		}

	#type-jhy-3 {
		display : none;
		}

	#new-games {
		display : none;
		}

	.challenge-area .ranking-rank-element .rank {
		width         : 11%;
		padding-right : 1vw;
		}

	.challenge-area .ranking-rank-element .avatar {
		width : 21% !important;
		}

	.challenge-area .ranking-rank-element:not(.rke-header) .avatar {
		height : 10vw;
		width  : 10vw;
		}

	.challenge-area .ranking-rank-element .pseudo {
		width         : 34%;
		padding-left  : unset;
		overflow      : hidden;
		white-space   : nowrap;
		text-overflow : ellipsis;
		height        : unset;
		}

	.challenge-area .ranking-rank-element .score-text {
		width         : 25%;
		padding-right : unset;
		text-align    : left;
		}

	.megachallenge-wrapper .col-wrapper .megachallenge-col-content.content-rank {
		font-size   : 3vw;
		line-height : 4vw;
		padding     : 1vw;
		}

	.megachallenge-wrapper .mega-challenge-detail-link:after {
		display : none;
		}

	.megachallenge-wrapper .col-wrapper .megachallenge-col-content[data-gain="first"] a.btn-en-savoir-plus {
		top : -1vw;
		}

	.megachallenge-wrapper .col-wrapper .megachallenge-col-content a.btn-en-savoir-plus {
		background-image : none;
		width            : 39vw;
		height           : 6vw;
		font-size        : 4vw;
		padding-top      : 2vw;
		background-color : #fac03a;
		border-radius    : 12px;
		}

	.game-list-wrapper .game-element .challenge-picto-area:before {
		display : none;
		}

	.megachallenge-wrapper .col-wrapper {
		font-size   : 4vw;
		line-height : 4vw;
		}

	.challenge-list-wrapper .challenge-element {
		height    : 9vw;
		font-size : 3vw;
		margin    : 0.5vw 0;
		}

	.challenge-list-wrapper .challenge-element .description {
		font-size : 3.5vw;
		padding   : 0.45vw 0 0 0.3vw;
		}

	.challenge-list-wrapper .challenge-element .description sup {
		font-size : 1.9vw;
		}

	.challenge-list-wrapper .challenge-element .clicktodo {
		top       : 3vw;
		font-size : 3vw;
		padding   : 0.35vw 0.3vw 0 0;
		}

	.challenge-sub-menu a {
		font-size : 3vw;
		padding   : 0 0.5vw 0.25vw 0.5vw;
		}

	.zone-detail-jeu > img.background {
		height : 50vw !important;
		}

	.grille-challenge {
		width   : 100% !important;
		padding : 0.5vw !important;
		margin  : 1vw auto !important;
		}

	.challenge-sub-menu {
		width  : 100%;
		margin : 1vw auto;
		}

	.challenge-modal {
		width       : 50vw !important;
		left        : 25% !important;
		margin-left : unset !important;
		height      : auto !important;
		padding     : 2vw !important;
		font-size   : 4vw !important;
		}

	.challenge-area .ranking-explication {
		padding   : 0.5vw;
		font-size : 3vw;
		}

	.error-ranking-empty {
		font-size : 3vw;
		padding   : 1vw;
		}

	.megachallenge-wrapper .col-wrapper .megachallenge-col-content {
		height : 38vw;
		margin : 1vw auto;
		}

	.megachallenge-wrapper .col-wrapper .megachallenge-col-content.content-rank .position {
		font-size : 6vw;
		}

	.megachallenge-wrapper .col-wrapper .megachallenge-col-content.content-gain .list-cadeau {
		padding   : 1vw;
		height    : 31vw;
		font-size : 3vw;
		}

	.megachallenge-col-content > img {
		height : 20vw !important;
		width  : 20vw !important;
		}

	.megachallenge-wrapper .col-wrapper .title {
		margin : 1vw auto;
		}

	.game-list-wrapper .game-element-size-2 .hover-content-wrapper {
		line-height : 20vw;
		}

	.game-list-wrapper .game-element-size-3 .hover-content-wrapper {
		line-height : 15vw;
		}

	.game-list-wrapper .game-element-size-1 .hover-content-wrapper {
		line-height : 25vw;
		}

	.challenge-area > .challenge-title span {
		font-size   : 3vw;
		line-height : 2.5vw;
		margin-top  : 2vw;
		}
	}

/**
___FIN RESPONSIVE
**/