span.titre
{
font-size:25pt;
}

span.soustitre
{
color:#4CAF50;
margin-left:2px;
}

div
{
 padding:0;
 margin:0;
 font-family: "Segoe UI";
}

div#panneau_central
{
 position:absolute;	
 bottom:5px;
 top:110px;
 left:10px;
 right:10px;
 /*overflow:auto;*/
 font-size:16pt;
 
 
}

div#panneau_haut
{
 position:absolute;	
 top:60px;
 height:50px;
 right:5px;
 left:5px;
 background-color:#4CAF50;
 box-shadow:0 2px 5px 0 silver;
}

div#panneau_haut ul
{
 list-style-type:none;
 padding:0;
 margin:0;
}

div#panneau_haut ul li
{
 float:left;
 font-size:14pt;
 color:white;
 height:50px;
 line-height:50px;
 padding-left:10px;
 padding-right:10px;
}

div#panneau_haut ul li.selection
{
 background-color:#F5F5F5;
 color:black;
 cursor:pointer;
}

div#panneau_gauche ul li.selection
{
 color:#4CAF50;
}

div#panneau_haut ul li:hover
{
 background-color:white;
 color:black;
 cursor:pointer;
}

table
{
 margin-top:10px;
 border:1px solid black;
}

table thead tr
{
 text-align:center;
 font-weight:bold;
 background-color:#F5F5F5;
}

table tr td
{
 border-bottom:1px dotted silver;
 padding:2px;
}

table tbody tr td:nth-child(2)
{
 text-align:center;
}

table tbody tr:hover
{
 background-color:silver;
 color:white;
 cursor:pointer;
}

table tbody tr.selected
{
 background-color:#CD5C5C;
 color:white;
}

table thead td
{
 cursor:pointer;
}

div.bloc > div:nth-child(1)
{
 width:100%;
 height:26px;
 background-color:green;
 color:white;
 padding:2px;
 margin-top:10px;	
}

div.bloc > div:nth-child(2)
{
 width:100%;
 padding:2px;
 color:navy;
 margin-bottom:20px;
}

/*-------------------------------------------------*/
button 
{
 border:solid 1px silver;
 padding:10px 20px;
 background-color: silver;
 color:white;
 font-weight:bold;
 border-radius: 2px;
}

button:hover
{
 outline: 0;
 color: #fff;
 border-color: gray;
 background-color: gray;
 text-decoration: none;
 cursor:pointer;
}