/* Pour que le footer reste en bas de page 
quelque soit le peu de contenu de la page*/
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}


/* Généralités */

/*
Bleu #24346C
Doré #D8A301
Gris #808080
*/

.gras{
  font-weight: bold;
}

.italique{
 font-style: italic;
}

.police{
  font-size: 120%;
}

h3{
  color: #24346C;
}

h4{
  color: #D8A301;
}

h5{
  color: #808080; /* gris */
  font-weight: bold;
}

.bleu{
  color: #24346C;
}

.or{
  background-color: #D8A301;
}

.fondbleu{
  background-color: #24346C;
}

#masquer{
  display: none;
}

/* Boutons radio */

label{
  color: black;
  font-weight: normal;
}

[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::after {
    background-color: black;
}

[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::before, [type="radio"].with-gap:checked + span::after {
    border: 2px solid black;
}

[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) + span::after {
    border: 2px solid black;
}


/* Boutons submit */
[type="submit"], .retour{
  background-color: #24346C;
}

[type="submit"]:hover, .retour:hover{
  background-color: #00aee5; /* #4273bd */
}




/* pied de page - footer */
.page-footer{
  /*background-color: #163d8c; */
  background-color: transparent;
  border-top: 3px solid #24346C;
}

html > body > footer.page-footer > div.footer-copyright{
  background-color: #24346C;
}


/*site responsive pour smartphone*/

@media screen and (max-width: 600px) /*780 ou 600px ?*/
{

  h3
  {
    font-size: 27px;
  }

  

}