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;
 }
 
@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,
 #lblErreur,
 #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;
 }
 #tableauPrincipal {
   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;
 }
 #form1 {position:relative;overflow:auto;width:100%; min-height: 26em;}
 #Table3 {position:relative;overflow:auto;width:100%;}
 .UNIP {bottom: 1.4em} /*2*/
 .VOTRECODE {bottom: 4em} /*4.5*/
 #liensAutresFonctions {bottom: 0em;} /*0.8*/
 #liensAutresFonctionsLogin {bottom: 3em;} /*3.6*/
 #LienEvenementsTechniques {top: 10}

 .en_erreur #form1 {position:relative;overflow:auto;width:100%; min-height: 32em;}

 .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, #lblMessage {
   display: block;
   text-align: center;
 }
 #lblMessage {
   margin-bottom:0px;
   padding-bottom: 0px;
   margin-top: 0px;
 }
 #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;
   */
 }
}