#jeu2{
    background-color: #fff;
    position:relative;
    height: 100vh;
    z-index: 0;
 }
 
 #jeu2-cadrevert{   
     position: absolute; 
     background-color: #51958b;
     top:44px; bottom: 44px; left:44px; right:44px;      
     border-radius: 40px; 
     z-index: 1;   
 }

 #jeu2-question{
    position: absolute;
    background-image: url(../img/jeu2/bgquestion.png);
    width: 1234px;
    height: 926px;
    top:31px; right: 175px;
 }

 #jeu2-question-photo{
    position: absolute;
    top:22px; left:430px; right:22px; bottom:22px;
    border-radius: 30px;
    overflow: hidden;
 }

 #jeu2-question-photo img{
    height: 100%;
 }

 #jeu2-question h2,  #jeu2-question h3{
    font-family:'Khand Regular';
    font-weight:normal;
    position: absolute;
    font-size: 32px;
    color:#fff;
    width:377px;
    left:28px;
    padding: 5px;
 } 

 #jeu2-question h2{
    top: 690px;
    border-bottom: #51958b solid 5px;
 }

 #jeu2-question h3{
   top: 754px; 
 }

 #jeu2-reponses{
    position: absolute;
    width: 778px;
    top: 30px;
    left: 25px;
    bottom: 22px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
 }

#jeu2-reponses .jeu2-btn{
    width: 382px;
    height: 298px;
    border-radius: 30px;
    overflow: hidden;
    background-size: cover;  
}

.jeu2-faux{
    width: 100%;
    height: 100%;
    background-color: rgba(241, 15, 15, 0.8);
    background-image: url(../img/jeu2/faux.png); 
    background-repeat: no-repeat;
    background-position: center center;       
}

.jeu2-juste{
    width: 100%;
    height: 100%;
    background-color: rgba(115, 199, 46, 0.8);
    background-image: url(../img/jeu2/juste.png); 
    background-repeat: no-repeat;
    background-position: center center;       
}

#jeu2-btn1{background-image: url(../img/jeu2/r-cours-eau.jpg);}
#jeu2-btn2{background-image: url(../img/jeu2/r-falaises-littorales.jpg);}
#jeu2-btn3{background-image: url(../img/jeu2/r-foret-pins.jpg);}
#jeu2-btn4{background-image: url(../img/jeu2/r-maquis.jpg);}
#jeu2-btn5{background-image: url(../img/jeu2/r-montage.jpg);}

#jeu2-qnbr{
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    bottom: 32px;
    right: 23px;
    padding:25px;
    font-size: 72px;
    font-weight: bolder;
    background-color: #fff;
    color: #51958b;
    border-radius: 30px; 
}

#jeu2-instructions{
    position: absolute;
    top:0; left:0;right: 0;bottom:0;
    background-color: rgba(81, 149, 139, 0.7);
    background-image: url(../img/jeu2/instructions.png);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 100;
}


@media screen and (max-width :1334px){
    #jeu2{
        width: 1334px;
        height: 800px;        
    }

    #jeu2-question{
        top: 15px;
        right: 0px;
        width: 595px;
        height: 775px;
        background-image: none;
    }

    #jeu2-question-photo {
        left: 22px;

    }

    #jeu2-question h2 {
        top: 624px;
        left: 44px;
        width: 355px;
    }

    #jeu2-question h3 {
        top: 688px;
        left: 44px;
        width: 355px;
    }

    #jeu2-reponses{
        top:37px;
        width:710px;
    }

    #jeu2-reponses .jeu2-btn {
        width: 346px;
        height: 236px;
        border-radius: 30px;
        overflow: hidden;
        background-size: 100%;
        background-position: left bottom;
    }

    #jeu2-cadrevert {
        top:0px; bottom: 0px; left: 0px; right:0px;
    }

   


   
}