@font-face{ 
	font-family: 'earwing';
	src: url('//static.wonderz.com/wonderz/playbox/font/EarwingFactory/earwigfactory.ttf') format('truetype');
}



.nga_popup_evenement.grande{
	position: fixed;
	left: 38%;
	top: 12%;
	text-align: center;
	overflow: hidden;
	z-index: 19;
}
.nga_popup_evenement.grande .titre{
	position: absolute;
	bottom: 34px;
	left: 166px;
	font-size: 24px;
	font-family: grobold;
	width: 224px;
	text-align: center;
}
.nga_popup_evenement.grande .haut_popup{
	background-repeat:no-repeat;
	width: 558px;
	height: 296px;
	position: relative;
}
.nga_popup_evenement.grande .corps{	  
	background-repeat:repeat-y;
	width: 558px;
	height: 228px;
	font-family: grobold;
	font-size: 16px;
	color: rgb(42, 27, 102);
	overflow: scroll;
	padding-left: 18px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow-x: hidden;
	font-variant: small-caps;
}
.nga_popup_evenement.grande .corps .regles{	  
	color: #FFFFFF;
}
.nga_popup_evenement.grande .bas_popup{
	background-repeat:no-repeat;
	width: 587px;
	height: 102px;
	padding: 1px;
	margin-left: -15px;
}
.nga_popup_evenement.petite{
	position: fixed;
	left: 38%;
	top: 12%;
	text-align: center;
	overflow: hidden;
	z-index: 19;
}
.nga_popup_evenement.petite .titre{
	position: absolute;
	bottom: 34px;
	left: 180px;
	font-size: 24px;
	font-family: grobold;
	width: 204px;
	text-align: center;
}
.nga_popup_evenement.petite .haut_popup{
	background-repeat:no-repeat;
	width: 542px;
	height: 246px;
	position: relative;
}
.nga_popup_evenement.petite .corps{
	background-repeat:repeat-y;
	width: 542px;
	min-height: 228px;
	font-family: grobold;
	color: rgb(232, 228, 221);
	font-size: 23px;
	font-variant: small-caps;
	padding: 0 10px;
	box-sizing: border-box;
}
.nga_popup_evenement.petite .bas_popup{
	background-repeat:no-repeat;
	width: 542px;
	height: 102px;
	padding: 1px;
}


.nga_popup_evenement.petite .corps .text_gain_font_face {
	font-size:2em;
	}



	
.nga_popup_evenement.petite .contenu .bouton, 
.nga_popup_evenement .bas_popup .bouton{
	background-repeat:repeat-x;
	width: 155px;
	height: 54px;
	margin: auto;
	margin-top: 34px;
	position: relative;
	font-family: grobold;
	font-size: 27px;
	line-height: 54px;
	color: #194C07;
	cursor: pointer;
	margin-left:185px;
}

.nga_popup_evenement.petite .contenu .bouton {
	  text-decoration: none;
	  /*padding-bottom: 11px;*/
	  position: relative;
	  margin:5px auto;
	  display:inline-block;
	  width:auto;
	}

.nga_popup_evenement.petite .contenu .bouton,
.nga_popup_evenement.petite .bas_popup .bouton{
	margin-top: 23px;
}
.nga_popup_evenement.petite .contenu .bouton:before, 
.nga_popup_evenement .bas_popup .bouton:before{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	left: -16px;
	content: "";
	width: 16px;
	height: 54px;
	top:0;
}
.nga_popup_evenement.petite .contenu .bouton:after,
.nga_popup_evenement .bas_popup .bouton:after{
	background-repeat: no-repeat;
	background-position: -16px 0px;
	position: absolute;
	right: -16px;
	content: "";
	width: 16px;
	height: 54px;
	top:0;
}
.nga_popup_evenement.petite .contenu .bouton:hover, 
.nga_popup_evenement .bas_popup .bouton:hover{
	background-position: 0px -54px;
}
.nga_popup_evenement.petite .contenu .bouton:hover:before,
.nga_popup_evenement .bas_popup .bouton:hover:before{
	background-position: 0px -54px;
}
.nga_popup_evenement.petite .contenu .bouton:hover:after,
.nga_popup_evenement .bas_popup .bouton:hover:after{
	background-position: -16px -54px;
}
.nga_popup_evenement.petite .contenu .bouton:active,
.nga_popup_evenement .bas_popup .bouton:active{
	background-position: 0px -108px;
}
.nga_popup_evenement.petite .contenu .bouton:active:before,
.nga_popup_evenement .bas_popup .bouton:active:before{
	background-position: 0px -108px;
}
.nga_popup_evenement.petite .contenu .bouton:active:after,
.nga_popup_evenement .bas_popup .bouton:active:after{
	background-position: -16px -108px;
}

