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

   form.css
   Base pour formulaires
   Cf.: http://www.spip-contrib.net/3820

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

input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; }
legend { font-weight: bold; }

/* Hand cursor on clickable input elements */
input[type="submit"],input.submit,
input[type="button"],input.button,
input[type="image"],input.image,
button { cursor: pointer; }


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; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

/* Success, info, notice and error/alert boxes (from BluePrint) */

.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 formidable
------------------------------------------------*/
.formulaire_formidable {
	/*border: thick solid #B2B2FF;*/
	border: none;
	background-color: #FFFFDF;
	padding:10px;
	}
.formulaire_formidable fieldset 
{
	border:none;
	margin-left:0px;
	padding-left:0px;
	margin-top:5px;
}
.formulaire_formidable fieldset  ul li 
{
	list-style-image: none;
	list-style-type: none;
	text-align:left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	margin-left:0px;
}

.formulaire_formidable label {
	width:200px;display:inline-block;
	
}
.formulaire_spip input.date
{
  width: 9em;  padding-right: 5px; margin-right:20px;display:inline-block;
}

.formulaire_formidable   ul  li.explication,.formulaire_formidable   ul  li.fieldset
 { list-style-image: none;
	list-style-type: none; padding-left: 0px;
 }		
.formulaire_formidable  .explication p {
	font-size: 120%;
	font-weight: bold;
}
.saisie_textarea
 {	padding:10px;		}
 
.explication h4.spip
{
	font-size: 300%;
	font-family: Garamond, serif;
	color: #03C;text-align:center;
	font-weight:bold;
	text-shadow:0px 0px 0 rgb(211,211,211),1px 1px 0 rgb(177,177,177),2px 2px 0 rgb(143,143,143), 3px 3px 0 rgb(109,109,109),4px 4px 3px rgba(0,0,0,0.7),4px 4px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2);
}


h3.legend {
	font-family: Garamond, serif;
	color: #03C;
	font-weight:bold;
	font-size: 250%;
	text-transform: capitalize;
	 line-height: 1em;
     margin-bottom: 0.5em;
	}
	/*font-size:100px;text-transform: uppercase;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/

.choix,.radio {margin-left:20px;}
 
@media (min-width:480px) { 
.choix,.radio {margin-left:30px;}

 }

.editer{margin-bottom:10px;}

.saisie_radio label {
	width:auto;display:inline-block;}
.formulaire_formidable .saisie_textarea  label {
	width:auto;display:inline-block;}

.formulaire_ecrire_auteur li {	
   list-style-image: none;list-style-type:none;
}
/* Print */
@media print {
  form { display: none; }
}

/* recherche */
.formst { margin: 0.5em;  font-family: Satisfy; text-align:right;clear: both; font-size: .9em;width:70%;padding-right:5px;	}
span.recherche_1 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    max-width: 300px;
    width: 95%;
}
.recherche_1 {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    margin: auto;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: auto;
    display: inline-block;
    background-color: #E9E9E9;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #dedede #bababa #aaa #bababa;
    box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
    border-radius: 10px;
    background-image: linear-gradient(to top, #f6f6f6, #eae8e8);
}
input.search {
    width: 70%;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFF;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
    border-radius: 3px;
    padding: 5px;
}
input.text, textarea {
    width: 100%;padding: 5px;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFF;
    border: 4px solid #EED;
}