body {
    background: rgb(204,204,204);
  }

page {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
    width: 21cm;
    height: 29.7cm; 
    padding: 5%;    
  }

section, p {
  text-align: justify;
}

p{
  text-indent: 40px;
}

.pageC {
  text-align: center;
  padding: 3em;
}

.page1 {
  text-align: center;
}

.page2 {
  text-align: center;
  padding: 3em;
}


h3 {
    text-align: center;
}

  .logo {
    text-align: center;
    padding: 25%;
  }    

  th,td{padding:5px;}
th{
  background-color:#000;color:#fff;
  font-size: 85%;
}
/* couleur de fond générale */
tr{
  background-color:gainsboro;
}

tr td:first-child{
  background-color:#7ed3f7;
  text-align:center
}

tr:nth-child(2) td:first-child{
  background-color:#00aeef;
}
tr:nth-child(3) td:first-child{
  background-color:#f4d044;
}
tr:nth-child(4) td:first-child{
  background-color: #0db14b;
}

.baisse {
  color: red;
  font-weight: bold;
}

td {
  text-align: center;
}

.com
{
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.footer1 {
  text-align: center; 
  margin-top: 5em;
  float: right;
  font-size: smaller;
  }

.footer2 {
    text-align: center; 
    margin-top: 2em;
    float: right;
    font-size: smaller;
}
  
.footer3 {
  text-align: center; 
  margin-top: 2em;
  float: right;
  font-size: smaller;
}

.footer4 {
    text-align: center; 
    margin-top: 61em;
    float: right;
    font-size: smaller;
}
.footer5 {
  text-align: center; 
  margin-top: 50em;
  float: right;
}
.qrCode {
  text-align: center;
  margin: -30%;
}

.siteInternet {
  text-align: center;
  text-transform:lowercase;
  padding: 35%;
}

.chiffre {
  color:#262262;
}

/* Media Queries */
@media (max-width: 1200px) {
  page {
    width: 90%;
    height: auto;
    padding: 4%;
  }

  .logo {
    padding: 20%;
  }

  .siteInternet {
    padding: 30%;
  }
}

@media (max-width: 992px) {
  page {
    width: 95%;
    padding: 3%;
  }

  .logo {
    padding: 15%;
  }

  .siteInternet {
    padding: 25%;
  }
}

@media (max-width: 768px) {
  page {
    width: 100%;
    padding: 2%;
  }

  .logo {
    padding: 10%;
  }

  .siteInternet {
    padding: 20%;
  }
}

@media (max-width: 576px) {
  page {
    margin: 0;
    padding: 1%;
    box-shadow: none;
  }

  .logo {
    padding: 5%;
  }

  .siteInternet {
    padding: 10%;
  }
}