/*  html
{
  background-color: C3BFB4;
  background: url("images/diamant.png") no-repeat;
  background-position: 50% 0;
  background-size: cover;
} */

body
{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font: size 18px;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

marquee
{
  background-color: rgba(255, 0, 0, 0.308);
  vertical-align: middle;
  padding: 2px;
  direction: left; 
  height: 24px;
}

p
{
  margin-left: 5%;
  margin-right: 5%;
  font-size: 16px;
}

.center 
{
  text-align: center;
}

li
{
  font-size: 20px;
  padding: 5px;
}

table {
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;
  width: 100%;
  table-layout:fixed;
  font-size: 14px;
}

td {
  text-align: center;
  padding: 10px;
}

/* Crée un paragraphe avec couleur de fond 
   différent avec coin rond */
.para1
{
  text-align: center;
  background-color: #717770;
  color: #E5BEA0;
  margin: 10px;
  margin-left: 5%;
  margin-right: 5%;
  border-radius: 25px;
  padding: 2px;
}

/* Crée une boîte avec un contour */
.box
{
  width: 90%;
  border: 15px solid #717770;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 25px;
}

/* Crée un arrière-plan foncé avec texte pâle */
.head3
{
  text-align: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 20px;
  font-weight: bold;
  background-color: #344F4C;
  color: #E5BEA0;
  margin-left: 5%;
  margin-right: 5%;
  padding: 8px;
}

section
{
  text-align: center;
  display: inline-block;
  width: 45%;
  vertical-align: top;
  padding: 15px;
}

footer
{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  width: 100%;
  font-size: 12px;
}

/* ######### Animation ######### */
/* Crée l'effet de zoom pour les titres */
.anim_titre {
  /* Positionne le titre sous le menu */
  margin: 70px auto 0px auto;
  text-align: center;
  width: 100%;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: black;

  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-name: taille, couleur;
}

@keyframes couleur {
  from {color: rgba(229, 190, 160, .7);}
  25%  {color: #C3BFB4;}
  50%  {color: #717770;}
  75%  {color: #344F4C;}
  to   {color: black;}
}

@keyframes taille {
  from {width: 10%; font-size: 0%;}
  to   {width: 100%; font-size: 100%}
}
/* ######### Animation ######### */