/*
// ===============================================
// ###############################################
// ### JS - formulaire.css ########################
// ###############################################
// ===============================================
// ### HISTORIQUE DE VERSION #####################
// ===============================================
// 03/07/2025 : Ajustement du formulaire pour newsletter
// 09/02/2024 : Ajustement du formulaire avec les valeurs du thème
// ===============================================
*/
.formulaires {
	display: block;
	float: none;
	position: relative;
	border-radius: 20px;
	box-shadow: 0px 0px 5px rgba(var(--theme_couleur_noir), 0.3);
	transition: border-radius var(--theme_transition), box-shadow var(--theme_transition);
}
@media screen and (max-width: 580px) {
	.formulaires {
		box-shadow: 0px 0px 0px rgba(var(--theme_couleur_noir), 0);
		border-radius: 0px;
	}
}

.formulaire {
	display: block;
	float: none;
	position: relative;
	font-family: var(--theme_formulaire_police);
	padding: 40px;
	transition: padding var(--theme_transition);
}
@media screen and (max-width: 580px) {
	.formulaire {
		padding: 0px;
	}
}
.formulaire optgroup{
	font-family: var(--theme_formulaire_police);
	font-size: var(--theme_formulaire_champ_texte_taille);
	font-style: normal;
	font-weight: bold;
}
.formulaire-cadre{
	display: table;
	float: none;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.formulaire-cadre{
		display: block;
		width: auto;
		padding-top: 0px;
	}
}
.formulaire-colonne {
	vertical-align: top;
	display: table-cell;
	float: none;
	position: relative;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.formulaire-colonne {
		display: block;
		width: auto;
	}
}
.formulaire-colonne-gauche {
	vertical-align: top;
	display: table-cell;
	float: none;
	padding-right: 20px;
	position: relative;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.formulaire-colonne-gauche {
		display: block;
		width: auto;
		padding-right: 0px;
	}
}
.formulaire-colonne-32 {
	width: 32%;
}
.formulaire-colonne-34 {
	width: 34%;
}
.formulaire-colonne-50 {
	width: 50%;
}
.formulaire-colonne-66 {
	width: 66%;
}
@media screen and (max-width: 767px) {
	.formulaire-colonne-32 {
		width: auto;
	}
	.formulaire-colonne-34 {
		width: auto;
	}
	.formulaire-colonne-50 {
		width: auto;;
	}
	.formulaire-colonne-66 {
		width: auto;;
	}
}
.formulaire-colonne-centre {
	vertical-align: top;
	display: table-cell;
	float: none;
	padding-right: 20px;
	padding-left: 20px;
	border-left-style: solid;
	position: relative;
	box-sizing: border-box;
	border-left-width: 1px;
	border-left-color: rgb(var(--theme_couleur_gris_moyen));
}
@media screen and (max-width: 767px) {
	.formulaire-colonne-centre {
		display: block;
		width: auto;
		padding-right: 0px;
		padding-left: 0px;
		border-left-style: none;
	}
}
.formulaire-colonne-droit {
	vertical-align: top;
	display: table-cell;
	float: none;
	padding-left: 20px;
	position: relative;
	box-sizing: border-box;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgb(var(--theme_couleur_gris_moyen));
}
@media screen and (max-width: 767px) {
	.formulaire-colonne-droit {
		display: block;
		width: auto;
		padding-left: 0px;
		border-left-style: none;
	}
}
.formulaire legend {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
}
.formulaire-inter {
	display: block;
	float: none;
	height: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgb(var(--theme_couleur_gris_moyen));
	position: relative;
	margin-top: 4px;
	margin-bottom: 20px;
}
.formulaire-ligne {
	display: block;
	float: none;
	height: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: rgb(var(--theme_couleur_gris_moyen_fonce));
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
.formulaire fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	user-select: none;
	-webkit-user-select: none;
}
.formulaire fieldset:first-of-type {
	/*margin-top: 10px;*/
}
.formulaire-label {
	font-size: var(--theme_formulaire_champ_texte_taille);
	display: block;
	float: none;
	margin-top: 25px;
	margin-bottom: 5px;
	position: relative;
	font-weight: bold;
	user-select: none;
	-webkit-user-select: none;
}
.formulaire-label span{
	font-size: 13px;
	font-weight: normal;
}
.formulaire-label strong{
	font-size: 16px;
	font-weight: normal;
	color: rgb(var(--theme_couleur_gris_moyen_fonce));
}
.formulaire-label-reduit {
	margin-top: 15px;
}
.formulaire-cocher-label {
	font-size: 13px;
	display: block;
	float: none;
	position: relative;
	padding-top: 10px;
	margin-top: 5px;
	user-select: none;
	-webkit-user-select: none;
}
.formulaire-aide {
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: rgb(var(--theme_formulaire_message_aide_couleur_contour));
	color: rgb(var(--theme_formulaire_message_aide_couleur_contenu));
	background-color: rgba(var(--theme_formulaire_message_aide_couleur_fond),0.05);
	font-size: 13px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: none;
	float: none;
	position: relative;
	box-sizing:border-box;
}
.formulaire-message {
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: rgb(var(--theme_formulaire_message_control_couleur_contour));
	font-size: 13px;
	color: rgb(var(--theme_formulaire_message_control_couleur_contenu));
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: none;
	float: none;
	position: relative;
	background-color: rgba(var(--theme_formulaire_message_control_couleur_fond),0.05);
	padding-right: 5px;
	box-sizing: border-box;
}
.formulaire-information {
	padding-left: 10px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: rgb(var(--theme_formulaire_message_aide_couleur_contour));
	font-size: var(--theme_formulaire_champ_texte_taille);
	color: rgb(var(--theme_formulaire_message_aide_couleur_contenu));
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: none;
	float: none;
	position: relative;
	background-color: rgba(var(--theme_formulaire_message_aide_couleur_fond),0.1);
	padding-right: 5px;
	box-sizing: border-box;
}
.formulaire-information p{
	display: none;
}
.formulaire-information-un p:nth-of-type(1) {
	display: inline-block;
}
.formulaire-information-deux p:nth-of-type(2){
	display: inline-block;
}
.formulaire-information-trois p:nth-of-type(3){
	display: inline-block;
}
.formulaire-champ {
	position: relative;
	font-family: var(--theme_formulaire_police);
	font-size: var(--theme_formulaire_champ_texte_taille);
	color: rgb(var(--theme_formulaire_champ_couleur_contenu));
	font-weight: normal;
	height: 43px;
	border: 1px solid rgb(var(--theme_formulaire_champ_couleur_contour));
	background-color: rgb(var(--theme_formulaire_champ_couleur_fond));
	padding-right: 5px;
	padding-left: 15px;
	border-radius: var(--theme_formulaire_champ_arrondi);
	box-sizing:border-box;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	width: 100%;
	box-shadow: 0 0 0px rgba(0,0,0,0);
	transition-property: box-shadow;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
}
.formulaire-champ:hover {
	border: 1px solid rgb(var(--theme_formulaire_champ_couleur_contour_survol));
}
.formulaire-champ:focus{
	border: 1px solid rgb(var(--theme_formulaire_champ_couleur_contour_focus));
	box-shadow: 0 0 0 3px rgba(var(--theme_formulaire_champ_couleur_contour_focus),0.3);
}
.formulaire-champ:selected {
	background-color: rgb(var(--theme_formulaire_champ_couleur_fond));
}

