/* ==============================================================
   Form styles - normalize, reset
   ============================================================== */
button, input, select, textarea {font-family: sans-serif; color: #222; }
form { margin: 0; padding: 0; overflow: hidden; }
fieldset { border: 0; margin: 0; padding: 0; font-size: 100%;}
legend { border: 0; margin-left: -7px; margin: 0; padding: 0; display: block; width:100%; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; vertical-align: middle; }
button, input { line-height: normal; overflow: visible; }
table button, table input { overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; width:auto; height:auto; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="image"],
input[type="checkbox"],
input[type="radio"] {/* display:inline ? */ width: auto; height: auto; padding: 0; margin: 3px 0; cursor: pointer; margin-top: 0; /* IE7 */
line-height: normal; border: 0; border-radius: 0; /* Nuke border-radius for IE9 only */}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="file"] { padding: initial; line-height: initial; border: initial; background-color: white; background-color: initial;   -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
input[type="file"]:focus, input[type="checkbox"]:focus, select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
  outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea {height:auto; overflow: auto; vertical-align: top; resize: vertical; }
select, input[type="file"] {
  /* height: 28px;  In IE7, the height of the select element cannot be changed by height, only font-size */
  margin-top: 4px; /* For IE7, add top margin to align select with labels */
  line-height: 28px;}
select { width: 220px; /* default input width + 10px of padding that doesn't get applied */
  background-color: #fff; /* for Mobile Safari */}
select[multiple], select[size] { height: auto; }
input[type="image"] {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="hidden"] {display: none;}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
  background-color: #f5f5f5; border-color: #ddd; cursor: not-allowed;}

/* ==============================================================
   Author styles
   ============================================================== */

form {margin-bottom: 1.5em;}
fieldset{}
legend {padding-bottom: 10px; color: #000; /* color for IE */ font-weight: bold; font-size: 1.5em;}
legend span {display: block; width: 300px;} /* fixed width because long legends don't wrap */

/* ---------------- Text input fields
*/

input[type="text"],
input[type="password"],
select,
textarea,
.formulaire_spip input.text{
	padding: 6px 5px 7px 5px; background: #fff;
	font-size: 13px; font-family: Arial, Helvetica, sans-serif;
	color: #565656;
	border: 1px solid #C4C4C4;				/* border */
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	/*box-sizing: border-box;*/ 		/* not for IE7, will override ALL fields */
}
textarea {resize:vertical;}
input:focus,
select:focus,
textarea:focus {border-color:#878787; background: #fff;}		/* on focus, when active */
input[type="text"],
input[type="password"],
textarea,
select {width: 288px;}						/* default width; total 300px with padding and border  */


/* ---------------- Buttons
*/

input[type="submit"],
input[type="reset"],
button, a.button {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 4px 12px 4px 12px;
	overflow: visible;	/* for IE */
	outline: none;
	background-color: #ddd ;							/* normal state - background */
	border: 1px solid #ddd;								/* border */
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 	/* rounded */
	color: #111;
	font-size: 11px;
	line-height:1;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	transition: 0.2s all;
	}
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover, a.button:hover {								/* hover state */
	background: #ccc;
	}
input[type="submit"]:active,
input[type="reset"]:active,
button:active {								/* press state */
	background: #ccc;
	}
button:focus { outline-width:1px; outline-style:dotted; }
button::-moz-focus-inner { padding:0; border:0; } /* prevent outline bug in gecko browsers */


/* ---------------- Check boxes and radios
*/

input[type="radio"],
input[type="checkbox"] {border-width: 0;top: 2px;}

/* ---------------- Other form text
*/

form p { margin-bottom: 5px; text-align: center}
/* asterisk (*) for required fields */
form label em,
form label .required{ color: #999999;}
/* extra info, tips next to inputs */
form span.info,
form p.info {color: #7d7d7d; margin-bottom:0;}
.help-block { margin-top: 5px; margin-bottom: 0; color: gray;}
.help-inline { display: inline-block; margin-bottom: 9px; vertical-align: middle; padding-left: 5px; display: inline;}


/* ==============================================================
   Form messages
   ============================================================== */

/* ---------------- error/success message on top of form
*/


/* ---------------- error highlight within form (classes added with javascript or php)
*/



/* ==============================================================
   Form layout
   ============================================================== */

/* ---------------- lists for layout - each li containing label and input
*/
form ul { margin:0; padding:0;}
form ul li { margin:3px 0 3px; padding: 2px 0; background:none; list-style:none;
overflow:hidden;
/* to contain floats */

}
form ul li.hidden { font-size:0px; line-height:0px; height:0px; margin:0; padding:0;}

/* ---------------- Layout A : Horizontal layout, label and field side by side (= default)
*/

/* labels and input standalone in containing li
*/
form label {
  display: table-cell;
/*  width: 140px; */
  width: 86%;
  margin-right: 20px;
  font-weight: bold;
  line-height: 1.5em;
}	/* labels on the left */

form .choix label{
  line-height: inherit;
}

form .choix {
  padding: 9px 0;
}

form input {
/*  display: table-cell;*/
  width: 80%;
}						/* input on the right */
li button,
li input[type="submit"] {margin-left: 160px;}									/* push button to right */
label.inline { float:left;clear: both; width:auto; margin-right:0.5em;}
label.block {display: block; float:none; width:auto; margin-right:0;} 			/* ie. for stacked radio/check boxes, instead of inline */
form input[type="checkbox"], form input[type="radio"] { float:left; width: auto; clear: left}
form .wrap_input input { float:none;}

/* labels and input wrapped with div.wrap_label and div.wrap_input
*/
form .wrap_label { float: left; width: 150px; margin-right: 15px;}	/* labels on the left */
form .wrap_label label {float: none; display: block; width: auto; margin:0;}
form .wrap_input { float: left; width: 350px;}						/* input on the right */
form .wrap_input input { float:none;}

/* wide label that spans two "columns", but inputs still aligned on the right below label (extra class .wide on .wrap_label)
*/
form li .wrap_label-wide { float: none; display: block; width: auto; margin-bottom: 0px;}
form li .wrap_input-wide { margin-left: 165px;}

/* ---------------- Layout B : Vertical layout, all stacked - add class .vertical to form or form container
*/

.vertical li {}
.vertical li .wrap_label,
.vertical label,
.vertical li label { float: none; display: block; width: auto; margin-right: 0; text-align:left; margin-bottom: 2px;}
.vertical li .wrap_input { float:none; display:block; width:auto;}
.vertical li.button {padding-left:0;}
.vertical li button,
.vertical li input[type="submit"] {margin-left: 0px; margin-top: 4px;}


/* ==============================================================
   Specific forms
   ============================================================== */

/* ---------------- Search form
*/
#site_search {padding-top: 6px;}
#site_search input[type="text"] {
	width: 169px; margin: 0 2px 0 0; padding: 3px 5px; display: inline-block;
	font-size: 12px; line-height: 14px; color: #5A555F;
  margin-top: 6px;
}
#site_search input[type="submit"] {
/*	background-image: url(../img/search-button-icon.png);*/
	background-repeat: no-repeat;
	background-position: center center;
	width: 31px; height: 22px; display: inline-block;
	padding:0;
	text-indent: -9999px;
   margin-top: 6px;
}

/* ---------------- Contact form
*/


/* ---------------- Widget Newsletter form
*/


.widget_newsletter form {margin-bottom: 0;}
.widget_newsletter form ul li {padding: 0;}
.widget_newsletter input[type="text"] {width: 188px; padding: 4px 5px;} /* total 200px */



/* ==============================================================
   Spip
   ============================================================== */

.choix label{
  float: right;
  margin-left: 5px;
}
.choix input{
  margin-left: 20px;
}
.saisie_radio label{
  width: auto;
  float: right;
}
.formulaire_spip li.erreur .erreur_message{
  display: block;
}
/*.formulaire_spip input.text{
  width: 40%;
}*/
.formulaire_spip textarea{
  width: 97.5%;
}
.reponse_formulaire{
  font-size: 1em;
}
#form_newsletter input.text{
  width: 94%;
}
.formulaire_spip fieldset, .fieldset{
  background-color:  #f5f5f5;
  padding: 15px;
  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}
.formulaire_spip .explication{
  font-size: 0.9em;
  text-align: left;
  color:  #999999;
  font-style: italic;
  margin-top: -3px;
}
.formulaire_spip select{
  width: 41.5%;
}

/* ==============================================================
   docuextraplus
   ============================================================== */


#contenu-cadre input#titre, #credits{
  text-transform: none;
  width: 97%;
}
input[type=text]{
  display: inline-block;
}