/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
.formulaire_spip {
background-color: var(--blanc);padding: 0px; }

.formulaire_spip .editer-groupe {padding-left: 5px}


.formulaire_spip fieldset{margin: 10px auto}

.formulaire_spip fieldset fieldset {
display: block;	padding: 5px ;border: none;background:transparent;; margin: 10px auto;}


.formulaire_spip legend{ 
/*important pour la border du fieldset. On annule la width des CSS de Bootstrap  */}


.formulaire_spip fieldset fieldset legend, .formulaire_spip fieldset.saisie_case legend { font-size: 20px }
.formulaire_spip fieldset fieldset legend.label,
.formulaire_spip fieldset fieldset fieldset legend.label,
.formulaire_spip fieldset.saisie_radio legend,
.formulaire_spip fieldset.saisie_case legend { 
 font:inherit;
font-weight: 600;
font-family: var(--cnvs-secondary-font);
text-transform : var(--cnvs-featured-box-font-tt);
cursor: pointer;
padding : 4px 0;
 margin-bottom: var(--cnvs-input-label-mb);
}

/* On uniformise les titres des fieldset des formulaires avec les intertitres des articles  */

.formulaire_spip fieldset legend{
	font-family:var(--primary-font);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.25rem !important;
    text-align: left;
 	color: var(--cnvs-heading-color);
  	font-weight: var(--cnvs-headings-font-weight);
  	line-height: var(--cnvs-line-height-base);
  	margin: 0 0 30px 0;
}

.formulaire_spip fieldset legend {
  font-size: calc(1.3rem);
}
@media (min-width: 1200px) {
.formulaire_spip fieldset legend {
    font-size: 1.5rem;
  }
}




/* EXPLICATIONS --------------------------------- */
.formulaire_spip p.explication, 
.formulaire_spip .saisie_listes_diffusion span.explication p, 
.formulaire_spip .saisie_listes_diffusion span.explication,
.formulaire_spip label span.explication
{font-size:95%;
	font-style:italic; 
	color:#666666;
	text-transform: none;
	font-weight: normal;
}
.formulaire_spip .saisie_listes_diffusion span.explication p, 
.formulaire_spip .saisie_listes_diffusion span.explication p 
{padding-left: 25px}



/* CHAMPS --------------------------------- */
   .w-max-50 {max-width:50%}
        @media (min-width: 1200px) { .w-max-50 {max-width:75%}}




.formulaire_spip input.text, 
.formulaire_spip textarea,
.formulaire_spip select{ display:block;
width:90%;
font-size: 100%;  
background:#ffffff; font-weight:normal; padding:.2em; 
border:solid 1px #e3E3E3;}

@media (min-width: 1200px) {
.formulaire_spip input.text, .formulaire_spip textarea,.formulaire_spip select {width:60%;}}
@media (min-width: 992px) {
.formulaire_spip input.text, .formulaire_spip textarea,.formulaire_spip select {width:75%;}}



/* TITRE DES CHAMPS --------------------------------- */
label  {
font-family: var(--cnvs-secondary-font);
text-transform : var(--cnvs-featured-box-font-tt)
}
:root, label {
--cnvs-form-label-font-weight : 600
}

.formulaire_spip label {font-weight: 600}


/* CHOIX --------------------------------- */
.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-block;}
.formulaire_spip .choix label {display:inline-block; font-weight: 500;}
.formulaire_spip .choix_alternatif label {}
.formulaire_spip .saisie_listes_diffusion .choix label {display:inline; padding-left: 15px;}
.formulaire_spip .choix.choix_alternatif label {text-align: left;width: auto;float: left}
.formulaire_spip .choix.choix_alternatif input {width: 300px;float: left; margin-left :15px}

/* 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: 25px 0px;
border:none;background:none;text-align:center;}

.formulaire_spip p.boutons input[type=submit] {
font-size : 1rem;
font-family: var(--secondary-font);
font-weight: 600;
border: 2px solid var(--orange);
color:   var(--orange);
text-transform: uppercase;
padding:10px 15px;
background-color:transparent;
border-radius: 0.25rem;}

.formulaire_spip p.boutons input[type=submit]:hover {
background-color:var(--orange);
color: var(--blanc);}
}

.dark .formulaire_spip p.boutons input[type=submit] {
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}





/* Reponses */
.reponse_formulaire { border: 0px; }
.reponse_formulaire_ok { background: none; }
.reponse_formulaire_erreur { background: none;color:var(--rouge);}
.reponse_formulaire_erreur p {margin-bottom:5px;}
.message_retour_mailsubscribe {display:none;}/* Permet de ne pas afficher l'info sur l'inscription en fin de message */




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


.formulaire_valeurs ul.spip > li:before{content: none}
.formulaire_valeurs ul.spip li:first-child,
.formulaire_valeurs ul.spip li,
.formulaire_valeurs ul.spip,
.formulaire_valeurs ul,
.formulaire_valeurs li.choix,
.formulaire_valeurs .saisie_input .valeur p {margin: 0px;padding: 0px}
.formulaire_valeurs .choix {font-size: 100%}
.formulaire_valeurs .valeur p, 
.formulaire_valeurs li.choix, 
.formulaire_valeurs ul.spip > li.choix
{line-height: 1rem;margin-bottom: 0px}

/* Erreur dans le formulaire --------------------------------- */
span.erreur_message {color:var(--rouge);}

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




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

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




.formulaire_formidable footer:after {
	content: '';display: table;clear: both;}


.formulaire_formidable fieldset + fieldset, 
.formulaire_ecrire_auteur fieldset + fieldset, 
.formulaire_contact fieldset + fieldset {
}

.formulaire_formidable input + text, .formulaire_ecrire_auteur input + text, ,
.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;}




.modal1 .formulaire_formidable {background-color: var(--blanc); border: 0px;padding:0px}


	
.formulaire_recherche_projets input:is([type="button"], 
	.formulaire_recherche_projets [type="submit"], 
	.formulaire_recherche_projets [type="reset"]), 
.formulaire_recherche_projets input[type="file"]::file-selector-button, 
.formulaire_recherche_projets button {
border: 0px; }

.formulaire_recherche_projets [type="submit"]{}
background-color: none;

}