#menuMobile {
     display : none;
     position : fixed;
     background-color : #ffffff;
     z-index  : 1;
     width    : 100%;
     height: 100vh;
     overflow: scroll;
     left     : 0;
     top      : 0;
     opacity  : 95%;
}

#menuMobile .menuGroupe,
#menuMobile a
{
     display : block;
     padding: 10px;
     padding-left  : 5px;
     padding-right : 5px;
     border-radius: 0;
}

#menuMobile a {
     text-decoration : none;
     color           : #3e3e3e
}

#menuMobile a:hover {
     background-color : #999;
     color            : #ffffff
}

#menuHamburger {
     float:right;
     margin-right: 5px;
     display: none;
     right:137px;
     top:40px;
}

#menuHamburger img { width : 45px }

.Dnom   { display : block }
.Dicone { display : none  }

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


     #partieGauche { display : none }
     #partieDroite {margin-left : 10px }
     #menuHamburger { display : block }

}

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

     .ecranBamophar .serie,.ecranBamophar .dernierReleve { font-size : 16px } /* 18 */
     /*#menuHamburger img { width     : 43px } */

     .blocGraphique,.blocTexte    { width : 900px } /* 1000 */
     .ecranBamophar               { width : 900px; height : 450px } /* 1000 , 500 */
     .ecranBamophar .symboleRelai { width : 90px ; height : 90px  } /* 100 , 100 */
     .ecranBamophar .relais       { width : 270px; height : 450px } /* 300 , 500 */
     .ecranBamophar .serie        { width : 270px } /* 300 */
     .ecranBamophar .droite       { padding-left : 270px } /* 300 */
     .ecranBamophar .mesures      { padding-left : 270px; font-size : 36px; top : 180px } /* 300 , 40 , 200 */
     .ecranBamophar .mesure       { right : 243px;        font-size : 81px; top : 55px } /* 270 , 90 , 62 */
     .ecranBamophar .unite        { right : 135px;        font-size : 45px; top : 90px } /* 150 , 50 , 100 */

     .listeVilleClient { display: none; }
     .listeVilleAppareil {display: none;}
     .listeNavigateurSession {display: none;}

}

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

     .ecranBamophar .serie,.ecranBamophar .dernierReleve { font-size : 14px } /* 18 */
     /*#menuMobile        { font-size : 14px }*/
     /*#menuHamburger img { width     : 40px }*/

     .blocGraphique,.blocTexte    { width : 800px } /* 1000 */
     .ecranBamophar               { width : 800px; height : 400px } /* 1000 , 500 */
     .ecranBamophar .symboleRelai { width : 80px ; height : 80px  } /* 100 , 100 */
     .ecranBamophar .relais       { width : 240px; height : 400px } /* 300 , 500 */
     .ecranBamophar .serie        { width : 240px } /* 300 */
     .ecranBamophar .droite       { padding-left : 240px } /* 300 */
     .ecranBamophar .mesures      { padding-left : 240px; font-size : 32px; top : 160px } /* 300 , 40 , 200 */
     .ecranBamophar .mesure       { right : 216px;        font-size : 72px; top : 47px } /* 270 , 90, 62 */
     .ecranBamophar .unite        { right : 120px;        font-size : 40px; top : 80px } /* 150 , 50 , 100 */

     .listeCourrielUtilisateur {display: none;}
     .listeNSAppareil {display: none;}

     .Dnom   { display : none  }
     .Dicone { display : block }
     .colonneCourrielMembre { display: none }

     .caseCoche { width: 45%; }

}

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

     .ecranBamophar .serie,.ecranBamophar .dernierReleve { font-size : 12px } /* 18 */
     /*#menuHamburger img { width     : 38px }*/

     .blocGraphique,.blocTexte    { width : 700px } /* 1000 */
     .ecranBamophar               { width : 700px; height : 350px } /* 1000 , 500 */
     .ecranBamophar .symboleRelai { width : 70px ; height : 70px  } /* 100 , 100 */
     .ecranBamophar .relais       { width : 210px; height : 350px } /* 300 , 500 */
     .ecranBamophar .serie        { width : 210px } /* 300 */
     .ecranBamophar .droite       { padding-left : 210px } /* 300 */
     .ecranBamophar .mesures      { padding-left : 210px; font-size : 28px; top : 140px } /* 300 , 40 , 200 */
     .ecranBamophar .mesure       { right : 189px;        font-size : 63px; top : 43px } /* 270 , 90, 62 */
     .ecranBamophar .unite        { right : 105px;        font-size : 35px; top : 70px } /* 150 , 50 , 100 */

     .listeCodePostalClient { display : none }
     .listeIpSession        { display : none }

}

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

     .ecranBamophar .serie,.ecranBamophar .dernierReleve { font-size : 12px } /* 18 */
     /*#menuHamburger img { width     : 37px }*/

     .blocGraphique,.blocTexte    { width : 600px } /* 1000 */
     .ecranBamophar               { width : 600px; height : 300px } /* 1000 , 500 */
     .ecranBamophar .symboleRelai { width : 60px ; height : 60px  } /* 100 , 100 */
     .ecranBamophar .relais       { width : 180px; height : 300px } /* 300 , 500 */
     .ecranBamophar .serie        { width : 180px } /* 300 */
     .ecranBamophar .droite       { padding-left : 180px } /* 300 */
     .ecranBamophar .mesures      { padding-left : 180px; font-size : 24px; top : 120px } /* 300 , 40 , 200 */
     .ecranBamophar .mesure       { right : 162px;        font-size : 54px; top : 37px } /* 270 , 90, 62 */
     .ecranBamophar .unite        { right : 90px;         font-size : 30px; top : 60px } /* 150 , 50 , 100 */

     .listeCodePostalAppareil {display: none;}

     .champ { width:100%; margin-left:0; margin-right:0 }
     .caseCoche { width: 95%; }

}

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

     .ecranBamophar .serie,.ecranBamophar .dernierReleve { font-size : 9px } /* 18 */
     /*#menuHamburger img { width     : 36px }*/

     .blocGraphique,.blocTexte    { width : 500px } /* 1000 */
     .ecranBamophar               { width : 500px; height : 250px } /* 1000 , 500 */
     .ecranBamophar .symboleRelai { width : 50px ; height : 50px  } /* 100 , 100 */
     .ecranBamophar .relais       { width : 150px; height : 250px } /* 300 , 500 */
     .ecranBamophar .serie        { width : 150px } /* 300 */
     .ecranBamophar .droite       { padding-left : 150px } /* 300 */
     .ecranBamophar .mesures      { padding-left : 150px; font-size : 20px; top : 100px } /* 300 , 40 , 200 */
     .ecranBamophar .mesure       { right : 135px;        font-size : 45px; top : 31px } /* 270 , 90, 62 */
     .ecranBamophar .unite        { right : 75px;         font-size : 25px; top : 50px } /* 150 , 50 , 100 */

     .listeCodeClient        { display : none }
     .listePrenomUtilisateur { display : none }
     .listeDroitsColonne2    { display : none }
     .colonnePrenomMembre    { display : none }

     .blocCentral {
          position : relative;
          width: 100%;
          padding: 0;
          margin-left: 0;
          margin-top:0;
          left:0;
          top:0;
     }

}

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

     /*#menuHamburger img         { width     : 35px }*/

     .blocGraphique,.blocTexte    { width : 400px } /* 1000 */
     .ecranBamophar               { width : 400px; height : 210px } /* 1000 , 500 */
     .ecranBamophar .symboleRelai { width : 40px ; height : 40px  } /* 100 , 100 */
     .ecranBamophar .relais       { width : 120px; height : 210px } /* 300 , 500 */
     .ecranBamophar .serie        { width : 120px } /* 300 */
     .ecranBamophar .droite       { padding-left : 120px } /* 300 */
     .ecranBamophar .mesures      { padding-left : 120px; font-size : 16px; top : 80px } /* 300 , 40 , 200 */
     .ecranBamophar .mesure       { right : 108px;        font-size : 36px; top : 25px } /* 270 , 90, 62 */
     .ecranBamophar .unite        { right : 60px;         font-size : 20px; top : 40px } /* 150 , 50 , 100 */

     .listeInactiviteSession {display: none;}

}

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

     .blocGraphique,.blocTexte    { width : 350px } /* 1000 */
     .ecranBamophar               { width : 350px; height : 190px } /* 1000 , 500 */
     .ecranBamophar .symboleRelai { width : 35px ; height : 35px  } /* 100 , 100 */
     .ecranBamophar .relais       { width : 105px; height : 190px } /* 300 , 500 */
     .ecranBamophar .serie        { width : 105px } /* 300 */
     .ecranBamophar .droite       { padding-left : 105px } /* 300 */
     .ecranBamophar .mesures      { padding-left : 105px; font-size : 14px; top : 65px } /* 300 , 40 , 200 */
     .ecranBamophar .mesure       { right : 94px;         font-size : 31px; top : 22px } /* 270 , 90, 62 */
     .ecranBamophar .unite        { right : 52px;         font-size : 17px; top : 35px } /* 150 , 50 , 100 */

}

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

     .blocGraphique,.blocTexte    { width : 300px } /* 1000 */
     .ecranBamophar               { width : 300px; height : 180px } /* 1000 , 500 */
     .ecranBamophar .symboleRelai { width : 30px ; height : 30px  } /* 100 , 100 */
     .ecranBamophar .relais       { width : 90px; height : 180px } /* 300 , 500 */
     .ecranBamophar .serie        { width : 90px } /* 300 */
     .ecranBamophar .droite       { padding-left : 90px } /* 300 */
     .ecranBamophar .mesures      { padding-left : 90px; font-size : 13px; top : 60px } /* 300 , 40 , 200 */
     .ecranBamophar .mesure       { right : 90px;         font-size : 29px; top : 20px } /* 270 , 90, 62 */
     .ecranBamophar .unite        { right : 48px;         font-size : 15px; top : 32px } /* 150 , 50 , 100 */

     .logo img {width: 100%;height: auto}

}