body {
    background-color:#2F0E07;
    }
@media screen and (max-width: 992px) {
	body {
        background-color:#2F0E07;
        }
}


#temple, #temple a {
    font-size:11px;
    font-family:tahoma;
}

#temple {
    width:100%;
    position:relative;
    padding-top:98px;
    }

#temple .toit {
    width:1189px;
    height:100px;
    background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/toit.png');
    background-repeat:no-repeat;
    background-position:-20px 0px;
    position:absolute;
    left: 50%;
    top:10px;
    margin-left:-594px;
    z-index:2;
    }
#temple .toit .zone_texte{
    position:absolute;
    width: 529px;
    height: 45px;
    top: 21px;
    left: 235px;
    text-align:center;

    white-space: nowrap;
    }

#temple .toit .zone_texte > div {
    display: inline-block;
    white-space: nowrap;
    padding:0.25em;

    background:rgba(255,255,255,0.85);
    box-shadow: 0 0 3px -1px #000 inset;
    border-radius: 2px;
    margin:0 10px;
}

#temple .toit .zone_texte > div label {
    font-weight: bold;
    vertical-align: baseline;
}

#temple .fond {
    width:1229px;
    height:127px;
    background:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/fond_deco.jpg');
    position:absolute;
    left: 50%;
    top:0px;
    margin-left:-615px;
    z-index:0;
    }

#temple #zone_grille {
    /*width:1300px;*/
    /*height:820px;*/
    text-align:center;
    padding:0px;
    z-index:1;
    position:relative;
    }

.t_bas_gauche,.t_bas_droite {
    width:153px;
    height:237px;
    background-repeat:no-repeat;
    /*margin-bottom:5px;*/
    /*position:absolute;*/
    /*right:0px;
    bottom:0px;*/
    }
.t_haut_gauche,.t_haut_droite {
    width:153px;
    height:247px;
    *height:241px;
    background-repeat:no-repeat;
    }
.t_col_gauche,.t_col_droite {
    width:153px;
    background-repeat:repeat-y;
    vertical-align:bottom;
    /*padding-top:8px !important;*/
    /*padding-top:5px !important;*/
    }


.t_bas_gauche { background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/bird_gauche.jpg'); }
.t_bas_droite { background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/bird_droite.jpg'); }
.t_haut_gauche { background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/pot_gauche.jpg'); }
.t_haut_droite { background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/pot_droite.jpg'); }
.t_col_gauche { background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/col_gauche.jpg'); }
.t_col_droite { background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/col_droite.jpg'); }

.t_infos_partie {
    width:1215px;
    height:120px;
    background:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/infos_partie.jpg') -21px 0px no-repeat;
    position: relative;
    }


.t_infos_partie:before {
    content:'Teilinfo';
    position: absolute;
    white-space: nowrap;
    top: 10px;
    left:180px;
    text-align: left;
    font-family: Verdana;
    color:white;
    text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
    font-size:15px;
    text-transform: uppercase;
    font-weight: bold;

}


.col_cote {
    width:153px !important;
    }

#besace {
    width:544px;
    height:442px;
    background:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/fond.jpg') no-repeat;
    position:relative;
    z-index:3;
    }

#besace:before {
    content:'Le\000020ma\0000EEtre\000020de\000020l\000027Ile\000020\00003A';
    display: block;
    position: absolute;
    color:white;
    text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
    right:49%;
    top:8px;
    text-transform: uppercase;
    font-family: Verdana;
    font-weight: bold;
}


#besace:after {
    content:'Votre\000020Diamantier';
    display: block;
    position: absolute;
    color:#000;
    text-shadow: 1px 1px 1px #FFF, -1px 1px 1px #FFF, 1px -1px 1px #FFF, -1px -1px 1px #FFF;
    left:10px;
    top: 86px;
    width: 335px;
    text-align: center;
    text-transform: uppercase;
    font-family: Verdana;
    font-weight: bold;
    font-size: 13px;

}

#besace .lien_maitre {
    position:absolute;
    /*background:pink;*/
    height:55px;
    width:390px;
    top:5px;
    /*opacity:0.5;*/
    left:70px;
    }

#besace .zone_texte {
    width:255px;
    height:63px;
    background-repeat:no-repeat;
    position:absolute;
    top:140px;
    left:50px;
    }

#besace .zt_vide {
    background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/zone_texte.png');
    }


#besace .zt_supprimer {
    background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/zone_texte.png');
    }

#besace .zt_supprimer:before {
    content:'\0000CAtes\000020vous\000020s\0000FBr\000020de\000020vouloir\000020retirer\000020cet\000020objet\000020de\000020votre\000020diamantier\000020\00003F';
}

#besace .trou {
    width:52px;
    height:50px;
    background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/trou_v2.jpg');
    background-repeat:no-repeat;
    position:absolute;
    /*z-index:50;*/
    }
