/* 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 */

.gras{
  font-weight: bold;
}

.italique{
 font-style: italic;
}

.police{
  font-size: 120%;
}

.marge{
  padding-left: 35px;
}

/* Carte */
.card{
  background-color: #fbf8f4;
}

/* Index */
/* Boutons */

#connexion{
  background-color: #0d47a1;
}

#connexion:hover{
  background-color: #bbdefb;
  color: black;
}


#mdp_oublie, #inscription{
  background-color: #8c6516;
}

#mdp_oublie:hover, #inscription:hover{
  background-color: #f5c564;
  color: black;
}

#btn_mdp{
  background-color: #33691e;
  color: white;
}

#btn_mdp:hover{
  background-color: #aed581;
  color: black;
}


#btn_cpte{
  background-color: #ad1457;
  color: white;
}

#btn_cpte:hover{
  background-color: #f8bbd0;
  color: black;
}

#eye, #eye_confirme{
  cursor: pointer;
}


/* dropdown */
.dropdown-content li > a{
  color:#163d8c;
}


/* questionnaire */

.question{
  font-weight: bold;
  color: #163d8c;
}

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

.retrait{
  padding-left: 25px;
}

.marge_haut{
  padding-top: 30px;
}

.marge_bas{
  margin-bottom: 35px;
  margin-top: 15px;
}

.marge_q5{
  margin-bottom: 15px;
  margin-top: 15px;
}


/*Changer la couleur des boutons radio*/

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

[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) + span::after {
    border: 2px solid #163d8c;
}
[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::after {
    background-color: #163d8c;
}
[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + span::before, [type="radio"].with-gap:checked + span::after {
    border: 2px solid #163d8c;
}

/* Cases à acocher */

[type="checkbox"] + span:not(.lever)::before{
  border: 2px solid #163d8c;
}

[type="checkbox"]:checked + span:not(.lever)::before{
  border-right: 3px solid #28a3ce;
  border-bottom: 3px solid #28a3ce;
}

/* Placeholder */

#fonction_precis::placeholder, #lieu_precis::placeholder, #domaine_precis::placeholder , #commentaires::placeholder{
    color: black;
    font-style: italic;
}


/* Listes déroulantes */
.dropdown-content li > span{
  color: #163d8c;
}

/* Parties masquées */

#masquer1, #masquer2, #masquer3, #masquer4, #masquer5, #masquer6, #masquer7, #masquer8{
  display: none;
}


.deco{
  background-color: #e3f2fd ;
  border-radius: 30px;
  /*border: 1px solid #163d8c;*/
}

.encart{
  height: 40px;
}


/* Bouton submit */

[type="submit"]{
  background-color: #ad1457;
}

[type="submit"]:hover{
  background-color: #f8bbd0;
  color: black;
}

/* Mon historique */
/* Cellules du tableau d'affichage */
.cell1{
  width: 100px;
  text-align:left;
}

.cell2{
  width: 300px;
  text-align:left;
}

.cell3{
  width: 300px;
  text-align:left;
}

.cell4{
  width: 100px;
  text-align:left;
}



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

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


/*site responsive pour smartphone*/

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

  h3
  {
    font-size: 27px;
  }

  

}