/***************************************************************************************/
   /***************************************************************************************/
  /*********************************      FORMULAIRES      *******************************/
 /***************************************************************************************/
/***************************************************************************************/



/************************ FORMULAIRE GENERAL ***************************/

/********************* Styles par défaut formulaires & formidables *******************************/

/*Surcharge spip*/
.formulaire_spip fieldset {
  border: 1px solid #acacac;
  padding: 0.5em 1em 1em;
  border-radius: 2px;
}
.formulaire_spip fieldset > legend {
	padding: 0 0.5em;
	text-transform: capitalize;
}
.formulaire_spip {
  margin: 0;
  width: 100%;
}
.formulaire_spip li {
	margin-bottom: 0;
}

/******************************/

.texte form,
.texte .formulaire_formidable {clear:none;}

form .saisie_input, form .saisie_textarea, form .saisie_selection, .fiche.deploiements .ligne {
  position: relative;
  margin: 0.3em 0;
  width: 100%;
}
form .saisie_input label, form .saisie_textarea label, form .saisie_selection label, .fiche.deploiements .champ {
  position: absolute;
  left: 0.7em;
  top: 1.25em;
  font-size: 1.2em;
  line-height: 1.2;
  color: #acacac;
  transition: 0.2s all ease-in-out;
  pointer-events: none;
}
form .saisie_input input:focus + label, form .saisie_input label.active, form .saisie_textarea label.active, form .saisie_selection label, .fiche.deploiemlents .champ {
  left: 0.2em;
  top: 0;
  font-size: 0.8em;
  color: #0497B6;
}
.bgbleu form .saisie_input input:focus + label, .bgbleu form .saisie_input label.active, .bgbleu form .saisie_textarea label.active, .bgbleu form .saisie_selection label {
  color: #fff;
}
form input, form textarea, .boutons a {
  transition: 0.2s all ease-in-out;
  border-radius: 2px;
}
form .error, form .erreur_message {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 0.8em;
}

form .fieldset {
  position: relative;
  margin-top: 4em;
}
form .fieldset h2 {
  margin: 0;
  position: absolute;
  top: -1em;
  left: 0.2em;
  font-size: 1.3em;
  color: #243D49;
}

form input[type=text], form input[type=email], form textarea, 
.formulaire_formidable input[type=text], .formulaire_formidable textarea, form select {
  padding:0.3em 0.7em;
  border:1px solid ; 
  width:100%;
}
form input[type=text], form input[type=email],
.formulaire_formidable input[type=text], form select {
  height:2em;
}
form textarea {
  height:6em;
}
form input[type=text], form input[type=email],
.formulaire_formidable input[type=text], form select, form textarea {
  margin-top: 0.9em;
  margin-bottom: 0;
}

.boutons,
form .boutons,
.formulaire_formidable .boutons {
	clear:none;
	margin: 1em 0;
	text-align: center;
}

.boutons a,
form .boutons input,
.formulaire_formidable .boutons input {
  width:100%;
  line-height:2em;
  margin-left:0px;
  font-weight:bold;
  border:none;
}

.boutons a {
	display:inline-block;
	padding:0 0.5em;
}

form .error {display:none;}

form label,
.formulaire_formidable label {font-weight:normal;}

form label h2, form label h3, form label h4 {
	display: inline-block;
	margin-bottom: 0;
}


/********************** Formidable en flex ! ************************/

@media screen and (min-width:768px){
	.formulaire_formidable .editer-groupe, .formulaire_spip .editer-groupe {
		display: -ms-flexbox; 
	 	display: -webkit-flex;
	 	display: flex;
		width: 100%;
	
		-webkit-align-items:flex-start;
		-ms-flex-align:start;
		-ms-grid-row-align:flex-start;
		align-items:flex-start;

		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

/********************* Message de confirmation formidable ***************************/
.reponse_formulaire {
	background:none;
	border:none;
	padding:0;
}
.reponse_formulaire p {margin:0;}



/*************** Formulaire de Contact en bas d'article ******************/

#formulaire_formidable-12 .boutons {margin-top: 0;}

@media screen and (min-width:768px){

	#formulaire_formidable-12 .editer_input_1, #formulaire_formidable-12 .editer_input_3 {
	width: 50%;
	padding-right: 2%;
	}
	#formulaire_formidable-12 .editer_input_2, #formulaire_formidable-12 .editer_input_4 {
	width: 50%;
	}
	#formulaire_formidable-12 .editer_textarea_1  {
		width: 100%;
	}
}

	
/******************************* FORMULAIRE MILITER *************************************/

/*#formulaire_formidable-30 .editer {width:45%;}*/
#formulaire_formidable-30 .editer_input_1 {width:100%;}