.formulaire-champ-up{
	font-family: var(--theme_formulaire_police);
	font-size: var(--theme_formulaire_champ_texte_taille);
	color: rgb(var(--theme_formulaire_champ_couleur_contenu));
	height: 43px;
	border: 1px solid rgb(var(--theme_formulaire_champ_control_couleur_contour));
	background-color: rgb(var(--theme_formulaire_champ_control_couleur_fond));
	font-weight: normal;
	padding-right: 5px;
	padding-left: 15px;
	position: relative;
	border-radius: var(--theme_formulaire_champ_arrondi);
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	width: 100%;
	transition-property: box-shadow;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
}
.formulaire-champ-up:hover {
	border: 1px solid rgb(var(--theme_formulaire_champ_control_couleur_contour_survol));
}
.formulaire-champ-up:focus{
	border: 1px solid rgb(var(--theme_formulaire_champ_control_couleur_contour_focus));
	box-shadow: 0 0 0 3px rgba(var(--theme_formulaire_champ_control_couleur_contour_focus),0.3);
	background-color: rgb(var(--theme_formulaire_champ_control_couleur_fond_focus));
	outline: none;
}
.formulaire-champ-up:invalid{
	-moz-box-shadow: none;
}
.formulaire-champ-reduit {
	font-size: var(--theme_formulaire_champ_texte_taille);
	height: var(--theme_formulaire_champ_hauteur);
}
.formulaire-champ-texte {
	font-size: var(--theme_formulaire_champ_texte_taille);
	height: auto;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 15px;
}
.formulaire-champ-texte-editer {
	display: inline-block;
	position: relative;
	font-family: var(--theme_formulaire_police);
	font-size: var(--theme_formulaire_champ_texte_taille);
	background-color: rgb(var(--theme_formulaire_champ_couleur_fond));
	padding-right: 12px;
	padding-left: 15px;
	border: 1px solid rgb(var(--theme_formulaire_champ_couleur_contour));
	line-height: 34px;
	height: 34px;
	border-radius: var(--theme_formulaire_champ_arrondi);
	box-sizing: border-box;
	outline: none;
	transition-property: box-shadow;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
}
.formulaire-champ-texte-editer:hover {
	border: 1px solid rgb(var(--theme_formulaire_champ_couleur_contour_survol));
}
.formulaire-champ-texte-editer:focus{
	border: 1px solid rgb(var(--theme_formulaire_champ_couleur_contour_focus));
	box-shadow: 0 0 0 3px rgba(var(--theme_formulaire_champ_couleur_contour_focus),0.3);
}
.formulaire-champ-texte-editer:invalid{
	box-shadow: none;
}
.formulaire-menu {
	font-family: var(--theme_formulaire_police);
	font-size: var(--theme_formulaire_champ_texte_taille);
	color: rgb(var(--theme_formulaire_champ_couleur_contenu));
	background-color: rgb(var(--theme_formulaire_champ_couleur_fond));
	height: 43px;
	outline: none;
	position: relative;
	box-sizing: border-box;
	padding-left: 15px;
	border-radius: var(--theme_formulaire_champ_arrondi);
	max-width: 100%;
	-webkit-appearance: none;
	border-top-width: 1px;
	border-right-width: 15px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgb(var(--theme_formulaire_champ_couleur_contour));
	border-right-color: rgb(var(--theme_formulaire_champ_couleur_contour));
	border-bottom-color: rgb(var(--theme_formulaire_champ_couleur_contour));
	border-left-color: rgb(var(--theme_formulaire_champ_couleur_contour));
	background-image: none;
	width: 100%;
	transition-property: box-shadow;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
}
.formulaire-menu-reduit {
	font-size: var(--theme_formulaire_champ_texte_taille);
	height: var(--theme_formulaire_champ_hauteur);
}
.formulaire-menu option {
	font-family: var(--theme_formulaire_police);
	font-size: var(--theme_formulaire_champ_texte_taille);
	padding-left: 12px;
}
.formulaire-menu:focus {
	border-color: rgb(var(--theme_formulaire_champ_couleur_contour_focus));
	box-shadow: 0 0 0 3px rgba(var(--theme_formulaire_champ_couleur_contour_focus),0.3);
}
.formulaire-menu:hover {
	border-color: rgb(var(--theme_formulaire_champ_couleur_contour_survol));
	box-shadow: 0 0 0 3px rgba(var(--theme_formulaire_champ_couleur_contour_focus),0);
}
.formulaire-menu:invalid{
	box-shadow: none;
}
.formulaire-menu-up {
	font-family: var(--theme_formulaire_police);
	font-size: var(--theme_formulaire_champ_texte_taille);
	color: rgb(var(--theme_formulaire_champ_couleur_contenu));
	background-color: rgb(var(--theme_formulaire_champ_couleur_fond));
	height: 43px;
	outline: none;
	position: relative;
	box-sizing: border-box;
	padding-left: 15px;
	border-radius: var(--theme_formulaire_champ_arrondi);
	max-width: 100%;
	-webkit-appearance: none;
	border-top-width: 1px;
	border-right-width: 15px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgb(var(--theme_formulaire_champ_couleur_contour));
	border-right-color: rgb(var(--theme_formulaire_champ_couleur_contour));
	border-bottom-color: rgb(var(--theme_formulaire_champ_couleur_contour));
	border-left-color: rgb(var(--theme_formulaire_champ_couleur_contour));
	background-image: none;
	width: 100%;
	transition-property: box-shadow;
	transition-duration: 0.1s;
	transition-timing-function: ease-in-out;
}
.formulaire-menu-up:hover {
	border: 1px solid rgb(var(--theme_formulaire_champ_couleur_contour_survol));
}
.formulaire-menu-up:focus{
	border: 1px solid rgb(var(--theme_formulaire_champ_couleur_contour_focus));
	background-color: rgb(var(--theme_formulaire_champ_couleur_fond_focus));
	box-shadow: 0 0 0 3px rgba(var(--theme_formulaire_champ_couleur_contour_focus),0.3);
}
.formulaire-menu-up:invalid{
	box-shadow: none;
}
.formulaire-action {
	display: block;
	float: none;
	padding-top: 40px;
	position: relative;
}
.formulaire-action-droit {
	text-align: right;
	display: block;
	float: none;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}
