BODY {
       BORDER-TOP-WIDTH: 0px;
       PADDING-RIGHT: 0px;
       PADDING-LEFT: 0px;
       BORDER-LEFT-WIDTH: 0px;
       BACKGROUND-COLOR: #fffbe8;
       BORDER-BOTTOM-WIDTH: 0px;
       PADDING-BOTTOM: 0px;
       MARGIN: 0px;
       COLOR: Black;
       PADDING-TOP: 0px;
       TEXT-ALIGN: left;
       BORDER-RIGHT-WIDTH: 0px;
       FONT-SIZE :10px;
       FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    }

    TD
    {
       FONT-SIZE :10px;
       FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    }

    A {
       COLOR: #2E6CBF;
       FONT-WEIGHT: bold;
       FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
       TEXT-DECORATION: none;
    }

    A:hover {
       FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
       TEXT-DECORATION: underline;
    }

    .ESPACEMENTCONTENU
    {
       PADDING-LEFT: 17px;
       PADDING-TOP: 15px;
    }

    .ATTENTION
    {
       FONT-SIZE :xx-small;
       BORDER-TOP: black 1px solid ;
       MARGIN-TOP: 1px;
       MARGIN-BOTTOM: 1px;
       BORDER-BOTTOM: black 1px solid;
    }

    .SECURITE
    {
       FONT-SIZE :xx-small;
       PADDING-LEFT : 15px;
       PADDING-RIGHT : 75px;
       PADDING-TOP : 5px;
       PADDING-BOTTOM: 5px;
       BORDER-TOP: black 1px solid ;
       MARGIN-TOP: 1px;
       MARGIN-BOTTOM: 1px;
       BORDER-BOTTOM: black 1px solid;
    }

    .UNIP, .VOTRECODE
    {
       FONT-SIZE: small;
       FONT-WEIGHT: bold;
       FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
       display: None !important;
    }

    .SESSION
    {
       FONT-SIZE: small;
       FONT-WEIGHT: bold;
       FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    }

    .MESSAGE
    {
       color:Red;
    }

    .ESPACE
    {
       PADDING-BOTTOM: 5px;
    }

    .UMBOUTON
    {
       BACKGROUND-COLOR: #4F8BD4;
       COLOR : #FFFBE8;
       border-color : 8A9CA8;
       FONT-SIZE :10px;
       FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
       font-weight:bold;
    }

    #lblCodeAcces{
      font-weight: bold;
      white-space:nowrap;
    }

     .liensBasPage {
       margin-right:1em;
     }

    .credentials_input_text, .credentials_input_password {
        width:120px;
    }



@media (max-width: 640px) {

    #lblMessage > label:first-child {
        display: block;
    }

    #lblMessage {
        text-align: left;

    }

     /* passer tous les �l�ments de largeur fixe en largeur automatique */
     body  {
       width: auto;
       margin: auto 10px;
       padding: 0;
     }

     /* fixer une largeur maximale  de 100 % aux �l�ments potentiellement probl�matiques */
     img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
       max-width: 100%;
     }
    /* conserver le ratio des images et emp�cher les d�bordements de bo�tes d�s aux border ou padding */
     img {
       height: auto; width: auto;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
     }

     /* gestion des mots longs */
     textarea, table, td, th, code, pre, samp {
       word-wrap: break-word; /* passage � la ligne forc� */
       -webkit-hyphens: auto; /* c�sure propre */
       -moz-hyphens: auto;
       hyphens: auto;
     }
     code, pre, samp {
       white-space: pre-wrap; /* passage � la ligne sp�cifique pour les �l�ments � ch�sse fixe */
     }

     /* Passer � une seule colonne (� appliquer aux �l�ments multi-colonnes) */
     element1, element2 {
       float: none !important;
       width: auto !important
     }
     /* Augmenter la taille  du texte pour une meilleure lecture sur mobile */
     #liensAutresFonctions,
     #liensAutresFonctionsLogin,
     #LienEvenementsTechniques,
     #Table2 td strong,
     #Table1 td[align="left"],
     .SECURITE,
     #pnDescriptionApplication table td,
     #titreCodeIdentification,
     #lblMessage,
     .inspectionHostDIVBig,
     #lblErreur,
     #credentials_table_postheader,
     #PanelCodeAcces,
     #Panel1 {
       font-size:1.2em
     }

     /* ajouter des éléments */
     .VOTRECODE, .UNIP {
        display: block !important;
     }

     #lblInvite,
     #btnValider,
     #btnContinuer,
     #btnRecomencer,
     #Button1,
     #Button2,
     .UMBOUTON {
       font-size:1.4em;
     }

     #titreFonction font,
     .SESSION,
     #Label1 {
       font-size:1.8em !important;
     }
     #main_table {
       width: 100%;
       min-width:320px;
     }

     /* masquer les �l�ments superflus */
     .hide_mobile {
       display: none !important;
     }

     #liensAutresFonctions,
     #liensAutresFonctionsLogin,
     #LienEvenementsTechniques,
     .UNIP,
     .VOTRECODE {
       position: absolute;
       left: 0;
       width:100%;
       white-space:nowrap;
       text-align:center;
     }

     #auth_form {position:relative;overflow:auto;width:100%; min-height: 36em;}
     #Table3 {position:relative;overflow:auto;width:100%;}
     .UNIP {bottom: 1em} /*2*/
     .VOTRECODE {bottom: 4em} /*4.5*/
     #liensAutresFonctions {bottom: 0em;} /*0.8*/
     #liensAutresFonctionsLogin {bottom: 3em;} /*3.6*/
     #LienEvenementsTechniques {top: 10}

     .liensBasPage{
       display:block;
     }

     .ESPACEMENTCONTENU {
       padding:0 10px;
       padding-bottom:10px; /* 2.4 */
     }

      #Table2{
       margin:0 auto;
       text-align: center;
       border-collapse:collapse;
     }
     #Table2 td strong {
       display: block;
       margin: 5px -21px 3px 0;
     }
     #Table10 {margin-top:10px}
     #btnValider {
       margin-right: -21px;
     }
     #lblInvite, #lblErreur, #credentials_table_postheader, .inspectionHostDIVBig {
       display: block;
       text-align: center;
     }

     #credentials_table_postheader {
        padding-bottom:10px;
     }

     #credentials_table_postheader, .inspectionHostDIVBig {
       margin-bottom:30px;
       padding-bottom: 10px;
     }
     #lblMessage {
       margin-bottom:0px;
       padding-bottom: 0px;
       margin-top:10px;
     }
     #lblErreur,
     #tableBoutons {
       margin-bottom:5px;
     }

     #titreFonction {
       text-align: left;
     }

     #titreCodeIdentification {
       white-space: nowrap;
     }

     /* Un message personnalis� */
     body:before {
    /*
       display: block;
       color: #777;
       text-align: center;
       font-style: italic;
       */
     }
}