/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip {
background-color: #ffffff;font-family: var(--font-text);
color: #555; padding: 0px}

.formulaire_contact, .formulaire_ecrire_auteur, .formulaire_editer_evenement, .formulaire_formidable {
margin: 0px auto;outline: none; padding: 15px;
background: #F5F5F5; border: 1px solid #CCCCCC;}

.formulaire_formidable_bhr {border: 1px solid #CCCCCC;background: red;}


/* Fieldset ------------------------ */
.formulaire_spip fieldset {
display: block;	padding: 15px ;border: none;background:none; margin: 20px auto;}
.formulaire_spip fieldset fieldset {
display: block;	padding: 5px ;border: none;background:transparent;; margin: 10px auto;}
.formulaire_spip fieldset fieldset legend, .formulaire_spip fieldset fieldset legend.legend, .formulaire_spip fieldset fieldset legend.legend span {
color: var(--theme-color); font-size: 99%;}
.formulaire_spip fieldset fieldset legend{ width: 100%}

.formulaire_spip legend, .formulaire_spip legend.legend, .formulaire_spip legend.legend span
{font-family:var(--font-title); font-weight: 400; letter-spacing:1px;text-transform:uppercase;}
.formulaire_spip legend{ width: auto; max-width: auto; 
/*important pour la border du fieldset. On annule la width des CSS de Bootstrap  */}




/* EXPLICATIONS --------------------------------- */
.formulaire_spip p.explication,
.texte p.explication {font-size:85%;font-style:italic; color:#666666;}


/* CHAMPS GENERAUX -------------------------- */
.formulaire_spip input, .formulaire_spip select, .formulaire_spip textarea { 
font-size: 100%; font-family: var(--font-text); border: 1px solid #CCCCCC;}


/* GROUPE DE CHAMPS ------------------------ */



/* CHAMPS --------------------------------- */
.formulaire_spip .saisie_radio, 
.formulaire_spip .saisie_checkbox, 
.formulaire_spip .saisie_case,
.formulaire_spip .saisie_fieldset,
.formulaire_spip .saisie_textarea,
.formulaire_spip .saisie_points_gis,
.formulaire_spip .saisie_mot{padding-left: 0px; background:none; color: #333333;}


.formulaire_spip input.text, .formulaire_spip input.email, 
.formulaire_spip textarea{ 
font-size: 100%;  font-family: inherit;  width: 95%;  background:#ffffff;
font-weight:normal;
padding:.2em; border:solid 1px #e3E3E3;}

.formulaire_spip select{ 
font-size: 90%; font-family: inherit; background:#ffffff;padding:.2em;border:solid 1px #e3E3E3; }


/* TITRE DES CHAMPS --------------------------------- */
.formulaire_spip label, .formulaire_spip fieldset label  {
	color:#272727; font-size: 95%; font-family:var(--font-title); font-weight: 400; letter-spacing:1px;text-transform:uppercase; }

/* CHOIX --------------------------------- */
.formulaire_spip .choix {display:block; font-size:85%;}
.formulaire_spip .inline .choix {display:inline-block} /* dans la config des champs du formulaire, ajouter la classe inline pour que les choix apparaissent sur une seule ligne*/
.formulaire_spip .choix  {padding: 10px; font-size:85%;}
.formulaire_spip .choix input.checkbox {display:inline;}
.formulaire_spip .choix label {display:inline; padding-left: 20px;}
.formulaire_spip .choix_alternatif label { padding-right: 20px;float:left;}


/* DATE FORMULAIRE EVENEMENT --------------------------------- */

.formulaire_editer_evenement .editer_date_debut_fin input,
.formulaire_editer_evenement .editer_date_debut_fin label,
.formulaire_editer_evenement .editer_horaire {display:inline;}
.formulaire_editer_evenement .editer_horaire input { display:inline; }
.formulaire_editer_evenement .editer_horaire label { display:inline; }


/* BOUTON DU FORMULAIRE --------------------------------- */
.formulaire_spip p.boutons {
display: block;overflow:hidden;padding: 15px 30px 25px;border:none;background:none;text-align:center;}
.formulaire_spip p.boutons input[type=submit] {
padding:6px 10px;color:#ffffff;font-weight:normal;border: 1px solid #ff9300;text-transform:uppercase;background:#ff9300;font-family:var(--font-title);font-size: 110%; border-radius: 0px;}
.formulaire_spip p.boutons input[type=submit]:hover {
background-color:#FFFFFF;border: 1px solid #ff9300;color:#ff9300;}


/* REPONSES AU FORMULAIRE FORMULAIRE --------------------------------- */

.reponse_formulaire {display:block; margin : 0px; color : #555; font-size: 100%;  font-family: inherit; padding: 0px;background:none;}
.reponse_formulaire_ok {
 background-color: rgba(118, 184, 43, 0.7) !important; margin : 15px 0px; padding:15px;color:#555; border: 2px solid; border-color: var( --theme-color);}
.reponse_formulaire_erreur {
 background-color: rgba(255, 0, 0, 0.7) !important; margin : 15px 0px ; padding:15px;border: 5px solid red;}
.reponse_formulaire_ok p, .reponse_formulaire_erreur p {color:#FFF;}
.reponse_formulaire a, .reponse_formulaire_ok p a, .reponse_formulaire_erreur p a, .reponse_formulaire a.spip_url{color: #FFF; }
.reponse_formulaire a:hover, .reponse_formulaire_ok p a:hover, .reponse_formulaire_erreur p a:hover, .reponse_formulaire a.spip_url:hover{color: #FFF; }


/* Prévisualisation --------------------------------- */
fieldset.previsu { }

/* Affichage valeurs saisies --------------------------------- */

span.label {font-weight: normal; font-family:var(--font-title);text-transform:uppercase; color:#272727; font-size: 90%;padding-left:0px;}
h3.legend {margin-top:40px;margin-bottom: 20px;}
.vide {display:none;}

/* Erreur dans le formulaire --------------------------------- */
span.erreur_message {color:red;text-align:left;}


/* CHAMPS OBLIGATOIRES  / .span.obligatoire insérés dans les fichiers formulaires--------------------------------- */
.formulaire_spip span.obligatoire {font-size:85%;font-style:italic;color:red;}


/*Print --------------------------------- */
@media print {.formulaire_spip { display: none; }}

/* Boutons d'admin  (sauf # FORMULAIRE_ADMIN) */
#spip-admin { z-index: 100000;  left: 100px;}




.formulaire_spip li, .formulaire_spip .editer { 
	background:none;clear: both; list-style:none; margin:10px 0px; padding:10px ;}
.formulaire_formidable footer:after {
	content: '';display: table;clear: both;}

.formulaire_spip .editer {padding :10px 10px 10px 20px;}

.formulaire_formidable fieldset + fieldset, .formulaire_ecrire_auteur fieldset + fieldset, .formulaire_contact fieldset + fieldset {
	border-top: 1px solid rgba(0,0,0,.1);}

.formulaire_formidable input + text, .formulaire_ecrire_auteur input + text, .formulaire_formidable input + email,
.formulaire_contact input + text  {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 30px;
	padding: 1px 10px;
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-radius: 0;
	background: red;
	color: #404040;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
}


.formulaire_editer_evenement input + text {display:inline;}

.formulaire_spip input.file {font-size:80%;	color:#666666;}

.saisie_input .valeur p {padding:6px;}

.formulaire_spip select {width:auto; border-radius:0px;}









	
.formulaire_spip .saisie_listes_diffusion label {display:inline;}
.formulaire_spip .saisie_listes_diffusion label p.explications 
{display:inline-block; background: green;font-size:85%;font-style:italic; color:#666666;}