.tableau1 {
  border:0px solid;
  border-radius: 10px 10px 10px 10px;
  background:hsl(0, 0%, 100%);
  caption-side: bottom;
  box-shadow: 5px 5px 5px gray;
}

.tableau1 caption {
  font-variant: small-caps;
  color: gray;
}

.tableau1 th
{
  color: white;
  background-color: #f87f70;
  padding: 4px;
}
.tableau1 th::first-letter
{
  color: #FFEBCC;
}

.tableau1 tr:nth-child(2n){
  color: black;
  background-color: rgb(58, 1, 1);
  background-color: #f5e5a7;
  
}
.tableau1 tr:nth-child(2n+1){
  color: black;
  background-color: rgb(59, 0, 0);
  background-color: #e7bd7e;
  
}

.tableau1 td
{
  padding: 10px;
}

.tableau1 td:first-child::first-letter{
  color: #b02121;
  font-weight: bold;
}
.tableau1 td:last-child::before
{
  content: "✆ ";
  color: #000000;
}
.tableau1 td:last-child
{
  padding-left: 0.3em;
}


.tableau1 td:nth-child(2)
{
  font-style: oblique;
  padding-left: 0.3em;
  text-align: left;
}
.tableau1 td:nth-child(3)
{
  text-align: center;
}
.tableau1 td:first-child
{
  font-variant:small-caps;
  font-weight: bold;
  

}

.tableau1 tbody>tr:last-child td:first-child
{
  border-radius: 0px 0px 0px 10px;
}
.tableau1 tbody>tr:last-child td:last-child
{
  border-radius: 0px 0px 10px 0px;
}

.tableau1 thead th:first-child
{
  border-radius: 10px 0px 0px 0px;
}
.tableau1 thead th:last-child
{
  border-radius: 0px 10px 0px 0px;
}




.tableau2 tr
{
  height: 50px;
}
.tableau2
{
  border-collapse: collapse;
}
.tableau2 td
{
  color: #000000;
  text-align: center;
  background-color: aqua;
  width: 100px;
}

.tableau2 tr:first-child td:first-child
{
  color: wheat;
  background-color: blue;
}

.tableau2 tr:first-child td:last-child
{
  background-color: red;
}

.tableau2 tr:nth-child(2) td:nth-child(1)
{
  background-color: pink;
}
.tableau2 tr:nth-child(2) td:nth-child(2)
{
  background-color: green;
}
.tableau2 tr:nth-child(3) td:nth-child(1)
{
  background-color: yellow;
}
.tableau2 tr:nth-child(4) td:nth-child(1)
{
  background-color: goldenrod;
}
.tableau2 tr:nth-child(4) td:nth-child(2)
{
  background-color: grey;
}
.tableau2 tr:nth-child(5) td:nth-child(1)
{
  background-color: purple;
}


form
{
  padding-top: 1em;
  width: 15em;
  border-radius: 10px 10px 10px 10px;

  background-color: white;
}
fieldset
{
  text-align: center;
  border-color: white;
  border-width: 0;
}
label
{
  display: block;
  text-align:left;
  padding-left: 2em;
  color: #000000;
}

label::first-letter
{
  font-weight: bolder;
  color: rgb(56, 56, 224);
}

input
{
  border-radius: 10px 10px 10px 10px;
  background-color: lightgrey;
}
textarea
{

  border-radius: 10px 10px 10px 10px;
  background-color: lightgrey;
}
button
{
  border-radius: 10px 10px 10px 10px;
  color: white;
  background-color: blue;

}

#but 
{
  margin-left: 3em;
}