/* bannieres */
.pai-banner {cursor: pointer;}

/* itineraire voyage */
.formulaire-voyage {width: 100%; margin: 0 auto 0 0; padding: 20px; background-color: #f7f7f7; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);}
.champ-formulaire {margin-bottom: 20px;}
.champ-formulaire label {display: block; margin-bottom: 5px; font-weight: bold;}
.champ-formulaire input[type="number"],
.select-voyage {width: 100%; padding: 10px; border-radius: 4px; border: 1px solid #ddd; box-sizing: border-box;}
.bouton-formulaire {text-align: center;}
.bouton-itineraire {padding: 10px 20px; background-color: #0073aa; color: #ffffff; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s;}
.bouton-itineraire:hover {background-color: #005177;}
.resultat-itineraire {margin-top: 20px; text-align: center;}
.loader {border: 6px solid #f3f3f3; border-top: 6px solid #3498db; border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; display:none; margin: 0 auto;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}