#formulaire_formidable-30 .editer_selection_1 label {
  font-weight:normal;
}
#formulaire_formidable-30 .editer_checkbox_1 > label {margin-bottom:1em;}
#formulaire_formidable-30 .editer_checkbox_1 {
  clear:both;
  padding-top:0.8em;
}
#formulaire_formidable-30 .choix {
  margin-top:0.5em;
}
#formulaire_formidable-30 input[type=submit] {
  display:block;
  margin:1em 0 0 0;
  width:100%;
  padding:0.4em 0;
  font-weight:bold;
}

@media screen and (min-width:768px){
	#formulaire_formidable-30 .editer_input_2, #formulaire_formidable-30 .editer_input_5, #formulaire_formidable-30 .editer_selection_1 {
	width: 50%;
	padding-right: 2%;
	}
	#formulaire_formidable-30 .editer_input_3, #formulaire_formidable-30 .editer_input_4, #formulaire_formidable-30 .editer_checkbox_1 {
	width: 50%;
	}
}

/******************** Formulaire d'infos de don ********************/
#formulaire_don .mi-droite ul label {width:100%;}



/******************** Formulaire de contact ***************/

.formulaire_formidable-5 label, .formulaire_formidable-9 .saisie_input label, .formulaire_formidable-13 .saisie_input label{
	width: 175px;
	text-align: right;
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
}

.ie6 .formulaire_formidable-5 label, .ie7 .formulaire_formidable-5 label, .ie6 .formulaire_formidable-9 label, .ie7 .formulaire_formidable-9 label, .ie7 .formulaire_formidable-13 label { /* @bugfix inline-block sur IE6/IE7 */
	display: inline;
	zoom: 1; /* donner le layout */
}
.formulaire_formidable-5 .saisie_input input, .formulaire_formidable-9 .saisie_input input, .formulaire_formidable-13 .saisie_input input {
	width: 215px;
}
.formulaire_formidable-5 .saisie_textarea textarea, .formulaire_formidable-9 .saisie_textarea textarea {
	width: 405px;
}


/******************** Formulaire de newsletter ***************/

.formulaire_formidable-4 .editer_case_1 {
	margin-left: 160px;
}


/******************** Formulaire Mission Jaurès ***************/

.formulaire_formidable-13 .boutons {text-align:left;margin-left:340px;margin-top:-52px;}


/******************** Formulaire inscription AG 2013 ***************/

.formulaire_formidable-9 .saisie_input label span {margin-left:10px;}
.formulaire_formidable-9 .saisie_input label {width:200px;text-align: left;}
.formulaire_formidable-9 .choix {position:relative;left:212px;}
.formulaire_formidable-9 .boutons .formulaire_formidable-13 .boutons {text-align:left;margin-left:215px;}
.suggestions .formulaire_formidable-9 .saisie_input label span {margin-left:10px;}
.suggestions .formulaire_formidable-9 .saisie_input label {width:93px;text-align: right;}
.suggestions .formulaire_formidable-9 .choix {position:relative;left:0px;}
.suggestions .formulaire_formidable-9 .boutons {text-align:left;margin-left:105px;}
.suggestions .formulaire_formidable-9 .saisie_input input {
	width: 180px;
}
.suggestions .formulaire_formidable-9 .saisie_textarea textarea {
	width: 405px;
}
.suggestions .formulaire_formidable-9 .saisie_input label{
	display: inline-block;
	vertical-align: top;
	margin-right: 7px;
}
.suggestions .formulaire_formidable-9 li {margin: 5px 0;}


/******************** Formulaire & Page de don ***************/

.ope-dons {
	height: 2em;

}
.ope-dons .fleche {
	height: 2em;
	border: solid 1em;
	border-color: #1073b6 #fecc00;
	border-right: none;
	float: right;
}
.ope-dons .deduction {
	float: right;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.ope-dons .deduction .prix {
	font-weight: bold;
	padding-right: 0.5em;
}
.ope-dons .deduction, .ope-dons label {
	line-height: 2em;
}
.ope-dons label {
	padding-left: 0.5em;
	font-weight: bold;
	width: auto;
}
.ope-dons h2 {
	margin-bottom: 1em;
}
.option {
	padding: 1em;
	margin: 1em 0;
}
.option p:last-child {
	margin-bottom: 0;
}
.tiroir h4 {
	margin-bottom: 0;
	font-weight: normal;
	font-family: MuseoSlab;
	font-size: 1em;
}
.tiroir {
	display: none;
	margin-top: 1em;
}
.etape {
	clear: both;
	align-items: center;
	margin-top: 0.75em;
}
.etape .puce {
	font-size: 2em;
	font-weight: bold;
	width: 40px;
}
.mensualiser .etape p {
	width: 100%;
	margin-top: 0.5em;
	padding-left: 40px;
}
.etape h4 {
	clear: none;
	max-width: calc(100% - 40px);
}
.saisie_checkbox > .choix + p {
	margin-top: 0.5em;
}

@media screen and (min-width:500px) {
	.ope-dons .deduction {
		padding-left: 1em;
		padding-right: 1em;
	}
}