/* --------------
	CSS SUR CLASS 
   --------------*/
.info {
	display: flex;
	flex-direction: column;
	gap: 0; /* Supprime l’espace entre les lignes */
}
.row {
	display: flex;
	gap: 10px; /* Ajuste l'espace entre "Nom :" et la valeur */
}
.container {
	display: flex;
	flex-direction: column;
	align-items: flex-start; /* Aligner à gauche */
	gap: 5px; /* Petite marge entre le texte et le bouton */
}


/* Style des messages d'erreur */
.error-message {
	display: flex;
	flex-direction: column;
	align-items: flex-start; /* Aligner à gauche */
	gap: 5px; /* Petite marge entre le texte et le bouton */
	color: red;
	font-weight: bold;
}
/* Style des messages valide */
.valid-message {
	color: green;
	font-weight: bold;
}

/* Style des labels */
.mylabel {
	font-weight: bold;
	color: darkblue;
	font-size: 16px;
	margin:0;
	padding-top:2px;
}
/* Style des champs d'input */
.myvalue {
	border: 2px solid blue;
	padding: 5px;
	border-radius: 8px;
	border-color: darkblue;
	border-width: 2px;
	font-size: 15px;
	font-weight: bold;
}
/* Style des champs de résultats */
.myresult {
	font-size: 20px;
	font-weight: bold;
	color: black;
	margin: 0;
}
/* Style des champs de résultats petit*/
.myresultsml {
	font-size: 15px;
	font-weight: bold;
	color: black;
	margin: 0;
}



/* style de fond des champs en saisie */
.myvalue:focus {
	background-color:lightgrey;
}
/* style de fond des champs en saisie */
.myvalue:valid {
	background-color: #FFE7E6 !important;
}

/* message info */
.message_info {
	font-style:italic;
	text-decoration:underline;
	color:darkgreen;
	font-size:18px;
}
.message_warning {
	font-weight:bold;
	color: orangered;
	font-size: 18px;
}
/* gestion des titres */
.myh3 {
	color: black;
	font-weight: bold;
	font-size: 22px;
	text-decoration: underline;
	margin: 0;
}
/* gestion des titres */
.myh2 {
	color: black;
	font-weight: bold;
	font-size: 18px;
	text-decoration: underline;
	margin: 0;
}

/* info petit */
.infopetit {
	font-size: 14px;
	color: black;
	font-weight: bold;
}

/* Styles communs pour tous les boutons */
.btnbleu,
a.btnbleu,
button.btnbleu,
label.btnbleu,
input.btnbleu,
.btnrouge,
a.btnrouge,
button.btnrouge,
label.btnrouge,
input.btnrouge {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	font-size: 16px;
	margin-top: 5px;
	text-align: center;
	text-decoration: none !important;
	box-shadow: -10px 10px 10px #afafaf;
	transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

/* Couleurs spécifiques */
.btnbleu,
a.btnbleu,
button.btnbleu,
label.btnbleu,
input.btnbleu {
	background-color: #0073e6; /* bleu */
	color: white !important;
}

.btnrouge,
a.btnrouge,
button.btnrouge,
label.btnrouge,
input.btnrouge {
	background-color: darkred; /* rouge */
	color: white !important;
}

	/* Tous les états pour s'assurer que le texte reste blanc */
	.btnbleu:visited,
	.btnbleu:hover,
	.btnbleu:active,
	.btnbleu:focus,
	.btnrouge:visited,
	.btnrouge:hover,
	.btnrouge:active,
	.btnrouge:focus {
		color: white !important;
		text-decoration: none !important;
	}




/* bouton bleu 
.btnbleu{
    display: inline-block;
    padding: 10px 20px;
    background-color: #141599;
    color: white !important;
    text-decoration: none;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    margin-top: 5px;
    box-shadow: -10px 10px 10px #afafaf;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}*/
/* Effet au survol des boutons */
.btnbleu:hover {
	background-color: #7611a8; /* Couleur différente au survol */
	transform: translate(-3px, 3px); /* Déplacement léger vers la gauche et le bas */
	box-shadow: -8px 8px 8px #9f9f9f; /* Légère augmentation de l'ombre */
}



/* bouton rouge 
btnrouge{ 
	display: inline-block;
	padding: 10px 20px;
	background-color: darkred;
	color: white !important;
	text-decoration: none;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	font-size: 16px;
	margin-top: 5px;
	box-shadow: -10px 10px 10px #afafaf;
	transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}*/
/* Effet au survol des boutons */
.btnrouge:hover {
	background-color: #7611a8; /* Couleur différente au survol */
	transform: translate(-3px, 3px); /* Déplacement léger vers la gauche et le bas */
	box-shadow: -8px 8px 8px #9f9f9f; /* Légère augmentation de l'ombre */
}

/* ------------
	CSS SUR ID 
   ------------*/

/* champs input */
#ridebib {
	width: 50px;
	text-align: center;
	color: red !important;
}

#ridename {
	width: 200px;
	text-align: center;
	color: red !important;
}
#rideweight.myvalue {
	width: 50px;
	text-align: center;
	color: red !important;
}


/* Cacher l'input de type file */
#file-upload-button {
	display: none; /* Masquer l'input réel */
}



/* Style du texte qui affiche le nom du fichier */
#file-name {
	margin-top: 10px;
	color: green;
	font-weight: bold;
}

/* Bouton de téléversement */
.btnfile-upload {
	display: inline-block;
	padding: 10px 20px;
	background-color: #141599;
	color: white;
	text-decoration: none;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	font-size: 16px;
	margin-top: 5px;
	box-shadow: -10px 10px 10px #afafaf;
	transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.btnfile-upload:hover {
		background-color: #7611a8; /* Couleur différente au survol */
		transform: translate(-3px, 3px); /* Déplacement léger vers la gauche et le bas */
		box-shadow: -8px 8px 8px #9f9f9f; /* Légère augmentation de l'ombre */
}

/*Liste à puce points à la suite dans le code */
.liste-points {
	margin: 10px !important;
	padding-left: 20px !important;
	line-height: 0.9 !important; /* interligne très réduit */
	list-style-type: disc !important;
}

	.liste-points li {
		margin-bottom: 10px !important; /* espacement minimal entre les éléments */
		margin-left: 40px !important; /* marge à gauche pour les puces */
		padding-left: 10px !important;
		font-size: 1.1em !important; /* optionnel : réduit un peu la taille si nécessaire */
	}

/*Liste à puce points dans une boucle foreach */
.liste-points-bcl {
    position: relative;
    margin-bottom: 10px !important;
    margin-left: 55px !important; /* marge à gauche pour les puces */
    padding-left: 30px !important;
    font-size: 1.1em !important;
    line-height: 0.9 !important;
}
/* Pour ajouter une puce manuellement (simule list-style-type: disc) */
	.liste-points-bcl::before {
		content: '\2022'; /* code Unicode de la puce "•" */
		position: absolute;
		left: 0 !important;
		top: -0.05em;
		font-size: 1.6em; /* taille ajustée */
		line-height: 1;
	}



/*input#file-upload-button {
	display: inline-block;
	padding: 10px 20px;
	background-color: #141599;
	color: white;
	text-decoration: none;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	font-size: 16px;
	margin-top: 5px;
	box-shadow: -10px 10px 10px #afafaf;
	transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
*/