body {
    height:100% !important;

}

.image_lot_decor {
  z-index: 0;
  position: relative;
}

#cache_mdj {
	position:fixed;
	z-index:11;
	width:100%;
	height:100%;
	display:none;
	top:0;
	left:0;
	}
#cache_mdj .fond {
	background-color:black;
	opacity:0.70;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:11;
	}
#cache_mdj .loader {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/loader.gif');
	background-position:center center;
	background-repeat:no-repeat;
	z-index:9;
	}
#popup_mdj {
	position:fixed;
	z-index:15;
	top:50%;
	/*top:70%;*/
	left:50%;
	display:none;
	overflow:hidden;
	/*color:black;*/
	margin-left:-221px;
	}



#popup_mdj a.btn_refuser,
#popup_mdj a.btn_accepter,
#popup_mdj a.btn_qod,
#popup_mdj a.btn_valider,
#popup_mdj a.btn_encaisser {
    position:relative;
	display:inline-block;
    padding:0.25em;
    background:rgba(0,0,0,0.2);
    color:white;
    font-family: Verdana;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: 0 2px 3px #000;
    text-decoration: none;
    font-size:14px;
    font-weight: bold;
	}
#popup_mdj a.btn_refuser:before {
    content:'verweigern';
}
#popup_mdj a.btn_accepter:before {
    content:'akzeptieren';
}
#popup_mdj a.btn_qod:before {
    content:'Beenden\000020oder\000020Verdoppeln';
}
#popup_mdj a.btn_valider:before {
    content:'Validieren';
}
#popup_mdj a.btn_encaisser:before {
    content:'Bargeld';
}

#popup_mdj a.btn_refuser:hover,
#popup_mdj a.btn_accepter:hover,
#popup_mdj a.btn_qod:hover,
#popup_mdj a.btn_valider:hover,
#popup_mdj a.btn_encaisser:hover {
    color:black;
    box-shadow: 0 2px 5px -3px #FFF inset, 0 -2px 5px -3px #000 inset;
	}

#maitredujeu {
	width:100%;
	position:relative;
	text-align:center;
	font-family:verdana;
	font-size:11px;
	}

table {
	font-family:verdana;
	font-size:11px;
	}

#maitredujeu #header {
	width: 1189px;
	position: relative;
	margin: auto;
	height: 230px;
    
        background:url("/wonderz/playbox/img/mdj/temple/haut_en.jpg") no-repeat scroll 14px 0 transparent;
    
	}

.clear {
	clear:both;
	}

#corps_popup_mdj {
	width:442px;
	position:relative;
	/*height:503px;*/
	background-repeat:no-repeat;
	}
#corps_popup_mdj  .haut { position:relative; height:340px; width:100%; }
#corps_popup_mdj  .contenu { position:relative; height:auto; padding:0px 50px; width:342px;*width:442px;


	background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/px.png');

	text-align:center;
	}
#corps_popup_mdj  .contenu table{ width:100%; height:100%; vertical-align:middle; text-align:center; }
#corps_popup_mdj  .bas {
    position:relative;
    height:62px;
    width:100%;
	text-align:center;

	background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/bas.png');

	padding-top:25px;
	box-sizing: border-box;
	}
#corps_popup_mdj  .bas a.btn_fermer {
    position:relative;
	display:inline-block;
    padding:0.25em;
    background:rgba(0,0,0,0.2);
    color:white;
    font-family: Verdana;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: 0 2px 3px #000;
    text-decoration: none;
    font-size:14px;
    font-weight: bold;
	}
#corps_popup_mdj  .bas a.btn_fermer:before {
    content:'Schlie\0000DFen';
}

#corps_popup_mdj  .bas a.btn_fermer:hover {
    color:black;
    box-shadow: 0 2px 5px -3px #FFF inset, 0 -2px 5px -3px #000 inset;
	}