.trou a.delete_element {
    /*background:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/croix.png') no-repeat;*/
    width:28px;
    height:28px;
    position:relative;
    display:block;
    z-index:50;
    left:14px;
    top:14px;
    }

.trou a.delete_element:hover {
    background:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/croix.png') no-repeat;
    }



.trou.t1 {
    background-position:-2px 0px; left:46px; top:100px;
    }
.trou.t2 {
    background-position:-56px -0px; left:100px; top:100px;
    }
.trou.t3 {
    background-position:-110px -0px; left:154px; top:100px;
    }
.trou.t4 {
    background-position:-166px -0px; left:210px; top:100px;
    }
.trou.t5 {
    background-position:-221px -0px; left:265px; top:100px;
    }

.trou.t6 {
    background-position:-1px -50px; left:45px; top:150px;
    }
.trou.t7 {
    background-position:-56px -50px; left:100px; top:150px;
    }
.trou.t8 {
    background-position:-110px -50px; left:154px; top:150px;
    }
.trou.t9 {
    background-position:-166px -50px; left:210px; top:150px;
    }
.trou.t10 {
    background-position:-221px -50px; left:265px; top:150px;
    }

.trou.t13 {
    background-position:-27px -100px; left:71px; top:200px;
    }
.trou.t11 {
    background-position:-81px -100px; left:125px; top:200px;
    }
.trou.t12 {
    background-position:-138px -100px; left:182px; top:200px;
    }
.trou.t14 {
    background-position:-193px -100px; left:237px; top:200px;
    }


#besace .trou .masque  {
    width:52px;
    height:50px;
    background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/masque_v2.png');
    background-repeat:no-repeat;
    position:absolute;
    z-index:3;
    left:0px; top:0px;
    }

    .trou.t1 .masque {
        background-position:-2px -0px;
        }
    .trou.t2 .masque {
        background-position:-56px -0px;
        }
    .trou.t3 .masque {
        background-position:-110px -0px;
        }
    .trou.t4 .masque {
        background-position:-166px -0px;
        }
    .trou.t5 .masque {
        background-position:-221px -0px;
        }

    .trou.t6 .masque {
        background-position:-1px -50px;
        }
    .trou.t7 .masque {
        background-position:-56px -50px;
        }
    .trou.t8 .masque {
        background-position:-110px -50px;
        }
    .trou.t9 .masque {
        background-position:-166px -50px;
        }
    .trou.t10 .masque {
        background-position:-221px -50px;
        }

    .trou.t13 .masque {
        background-position:-27px -100px;
        }
    .trou.t11 .masque {
        background-position:-81px -100px;
        }
    .trou.t12 .masque {
        background-position:-138px -100px;
        }
    .trou.t14 .masque {
        background-position:-193px -100px;
        }

    .trou .img_lot {
        position:absolute;
        top:7px;
        left:0px;
        z-index:2;
        }

