#barre_fixe
{
position: fixed;
padding:0px 0;
top: 0px;
width: 100%;

}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
    border-right:1px solid #bbb;
}

li:last-child {
    border-right: none;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #111;
}

.active {
    background-color: #4CAF50;
}


body {
 font-family:"trebuchet ms",sans-serif;
 font-size:90%;
 }
form {
 background-color:#FAFAFA;
 padding:10px;
 width:480px;
 }
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, textarea, select {
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 width:200px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:0px;
 }
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:red;
}
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;
}