html {
  position: relative;
  font-size: 1rem;
  font-family: 'Rubik', sans-serif;
}

body {
  padding-top: 0px;

}

hr {
  border-top: 3px solid #333;
  width: 50%;

}

.date {
  color: #475BF2;
  text-decoration: none;
}

.row {
  margin: 5px 0;
}

.container-fluid {
    background-color: #F7FFEB;
    min-height: 100%;
      padding-bottom: 30px;
}

.rules {
  
}

li::marker {
  color : #475BF2;
}
.image1 {
  background-image: url("download.png");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
}

#subscribe-result {
padding: 15px 0 0 0;
}

#archive_date {
  color : #4E73B9;
  font-weight: bold;
  text-align: center;
}

.colorblue {
  color: #475BF2;
  text-decoration: underline;
}

sup {
  color: black;
  font-size: smaller;
}

.footnotes {
  font-size: smaller;
  font-style: italic;
  color: black;
}

iframe {
  display:none;
  visibility:hidden;
}

li {
  list-style: none;
}

li:before {
content: "\f005";
font-family: "Font Awesome 5 Free";
color: #475BF2;
margin-right: 1rem;
}

ul p a:before {
margin-left: 2rem;
content: "*";
font-family: "Font Awesome 5 Free";
color: #475BF2;
margin-right: 1rem;
}

h1 {
  text-align: center;
  font-family: 'Rubik Bubbles', sans-serif;
  margin: 30px 0 20px 0;
}

h2 {
  font-family: 'Rubik', sans-serif;
  font-size: 2rem;
  text-decoration: underline;
  text-decoration-style: wavy;
  text-decoration-color: #475BF2;
}

h3 {
  padding-top: 10px;
  font-family: 'Rubik', sans-serif;
}

h4 {
margin-left: 2rem;
}

h4:before {
content: "\f005";
font-family: "Font Awesome 5 Free";
color: #475BF2;
margin-right: 1rem;
}

h5 {
text-align: center;
margin-top: 2rem;
}

.main {
  color: #4E73B9;
  font-weight: bold;
}

span {
  text-decoration: underline;
}

.main_menu a:link {
  letter-spacing: 3px;
  font-size: 1em;
  font-weight: bold;
}

a:link {
  color: #475BF2;
    font-family: 'Rubik', sans-serif;

}

a:visited {
  color: #475BF2;
}

a:hover {
  color: black;
}

@media (min-width: 576px) {
  h1 {
    font-size: 5rem;
  }
}

@media (max-width: 576px) {

  h1 {
    font-size: 4rem;
  }

  .btn-subscribe {
    margin-top: 10px;
  }

  .footnotes {
    font-size: large
  }
}


    .content {
      display: none; /* caché par défaut */
    }

    .open {
      display: block;
    }