/* Habillage du site, partie 5/7 : formulaires.
   Les 7 fichiers ufe-*.css se chargent dans l'ordre de leur numéro (voir inclure/head.html) ;
   ils reprennent, dans le même ordre, l'ancien spip_ufe.css. */
/*--------------------------------------------
 * formulaires
 *--------------------------------------------
*/
#ombre
{
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index:10;
  opacity:0.5;
  filter: alpha(opacity=50);
}
.form-contact {
	padding:1em;
	background: transparent;
	border: 2px dashed #CCC;
	padding: 1em;
}
.form-contact fieldset,
.formulaire_formidable fieldset {
	background-color:#FFF;
	margin:0.5em 0;
	padding:0.25em;
	border:none;
}
.form-contact .control-group,
.formulaire_formidable .control-group {
	margin-bottom:0.5em;
}
.form-contact input,
.form-contact textarea {
	border:1px solid #CCC;
	padding:0.5em;
}
.form-contact input.submit {
	border:1px solid var(--vert-fonce);
	background-color: var(--vert-fonce);
	color: #FFF;
	padding:0.5em;
}
.form-contact input.submit:hover {
	border:1px solid var(--vert-moyen);
	background-color: var(--vert-moyen);
}
.formulaire_formidable div.editer-groupe {
	width: 100%;
	max-width: 500px;
}
.formulaire_formidable div.editer {
	margin-bottom: 1em;
	width: 100%;
	max-width: 500px;
}
.formulaire_formidable div.editer input,
.formulaire_formidable div.editer textarea,
.formulaire_formidable div.editer select option {
	width: 100%;
	border:1px solid #CCC;
	padding:0.5em;
	font-family: var(--txt-normal);
	font-size: 0.9rem;
}

.formulaire p.boutons,
.modal p.boutons {
	text-align:right;
}
.form-contact label {
	display:inline;
	text-align:left;
	font-weight:400;
}
.formulaire_formidable label {
	display: block;
	text-align:left;
}
#texte-rubrique .formulaire_formidable p.explication,
#texte-article .formulaire_formidable p.explication {
	font-size: 90%;
	font-style: italic;
	color: #999;
}

.modal {
  	position: fixed;
	background: url(img/bg.png) repeat;
	padding:1em;
}
.previsu,
.popupinfo {
  	width:80%;
  	height:85%;
	top:2%;
	margin:0 auto;
	background-color:#FFF;
	z-index:99;
}
.modal-header h2 {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #0074CC;
	font-size:20px;
	line-height:normal;
	text-align:center;
}
.modal-header p,
.modal-body p {
	margin-bottom:1em;
	text-align:center;
}
.modal-body {
	font-weight:normal;
	background-color:#FFF;
	padding:1em;
}
.previsu .modal-body,
.popupinfo .modal-body {
	height:13em;
	overflow:scroll;
}
.modal-footer {
	padding:0.5em;
}
.lienSuite {
	text-align:right;
	cursor:pointer;
}

/*-------- media queries ----------*/