.formulaire-action-droit a {
	color: rgb(var(--theme_bouton_1_couleur_contenu));
	background-color: rgb(var(--theme_bouton_1_couleur_fond));
	border: 1px solid rgb(var(--theme_bouton_1_couleur_contour));
	border-radius: var(--theme_bouton_1_arrondi);
	border: 1px solid rgb(var(--theme_bouton_1_couleur_contour));
	text-decoration: none;
}
.formulaire-action-droit a:hover{
	box-shadow: 0px 0px 0px var(--theme_bouton_1_halo) rgba(var(--theme_bouton_1_couleur_fond_survol),0.2);
	color: rgb(var(--theme_bouton_1_couleur_contenu_survol));
	background-color: rgb(var(--theme_bouton_1_couleur_fond_survol));
	border: 1px solid rgb(var(--theme_bouton_1_couleur_contour_survol));
}
.formulaire-bouton {
	display: block;
	position: relative;
	float: none;
	font-family: var(--theme_formulaire_police);
	font-size: var(--theme_formulaire_champ_texte_taille);
	/*line-height: 42px;*/
	font-weight: 400;
	color: rgb(var(--theme_bouton_2_couleur_contenu));
	text-decoration: none;
	background-color: rgb(var(--theme_bouton_2_couleur_fond));
	border: 1px solid rgb(var(--theme_bouton_2_couleur_contour));
	display: inline-block;
	/*height: 43px;*/
	padding-right: 18px;
	padding-left: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: var(--theme_bouton_2_arrondi);
	cursor: pointer;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid rgb(var(--theme_bouton_2_couleur_contour));
	background-image: none;
	-webkit-appearance: none;
	transition: box-shadow var(--theme_transition),color var(--theme_transition),background-color var(--theme_transition),border var(--theme_transition);
}
.formulaire-bouton-reduit {
	font-size: var(--theme_formulaire_champ_texte_taille);
	line-height: var(--theme_formulaire_champ_hauteur);
	height: var(--theme_formulaire_champ_hauteur);
	padding-right: 14px;
	padding-left: 14px;
}
.formulaire-bouton:hover {
	box-shadow: 0px 0px 0px var(--theme_bouton_2_halo) rgba(var(--theme_bouton_2_couleur_fond_survol),0.2);
	color: rgb(var(--theme_bouton_2_couleur_contenu_survol));
	background-color: rgb(var(--theme_bouton_2_couleur_fond_survol));
	border: 1px solid rgb(var(--theme_bouton_2_couleur_contour_survol));
}
.formulaire-bouton-ok {
	font-family: var(--theme_formulaire_police);
	font-size: var(--theme_formulaire_champ_texte_taille);
	font-weight: 400;
	color: rgb(var(--theme_bouton_1_couleur_contenu));
	background-color: rgb(var(--theme_bouton_1_couleur_fond));
	height: 43px;
	width: 50px;
	padding-right: 18px;
	padding-left: 18px;
	position: relative;
	background-image: none;
	box-sizing: border-box;
	border-radius: var(--theme_bouton_1_arrondi);
	text-align: center;
	cursor: pointer;
	border: 1px solid rgb(var(--theme_bouton_1_couleur_contour));
	transition: box-shadow var(--theme_transition),color var(--theme_transition),background-color var(--theme_transition),border var(--theme_transition);
}
.formulaire-bouton-ok:hover {
	box-shadow: 0px 0px 0px var(--theme_bouton_1_halo) rgba(var(--theme_bouton_1_couleur_fond),0.2);
	color: rgb(var(--theme_bouton_1_couleur_contenu_survol));
	background-color: rgb(var(--theme_bouton_1_couleur_fond_survol));
	border: 1px solid rgb(var(--theme_bouton_1_couleur_contour_survol));
}
.formulaire-descriptif{
	display: block;
	float: none;
	padding-top: 21px;
}
.formulaire-descriptif p{
	font-size: 13px;
}
.formulaire-descriptif a{
	color: rgb(var(--theme_couleur_noir));
	text-decoration: none;
}
.formulaire-descriptif a:hover{
	color: rgb(var(--theme_couleur_noir));
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgb(var(--theme_couleur_noir));
}
.formulaire-facturation {
	display: none;
	float: none;
	position: relative;
}
.formulaire-livraison-societe {
	display: none;
	float: none;
	position: relative;
}
.formulaire-facturation-societe {
	display: none;
	float: none;
	position: relative;
}
.formulaire-liste {
	display: flex;
	float: none;
	position: relative;
}
.formulaire-item {
	display: block;
	float: none;
	position: relative;
	flex-grow:1;
}
.formulaire-item:first-of-type {
	padding-right: 20px;
}
.formulaire-securite {
	display: flex;
	float: none;
	position: relative;
	justify-content: center;
	background-color: #f7f7f7;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 12px;
}
.formulaire-securite-cadre {
	display: block;
	float: none;
	position: relative;
	max-width: 280px;
	width: 280px;
	box-sizing: border-box;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}