body {
 font-family:"trebuchet ms",sans-serif;
 font-size:90%;
 }
form {
 background-color:#FAFAFA;
 padding:60px;
 width:750px;
 }
fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid #DF3F3F;
 }
legend {
 color:#DF3F3F;
 font-weight:bold
 }
label {
 margin-top:10px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }
input, textarea, select, option {
 background-color:#FFF3F3;
 }
input[type=submit], input[type=reset] {
  background-color: #007BFF;
  width:200px; 
     height:40px;
    Color:white;
    font-weight: bold;
    padding: 11px 30px;
    border-radius: 3px;
    cursor: pointer; 
    box-shadow: 0 8px 16px 0 grey;
    text-decoration: none;

}

select {
 margin-top:10px;
 }

input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 }
input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 }
 input:focus, textarea:focus {
 background-color:white;
 }
input[type=submit]:focus, input[type=reset]:focus {
 background-color:#FFF3F3;
}
input[type=submit]:hover, input[type=reset]:hover {
 background-color:#FCDEDE;
 }
input[type=submit]:active, input[type=reset]:active {
 background-color:#FCDEDE;
 box-shadow:1px 1px 1px #D83F3D inset;
}

table { /* le quadrillage externe */
border: 3px double blue; /* Bordure du tableau double et bleue */
margin: auto; /* Centrer horizontalement le tableau */
border-collapse: collapse; /* éviter d'avoir un quadrillage double */
}
th { /* Les cellules d'en-têtes */
border: 2px solid blue;
color: white;
font-size: 1.2em;
font-family: "Trebuchet MS";
background-color: blue;
}
td { /* Les cellules normales */
border: 2px solid blue;
font-family: "Comic Sans MS";
font-size: 0.8em;
padding: 8px; /* Remplissage de 8 pixels pour éviter que
le texte touche les bordures */
vertical-align: middle; /* Centrer le contenu des cellules verticalement */
text-align: center; /* Centrer le contenu des cellules horizontalement */
}
caption { /* la légende du tableau */
font-family: "Times New Roman";
font-weight: bold;
font-size: 140%;
color: #330099;
margin-left: auto; /* pour centrer la légende */
margin-right: auto; /* pour centrer la légende */
margin-bottom: 4px; /* titre placé à 4px au-dessus du tableau */
}

table tr{
  background-color:white;
}
table tr:hover{
  background-color:#CEECF5;
}
tbody tr {
 
background-color: #a1f0ed;
 
}
 
tbody tr:nth-child(2n) { 
 
background-color: #f6ffff ;
 
 }
table body tr:hover { 
 
background-color: #00a99e ;
 
color: #ffffff ; 
}
a:hover {
color:white;
text-decoration:none;
background-color:blue;
}

.zoom {
height:400px;
}
.zoom p {
text-align:center;
}
.zoom img {
width:200px;
height:267px;
}
.zoom img:hover {
width:300px;
height:400px;
}

#barre_fixe
{
position: fixed;
padding:0px 0;
top: 0px;
width: 100%;
height: 50px; 
      margin: 0;
      z-index: 99; 
      background-color: #444444;
      
}
      .navbar{
	height: 53px;
	padding: 0;
	margin: 0;
	position: fixed;
	left: -5px;
	top: 0px;
	width: 1779px;
      }
      .navbar li{
      height: auto;
      width: 160px; 
      float: left;  
      text-align: center; 
      list-style: none;  
      font: normal bold 11px/1em Arial, Verdana, Helvetica;  
      padding: 0;
      margin: 0;
      background-color: #444444;
      }
      .navbar a{							
      padding: 18px 0;  
      border-left: 1px solid #ccc9c9;
      text-decoration: none; 
      color: white; 
      display: block;
      }
      .navbar li:hover, a:hover {
      background-color: #444444;
      } 
      .navbar li ul{
      display: none;
      height: auto;									
      margin: 0; 
      padding: 0; 
      }				
      .navbar li:hover ul{
      display: block;
      }
      .navbar li ul li {
      background-color: #444444;
      } 
      .navbar li ul li a{
      border-left: 1px solid #444444; 
      border-right: 1px solid #444444; 
      border-top: 1px solid #c9d4d8; 
      border-bottom: 1px solid #444444; 
      }
      .navbar li ul li a:hover{
      background-color: #a3a1a1;
      }
	  .active {
    background-color: #4CAF50;
	}  
	  li {
    float: left;
    border-right:1px solid #bbb;
}
	   .active {
    background-color: #4CAF50;
	}
#piedDePage{
	background-color:#444444;
	padding:50px 0;
	width: 100%;
	text-align:center;
	font-family:verdana;
	font-size:12px;
	height:50px;
	padding-top:20px;
	color:#FFFFFF;	
}	
	
input, textarea, select, option {
 background-color:#FFF3F3;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 width:400px; 
 height:35px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
font-size:16px; 
} 

select {
 width:150px; 
 height:35px;

} 
input[type=number]{
 width:75px; 
} 

 
 select {
 margin-top:0px;
 }
input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 }
input[type=submit], input[type=reset] {
 width:150px;
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 }
 input:focus, textarea:focus {
 background-color:white;
 }
input[type=submit]:focus, input[type=reset]:focus {
 background-color:blue;
}
input[type=submit]:hover, input[type=reset]:hover {
 background-color:blue;
 }
input[type=submit]:active, input[type=reset]:active {
 background-color:#FCDEDE;
 box-shadow:1px 1px 1px #D83F3D inset;
}

a:hover {
color:white;
text-decoration:none;
background-color:blue;