html, body {
            height: 100%;
            font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
            padding:0;
            margin: 0;
            overflow: auto;                           
			background-color:grey;
        }
        .page-container { margin: 10px; }

        /* horizontal panel*/
        .panel-container {
            display: flex;
            flex-direction: row;   
            border: 1px solid silver;         
            overflow: hidden;                   
        }
        .panneau_gauche,.panel2-left{
            flex: 0 0 auto;  /* only manually resize */
            padding: 10px;
            width: 40%;
            min-height: 10px;
            min-width: 150px;
            white-space: nowrap;          
            background: #0202020;
            color: black;
        }

        .splitter, .splitter2,.splitter3 {
            flex: 0 0 auto;
            width: 18px;
            min-height: 10px;
            cursor: col-resize;
            background: black;
        }
        .panneau_droit, .panel2-right {
            flex: 1 1 auto; /* resizable */
            padding: 10px;
            width: 60%;
            min-height: 10px;
            min-width: 200px !important;   /* NOTE: This won't be respected! Explicit size of left forces the size to be fixed */
            background: #eee;
        }
a {
	}
p{
	text-align:left;
	}
h1 {
	color:red;
	font-weight:bold;
	font-size:2em;
	text-align:center;
	display:inline;
}
h2 {
	color:blue;
	font-size:1.5em;
	text-align:center;
	line-height:1em;
text-align:left;
	}
h3 {
	color:green;
	font-size:1;
	text-decoration: underline;
	text-align:left;
	line-height:1em
	}
h4 {
color:green;
font-style:italic;
text-decoration: underline;
font-size:14px;
text-align:center;
}

table {
 border-width:1px; 
 border-style:solid; 
 border-color:black;
 border-collapse:collapse;
 vertical-align:middle;
 text-align:left;
 max-height:400px;
 }
td { 
 border-width:1px;
 border-style:solid; 
 border-color:lightgrey;
 width:auto;
 padding:5px;
 }
 select{
	 vertical-align: middle;
	 width:200px; 
	 position:relative;
	 display:block;
	 }
 label{
 vertical-align: middle;
 display:left;
 }
 
img{
		vertical-align:middle;
		}
	
/* Mise en forme des boutons */
.bouton {
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 1em;
	text-align:left;
    display: inline-block;
    padding-left: 0px; /* Décalage de l'icône du bouton */
    cursor: pointer;
	color:#3379aaff;
    overflow: visible;
    height: auto; /* hauteur du bouton */
    width:auto; /* largeur du bouton */
	background-color:#d7ebf9ff; /* couleur de fond */ 
	border-radius : 10px;
}
/* Mise en forme des icones des boutons */
.image_icone{
	background-repeat:no-repeat !important;
	padding:5px;
	margin-left:-5px;
	height:36px;
	width:36px;
}
.image_icone_aide{
	background-repeat:no-repeat !important;
	padding:5px;
	margin-left:-5px;
	height:36px;
	width:36px;
}
.goupe_boutons1{
	background-color:lightgrey;
}
.goupe_boutons2{
	background-color:lightgrey;
}
.goupe_boutons3{
	background-color:lightgrey;
}
        .separateur {
            display:inline-block;
			width: 10px;
            height: 48px;
        }

/* Modification du bouton de fermeture des boites de dialogue */
.ui-dialog-titlebar-close
{
  outline-width: 0px !important;
  background-color: transparent !important;
  background-image: url('../icones/icon-close-16.png') !important;
  background-repeat:no-repeat !important;
}
.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:focus 
{
    background-color: transparent !important;
    background-image: url('../icones/icon-close-16.png') !important;
	background-repeat:no-repeat !important;
}

/* Masque le "x" de la boite de dialogue */
.ui-dialog-titlebar-close span 
{  display:none !important;  }

/* fond translucide */
.ui-dialog 
{  
	opacity: 1;  
}