.trou .element {
    position:absolute;
    width: 48px;
    height: 48px;
    background-repeat:no-repeat;
    /*left:3px;*/
    left:49%;
    top:49%;
    margin-left:-24px;
    margin-top:-25px;
    /*top:0px;*/
    z-index:4;
    background-size: 100% !important;
    }
    .trou .e0 {
        background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/boule/el-0.png');
        margin-top:-20px;
        margin-left:-19px;
        }


        .t3 .element {	margin-top:-24px;	margin-left:-22px;	}
        .t4 .element {	margin-top:-25px;	margin-left:-22px;	}
        .t5 .element {	margin-top:-24px;	margin-left:-22px;	}
        .t6 .element {	margin-top:-26px;	margin-left:-23px;	}
        .t7 .element {	margin-top:-26px;	margin-left:-24px;	}
        .t9 .element {	margin-top:-26px;	margin-left:-25px;	}
        .t10 .element {	margin-top:-26px;	margin-left:-24px;	}
        .t11 .element {	margin-top:-25px;	margin-left:-27px;	}
        .t12 .element {	margin-top:-26px;	margin-left:-28px;	}
        .t13 .element {	margin-top:-26px;	margin-left:-27px;	}
        .t14 .element {	margin-top:-25px;	margin-left:-28px;	}


        .t1 .e0 { margin-top:-21px;margin-left:-20px; }
        .t2 .e0 { margin-top:-20px;margin-left:-20px; }
        .t3 .e0 { margin-top:-21px; }
        .t4 .e0 { margin-top:-21px; }
        .t5 .e0 { margin-top:-20px;margin-left:-19px; }
        .t6 .e0 { margin-top:-22px;margin-left:-20px; }
        .t7 .e0 { margin-top:-22px;margin-left:-21px; }
        .t8 .e0 { margin-top:-22px;margin-left:-21px; }
        .t9 .e0 { margin-top:-22px;margin-left:-20px; }
        .t10 .e0 { margin-top:-22px;margin-left:-19px; }
        .t11 .e0 { margin-top:-21px;margin-left:-23px; }
        .t12 .e0 { margin-top:-22px;margin-left:-25px; }
        .t13 .e0 { margin-top:-22px;margin-left:-24px; }
        .t14 .e0 { margin-top:-22px;margin-left:-24px; }

    .trou .element.e13 {
        background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/boule/el-2.png');
        }
    .trou .element.e14 {
        background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/boule/el-3.png');
        }
    .trou .element.e15 {
        background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/boule/el-4.png');
        }
    .trou .element.e16 {
        background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/boule/el-5.png');
        }
    .trou .element.e17 {
        background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/boule/el-6.png');
        }
    .trou .element.e18 {
        background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/boule/el-7.png');
        }


    .element_necessaire {
        width:107px;
        height:107px;
        background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/boule/dragon.jpg');
        background-repeat:no-repeat;
        position:absolute;
        right:4px;
        top:124px;
        }
    .en-1 { display:none; }
    .en13 {	background-position:0px 0px; }
    .en14 {	background-position:0px -107px; }
    .en15 {	background-position:0px -214px; }
    .en16 {	background-position:0px -321px; }
    .en17 {	background-position:0px -428px; }
    .en18 {	background-position:0px -535px; }

    #besace a.btn_encaisser {
        position:absolute;
        top:255px;
        right:402px;
        cursor:pointer;


        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:12px;
        font-weight: bold;

        }
        #besace a.btn_encaisser:before {
            content:'Bargeld';
        }
        #besace a.btn_encaisser.enable:hover {
            color:black;
            box-shadow: 0 2px 5px -3px #FFF inset, 0 -2px 5px -3px #000 inset;
        }

        #besace a.btn_encaisser.disable {
            cursor:not-allowed;
            background:darkgray;
            }

    #besace a.btn_vider {
        position:absolute;
        top:255px;
        left:147px;


        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:12px;
        font-weight: bold;
        }
        #besace a.btn_vider:before {
            content:'leer';
        }
        #besace a.btn_vider.enable:hover {
            color:black;
            box-shadow: 0 2px 5px -3px #FFF inset, 0 -2px 5px -3px #000 inset;
        }

        #besace a.btn_vider.disable {
            cursor:not-allowed;
            background:darkgray;
            }

    #besace a.btn_confirmer {
        position:absolute;
        top:215px;
        left:185px;

        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:12px;
        font-weight: bold;
        }
    #besace a.btn_confirmer:before {
            content:'best\0000E4tigen';
        }
        #besace a.btn_confirmer:hover {
            color:black;
            box-shadow: 0 2px 5px -3px #FFF inset, 0 -2px 5px -3px #000 inset;
        }

    #besace a.btn_annuler {
        position:absolute;
        top:215px;
        right:370px;

        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:12px;
        font-weight: bold;
        }


        #besace a.btn_annuler:before {
            content:'Abbrechen';
        }

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


    #besace a.btn_retour {
        position:absolute;
        top:215px;
        left:125px;

        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:12px;
        font-weight: bold;
        }


        #besace a.btn_retour:before {
            content:'R\0000FCckgabe';
        }

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

    #besace .vos_actions {
        position:absolute;
        width:470px;
        height:60px;
        top:308px;
        left:36px;
        font-size:11px;
        overflow:auto;
        }

    #besace .vos_infos:before {
        content:'Ihre\000020Aktionen\00003A';
        display: block;
        position: absolute;
        color:white;
        text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
        left:0;
        bottom:117px;
        text-transform: uppercase;
        font-family: Verdana;
        font-weight: bold;
    }


    #besace .vos_infos:after {
        content:'Ihre\000020Informationen\00003A';
        display: block;
        position: absolute;
        color:white;
        text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
        left:0;
        bottom:100%;
        text-transform: uppercase;
        font-family: Verdana;
        font-weight: bold;
    }


    #besace .vos_infos {
        position:absolute;
        width:470px;
        height:40px;
        top:383px;
        left:36px;
        font-size:11px;
        }
.mdt_aucun {
    position:absolute;
    left:100px;
    top:25px;
    }

.mdt_infos {
    position:absolute;
    left:280px;
    top:5px;
    font-size:14px;
    font-weight:bold;
    }

.gdt_infos {
    position:absolute;
    left:70px;
    top:20px;
    width:400px;
    font-size: 9px;
    }
.popup_lot {
    position:absolute;
    z-index:20;
    /*display:none;*/
    width:252px;
    top:15px;
    left:5px;
    }