.nga_popup_evenement .corps .titre_mission_reussie{
	  font-size: 20px;
	  margin-bottom: 40px;
	  font-variant: small-caps;
	  font-family: grobold;
}
.nga_popup_evenement .corps .texte_mission_reussie .icone{

}
.nga_popup_evenement .corps .texte_mission_reussie .mot_important{
	color: #34EB37;
}
.nga_popup_evenement .corps .mot_decouvert_mission_reussie{
	font-family: earwing;
	color: #076B2F;
	font-size: 48px;
	width: 529px;
	height: 207px;
	padding: 1px;
	position: relative;
}
.nga_popup_evenement .corps .mot_decouvert_mission_reussie .mot_indice{
	background-color: #D9D9D9;
	padding: 11px;
	height: 62px;
	display: inline-block;
	border-radius: 10px;
	margin: 0 auto;
	margin-top: 69px;
	line-height: 34px;
	font-size: 72px;
}


.nigmad_photo{
	width: 7em;
	height: 7em;
}
.cache_nigmad{
	background: #000;
	opacity: 0.8;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 16;
}
.nga_popup_evenement -webkit-scrollbar{
width:16px;
background-color:#cccccc;
} 

.nga_popup_evenement .gain_font_face {
	font-family:grobold;
	font-size:3em;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;

	}
	
	


.nga_popup_evenement .list .description_mission{
	position: relative;
	margin-bottom: 17px;
	margin-top: 3px;
	margin-left: 10px;
	text-align: left;
	width: 495px;
	display: inline-block;
}

.nga_popup_evenement .list .photo{
	width: 58px;
	height: 58px;
	border-radius: 32px;
	border: 2px;
	border-style: solid;
	border-color: #24C9E9;
	display: inline-block;
	position: absolute;
	top: -6px;
	left: -3px;
	z-index: 2;
}
.nga_popup_evenement .list .description_shared{
	display: inline-block;
	vertical-align: top;
	width: 376px;
	border-style: solid;
	border-width: 2px;
	border-radius: 7px;
	margin-left: 33px;
	border-color: #003600;
	text-align: left;
	background-color: white;
	color:black;
}
.nga_popup_evenement .list .pseudo_shared{
	font-family: grobold;
	font-size: 15px;
	margin-left: 36px;
}
.nga_popup_evenement .list .date_shared{
	font-size: 13px;
	margin-left: 36px;
	font-style: italic;
}
.nga_popup_evenement .list .date_shared_end{
	font-size: 12px;
	margin-left: 36px;
	color: red;
}
.nga_popup_evenement .list .conteneur_boutons_reponse_shared {
	display: inline-block;
	width: 50px;
	vertical-align: top;
}
.nga_popup_evenement .list .conteneur_boutons_reponse_shared .bouton_valider_shared{
	position: relative;
	width: 66px;
	cursor: pointer;
	height: 30px;
	text-align: center;
	line-height: 31px;
	font-family: grobold;
	font-size: 17px;
	color: #155604;
}  

.nga_popup_evenement .list .conteneur_boutons_reponse_shared .bouton_valider_shared:hover{
	color:#9CF97B;
	}

.nga_popup_evenement .list .conteneur_boutons_reponse_shared .bouton_refuser_shared{
	font-size: 14px;
	cursor: pointer;
	text-align: center;
	width: 64px;
	text-decoration: underline;
	margin-top: 0px;
	line-height: 13px;

}


.nga_popup_evenement .list .description_mission.en_cours .photo{
	border-color: #D1A909;
}

.nga_popup_evenement .list .description_mission.en_cours .resume_recompense{
	background-color: #FBF4A3;
	border-color: #D1A909;
}

.nga_popup_evenement .list .description_mission.en_cours .resume_recompense {
	display: inline-block;
	width: 365px;
	min-height: 60px;
	border-style: solid;
	border-width: 3px;
	position: relative;
	z-index: 1;
	margin-left: 40px;
	border-radius: 8px;
}

.nga_popup_evenement .list .description_mission.en_cours .resume_recompense .resume_mission{
	margin-left: 24px;
	color: black;
}

.nga_popup_evenement .list .indice_gagne{
	margin-bottom: 3px;
	font-size: 12px;
	font-family: tahoma;
	font-variant : normal;
}
.nga_popup_evenement .list .indice_gagne i.fa{ 
	margin-left:5px;
}
.nga_popup_evenement .list .description_mission .ligne_1{
	font-size:0.5em;
}
.nga_popup_evenement .list .description_mission .ligne_2{
	font-size: 15px;
	font-family: grobold;
	font-variant: small-caps;
	line-height: 20px;
}

