@charset "utf-8";
/**** CSS Document Responsive *******/

body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

        /* Style global pour toutes les colonnes */
        .column {
            box-sizing: border-box;
            padding: 20px;
        }

        /* Disposition en grille pour les écrans larges */
        .container {
            display: flex;
            flex-wrap: wrap;
        }

        .column-1 {
            flex: 1;
            background-color: #FFFFFF;
        }

        .column-2 {
            flex: 1;
            background-color: #E5E5E5;
        }

        .column-3 {
            flex: 1;
            background-color: #ECECEC;
        }

        /* Disposition pour les petits écrans */
        @media (max-width: 768px) {
            .column {
                flex: 100%;
                margin-bottom: 20px;
            }

            .column:last-child {
                margin-bottom: 0;
            }
        }

/***** CSS Style *********/

.texte {
	color: ##4B70B6;
	font-size: "10px";
}

#map {
  width: 100%;
  height: 400px;
}

label {
	display: block; /* Chaque label sur une nouvelle ligne */
	margin-bottom: 5px; /* Espace sous chaque label */
	font-weight: bold; /* Gras pour les labels */
}

input, textarea, select {
	width: calc(100% - 16px); /* Largeur pleine en tenant compte du padding */
	padding: 2px;
	margin-bottom: 5px; /* Espace sous chaque champ */
	border: 1px solid #ccc; /* Bordure grise claire autour des champs */
	border-radius: 4px; /* Coins arrondis pour les champs */
	box-sizing: border-box; /* Inclure padding et bordure dans la largeur totale */
	font-size: 12px; /* Taille de texte uniforme pour tous les champs */
}

button {
  padding: 12px 20px;
  background-color: #4B70B6; /* Couleur verte pour le bouton */
  color: white;
  border: none;
  border-radius: 4px; /* Coins arrondis pour le bouton */
  cursor: pointer;
  font-size: 16px; /* Taille du texte du bouton */
  width: 50%; /* Largeur pleine du bouton */
  margin-top: 10px; /* Espace au-dessus du bouton */
}

button:hover {
  background-color: #007bff; /* Couleur verte plus foncée au survol */
}
.logo {
	width: "10%";
	height: "10%";
}

.tempscourse {
	font-size: 14px;
	color: #4B70B6;
	font-weight: bold;}

.prixcourse {
	font-size: 20px;
	color: #354F80;
	font-weight: bold;}