#corps_popup_mdj  .haut  .fond_cadeau{ position:absolute; top: 115px; left: 283px;}

#corps_popup_mdj.case_collecte{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-collecte.png'); }
#corps_popup_mdj.case_trappe{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-trappe.png'); }
#corps_popup_mdj.case_quitte_ou_double{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-quittedouble.png'); }
#corps_popup_mdj.case_don{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-donmaitre.png'); }
#corps_popup_mdj.case_faveur{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-faveurmaitre.png'); }
#corps_popup_mdj.case_garde{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-garde.png'); }
#corps_popup_mdj.case_conspiration{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-conspiration.png'); }
#corps_popup_mdj.case_indication_air{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-voieR.png'); }
#corps_popup_mdj.case_indication_feu{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-voieFeu.png'); }
#corps_popup_mdj.haut_point{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-points.png'); }
#corps_popup_mdj.case_indication_eau{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-voieO.png'); }
#corps_popup_mdj.case_choix{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-choixmaitre.png'); }
#corps_popup_mdj.case_destitution{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-destitution.png'); }
#corps_popup_mdj.case_soufle { background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-soufflemaitre.png'); }
#corps_popup_mdj.case_bois { background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-bois.png');color:#000000; }
#corps_popup_mdj.case_metal { background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-metal.png');color:#000000; }
#corps_popup_mdj.case_terre { background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-terre.png'); color:#000000; }
#corps_popup_mdj.case_eau { background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-eau.png'); color:#000000; }
#corps_popup_mdj.case_air{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-air.png');color:#000000;  }
#corps_popup_mdj.case_feu{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-feu.png');color:#000000;  }
#corps_popup_mdj.haut_lot{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-cadeau.png'); color:#000000; }
#corps_popup_mdj.erreur{ background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/popup/popup-erreur.png'); }


#corps_popup_mdj  .haut:before {
    display: block;
    position: absolute;
    bottom: 72px;
    left:0;
    width:100%;
    text-align: center;

    color: white;
    font-family: tahoma;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000000, -1px 1px 1px #000000, 1px -1px 1px #000000, -1px -1px 1px #000000;
}


#corps_popup_mdj.case_collecte .haut:before{ content:'Diamantier'; }
#corps_popup_mdj.case_trappe .haut:before{ content:'Schraffur'; }
#corps_popup_mdj.case_quitte_ou_double .haut:before{ content:'Beenden\000020oder\000020Verdoppeln'; }
#corps_popup_mdj.case_don .haut:before{ content:'Don\000020zu\000020dem\000020Meister'; }
#corps_popup_mdj.case_faveur .haut:before{ content:'Gunst\000020des\000020Meisters'; }
#corps_popup_mdj.case_garde .haut:before{ content:'Besch\0000FCtzer\000020des\000020Meisters'; }
#corps_popup_mdj.case_conspiration .haut:before{ content:'Verschw\0000F6rung'; }
#corps_popup_mdj.case_indication_air .haut:before{ content:'Voie\000020du\000020Diamant\000020Blanc'; }
#corps_popup_mdj.case_indication_feu .haut:before{ content:'Voie\000020du\000020Diamant\000020Noir'; }
#corps_popup_mdj.haut_point .haut:before{ content:'Punkte'; }
#corps_popup_mdj.case_indication_eau .haut:before{ content:'Voie\000020du\000020Diamant\000020Bleu'; }
#corps_popup_mdj.case_choix .haut:before{ content:'Wahl\000020des\000020Meisters'; }
#corps_popup_mdj.case_destitution .haut:before{ content:'Entlassung'; }
#corps_popup_mdj.case_soufle .haut:before{ content:'Souffle\000020de\000020l\000027\0000EEle'; }
#corps_popup_mdj.case_bois .haut:before{ content:'Diamant'; }
#corps_popup_mdj.case_metal .haut:before{ content:'Diamant\000020Marron'; }
#corps_popup_mdj.case_terre .haut:before{ content:'Gr\0000FCner\000020Diamant'; }
#corps_popup_mdj.case_eau .haut:before{ content:'Blauer\000020Diamant'; }
#corps_popup_mdj.case_air .haut:before{ content:'Wei\0000DFer\000020Diamant'; }
#corps_popup_mdj.case_feu .haut:before{ content:'Schwarzer\000020Diamant'; }
#corps_popup_mdj.haut_lot .haut:before{ content:'Geschenk'; }
#corps_popup_mdj.erreur .haut:before{ content:'Fehler'; }