.nga_popup_evenement .contenu {
	font-family:tahoma;
	font-size:16px;
	width: 80%;
	margin: auto;
	background-color: rgba(255,255,255,0.2);
	border-radius: 10px;
	position: relative;
}

.nga_popup_evenement .contenu .zone_form_inscription #loading_form_light {
	position: absolute;
	top: 0;
	background-color: rgba(255,255,255,0.8);
	background-position:center center;
	background-repeat:no-repeat;
	background-image: url('//static.wonderz.com/wonderz/playbox/img/julienriddle/2025_07/popup/loader_jaune_2.gif');
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	}
	
.nga_popup_evenement .contenu .zone_form_inscription {
	position:relative;
	}
	
.nga_popup_evenement .contenu label, 
.nga_popup_evenement .contenu input, 
.nga_popup_evenement .contenu select  {
	display:inline-block;
	width:35%;
	margin:5px;
	}
	
.nga_popup_evenement .contenu label {
	width:35%;
	text-align:left;
	}


.nga_popup_evenement.grande .haut_popup{
	background-image: url(//static.wonderz.com/wonderz/playbox/img/julienriddle/2025_07/popup/popup_regles_dotation/haut.png?v=41) ;
}
.nga_popup_evenement.grande .corps{
	background-image: url(//static.wonderz.com/wonderz/playbox/img/julienriddle/2025_07/popup/popup_regles_dotation/px.png?v=41) ;
	color : #000000 !important;
}
.nga_popup_evenement.grande .bas_popup{
	background-image: url(//static.wonderz.com/wonderz/playbox/img/julienriddle/2025_07/popup/popup_regles_dotation/bas.png?v=41);

}

.nga_popup_evenement.petite .haut_popup{
	background-image: url(//static.wonderz.com/wonderz/playbox/img/julienriddle/2025_07/popup/popup_trouver_icone/haut.png?v=41);

}
.nga_popup_evenement.petite .corps{
	background-image: url(//static.wonderz.com/wonderz/playbox/img/julienriddle/2025_07/popup/popup_trouver_icone/px.png?v=41);
	color : #000000 !important;
}
.nga_popup_evenement.petite .bas_popup{
	background-image: url(//static.wonderz.com/wonderz/playbox/img/julienriddle/2025_07/popup/popup_trouver_icone/bas.png?v=41);
}


.nga_popup_evenement.petite .contenu .bouton,
.nga_popup_evenement .bas_popup .bouton{
	background-image: url(//static.wonderz.com/wonderz/playbox/img/julienriddle/2025_07/popup/btn_fermer_px.png?v=41) ;
	color : #000000 !important;
}
.nga_popup_evenement.petite .contenu .bouton:before,
.nga_popup_evenement .bas_popup .bouton:before{
	background-image: url(//static.wonderz.com/wonderz/playbox/img/julienriddle/2025_07/popup/btn_fermer.png?v=41);
}
.nga_popup_evenement.petite .contenu .bouton:after,
.nga_popup_evenement .bas_popup .bouton:after{
	background-image: url(//static.wonderz.com/wonderz/playbox/img/julienriddle/2025_07/popup/btn_fermer.png?v=41);
}

.nga_popup_evenement .btn-default-website {
    top : -13px;
}

	



/**
___RESPONSIVE
**/

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

.nga_popup_evenement.petite {
    left: unset !important;
    top: 12% !important;
        width: 96% !important;
        margin-left: 2vw;
}


.nga_popup_evenement.petite .haut_popup {
    background-image:none !important;
    width: 100% !important;
    height: 17vw !important;
}

.nga_popup_evenement.petite .titre {
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    font-size: 5vw !important;
    width: 100% !important;
}


.nga_popup_evenement.petite .corps {
    background-image: none !important;
    background-color: antiquewhite !important;
    border-radius: 12px 12px 0px 0px !important;
    width: 100% !important;
    min-height: unset !important;
        font-size: 5vw !important;
    }

    .nga_popup_evenement .list {
        max-height: unset !important;
        overflow: scroll !important;
        width: 100% !important;
        overflow-x: hidden !important;
}

.nga_popup_evenement.petite .corps .text_gain_font_face {
    font-size: 6vw !important;
}

    .nga_popup_evenement .list .description_mission {
        margin-bottom: 3vw;
        margin-top: 1vw;
        margin-left: unset;
        text-align: center;
        width: 100%;
    }

    .nga_popup_evenement .list .description_shared {
        width: 79%;
        margin-left: unset;
    }


    .nga_popup_evenement .list .photo {
        width: 10vw;
        height: 10vw;
        top: unset;
        left: unset;
        margin-left: -4vw;
        margin-top: 1vw;
    }

    .nga_popup_evenement .list .pseudo_shared {
        font-size: 4vw;
        margin-left: 11vw;
    }

    .nga_popup_evenement .list .date_shared {
        font-size: 3vw;
        margin-left: 11vw;
    }

    .nga_popup_evenement .list .date_shared_end {
        font-size: 3vw;
        margin-left: 6vw;
    }

    .nga_popup_evenement .list .conteneur_boutons_reponse_shared {
        width: 10%;
    }

    .nga_popup_evenement .list .conteneur_boutons_reponse_shared .bouton_valider_shared {
        width: 100%;
        height: 10vw;
        line-height: 7vw;
        font-size: 5vw;
    }

    .nga_popup_evenement .list .conteneur_boutons_reponse_shared .bouton_refuser_shared {
        font-size: 3vw;
        width: 100%;
        line-height: 3vw;
    }


.nga_popup_evenement.petite .bas_popup {
    background-image: none !important;
    background-color: #faebd7 !important;
    width: 100% !important;
    height: auto !important;
    padding: unset !important;
    top: -2.5vw !important;
    bottom: unset !important;
    margin: unset !important;
    padding: unset !important;
    border-radius: 0px 0px 12px 12px !important;
    position: relative !important;
}

.nga_popup_evenement.petite .contenu .bouton {
    width: 50% !important;
    height: 5.8vw !important;
    margin: auto !important;
    margin-top: 2vw !important;
    position: relative !important;
    font-size: 4vw !important;
    line-height: unset !important;
    margin-left: 14vw !important;
}


.nga_popup_evenement .bas_popup .bouton {
    width: 50% !important;
    margin: auto !important;
    margin-top: 2vw !important;
    position: relative !important;
    font-size: 4vw !important;
    line-height: unset !important;
        margin-left: 25% !important;
    top: 2vw;
}


.nga_popup_evenement.grande {
    left: 16%;
    top: 19%;
    text-align: center;
    width: 70%;
}

.nga_popup_evenement.grande .haut_popup {
    background-image: none;
    background-color: #9e4e07;
    border-radius: 12px 12px 0px 0px;
    width: 100%;
    height: 11vw;
    position: relative;
}

.nga_popup_evenement.grande .titre {
    position: relative;
    bottom: unset;
    left: unset;
    font-size: 6vw;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

nga_popup_evenement.grande .corps {
    background-image: none;
    background-color: #9e4e07;
    width: 100%;
    height: 61vw;
    font-size: 3vw;
    padding-left: unset;
}

.nga_popup_evenement.grande .bas_popup {
    background-image: none;
    background-color: #9e4e07;
    border-radius: 0px 0px 12px 12px;
    width: 100%;
    height: 10vw;
    padding: unset;
    margin-left: unset;
    top: -2vw;
    position: relative;
}


.nga_popup_evenement.grande .corps {
    background-image: none;
    color: #000000 !important;
    width: 100%;
    height: 50vw;
    font-size: 4vw;
    padding-left: unset;
    background-color: #9e4e07;
}

    .nga_popup_evenement .corps .titre_mission_reussie {
        font-size: 4vw;
        margin-bottom: 2vw;
        }

    .nga_popup_evenement .corps .mot_decouvert_mission_reussie {
        font-size: 8vw;
        width: 100%;
        height: auto;
        padding: 1vw;
    }

    .nga_popup_evenement .corps .mot_decouvert_mission_reussie .mot_indice {
        padding: 2vw;
        height: auto;
        margin-top: 7vw;
        line-height: 21vw;
        font-size: 21vw;
    }

.nga_popup_evenement .list .description_mission.en_cours .resume_recompense {
    width: 95%;
    min-height: auto;
    margin-left: unset;
}

.nga_popup_evenement .list .description_mission.en_cours .resume_recompense .resume_mission {
    margin-left: unset;
}

.nga_popup_evenement .list .indice_gagne {
    margin-bottom: 2vw;
    font-size: 5vw;
}

.nga_popup_evenement .list .description_mission .ligne_1 {
    font-size: 5vw;
}

.nga_popup_evenement .list .description_mission .ligne_2 {
    font-size: 4vw;
    line-height: 4vw;
    }


    .nga_popup_evenement.petite .contenu .bouton:after, .nga_popup_evenement .bas_popup .bouton:after {
        display: none;
    }

    .nga_popup_evenement.petite .contenu .bouton:before, .nga_popup_evenement .bas_popup .bouton:before {
        display: none;
    }

    .nga_popup_evenement.petite .contenu .bouton, .nga_popup_evenement .bas_popup .bouton {
        background-image: none;
        background-color: #99f090;
        height: auto;
}

}