body {/*formulaires*/
 font-family:"trebuchet ms",sans-serif;
 }
form {
 background-color:#FAFAFA;
 }
fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid rgb(0,102,153);
 }
legend {
 color:rgb(0,102,153);
 font-weight:bold
 }
label {
display: block; /* La balise devient de type block. */
width: 150px;
float: left;
text-align: left;
 }
label.inline {
 display:inline;
 margin-right:20px;
 }
input, textarea, select, option {
 background-color:rgb(204,224,234);
 }
input, select {
 padding:3px;
 border:1px solid rgb(0,102,153);
 border-radius:5px;
 width:200px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
 
 textarea
 {
 padding:3px;
 border:1px solid rgb(0,102,153);
 border-radius:5px;
 width:95%;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
 
 
 
 #formulaire  /* pour les formulaire flebox */
{
    display: flex;
    flex-wrap: nowrap;
	justify-content: space-around
}
 
 
 
select {
 margin-top:10px;
 }
input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 }
input[type=submit], input[type=ajouter] {
 width:200px;
 margin-left:49%;
 box-shadow:1px 1px 1px rgb(153,194,214);
 cursor:pointer;
 }

 
 
 
ul {
 padding: 0;/*Menu*/
 margin: 0;
 list-style-type:none;
 margin-bottom:75px;
 }
li {
 float:left;
 border:1px solid black;
 }
ul li a {
 display:block;
 float:left;   
 width:250px;
 line-height:70px;
 background-color: rgb(0,102,153);
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 }
ul li a:hover {
 background-color:black;
 color:white;
 }

nav
{
border: 1px solid white;
}





.lienstableau :hover
 {
 background-color:black;
 color:white;
 }
 

 
 
 
 
h1 /*Titre*/
{
color : rgb(0,102,153) ;
font-size: 3.0em;
text-align: center;
}

h2 /*Sous Titre*/
{
color : rgb(153,194,214);
font-size: 1.5em;
}

h4 /*Erreur*/
{
color : red ;
font-size: 1.5em;
text-align: center;
}

li /*Listes*/
{
color : rgb(153,194,214);
font-size: 1.5em;
}

table
{
margin: auto;
border-collapse: collapse ;
}

th
{

font-size: 1.0em;
text-align: center;
border:solid;
border-color:rgb(153,194,214);
border-width:2px;
padding:10px;
}

td
{

font-size: 1.0em;
text-align: center;
border:solid;
border-color:rgb(204,204,204);
border-width:2px;
padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px;
}

a
{
color : rgb(102,163,194);
text-decoration: none;
}

a:hover
{
color: rgb(204,204,204);
}

a:visited
{
color : rgb(102,163,194);
}


img 
{
vertical-align:top;
}


.barre1
{   
height: 7pt;
background-color:red;
}

.barre2
{   
height: 14pt;
background-color:#FF6600;
}