<!DOCTYPE html>
<html>
<head>
<style type="text/css">

* {
      font-family: Verdana;
    }

#5cstyle {
  font-family: "Verdana";
  border-collapse: collapse;
  width: 100%;
  border: 2px solid Blue ;
  border-radius: 5px;
}

p.header {
  font-size: 35px;
  font-color: bleu;
  font-family: "Verdana";
  font-style: normal;
  text-align: left;
  border: 2px solid Blue ;
  border-radius: 5px;
}

p.round {
  border: 2px solid green ;
  border-radius: 5px;
}

table.round1800 {
  width: 1800;
  border: 2px solid green ;
  border-radius: 5px;
}

table.round600 {
  width: 600;
  border: 2px solid green ;
  border-radius: 5px;
}

table.round800 {
  width: 800;
  border: 2px solid green ;
  border-radius: 5px;
}

table.round1000 {
  width: 1000;
  border: 2px solid green ;
  border-radius: 5px;
}

table.mail {
  width: 700;
  border: 2px solid blue ;
  border-radius: 5px;
}

th.simple {
  font-size: 14px;
  font-family: "Verdana";
  font-style: normal;
  text-align: left;
}
th.underline_left {
  font-size: 14px;
  font-family: "Verdana";
  font-style: normal;
  text-align: left;
  border-bottom: 1px solid grey;
}

th.underline_center {
  font-size: 14px;
  font-family: "Verdana";
  font-style: normal;
  text-align: center;
  border-bottom: 1px solid grey;
}


.button {
  color: black;
  padding: 2px 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 2px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 6px;
}

.buttontitre {
  color: black;
  padding: 2px 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 2px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 6px;
}

.buttonblue {
  background-color: DodgerBlue;
  color: black;
  border: 2px solid lightgray;
}

.buttonblue:hover {
  background-color: DeepskyBlue;
  color: white;
}

.buttonorange {
  background-color: Coral;
  color: black;
  border: 2px solid lightgray;
}

.buttonorange:hover {
  background-color: LightSalmon;
  color: black;
}

.buttongreen {
  background-color: GreenYellow;
  color: black;
  border: 2px solid lightgray;
}

.buttongreen:hover {
  background-color: SpringGreen;
  color: black;
}

.buttonred {
  background-color: red;
  color: white;
  border: 2px solid lightgray;
}

.buttonred:hover {
  background-color: orange;
  color: black;
}

.buttonyel {
  background-color: yellow;
  color: black;
  border: 2px solid red;
}

.buttonyel:hover {
  background-color: Magenta;
  color: black;
}

.button2 {
  background-color: Orchid;
  color: black;
  border: 2px solid red;
}

.button2:hover {
  background-color: Magenta;
  color: white;
}

.buttonproduit {
  background-color: gold;
  color: black;
  border: 2px solid lightgray;
}

.buttonproduit:hover {
  background-color: khaki;
  color: white;
}

</style>
</head>
</html>