/*Borne   Inner width = 2160 X 3839    */
@media only screen and (min-width: 2155px) and (max-width: 2165px)
                   and (min-height:3800px) and (max-height: 4100px)
{

    body{
        overflow: hidden;
    }

    #image_background {
        background-image: none;
    }

    #image_contour_borne, #section_dessous_borne, #footer{
        display: none !important;
    }

    #bouton_developper button{
        font-size: 28px;
    }

    #countdown_timer{
        font-size: 9em;
    }


    /* POUR IMAGE ACCUEIL */
    .accueil_texte_site{
        display: none;
    }
    .accueil_texte_borne{
        display:inline;
    }

    #btn_fermer_image_accueil{
        width:658px;
        top: 1833px;
        left: 785px;
        font-size:57px;
        padding:23px 0px;
    }

    #image_accueil_partie_bas{
        bottom:105px;
    }

    #image_accueil{
        width: 100%;
        height: 100%;
        top: 0px;
    }

    #accueil_titre_ligne_vert{
        font-size: 63px;
    }

    #accueil_carousel_metier_parent_parent{
        margin-top: 55px;
        display:flex; 
        justify-content:center; 
        width:100%;
    }

    #accueil_carousel_metier_parent{
        width: 1327px;
        margin-top:29px; 
        overflow-x:hidden;
    }

    #accueil_carousel_metier{
        width: 7200px;
        /* display:flex;  */
        justify-content:space-between;
        position:relative;
        overflow: hidden;
    }

    #accueil_fleche_gauche{
        right:745px;
        width:133px;
    }

    #accueil_fleche_droite{
        left:745px;
        width:133px;
    }

    .accueil_encadre_metier{
        width: 587px;
        font-size:37px;
        height:177px;
    }

    .accueil_encadre_metier > div{
        height: 116px;
    }

    .accueil_encadre_metier>div.accueil_encadre_metier_sinistre, .accueil_encadre_metier>div.accueil_encadre_metier_op_potable,
    .accueil_encadre_metier>div.accueil_encadre_metier_ventilation{
        height:169px;
    }

    #accueil_encadre_vert{
        width: 1325px;
        height: 782px;
        margin-top: 81px;
    }

    #accueil_bandeau_vert{
        height: 117px;
    }

    #accueil_bandeau_vert > img{
        margin-top: 17px;
    }

    #accueil_bandeau_vert > span{
        font-size: 58px;
        top: 16px;
    }

    #accueil_texte_encadre{
        font-size: 40px;
        line-height: 58px;
    }

    #accueil_logo_gouv{
        margin-top: 61px;
    }

    #accueil_logo_gouv > img{
        width: 467px;
    }

    #qrcode_image_accueil_parent{
        display:flex;
    }



    /* ECRAN PRINCIPAL */
    #div_ecran_borne{
        width: 100%;
        height: 3839px;
        background-size: contain;
        margin-top: 0px;
    }

    #main_video_parent{
        max-width: 100%;
    }

    #espace_haut_video{
        width: 100%;
        height: 930px;
    }

    #btn_retour_algo_parent{
        right: 160px;
        top: 60px;
    }

    #btn_retour_accueil_parent{
        right: 50px;
        top: 60px;
    }

    #btn_prochaine_etape_parent{
        right: 50px;
        top: 1079px;
    }

    #btn_restart_parent{
        right: 170px;
        top: 1079px;
    }
    #btn_restart{
        width: 80px; 
        height: 70px;
        background-color:#8fa21f;
    }
    .restart_format{
        position:relative; 
        right:3px; 
        top:14px; 
        transform: scale(3.5);
    }

    .bouton_revenir{
        left: 50px;
        top: 1079px;
    }

    #btn_prochaine_etape, #btn_retour_algo, #btn_retour_accueil, .bouton_revenir a{
        width: 87px;
        padding-top: 11px;
        padding-bottom: 9px;
    }

    #btn_prochaine_etape svg, #btn_retour_algo svg, #btn_retour_accueil svg, .bouton_revenir_temoignage svg, #eboueur_jeu_clique_camion_retour svg, #ras_jeu_clique_objet_retour svg{
        width: 50px;
        height: 50px;
    }

    .bouton_revenir svg{
        right: 5px !important;
    }


    /* VIDEO TEMOIGNAGE */
    .splide__slide{
        height:1215px;
    }

    .video_temoignage_thumbnail{
        width:500px;
        height:500px;
    }

    .splide__pagination .splide__pagination__page{
        width:18px;
        height:18px;
    }

    /* PARTIE SOUS VIDEO */
    #div_titre_principal_parent{
        font-size: 62px;
        margin-top: 120px;
        border-top: 9px solid #90C83C;
        border-bottom: 9px solid #90C83C;
    }

    #div_titre_principal{
        max-width: 1562px;
    }

    .titre_principal_petit{
        font-size: 49px;
    }

    #div_encadre_vert{
        margin-top: 120px;
        width: 1576px;
        height: 977px;
    }

    #div_bandeau_vert{
        height: 155px;
    }

    #div_image_encadre_vert{
        width: 113px;
        margin-top: 18px;
    }
    
    #div_texte_encadre_vert{
        width: 1410px;
        font-size: 44px;
        line-height: 50px;
    }

    #div_image_fond{
        height: 816px;
    }

    #qrcode_parent{
        top: 485px;
        left: 757px;
    }

    #logo_bas_gouv{
        bottom: 85px;
    }

    #logo_bas_gouv > img{
        width: 467px;
    }


    /* TRONC COMMUN */
    .btn_choix_determinant{
        font-size: 34px;
        padding: 20px;
    }

    #tronc_commun_choix_determinants > div{
        width: 857px;
        height: 515px;
        top: 243px;
        right: 226px;
    }

    #tronc_commun_choix_determinants_reponse{
        width: 747px;
        height: 247px;
        font-size: 34px;
    }

    #tronc_commun_choix_determinants_reponse > b{
        margin-bottom: -19px;
        display: block;
    }

    #tronc_commun_choix_determinants_reponse .btn_primary_vert{
        font-size: 34px;
        padding: 22px;
        line-height: 37px;
    }

    /* JEU EBOUEUR */
    #eboueur_jeu_clique_camion_over_video{
        width: 100%;
        height: 100%;
    }

    #eboueur_texte_camion{
        left: 52px;
        top: 129px;
        font-size: 5em;
    }

    #eboueur_jeu_clique_camion_arriere, #eboueur_jeu_clique_camion_frontal, #eboueur_jeu_clique_camion_lateral, #eboueur_jeu_clique_camion_benne{
        width: 509px;
        height: 780px;
        top: 389px;
    }
    #eboueur_jeu_clique_camion_arriere{
        left: 55px;
    }
    #eboueur_jeu_clique_camion_frontal{
        left: 569px;
    }
    #eboueur_jeu_clique_camion_lateral{
        left: 1081px;
    }
    #eboueur_jeu_clique_camion_benne{
        left: 1597px;
    }


    /* EBOUEUR clique bouton cabine */
    #eboueur_jeu_clique_bouton_over_video{
        height:1215px;
    }

    #eboueur_jeu_clique_bouton_reussis{
        width: 118px;
        height: 73px;
        top: 688px;
        left: 763px;
    }

    /* Eboueur Bouton "Clique et participe à une vrai ronde de sécurité" */
    #btn_eboueur_cliquer_image{
        top: 157px;
        left: 800px;
        width: 310px;
        height: 178px;
    }

    .pulse-text {
        font-size: 29px;
        animation: 5s pulse-text infinite;
    }
    @keyframes pulse-text {
        0%{
            font-size: 29px;
        }
        50% {
            font-size: 31px;
        }
        100% {
            font-size: 29px;
        }
    }


    /* JEU SOL 1 */
    .sol_jeu_image_clique{
        top:513px;
        height: 466px;
    }

    #sol_jeu_image_clique1{
        width: 395px;
        left: 147px;
    }
    #sol_jeu_image_clique2 {
        width: 369px;
        left: 553px;
    }
    #sol_jeu_image_clique3 {
        width: 369px;
        left: 930px;
    }
    #sol_jeu_image_clique4 {
        width: 369px;
        left: 1301px;
    }
    #sol_jeu_image_clique5 {
        width: 369px;
        left: 1667px;
    }

    .sol_jeu_image_big_class{
        width: 600px;
        height: 600px;
        top: 295px;
        left: 769px;
    }

    /* JEU SOL 2  Drag-Drop*/
    #sol_jeu_drag_drop_bandeau_objets {
        width: 760px;
        top: 1045px;
        height: 170px;
    }
    #draggable_becher img{
        width: 106px;
    }
    #draggable_pelle img{
        width: 163px;
    }
    #draggable_meche img{
        width: 163px;
    }

    #sol_jeu_drop_becher_1{
        width:486px;
        height: 477px;
        top:666px;
        left:1187px;
    }
    #sol_jeu_drop_pelle_1{
        width: 882px;
        height: 514px;
        top: 515px;
    }
    #sol_jeu_drop_pelle_2{
        width: 297px;
        height: 395px;
        top: 401px;
        right: 0px;
    }
    #sol_jeu_drop_pelle_3{
        width: 348px;
        height: 205px;
        top: 365px;
        right: 303px;
    }
    #sol_jeu_drop_meche_1{
        width: 174px;
        height: 591px;
        top: 617px;
        left: 1003px;
    }
    #sol_jeu_drop_meche_2{
        width: 351px;
        height: 294px;
        top: 707px;
        right: 162px;
    }



    /* JEU TRIEUR */
    #jeu_bouteille_score{
        top: 380px;
        font-size: 3em;
    }

    .jeu_bouteille_clique{
        width:690px;
    }

    .jeu_bouteille_clique_style_1{
        top:630px;
    }
    .jeu_bouteille_clique_style_2{
        top:595px;
    }
    .jeu_bouteille_clique_style_3{
        top:620px;
    }
    .jeu_bouteille_clique_style_4{
        top:651px;
    }
    .jeu_bouteille_clique_style_5{
        top:570px;
    }

    /* JEU RAS 1 */
    #ras_jeu_clique_objet_over_video{
        width: 100%;
        height: 1217px;
    }

    #ras_jeu_clique_objet_1{
        width: 703px;
        height: 671px;
        top: 449px;
        left: 102px;
    }
    #ras_jeu_clique_objet_2{
        width: 283px;
        height: 364px;
        top: 549px;
        left: 839px;
    }
    #ras_jeu_clique_objet_3{
        width: 207px;
        height: 346px;
        top: 595px;
        left: 1151px;
    }
    #ras_jeu_clique_objet_4{
        width: 590px;
        height: 895px;
        top: 101px;
        left: 1440px;
    }
    /* JEU RAS 2 */
    #ras_jeu_camera{
        width:100%;
        height:1215px;
    }

    #ras_image_reveal{
        width: 100%;
        height: 1215px;
    }

    #ras_ecran_reveal{
        background-size: 2160px 1215px;
    }
    #ras_camera_thermique img{
        width: 1700px;
    }
    #ras_ecran_reveal {
        width: 173px;
        height: 115px;
    }
    #ras_jeu_camera_zone_froide_1{
        width: 243px;
        height: 265px;
        top: 47px;
        left: 905px;
    }
    #ras_jeu_camera_zone_froide_2{
        width: 392px;
        height: 285px;
        top: 413px;
        left: 559px;
    }
    #ras_jeu_camera_zone_froide_3{
        width: 306px;
        height: 252px;
        bottom: 278px;
        left: 130px;
    }
    #ras_jeu_camera_zone_froide_4{
        width: 557px;
        height: 188px;
        left: 284px;
    }

    #ras_jeu_camera_score{
        right: 190px;
        top: 54px;
        font-size: 3.4em;
    }

    /* JEU RAS 3 */
    #ras_jeu_bouger_meuble{
        width:100%;
        height:1215px;
    }

    #ras_jeu_bouger_meuble img{
        width:100%;
    }

    @keyframes slide-meuble-left {
        from {
            right: 0px;
        }
        to {
            right: 650px;
        }
    }

    /* Tableau Opérateur eau */
    #op_eau_clique_travail_manuel{
        width: 1500px;
        height: 124px;
        top: 269px;
        left: 320px;
    }
    #op_eau_clique_travail_avec_techno{
        width: 1500px;
        height: 124px;
        top: 463px;
        left: 320px;
    }
    #op_eau_clique_travail_intellectuel{
        width:1500px;
        height: 124px;
        top: 655px;
        left:320px;
    }

    .op_eau_tableau_fleche{
        width: 115px;
        height: 115px;
    }

    /* Opérateur d'eau jeu drag-drop */
    #op_eau_jeu_drag_drop_bandeau_objets {
        width: 760px;
        top: 1045px;
        height: 170px;
    }
    #draggable_cadena{
        left: 42px;
    }
    #draggable_cadena img{
        width: 79px;
    }
    #draggable_levier{
        left: 146px;
    }
    #draggable_levier img{
        width: 94px;
    }
    #draggable_roue_1{
        left: 197px;
    }
    #draggable_roue_1 img{
        width: 126px;
    }
    #draggable_roue_2{
        left: 276px;
    }
    #draggable_roue_2 img{
        width: 126px;
    }

    #op_eau_jeu_drop_levier_1, #op_eau_jeu_drop_cadena_1 {
        width: 187px;
        height: 250px;
        top: 529px;
        right: 245px;
    }
    #op_eau_jeu_drop_roue_1 {
        width: 245px;
        height: 260px;
        top: 585px;
        left: 141px;
    }
    #op_eau_jeu_drop_roue_2 {
        width: 200px;
        height: 200px;
        top: 302px;
        left: 695px;
    }

    /* Opérateur d'eau écran d'ordi */
    .op_eau_ecran_ordi_image{
        width: 862px;
        top: 308px;
        left: 651px;
    }

    /* Sondage fin */
    #sondage_fin_question1{
        font-size: 77px;
        margin-top: 230px;
    }

    #sondage_fin_reponse1{
        margin-top: 42px;
    }

    #sondage_fin_reponse1 img{
        width:100px;
    }

    .image_pouce_satisfaction_bigger{
        width: 130px !important;
    }

    #sondage_fin_question2{
        font-size: 77px;
        margin-top: 137px;
    }

    #sondage_fin_question2 span{
        font-size: 40px;
    }

    #sondage_fin_reponse2{
        margin-top: 140px;
    }

    .satisfaction_bouton_vert{
        width: 242px;
        height: 67px;
        font-size: 34px;
    }

    #sondage_fin_merci_participation{
        font-size: 70px;
        margin-top: 540px;
    }

    .toast-center-div {
        top: 1100px;
        left: 1800px;
    }

    /* JEU INSPECTEUR */
    #inspecteur_jeu_instrument {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 2158px;
        height: 1214px;
        display: none;
        /* background-image: url('/assets/images/demolition.gif'); */
        background-size: contain;
      }

    #inspecteur_image_reveal {
        width: 200%;
        height: 1215px;
        position: relative;
      }

      #inspecteur_ecran_reveal{
        z-index: 5555;
        position: absolute;
        width: 125px;
        height: 50px;
        background: 412px 50px no-repeat fixed;
        background-size: 1080px 608px;
        cursor:none;
        border-radius: 9px;
        transform: rotate(-5deg);
        font-size: 130%;
        color: #080808;
    }

    .inspecteur_ecran_affichage{
        /* border: solid black 5px; */
        width: 70%; 
        height: 34px;
        transform: rotate(-1deg);
        position: relative;
        top: 23px;
        left: 13px;
    }

    #inspecteur_instrument_chiffre img{
        width: 1000px;
        position: relative;
        left: 450px;
        top: 49px;
    }
    span.inspecteur_ecran_reveal {
    font-size: 23px;
    font-family: 'Franklin Gothic Medium';
    color: #080808;
    position: relative;
    top: 6px;

  }
    #inspecteur_jeu_instrument_zone_1{
        width: 190px;
        height: 205px;
        top: 47px;
        left: 905px;
    }
    #inspecteur_jeu_instrument_zone_2{
        width: 222px;
        height: 205px;
        top: 413px;
        left: 559px;
    }
    #inspecteur_jeu_instrument_zone_3 {
        width: 166px;
        height: 205px;
        bottom: 122px;
        left: 130px;
      }

    #inspecteur_jeu_instrument_score{
        left: 1915px;
        top: 435px;
        font-size: 3.4em;
    }

    #inspecteur_jeu_text {
        position: relative;
        float: left;
        top: 250px;
        color: white;
        font-size: 42px;
        font-family: "Times New Roman", Times, serif;
        background-color: rgba(0,0,0,0.3);
        height: 7em;
        margin: 160px 214px;
        text-align: center;
        padding: 98px;
        left: 80px;
        top: 270px;
      }

      #inspecteur_jeu_text_reussi{
        position: relative;
        color: white;
        font-size: 42px;
        font-family: "Times New Roman", Times, serif;
        background-color:rgba(0,0,0,0.3);
        height: 7em;
        margin: 160px 375px;
        text-align: center;
        padding: 98px;
        left: 80px;
        top: 270px; 
      }
    
     #inspecteur_jeu_text_echoue{
        position: relative;
        color: white;
        font-size: 38px;
        font-family: "Times New Roman", Times, serif;
        background-color:rgba(0,0,0,0.3);
        height: 7em;
        margin: 160px 308px;
        text-align: center;
        padding: 80px;
        left: 98px;
        top: 270px;
      }

      /* .text_instrument {
        position: relative;
        top: 6px;
        font-size: 23px;
      } */


    /* Conseiller Energetique */

    #conseiller_en_jeu_choix_parcours{
        position:absolute; 
        left:0px; 
        top:0px; 
        width:2000px; 
        height:1220px; 
    }

    #text_jeu_conseiller_bouton {
        background-color: rgba(7, 26, 91, 0.6);
        width: 332px;
        padding: 50px;
        margin: 20px;
        text-align: center;
        color: white;
        border: 2px solid white;
        font-size: 35px;
      }
      .conseiller_en_fleche_vu{
        color: #8fa21f;
    }

      .conseiller_en_tableau_sous_sol {
        width: 70px;
        height: 70px;
        position: relative;
        top: 201px;
        left: 148px;
        transform: rotate(90deg);
        background-color: rgba(7, 26, 91, 0.6);
        border-radius: 50%;
        border: 4px solid white;
      }
    
      .conseiller_en_tableau_fleche_isolant {
        width: 70px;
        height: 70px;
        position: relative;
        top: -208px;
        left: 151px;
        transform: rotate(-90deg);
        background-color: rgba(7, 26, 91, 0.6);
        border-radius: 50%;
        border: 4px solid white;
      }
    
      .conseiller_en_tableau_fleche_infiltration_air {
        width: 70px;
        height: 70px;
        position: relative;
        top: -127px;
        left: 322px;
        background-color: rgba(7, 26, 91, 0.6);
        border-radius: 50%;
        border: 4px solid white;
      }
    
      /* #conseiller_en_clique_infiltration_air {
        position: absolute;
        width: 320px;
        left: 1740px;
        top: 700px;
      } */

    #conseiller_en_clique_sous_sol{
        position: absolute;
        width: 320px;
        top: 900px;
        left: 695px;
    }

    #sous_sol_image_reveal {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: 2155px;
        height: 1210px;
        text-align: center;
        overflow: hidden;
      }

      #sous_sol_etiquettes {
        position: absolute;
        border: 1px solid black;
        right: 1778px;
        top: 500px;
        width: 374px;
        height: 280px;
        background-size: contain;
        background-color: rgba(0, 0, 0, 0.6);
        text-align: left;
        font-size: 28px;
        color: white;
        padding: 7px;
        display: none;
      }

      #sous_sol_ipad img {
        width: 270px;
        cursor: none;
        transform: rotate(90deg);
        position: absolute;
        top: 215px;
        left: 830px;
      }

    .sous_sol_ecran_affichage {
        width: 100%;
        height: 34px;
        transform: rotate(0deg);
        position: relative;
        top: 32px;
        left: -30px;
      }

      #sous_sol_ipad_zone_1{
        width:100px; 
        height: 100px; 
        top: 140px;
        left: 885px;
    }
    
    #sous_sol_ipad_zone_2{
        width:100px; 
        height: 100px; 
        top: 725px;
        left: 1253px;
    }
    
    #sous_sol_ipad_zone_3{
        width:100px; 
        height: 100px; 
        top: 760px;
        left: 1525px;
    }
    
    #sous_sol_ipad_zone_4{
        width:100px; 
        height: 100px; 
        top: 670px;
        left: 1810px;
    }

    #sous_sol_jeu_ipad_score {
        position: absolute;
        text-align: right;
        right: 280px;
        top: 77px;
        z-index: 99;
        font-size: 1.5em;
        color: #f9df4c;
        width: 450px;
      }

      #sous_sol_jeu_text_reussi {
        position: relative;
        float: left;
        color: white;
        font-size: 38px;
        font-family: "Times New Roman", Times, serif;
        background-color: rgba(0,0,0,0.3);
        height: 7em;
        margin: 160px 755px;
        text-align: center;
        padding: 84px;
        top: -868px;
        display: none;
      }

      élément {

        display: none;
    
    }
    #sous_sol_jeu_text_echoue {
        position: relative;
        color: white;
        font-size: 38px;
        font-family: 'Avenir Next Bold';
        background-color: rgba(0,0,0,0.3);
        height: 7em;
        margin: -114px 440px;
        text-align: center;
        padding: 110px;
        top: -600px;
        display: none;
    }

      #systeme_ventilation_ipad img {
        width: 167px;
        font-size: 30px;
        color: green;
        position: relative;
        top: -53px;
        left: 30px;
        height: 221px;
      }
      #systeme_chauffage_ipad img {
        width: 167px;
        font-size: 30px;
        color: green;
        position: relative;
        top: -53px;
        left: 30px;
        height: 222px;
      }
    #chauffe_eau_ipad img {
        width: 167px;
        font-size: 30px;
        color: green;
        position: relative;
        top: -54px;
        left: 30px;
        height: 222px;
      }
    #panneau_elec_ipad img {
        width: 167px;
        font-size: 30px;
        color: green;
        position: relative;
        top: -53px;
        left: 30px;
        height: 221px;
      }

    .dot {
        height: 35px;
        width: 35px;
        border: 2px solid #bbb;
        border-radius: 50%;
        display: inline-block;
        position: fixed;
        top: 125px;
        left: 93px;
    }
    .dot2 {
        height: 21px;
        width: 21px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        top: 4px;
        left: 0px;
    }

    .battery {
        position: fixed;
        font-size: 15px;
        left: 170px;
        top: -50px;
        color: black;
    }

    .video_text_ipad {
        position: fixed;
        font-size: 11px;
        top: 133px;
        left: 52px;
    }

    .text_refresh {
        position: fixed;
        font-size: 18px;
        left: 140px;
        top: 130px;
    }

    #grenier_crochet{
        font-size: 30px;
        color:green;
        position: relative;
        top: -55px;
        left: 5px;
    }
    
    #grenier_bran_scie_x{
        font-size: 30px;
        color:red;
        position: relative;
        top: -55px;
        left: 5px;
    }
    
    #grenier_cellulose_x{
        font-size: 30px;
        color:red;
        position: relative;
        top: -55px;
        left: 5px;
    }
    .x_mini{
        font-size: 60px; 
        color:red
      }

      .check_mini{
        font-size: 60px;
      }


    /* Infiltration air  */
    #conseiller_en_clique_infiltration_air {
        position: absolute;
        width: 320px;
        left: 1750px;
        top: 700px;
    
    }

    #infiltration_air_image_reveal{
        position: absolute;
        top:0;
        right:0;
        left:0;
        bottom:0;
        margin:auto;
        width:2153px;
        height:1225px;
        text-align: center;
        overflow:hidden;
    }

    #infiltration_jeu_instrument_zone_1{
        width: 150px;
        height: 150px;
        top: 859px;
        left: 1100px;
    }
    
    #infiltration_jeu_instrument_zone_2{
        width: 150px;
        height: 150px;
        top: 16px;
        left: 1065px;
    }
    
    #infiltration_jeu_instrument_zone_3{
        width: 390px;
        height: 390px;
        bottom: 630px;
        left: 235px;
    }

    #surbrillance_infiltration_1{
        width: 150px;
        height: 150px;
        top: 859px;
        left: 1100px;
        border:2px solid blue;    
        border-radius:70%;
        -webkit-border-radius:50%;
        outline: none;
        border-color: blue;
        box-shadow: 0 0 50px blue;
        opacity: 0.63;
        display:none;
    
    }
    
    #surbrillance_infiltration_2{
        width: 150px;
        height: 150px;
        top: 16px;
        left: 1065px;
        border:2px solid blue;    
        border-radius:50%;
        -webkit-border-radius:50%;
        outline: none;
        border-color: blue;
        box-shadow: 0 0 50px blue;
        opacity: 0.63;
        display:none;
    }
    
    #surbrillance_infiltration_3{
        width: 390px;
        height: 390px;
        bottom: 630px;
        left: 235px;
        border:2px solid blue;    
        border-radius:50%;
        -webkit-border-radius:50%;
        outline: none;
        border-color: blue;
        box-shadow: 0 0 50px blue;
        opacity: 0.63;
        display:none;
    }

    #infiltration_air_main img {
        width: 450px;
        cursor: none;
        transform: rotate(-5deg);
        position: absolute;
        left: 650px;
        top: 50px;
      }

      #infiltration_air_jeu_main_score {
        position: absolute;
        text-align: right;
        right: 280px;
        top: 75px;
        z-index: 99;
        font-size: 1.5em;
        color: #f9df4c;
      }
      .main_infiltration {
        position: relative;
        color: white;
        font-size: 60px;
        top: 186px;
        left: 835px;
      }

      .zone1 {
        position: relative;
        font-size: 40px;
        left: 47px;
        top: 51px;
        color: white;
      }

      .zone2 {
        position: relative;
        font-size: 40px;
        left: 47px;
        top: 51px;
        color: white;
      }


      .zone3 {
        position: relative;
        font-size: 40px;
        left: 169px;
        top: 176px;
        color: white;
      }

      #infiltration_jeu_text_echoue {
        position: relative;
        color: white;
        font-size: 50px;
        font-family: "Times New Roman", Times, serif;
        background-color: rgba(0,0,0,0.3);
        height: 7em;
        margin: 160px 528px;
        text-align: center;
        padding: 105px;
        top: -900px;
      }

      #infiltration_jeu_text_reussi {
        position: relative;
        color: white;
        font-size: 50px;
        font-family: "Times New Roman", Times, serif;
        background-color: rgba(0,0,0,0.3);
        height: 7em;
        margin: 160px 528px;
        text-align: center;
        padding: 145px;
        top: -900px;
      }
      

    /* Conseiller Grenier */
    
    #conseiller_en_clique_isolant{
        position: absolute;
        width: 320px;
        top: 160px;
        left: 1045px;
    }

    #conseiller_en_jeu_isolant{
        position: absolute;
        left: 535px;
        top: -110px;
        width: 100%;
        height: 100%;
        display: none;
    }

    .conseiller_en_image{
        width:275px;
        border: 4px solid white;
    }

    #conseiller_en_jeu_image_clique1{
        width:275px;
        left: 100px;
    }
    #conseiller_en_jeu_image_clique2{
        width:275px;
        left:400px;
    }
    #conseiller_en_jeu_image_clique3{
        width:275px;
        left:700px;
    }

    h4.text_image{
        color: white;
        text-align: center;
        font-size: 32px;
    }
    .grenier_jeu_image_big_class{
        display:none; 
        width:1435px; 
        height: 964px; 
        position:relative; 
        top: 230px; 
        left:-180px; 
        cursor: pointer;
    }
    .grande_image_grenier {
        width: 1435px;
        position: relative;
        top: 0px;
        left: 0px;
        border: 10px solid white;
      }


    /* Metier Ventilation */

    #ventilation_bouton_buse_rotative {
        width: 530px;
        height: 185px;
        position: absolute;
        top: 960px;
        left: 320px;
        cursor: pointer;
    }
    #ventilation_bouton_harnais {
        width: 565px;
        height: 185px;
        position: absolute;
        top: 960px;
        left: 1275px;
        cursor: pointer;
    }

    #choix_ventilation {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 2157px;
        height: 1216px;
        display: none;
        background-image: url('/assets/images/choix_ventilation.png');
        background-size: contain;
    }

    .image_console {
        position: relative;
        top: -1220px;
        width: 2157px;
    }

    #console_jeu_pacman {
        position: relative;
        top: -2700px;
        left: 735px;
        width: 1025px;
    }
    .grid {
        display: flex;
        flex-wrap: wrap;
        width: 700px;
        height: 250px;
        margin-bottom: 80px;
    }
    

      .grid div{
        width : 70px;
        height: 70px;
    }

    h6 {
        margin: 268px auto -37px -195px;
        color: rgb(246, 184, 30);
        font-size: 35px;
        font-weight: lighter;
        text-transform: uppercase;
        text-shadow: 1.5px 1.5px 0 rgba(239,0,0,1.00);
      }

    #control_robot {
        position: relative;
        bottom: 1923px;
        left: 1843px;
        width: 275px;
        height: 167px;
      }
      #control_robot2 {
        position: relative;
        bottom: 110px;
        left: -1850px;
        width: 275px;
        height: 167px;
      }
      #control_robot3 {
        position: relative;
        bottom: 0px;
        left: -1850px;
        width: 275px;
        height: 167px;
      }

      #position_fleche_bas{
        position: relative;
        top: 78px;
        right: -110px;
        width: 88px;
        height: 75px;
        background: transparent;
        border: none !important;
    }
    #position_fleche_haut {
        position: relative;
        top: 0px;
        right: -18px;
        width: 88px;
        background: transparent;
        border: none !important;
        height: 75px;
      }
    
    #position_fleche_droite{
        position: relative;
        top: 74px;
        right: -16px;
        width: 88px;
        height: 75px;
        background: transparent;
        border: none !important;
    }
    #position_fleche_gauche{
        position: relative;
        top: 74px;
        right: -21px;
        width: 88px;
        height: 75px;
        background: transparent;
        border: none !important;
    }

    #ventilation_jeu_text_reussi {
        position: relative;
        color: white;
        font-size: 60px;
        font-family: 'Avenir Next Bold';
        background-color: rgba(0,0,0,0.3);
        height: 7em;
        margin: 0px 208px;
        text-align: center;
        padding: 80px;
        top: -300px;
        display: none;
        width: 740px;
        left: -1325px;
      }

      #ventilation_jeu_text_echoue {
        position: relative;
        color: white;
        font-size: 60px;
        font-family: 'Avenir Next Bold';
        background-color: rgba(0,0,0,0.3);
        height: 7em;
        margin: 0px 208px;
        text-align: center;
        padding: 80px;
        top: -375px;
        display: none;
        width: 740px;
        left: -1325px;
      }


      a:hover:after {
        content: attr(data-title);
        position: absolute;
        top: 100%;
        left: 87%;
      }

    /* CHIMISTE */
    /* Choix jeu */
    .chimiste_jeu_choix_bouton {
        background-color: rgba(7, 26, 91, 0.6);
        width: 332px;
        padding: 50px;
        margin: 20px;
        text-align: center;
        color: white;
        border: 2px solid white;
        font-size: 50px;
    }
    #chimiste_bouton_colorimetrie{
        position: absolute;
        width: 518px;
        right: 269px;
        top: 558px;
    }
    #chimiste_bouton_colorimetrie h3{
        width: 682px;
    }
    #chimiste_bouton_colorimetrie svg{
        left: -37px;
        top: -178px;
        width: 100px;
        height: 100px;
    }

    #chimiste_bouton_spectrometre{
        left: 158px;
        top: -9px;
    }
    #chimiste_bouton_spectrometre h3{
        width: 567px;
    }
    #chimiste_bouton_spectrometre svg{
        top: 300px;
        left: 250px;
        width: 100px;
        height: 100px;
    }


    #chimiste_jeu_1_instruction{
        font-size: 44px;
        margin: 353px 218px;
        padding: 87px;
    }
    #chimiste_jeu_1_drop_fiole{
        width: 455px;
        height: 372px;
        top: 164px;
        left: 302px;
    }
    #chimiste_jeu_1_draggable_fiole{
        width: 112px;
        height: 228px;
    }
    #chimiste_jeu_1_draggable_fiole img{
        width: 589px;
        top: -61px;
        left: -249px;
    }
    #chimiste_jeu_1_image_echoue > div{
        top: 439px;
        left: 1003px;
        width: 467px;
        font-size: 32px;
    }

    #chimiste_jeu_2_drop_liquide{
        width: 348px;
        height: 362px;
        top: 581px;
        left: 1409px;
    }
    #chimiste_jeu_2_drop_gas{
        width: 285px;
        height: 313px;
        top: 468px;
        left: 1103px;
    }
    #chimiste_jeu_2_drop_plasma{
        width: 262px;
        height: 382px;
        top: 429px;
        left: 837px;
    }
    #chimiste_jeu_2_bandeau_objets{
        width: 708px;
        left: 859px;
        height: 262px;
    }
    #chimiste_jeu_2_bandeau_objets_instruction{
        font-size: 33px;
    }
    #chimiste_jeu_2_draggable_liquide, #chimiste_jeu_2_draggable_gas, #chimiste_jeu_2_draggable_plasma{
        width: 160px;
        height: 160px;
    }
    #chimiste_jeu_2_draggable_liquide img{
        width: 84px;
        top: 20px;
        left: 37px;
    }
    #chimiste_jeu_2_texte_liquide, #chimiste_jeu_2_texte_gas, #chimiste_jeu_2_texte_plasma{
        font-size: 25px;
    }
    #chimiste_jeu_2_texte_liquide{
        top: 17px;
        left: 34px;
    }

    #chimiste_jeu_2_draggable_gas img{
        width: 110px;
        top: 5px;
        left: 26px;
    }
    #chimiste_jeu_2_texte_gas{
        top: -9px;
        left: 53px;
    }

    #chimiste_jeu_2_draggable_plasma img{
        width: 83px;
        top: 19px;
        left: 39px;
    }
    #chimiste_jeu_2_texte_plasma{
        top: 17px;
        left: 37px;
    }


    /* Ingénieur */
    /* Jeu 1 */
    #ingenieur_div_ecran {
        width: 1203px;
        height: 671px;
        top: 163px;
        left: 433px;
        font-size: 28px;
        padding: 40px;
    }
    #ingenieur_jeu_1_question_1, #ingenieur_jeu_1_question_2{
        font-size: 38px;
    }
    .ingenieur_checkbox{
        width:40px;
        height:40px;
    }
    #ingenieur_div_ecran label{
        position: relative;
        top: -6px;
        margin-top: 10px;
    }
    #ingenieur_jeu_1_checkbox_1_bouton, #ingenieur_jeu_1_checkbox_2_bouton{
        font-size: 30px;
    }

    /* Jeu 2 */
    #ingenieur_jeu_2 li{
        margin-top:5px;
    }
    #ingenieur_jeu_2_section_images {
        width: 1735px;
        margin-top: 321px;
    }
    .ingenieur_jeu_2_image_titre{
        font-size: 32px;
    }
    .ingenieur_jeu_2_image_section{
        height: 316px;
    }
    .ingenieur_jeu_2_image_texte{
        height: 262px;
        font-size: 28px;
    }
    #ingenieur_jeu_2_image_1_texte{
        padding-top: 32px;
    }
    #ingenieur_jeu_2_image_2_texte{
        padding-top: 36px;
    }
    #ingenieur_jeu_2_image_3_texte{
        padding-top: 58px;
    }


    #ingenieur_jeu_2_section_bas{
        margin-top: 60px;
    }
    #ingenieur_jeu_2_section_bas_instruction_parent{
        width: 219px;
    }
    #ingenieur_jeu_2_section_bas_image{
        width: 101px;
        left: 55px;
    }
    #ingenieur_jeu_2_section_bas_instruction{
        font-size: 28px;
    }

    .ingenieur_jeu_2_section_bas_phrases{
        font-size: 28px;
    }
    #ingenieur_jeu_2_section_bas_phrase_1{
        width: 503px;
    }
    #ingenieur_jeu_2_section_bas_phrase_2{
        width: 574px;
    }
    #ingenieur_jeu_2_section_bas_phrase_3 {
        width: 483px;
    }
}