body {
    size: A4; 
    margin:10mm; 
    background-color: white;
}

svg {
    margin: 0 auto; 
    max-width: 760px;
    margin: auto;
    display: inline-block;
}

header {
  padding: 15px 30px;
  background-color: rgb(207, 212, 247);
  color: white;
  margin-bottom: 20px;
  border-top:1px solid rgb(145, 149, 150) ;
}

footer {
  background-color: rgb(240, 241, 255);
  padding: 15px 30px;
  border-top: 1px solid rgb(178, 173, 230);
}

.main-banner {
    margin: 10px; 
}

.carte {
  display: inline-block;
}

.switch-button {
  -webkit-border-radius: 25;
  -moz-border-radius: 25;
  border-radius: 25px;
  -webkit-box-shadow: 0px 1px 3px #2b0c2b;
  -moz-box-shadow: 0px 1px 3px #2b0c2b;
  box-shadow: 0px 1px 3px #2b0c2b;
  font-family: Georgia;
  color: #141214;
  font-size: 10px;
  padding: 10px;
  background: #cbb8f4;
  border: solid #c29df3 2px;
  text-decoration: none;
}

.switch-button:hover {
  background: #e176ed;
  background-image: -webkit-linear-gradient(top, #e176ed, #c034d9);
  background-image: -moz-linear-gradient(top, #e176ed, #c034d9);
  background-image: -ms-linear-gradient(top, #e176ed, #c034d9);
  background-image: -o-linear-gradient(top, #e176ed, #c034d9);
  background-image: linear-gradient(to bottom, #e176ed, #c034d9);
  text-decoration: none;
}