.popup_lot table{
    text-align:center;
    font-family:tahoma;
    font-size:11px;
    }
    .popup_lot table img {
        max-width: 100px;
    }
    .pul_top {
        background:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/bulle/lot_haut.png') no-repeat;
        height:17px;
        width:252px;
        }
    .pul_middle {
        background:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/bulle/lot_px.png') repeat-y;
        padding:0px 15px;
        width:222px;
        *width:252px;

        }
    .pul_bottom {
        background:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/bulle/lot_bas.png') no-repeat;
        height:34px;
        width:252px;
        }

    #zone_grille td.case {
        cursor:pointer;
        }

    #zone_grille td.case img {
        z-index:2;
        }

    .zone_survol_dragon {
        position:absolute;
        /*background:pink;
        opacity:0.5;*/
        width:220px;
        height:260px;
        right:0px;
        top:40px;
        cursor:pointer;

        }

    #popup_survol_dragon {
        position:absolute;
        right:-195px;
        top:70px;
        display:none;
        z-index:12;
        }

        #popup_survol_dragon .psd_left {
            background:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/bulle/dragon_gauche.png') no-repeat;
            float:left;
            width:32px;
            height:94px;
            }

        #popup_survol_dragon .psd_middle {
            background:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/bulle/dragon_px.png') repeat-x;
            float:left;
            height:94px;
            width:240px;
            }

        #popup_survol_dragon .psd_middle table td {
            height:89px;
            *height:94px;
            padding-bottom:5px;
            vertical-align:middle;
            width:100%;
            text-align:center;
            font-weight:bold;
            }

        #popup_survol_dragon .psd_right {
            background:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/besace/bulle/dragon_droite.png') no-repeat;
            float:left;
            width:17px;
            height:94px;
            }

    .div_conteneur_indication {
        position:relative;
        width:34px;
        height:34px;
        }

    .case_indication {
        background:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/case/petite/cadre_indic.png') no-repeat;
        background-size: 100% 100%;
        position:absolute;
        top:0px;
        left:0px;
        width:34px;
        height:34px;
        }

    .toit a.lien {
        position:absolute;
        display:block;
        right:960px;
        white-space: nowrap;
        background:rgba(255,255,255,0.5);
        color:black;
        border-radius: 10px;
        box-shadow: 0 2px 3px #000;
        padding:0.25em;
        text-transform: uppercase;
        min-width: 140px;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        }

    .toit a.lien:hover{
        background:white;
        box-shadow: 0 2px 3px -3px #000 inset;
    }

    .toit a.lien_cases {
        top:7px;
        }
    .toit a.lien_regle {
        top:32px;
        }



    .infos_last_besace {
        width:330px;
        position:absolute;
        top:-42px;
        right:90px;
        }
    .infos_last_besace .ilb_haut {
        height:21px;
        width:100%;
        background:url('//static.wonderz.com/wonderz/playbox/img/mdj/derniers-haut.png') no-repeat;
        position: relative;
        }

    .infos_last_besace .ilb_haut:before {
        content:'Derniers\000020diamantier\000020valid\0000E9s';
        display: block;
        position: absolute;
        color:white;
        text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
        width:100%;
        bottom:2px;
        left:0;
        text-align: center;
        text-transform: uppercase;
        font-family: Verdana;
        font-weight: bold;
        font-size:14px;
    }

    .infos_last_besace .ilb_bas {
        height:18px;
        width:100%;
        background:url('//static.wonderz.com/wonderz/playbox/img/mdj/derniers-basvide.png') no-repeat;
        /*overflow:hidden;*/
        }
    .infos_last_besace .ilb_milieu {
        width:320px;
        *width:330px;
        background:url('//static.wonderz.com/wonderz/playbox/img/mdj/derniers-px.png') repeat-y;
        padding:0px 5px;
        height:40px;
        overflow:hidden;
        color:#FFF;
        }
    .infos_last_besace .ilb_milieu a{
        display:block;
        color:black;
        text-align:center;
        width:320px;
        }

    .infos_last_besace .ilb_bas a {
        display:block;
        float:right;
        min-width:63px;
        padding:0.25em;
        margin-right:20px;
        text-align:center;
        text-decoration:none;
        color:#FFF;

        box-sizing: border-box;


        background-image:url('//static.wonderz.com/wonderz/playbox/img/mdj/derniers-px.png');
        background-position: center top;
        background-repeat: repeat-y;
        border:2px solid #000;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
        white-space:nowrap;
        }

        .infos_last_besace .ilb_bas a:after {
            content:'';
            display: block;
            position: absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            background:rgba(255,255,255,0.10);
        }

        .infos_last_besace .ilb_bas a:hover:after{
            display: none;
        }




    .cadre_lot_tournant {
        position:absolute;
        width:192px;
        height:191px;
        right:160px;
        top:-210px;
        }
    .cadre_lot_tournant .titre_butin_choix {
        width:169px;
        height:34px;
        top:-22px;
        left:50%;
        margin-left:-85px;
        position:absolute;
        z-index:5;
        }

    .cadre_lot_tournant .titre_butin_choix:before {
        content:'zu\000020gewinnen';
        position: absolute;
        width:100%;
        top:0;
        left:0;
        text-align: center;
        font-family: Verdana;
        color:white;
        text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
        font-size:15px;
        text-transform: uppercase;
        font-weight: bold;

    }

    .case_lot {
        width: 34px;
        height: 34px;
        position: absolute;
    }
    .mdj-case-cadre-lot {
        position:absolute;
        width:34px;
        height:34px;
        top:0;
        left:0;
        background:url('//static.wonderz.com/wonderz/playbox/img/mdj/temple/case/petite/cadre_lot.png') no-repeat;
        background-size: 100% 100%;
        z-index:2;
    }

    #mdj-grid-container > .case > img {
    	width: 100%;
    	height: 100%;
    }