.image_lot_avec_decor{
	margin:auto;
}

@media screen and (max-width: 992px) {
    #corps-hors-site {
        width: 100%;
    }

    #maitredujeu #header {
        display: none;
    }

    #popup_mdj {
        position: fixed;

        top: 15vw;
        bottom: auto;
        left: auto;
        right: auto;

        width: 100%;
        height: 100%;

        margin: auto !important;

        overflow-y: scroll;
    }

    #corps_popup_mdj {
        width: 100%;
        height: auto;

        background-size: 100%;
    }


    #corps_popup_mdj.case_collecte {
        background-image:none;
        }
    #corps_popup_mdj.case_trappe {
        background-image:none;
        }
    #corps_popup_mdj.case_quitte_ou_double {
        background-image:none;
        }
    #corps_popup_mdj.case_don {
        background-image:none;
        }
    #corps_popup_mdj.case_faveur {
        background-image:none;
        }
    #corps_popup_mdj.case_garde {
        background-image:none;
        }
    #corps_popup_mdj.case_conspiration {
        background-image:none;
        }
    #corps_popup_mdj.case_indication_air {
        background-image:none;
        }
    #corps_popup_mdj.case_indication_feu {
        background-image:none;
        }
    #corps_popup_mdj.haut_point {
        background-image:none;
        }
    #corps_popup_mdj.case_indication_eau {
        background-image:none;
        }
    #corps_popup_mdj.case_choix {
        background-image:none;
        }
    #corps_popup_mdj.case_destitution {
        background-image:none;
        }
    #corps_popup_mdj.case_soufle {
        background-image:none;
        }
    #corps_popup_mdj.case_bois {
        background-image:none;
        }
    #corps_popup_mdj.case_metal {
        background-image:none;
        }
    #corps_popup_mdj.case_terre {
        background-image:none;
        }
    #corps_popup_mdj.case_eau {
        background-image:none;
        }
    #corps_popup_mdj.case_air {
        background-image:none;
        }
    #corps_popup_mdj.case_feu {
        background-image:none;
        }
    #corps_popup_mdj.haut_lot {
        background-image:none;
        }
    #corps_popup_mdj.erreur {
        background-image:none;
        }



    #corps_popup_mdj .haut {
        width: 100%;
        /*height: calc(340 * 100vw / 442);*/
        background-color:#194A3E;
        height:15vw;
        border-radius: 12px 12px 0px 0px;
        width: 87.5%;
        left: 5.25%;
    }
    
    #corps_popup_mdj .haut:before {
        position: relative;

        top: 2vw;
        bottom: calc(72 * 340 * 100vw / 442 / 340);
        left: auto;
        right: auto;
        font-size: 6vw;
    }

    #corps_popup_mdj .contenu {
        width: 100%;

        padding: 0;

        background-size: 100%;
    }
    #corps_popup_mdj .contenu table {
        padding: 0 calc(50 * 100vw / 442);

        font-size: 5vw;
    }

    #corps_popup_mdj .bas {

        height: calc(62 * 100vw / 442);
        background-image:none;
            background-color: #194A3E;
            border-radius: 0px 0px 12px 12px;
            width: 87.5%;
            left: 5.25%;
    }
    #corps_popup_mdj .bas a.btn_fermer {
        font-size: 5vw;
    }
}