/* 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%;
}


/* Header*/

header{
  background-color: #163d8c;
  color: white;
}




#chapeau{
  padding-top: 25px;
  padding-bottom: 25px;
  color: #163d8c; /* ad1457*/
  font-size: 130%;
}





/* Partie questionnaire */


.test{
  border-left: thick double #32a1ce;
  padding-left: 25px;
}


.divider{
  background-color: #fb8c00;
  height: 2px;
}



.question{
  font-weight: bold;
  color: #163d8c;
  /*font-size: 120%;*/
}

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

.retrait{
  padding-left: 25px;
}

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

#precis::placeholder{
    color: black;
    font-style: italic;
}

/* Parties masquées */ /**/

#autre_lieu, #mission_primo, #autre_primo_atb, #autre_primo_consult_atb, #autre_primo_pha, #autre_primo_consult_pha{
  display: none;
}


.masquer_primo_atb, .cacher_primo_atb, .masquer_primo_pha, .cacher_primo_pha{
  display: none;
  padding-top: 15px;
  border-radius: 15px;
  padding-right: 10px;
}



#mission_spares, #autre_spares_atb, #autre_spares_consult_atb, #autre_spares_ehpad, #autre_spares_consult_ehpad, #autre_spares_gex, #autre_spares_consult_gex, #autre_spares_bhre, #autre_spares_consult_bhre{
  display: none;
}


.masquer_spares_atb, .cacher_spares_atb, .masquer_spares_ehpad, .cacher_spares_ehpad, .masquer_spares_gex, .cacher_spares_gex, .masquer_spares_bhre, .cacher_spares_bhre{
  display: none;
  padding-top: 15px;
  border-radius: 15px;
  padding-right: 10px;
}



#autre_lieu, #mission_spicmi, #autre_spicmi_surv, #autre_spicmi_consult_surv, #autre_spicmi_audit, #autre_spicmi_consult_audit{
  display: none;
}


.masquer_spicmi_surv, .cacher_spicmi_surv, .masquer_spicmi_audit, .cacher_spicmi_audit{
  display: none;
  padding-top: 15px;
  border-radius: 15px;
  padding-right: 10px;
}


#mission_spiadi, #autre_spiadi_bactadi, #autre_spiadi_consult_bactadi, #autre_spiadi_expadi, #autre_spiadi_consult_expadi, #autre_spiadi_infadi, #autre_spiadi_consult_infadi, #autre_spiadi_observa, #autre_spiadi_consult_observa{
  display: none;
}


.masquer_spiadi_bactadi, .cacher_spiadi_bactadi, .masquer_spiadi_expadi, .cacher_spiadi_expadi, .masquer_spiadi_infadi, .cacher_spiadi_infadi, .masquer_spiadi_observa, .cacher_spiadi_observa{
  display: none;
  padding-top: 15px;
  border-radius: 15px;
  padding-right: 10px;
}


#mission_matis, #autre_matis_pulpe, #autre_matis_consult_pulpe, #autre_matis_respi, #autre_matis_consult_respi{
  display: none;
}


.masquer_matis_pulpe, .cacher_matis_pulpe, .masquer_matis_respi, .cacher_matis_respi{
  display: none;
  padding-top: 15px;
  border-radius: 15px;
  padding-right: 10px;
}


/* Bouton submit */

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

[type="submit"]:hover{
  background-color: #009fe3;
}



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

  h1
  {
    font-size: 30px;
  }

  

  .btn-large{
    font-size: 80%;
  }


}