@media screen and (min-width: 993px) {
    #mdj-grid-container {
        display: grid;
        grid-template: 34px / repeat(28, 34px);

        width: auto;
        height: auto;
    }

    #mdj-grid-container > .case {
        position: relative;
    }

    #mdj-grid-container > .case:nth-of-type( -n + 12 ) {
        grid-row: 1;
    }
    #mdj-grid-container > .case:nth-of-type( n + 13 ):nth-of-type( -n + 24 ) {
        grid-row: 2;
    }
    #mdj-grid-container > .case:nth-of-type( n + 25 ):nth-of-type( -n + 36 ) {
        grid-row: 3;
    }
    #mdj-grid-container > .case:nth-of-type( n + 37 ):nth-of-type( -n + 48 ) {
        grid-row: 4;
    }
    #mdj-grid-container > .case:nth-of-type( n + 49 ):nth-of-type( -n + 60 ) {
        grid-row: 5;
    }
    #mdj-grid-container > .case:nth-of-type( n + 61 ):nth-of-type( -n + 72 ) {
        grid-row: 6;
    }
    #mdj-grid-container > .case:nth-of-type( n + 73 ):nth-of-type( -n + 84 ) {
        grid-row: 7;
    }
    #mdj-grid-container > .case:nth-of-type( n + 85 ):nth-of-type( -n + 96 ) {
        grid-row: 8;
    }
    #mdj-grid-container > .case:nth-of-type( n + 97 ):nth-of-type( -n + 108 ) {
        grid-row: 9;
    }
    #mdj-grid-container > .case:nth-of-type( n + 109 ):nth-of-type( -n + 120 ) {
        grid-row: 10;
    }
    #mdj-grid-container > .case:nth-of-type( n + 121 ):nth-of-type( -n + 132 ) {
        grid-row: 11;
    }
    #mdj-grid-container > .case:nth-of-type( n + 133 ):nth-of-type( -n + 144 ) {
        grid-row: 12;
    }
    #mdj-grid-container > .case:nth-of-type( n + 145 ):nth-of-type( -n + 156 ) {
        grid-row: 13;
    }

    #mdj-grid-container > .case:nth-of-type( n + 157 ):nth-of-type( -n + 184 ) {
        grid-row: 14;
    }
    #mdj-grid-container > .case:nth-of-type( n + 185 ):nth-of-type( -n + 212 ) {
        grid-row: 15;
    }
    #mdj-grid-container > .case:nth-of-type( n + 213 ):nth-of-type( -n + 240 ) {
        grid-row: 16;
    }
    #mdj-grid-container > .case:nth-of-type( n + 241 ):nth-of-type( -n + 268 ) {
        grid-row: 17;
    }
    #mdj-grid-container > .case:nth-of-type( n + 269 ):nth-of-type( -n + 296 ) {
        grid-row: 18;
    }
    #mdj-grid-container > .case:nth-of-type( n + 297 ):nth-of-type( -n + 324 ) {
        grid-row: 19;
    }
    #mdj-grid-container > .case:nth-of-type( n + 325 ):nth-of-type( -n + 352 ) {
        grid-row: 20;
    }
    #mdj-grid-container > .case:nth-of-type( n + 353 ):nth-of-type( -n + 380 ) {
        grid-row: 21;
    }
    #mdj-grid-container > .case:nth-of-type( n + 381 ):nth-of-type( -n + 408 ) {
        grid-row: 22;
    }
    #mdj-grid-container > .case:nth-of-type( n + 409 ):nth-of-type( -n + 436 ) {
        grid-row: 23;
    }
    #mdj-grid-container > .case:nth-of-type( n + 437 ):nth-of-type( -n + 464 ) {
        grid-row: 24;
    }
    #mdj-grid-container > .case:nth-of-type( n + 465 ):nth-of-type( -n + 492 ) {
        grid-row: 25;
    }
    #mdj-grid-container > .case:nth-of-type( n + 493 ):nth-of-type( -n + 520 ) {
        grid-row: 26;
    }
    #mdj-grid-container > .case:nth-of-type( n + 521 ):nth-of-type( -n + 548 ) {
        grid-row: 27;
    }
    #mdj-grid-container > .case:nth-of-type( n + 549 ):nth-of-type( -n + 576 ) {
        grid-row: 28;
    }
    #mdj-grid-container > .case:nth-of-type( n + 577 ):nth-of-type( -n + 604 ) {
        grid-row: 29;
    }
    #mdj-grid-container > .case:nth-of-type( n + 605 ):nth-of-type( -n + 632 ) {
        grid-row: 30;
    }
    #mdj-grid-container > .case:nth-of-type( n + 633 ):nth-of-type( -n + 660 ) {
        grid-row: 31;
    }
    #mdj-grid-container > .case:nth-of-type( n + 661 ):nth-of-type( -n + 688 ) {
        grid-row: 32;
    }
    #mdj-grid-container > .case:nth-of-type( n + 689 ):nth-of-type( -n + 716 ) {
        grid-row: 33;
    }

    #mdj-grid-container > .case:nth-of-type( 12n + 1 ):nth-of-type( -n + 156 ) {
        grid-column: 1;
    }
    #mdj-grid-container > .case:nth-of-type( 12n + 2 ):nth-of-type( -n + 156 ) {
        grid-column: 2;
    }
    #mdj-grid-container > .case:nth-of-type( 12n + 3 ):nth-of-type( -n + 156 ) {
        grid-column: 3;
    }
    #mdj-grid-container > .case:nth-of-type( 12n + 4 ):nth-of-type( -n + 156 ) {
        grid-column: 4;
    }
    #mdj-grid-container > .case:nth-of-type( 12n + 5 ):nth-of-type( -n + 156 ) {
        grid-column: 5;
    }
    #mdj-grid-container > .case:nth-of-type( 12n + 6 ):nth-of-type( -n + 156 ) {
        grid-column: 6;
    }
    #mdj-grid-container > .case:nth-of-type( 12n + 7 ):nth-of-type( -n + 156 ) {
        grid-column: 23;
    }
    #mdj-grid-container > .case:nth-of-type( 12n + 8 ):nth-of-type( -n + 156 ) {
        grid-column: 24;
    }
    #mdj-grid-container > .case:nth-of-type( 12n + 9 ):nth-of-type( -n + 156 ) {
        grid-column: 25;
    }
    #mdj-grid-container > .case:nth-of-type( 12n + 10 ):nth-of-type( -n + 156 ) {
        grid-column: 26;
    }
    #mdj-grid-container > .case:nth-of-type( 12n + 11 ):nth-of-type( -n + 156 ) {
        grid-column: 27;
    }
    #mdj-grid-container > .case:nth-of-type( 12n + 12 ):nth-of-type( -n + 156 ) {
        grid-column: 28;
    }


    #mdj-grid-container > .case:nth-of-type( 28n + 1 ):nth-of-type( n + 157 ) {
        grid-column: 1;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 2 ):nth-of-type( n + 157 ) {
        grid-column: 2;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 3 ):nth-of-type( n + 157 ) {
        grid-column: 3;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 4 ):nth-of-type( n + 157 ) {
        grid-column: 4;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 5 ):nth-of-type( n + 157 ) {
        grid-column: 5;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 6 ):nth-of-type( n + 157 ) {
        grid-column: 6;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 7 ):nth-of-type( n + 157 ) {
        grid-column: 7;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 8 ):nth-of-type( n + 157 ) {
        grid-column: 8;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 9 ):nth-of-type( n + 157 ) {
        grid-column: 9;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 10 ):nth-of-type( n + 157 ) {
        grid-column: 10;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 11 ):nth-of-type( n + 157 ) {
        grid-column: 11;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 12 ):nth-of-type( n + 157 ) {
        grid-column: 12;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 13 ):nth-of-type( n + 157 ) {
        grid-column: 13;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 14 ):nth-of-type( n + 157 ) {
        grid-column: 14;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 15 ):nth-of-type( n + 157 ) {
        grid-column: 15;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 16 ):nth-of-type( n + 157 ) {
        grid-column: 16;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 17 ):nth-of-type( n + 157 ) {
        grid-column: 17;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 18 ):nth-of-type( n + 157 ) {
        grid-column: 18;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 19 ):nth-of-type( n + 157 ) {
        grid-column: 19;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 20 ):nth-of-type( n + 157 ) {
        grid-column: 20;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 21 ):nth-of-type( n + 157 ) {
        grid-column: 21;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 22 ):nth-of-type( n + 157 ) {
        grid-column: 22;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 23 ):nth-of-type( n + 157 ) {
        grid-column: 23;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 24 ):nth-of-type( n + 157 ) {
        grid-column: 24;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 25 ):nth-of-type( n + 157 ) {
        grid-column: 25;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 26 ):nth-of-type( n + 157 ) {
        grid-column: 26;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 27 ):nth-of-type( n + 157 ) {
        grid-column: 27;
    }
    #mdj-grid-container > .case:nth-of-type( 28n + 28 ):nth-of-type( n + 157 ) {
        grid-column: 28;
    }

    #mdj-besace-container {
        grid-row: 1 / 14;
        grid-column: 7 / 23;
    }
}

