/* --------------------------------------------------------------

   form.css
   Base pour formulaires
   Cf.: https://contrib.spip.net/3820

-------------------------------------------------------------- */

input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; max-width: 100%; }
input,textarea{ padding: 3px 7px;}

legend { font-weight: bold; }
.formulaire_spip .bugajaxie { display: none; } /*IE/Win*/


/* Curseur main sur les elements input cliquables */
input[type="submit"],input.submit,
input[type="button"],input.button,
input[type="image"],input.image,
button { cursor: pointer; }

input[type="submit"],input.submit,
input[type="button"],input.button{
	padding: 5px 10px; border-radius: 5px; color: #FFF; background-color: #00294a; margin-top: 0px; border: 0;
}
input[type="submit"]:hover,input.submit:hover,
input[type="button"]:hover,input.button:hover{ background-color: #00b6e8;}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie fieldset { padding-top: 0; }
.ie6 legend,
.ie7 legend { margin-left: -7px; } /* Preciser la couleur des legend et du fond pour IE/Win */
.ie button,
.ie input.submit,
.ie input.button { position: relative; }

button { width: auto; overflow: visible; } /* joli rendu sous IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

/* Elements de notifications des boites succes, info, notice, alerte */
.reponse,
.error,
.alert, 
.notice,
.success, 
.info     { padding: .8em; margin-bottom: 1.5em; border: 2px solid #ddd; }

.error,
.alert      { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info     { background: #d5edf8; color: #205791; border-color: #92cae4; }

.error a,
.alert a      { color: #8a1f11; }
.notice a   { color: #514721; }
.success a    { color: #264409; }
.info a     { color: #205791; }




/* Formulaires
----------------------------------------------- */

/* Formulaires */
.formulaire_spip {}
.formulaire_spip li { clear: both; margin-bottom: 0.75em; }
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input,
.formulaire_spip .boutons button {}
.formulaire_spip input.text,
.formulaire_spip textarea {padding:.3em;border:solid 1px #aaa;}


.formulaire_formidable .editer-groupe{
	background-color:#F1F1F1;
	padding:25px;
	border:1px solid #ccc;
}

.formulaire_formidable input.text, .formulaire_formidable textarea, .formulaire_formidable input.email {
    padding: .2em 0.5em;
    border: solid 1px #aaa;
	margin-bottom: 15px;

}
.saisie_input, .saisie_date, .saisie_email {float:left; width:47%; margin-right:2.7%;}
.saisie_checkbox{ clear: both; margin-bottom: 15px;}
.saisie_checkbox label{ margin-bottom: 5px; font-weight: 700;}
.saisie_checkbox .choix label { font-weight: normal;}
	
.choix {margin-left:30px;}
	
.choix label {display:inline;}
.saisie_oui_non, .saisie_mot{margin-bottom:0.5em;}

.formulaire_formidable .boutons{margin-top:1em;}
span.obligatoire { color:#F00;}



.content .saisie_input input.text {
    width: 100%;
}
.saisie_textarea{clear:both;}

/* Recherche
----------------------------------------------- */
.recherche{float: right;margin-bottom: 1.5em; margin-top: -20Px;}
.formulaire_recherche label{display: none;}

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche input.text { 
	line-height: 30px;
	border:none;
	color: #FFF;

}
.formulaire_recherche input.submit { 
display: none;
}

.formulaire_recherche input.submit:hover { 
	background: #000 url(../images/search.png) no-repeat center center;
}

/* Selection  ------------*/

.recherche_pres{
	padding: 2em;
	margin: 0 auto;
	width: auto;
	margin-bottom: 2em;
background-color: #01488f;}  
}
#search-real {
	padding: 2em 0;
	}

#search-real input[type="submit"]{ margin-left: 10px;}

.selection{
	font-size: inherit; /* inherit size from .dropdown */
	padding: .5em; /* add some space*/
	margin: 0; /* remove default margins */
	width:150px;
	text-transform:capitalize;
	background-color: #FFF;
	color: #262626;
	height: 36px;
	}

.selection {
	padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */				
	border: 0;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;    
			}

.dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
		background-color: #fff;
    	color: #444;
    }

.dropdown::before, .dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

.dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
    }

.dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
    }

.selection {
        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;    
    }
 .selection[disabled] {
        color: rgba(0,0,0,.3);
    }
.selection::before {
        top: .5em; bottom: .5em;
        background-color: #fff;
        border-left: 1px solid rgba(0,0,0,.1);
    }

 .selection::after {
        color: rgba(0,0,0,.9);
    }


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

}

/* largeur maximum 640px */
@media (max-width: 640px) {
	
	.saisie_input, .saisie_date, .saisie_email {float:none; width:100%; margin-right:0;}
	
}




/* fin */