body {
color: #000000;
}


h1, h2, h3 {
font-weight: bold;
color: #000000;
}
h1 {
font-size: 2rem;
margin-bottom: 1rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.1rem;
}
.texte_petit {
font-size: 0.85rem;
}


.lien_evitement {
position: absolute;
top: -40px;
left: 0;
z-index: 100;
padding: 8px;
background-color: #000000;
color: #fff;
}
.lien_evitement:focus {
top: 0;
}


a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
outline: 3px solid #000000;
outline-offset: 2px;
}


.logo_texte, .texte_surtitre {
text-transform: uppercase;
font-weight: bold;
color: #000000;
}
.texte_surtitre {
font-size: 0.8rem;
color: #1f5fa8;
}
.bouton_en_bleu {
background-color: #1f5fa8;
color: #fff;
font-weight: bold;
}
//effet au survole du bouton 
.bouton_en_bleu:hover, .bouton_en_bleu:focus-visible, .btn.bouton_en_bleu:active {
background-color: #174a84;
color: #fff;
}
.section_accueil, footer {
background-color: #d0defc;
}
.chiffre_cle, .numero_etape {
font-weight: bold;
color: #1f5fa8;
}
.chiffre_cle {
font-size: 1.2rem;
color: #a4262c;
}
.card {
border-color: #bfcad6;
border-width: 4px;
}
.section_atouts {
background-color: #0e2b4d;
color:#fff; ;
}
.section_atouts h2 {
color: #fff;
}
.form-label {
font-size: 0.9rem;
font-weight: bold;
}


.form-control, .form-select, .form-check-input {
border-color: #66727f;
}
.form-check-input:checked {
background-color: #1f5fa8;
border-color: #1f5fa8;
}



footer a {
color: #000000;
}
@media (min-width: 768px) {
h1 {
font-size: 3rem;
}
h2 {
font-size: 1.9rem;
}
}