@media screen and (max-width: 992px) {
    #temple {
        padding-top: 0;
    }

    #temple .fond {
        display: none;
    }

    #temple .toit {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        display: grid;

        width: 100%;
        height: auto;

        margin: 0 0 40px 0;

        background: none;
    }

    .cadre_lot_tournant {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        grid-row: 1;

        display: grid;

        width: 100%;
        height: auto;

        margin: 0 0 40px 0;

        text-align: center;
    }
    .cadre_lot_tournant .titre_butin_choix {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        width: 100%;
        height: auto;

        margin: 0;

        grid-row: 1;
    }
    .cadre_lot_tournant .titre_butin_choix:before {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        font-size: 6vw;
    }

    .image_butin_choix {
        grid-row: 2;
    }

    #temple .toit .zone_texte {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        grid-row: 2;

        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        justify-content: center;

        width: 100%;
        height: auto;

        margin: 40px 0;

        font-size: 5vw;
        white-space: normal;
    }

    #temple .toit .zone_texte > * {
        width: auto;
    }

    .toit a.lien {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        white-space: normal;
    }

    .toit a.lien_regle {
        top: auto;

        grid-row: 4;
    }
    .toit a.lien_cases {
        top: auto;

        grid-row: 3;
    }
    #temple .toit a {
        margin: 10px 0;

        font-size: 5vw;
    }

    .infos_last_besace {
        display: none;
    }


    #temple #zone_grille {
        height: auto !important;

        margin-top: 40px;
    }
    .col_cote {
        display: none;
    }

    #mdj-grid-container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        justify-content: center;
    }


    #mdj-besace-container {
        width: 100%;

        text-align: center;
    }

    #besace {
        display: grid;

        width: 100%;
        height: auto;

        margin: auto;

        background: none;
    }
    #besace:before {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        grid-row: 1;
        grid-column: 1 / 6;

        font-size: 5vw;
    }
    #besace:after {
        display: none;
    }
    .mdt_infos {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        grid-row: 2;
        grid-column: 1 / 6;

        font-size: 4vw;
    }
    .gdt_infos {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        width: 100%;
        height: auto;
        
        grid-row: 3;
        grid-column: 1 / 6;

        font-size: 3vw;
    }
    #besace .lien_maitre {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        grid-row: 1 /  4;
        grid-column: 1 / 6;

        width: 100%;
        height: 100%;

        font-size: 3vw;
    }
    #besace .mdj-besace-elementier-titre {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        grid-row: 4;
        grid-column: 1 / 6;

        width: 100%;
        height: 100%;

        margin: 40px auto 20px auto;

        color: white;
        font-size: 6vw;
        text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
        font-weight:bold;
        text-transform:uppercase;

    }

    #besace .trou {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        display: inline-block;

        width: 18vw;
        height: 18vw;

        margin: auto auto 20px auto;

        background: none;

        border: 1px solid black;
        border-radius: 50%;

        overflow: hidden;
    }
    .trou.t1 {
        grid-row: 5;
        grid-column: 1;
    }
    .trou.t2 {
        grid-row: 5;
        grid-column: 2;
    }
    .trou.t3 {
        grid-row: 5;
        grid-column: 3;
    }
    .trou.t4 {
        grid-row: 5;
        grid-column: 4;
    }
    .trou.t5 {
        grid-row: 5;
        grid-column: 5;
    }
    .trou.t6 {
        grid-row: 6;
        grid-column: 1;
    }
    .trou.t7 {
        grid-row: 6;
        grid-column: 2;
    }
    .trou.t8 {
        grid-row: 6;
        grid-column: 3;
    }
    .trou.t9 {
        grid-row: 6;
        grid-column: 4;
    }
    .trou.t10 {
        grid-row: 6;
        grid-column: 5;
    }
    .trou.t11 {
        grid-row: 7;
        grid-column: 1;
    }
    .trou.t12 {
        grid-row: 7;
        grid-column: 2;
    }
    .trou.t13 {
        grid-row: 7;
        grid-column: 3;
    }
    .trou.t14 {
        grid-row: 7;
        grid-column: 4;
    }
    .trou.t15 {
        grid-row: 7;
        grid-column: 5;
    }

    .trou .img_lot {
        width: 100%;
        height: 100%;
    }
    .trou .img_lot img {
        width: 100%;
        height: 100%;
    }
    #besace .trou .masque {
        display: none;
    }

    .trou .element {
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        width: 100%;
        height: 100%;

        margin: auto;

        background-size: 100%;
    }
    .trou .e0 {
        margin: auto;
    }

    .t3 .element {	margin: auto;	}
    .t4 .element {	margin: auto;	}
    .t5 .element {	margin: auto;	}
    .t6 .element {	margin: auto;	}
    .t7 .element {	margin: auto;	}
    .t9 .element {	margin: auto;	}
    .t10 .element {	margin: auto;	}
    .t11 .element {	margin: auto;	}
    .t12 .element {	margin: auto;	}
    .t13 .element {	margin: auto;	}
    .t14 .element {	margin: auto;	}


    .t1 .e0 { margin: auto; }
    .t2 .e0 { margin: auto; }
    .t3 .e0 { margin: auto; }
    .t4 .e0 { margin: auto; }
    .t5 .e0 { margin: auto; }
    .t6 .e0 { margin: auto; }
    .t7 .e0 { margin: auto; }
    .t8 .e0 { margin: auto; }
    .t9 .e0 { margin: auto; }
    .t10 .e0 { margin: auto; }
    .t11 .e0 { margin: auto; }
    .t12 .e0 { margin: auto; }
    .t13 .e0 { margin: auto; }
    .t14 .e0 { margin: auto; }



    #mdj-zone-historique {
        display: none;
    }

    .element_necessaire {
        display: none;
    }

    .zone_survol_dragon {
        display: none;
    }

    #popup_survol_dragon {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        display: block;

        grid-row: 9;
        grid-column: 1 / 6;

        margin-bottom: 40px;

        font-size: 5vw;
        text-align: center;
    }
    #popup_survol_dragon .psd_middle table td {
        font-size: 5vw;
    }
    #popup_survol_dragon .psd_left {
        display: none;
    }
    #popup_survol_dragon .psd_right {
        display: none;
    }
    #popup_survol_dragon .psd_middle {
        float: none;

        width: 100%;
        height: auto;

        background: none;

        font-size: 5vw;
    }
    #popup_survol_dragon .psd_middle table td {
        height: auto;
    }

    #besace a.btn_encaisser {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        min-width: 40vw;
        width: auto;
        height: auto;

        margin: 10px auto;

        grid-row: 10;
        grid-column: 1 / 6;

        font-size: 4vw;
    }
    #besace a.btn_vider {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        min-width: 40vw;
        width: auto;
        height: auto;

        margin: 10px auto;

        grid-row: 11;
        grid-column: 1 / 6;

        font-size: 4vw;
    }

    #besace .vos_actions {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        grid-row: 12;
        grid-column: 1 / 6;

        width: 100%;
        height: auto;

        margin: 40px 0;

        font-size: 3vw;
    }
    #besace .vos_actions:before {
        position: relative;

        top: auto;
        bottom: auto;
        left: 0;
        right: auto;

        display: block;

        content: 'Vos\000020actions';
        color: white;
        text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
        text-transform: uppercase;
        font-family: Verdana, sans-serif;
        font-size: 6vw;
        font-weight: bold;
    }
    #besace .vos_infos {
        position: relative;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        grid-row: 13;
        grid-column: 1 / 6;

        width: 100%;
        height: auto;

        margin: 40px 0;

        font-size: 3vw;
    }
    #besace .vos_infos:before {
        position: relative;

        top: auto;
        bottom: auto;
        left: 0;
        right: auto;

        content: 'Vos\000020infos';
        display: block;
        color: white;
        text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
        text-transform: uppercase;
        font-family: Verdana, sans-serif;
        font-size: 6vw;
        font-weight: bold;
    }
    #besace .vos_infos:after {
        display: none;
    }

    #mdj-grid-container .case {
        position: relative;

        width: 12.5vw;
        height: 12.5vw;
    }
    #mdj-grid-container .case img {
        width: 100%;
        height: 100%;

        background-size: 100% 100%;
    }
    .case_lot,
    .mdj-case-cadre-lot {
        position: absolute;

        top: auto;
        bottom: auto;
        left: auto;
        right: auto;

        width: 100%;
        height: 100%;

        background-size: 100% 100%;
    }
    .div_conteneur_indication {
        width: 100%;
        height: 100%;
    }


    .case_indication {
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
    }



    #text-gains-mdj-vos-actions {
        display:none;
    }

    #besace .zt_vide {
        background-image: none;
    }

    #besace .zone_texte {
        width: 175%;
        height: auto;
        position: relative;
        top: unset;
        left: unset;
        font-size: 5vw;
        color: red;
        margin: 0;
        padding: 0;
    }

    #besace a.btn_confirmer {
        position: relative;
        padding: 1vw;
        font-size: 5vw;
        height: 6vw;
        top: 14vw;
        left: 25vw;
    }

    #besace a.btn_annuler {
        position: relative;
        padding: 1vw;
        font-size: 5vw;
        height: 7vw;
        left: -7vw;
        top: 25vw;
    }

}