/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Structure generale des formulaires
----------------------------------------------- */

#formulaire_spip  {
  margin: 0 0 1em 0;
  color:#888;
}

#formulaire_spip  form fieldset
{
	margin:0;
	padding:0;
	border: 0 none;
}

#formulaire_spip  form label {
	font-weight: bold;
	cursor: pointer;
	color: #02407B;
	margin: 1em 0 0 0;
}

#formulaire_spip  p.label {
	font-weight: bold;
	cursor: pointer;
	color: #369;
	margin: 1em 0 0 0;
  cursor: text;
}

#formulaire_spip  form fieldset input, #formulaire_spip  form fieldset textarea, #formulaire_spip  form fieldset select
{
	margin: 5px 0;
	padding: 4px;
}

#formulaire_spip  form fieldset input.text, #formulaire_spip  form fieldset textarea
{
	display: block;
	width: 60%;
	padding: 4px;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
}

#formulaire_spip  form fieldset input[type="text"]
{
	display: block;
	width: 60%;
	padding: 4px;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
}

#formulaire_spip  form fieldset input[type="text"]:focus, #formulaire_spip  form fieldset input.text:focus, #formulaire_spip  form fieldset textarea:focus
{
	background: #FDEEC1; /*#BDBDBD;*/
	border-color: #dcfc57;
}


#formulaire_spip .spip_barre
{
	background: #FDEEC1;
	border-color: #dcfc57;
}

#formulaire_spipi div.colonne {
	float:left;
	width:30%;
	padding:5px;
}

#formulaire_spip .haute {
  margin-top: 1em;
  margin-left:1em;
}


#formulaire_spip span.info {
	color: #B30303;
}

#formulaire_spip .erreur_message
{
	color: #D9171E;
}

/*
#formulaire_spip .submit
{
	color:#000;
	background:url('../icones/bg-submit.gif') no-repeat;
	background-position: 0% 0%;
	width:225px;
	height:42px;
	cursor: hand;
}*/



.submit { position: relative; display: inline-block; width: auto; padding: 5px 1em 6px; overflow: visible; cursor: pointer;
background: #888 url("images/varicelle-overlay.png") repeat-x; box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
border: 0; border-bottom: 1px solid rgba(0,0,0,0.25); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
font-size: 100%; line-height: 1; font-weight: bold; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
* html .submit { background-image: none; border: none; color: #FFF !important; } /*IE6*/
.submit,.submit:visited,.submit * { color: #FFF; text-decoration: none; }

.submit:hover { background-color: #777; color: #FFF; text-decoration: none; }
.submit:focus,
.submit:active { -moz-transform: translateY(1px); outline: none !important; }
.submit:active { box-shadow: inset 0 1px 2px rgba(0,0,0,0.7); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
 /*IE*/ border-bottom: 0\9; border-top: 1px solid #666\9; }
.submit::-moz-focus-inner { border: 0 none; padding: 0; }

/* tailles */
.small.submit { font-size: .9em; padding: 4px 1em; }
.big.submit { font-size: 1.2em; padding: 8px 1em 9px; }
.super.submit { font-size: 2em; padding: 8px 1em 9px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

/* couleurs */
.pink.submit { background-color: #e22092; }
.pink.submit:hover { background-color: #c81e82; }
.red.submit { background-color: #e62727; }
.red.submit:hover { background-color: #cf2525; }
.orange.submit { background-color: #ff5c00; }
.orange.submit:hover { background-color: #D45500; }
.yellow.submit { background-color: #FFB515; }
.yellow.submit:hover { background-color: #FC9200; }
.green.submit { background-color: #91BD09; }
.green.submit:hover { background-color: #749A02; }
.blue.submit { background-color: #2981e4; }
.blue.submit:hover { background-color: #2575cf; }
.black.submit { background-color: #222; }
.black.submit:hover { background-color: #111; }
.gray.submit { background-color: #888; }
.gray.submit:hover { background-color: #777; }
.white.submit { background-color: #FFF; border: 1px solid #CCC; color: #666; font-weight: normal; text-shadow: 0 1px 1px #FFF; }
.white.submit:hover { background-color: #EEE; }

/* styles */
.metal.submit { background: #FFF url("images/varicelle-metal.png") repeat-x scroll bottom; border: 1px solid #BBB; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); color: #555 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); }
.metal.submit:hover { background-color: #EEE; border-color: #999; color: #444; }

.spip.submit { background-color: #75507B; }
.spip.submit:hover { background-color: purple; }
.spip.submit:focus, .submit.spip:active { background-color: #F57900 !important; border-color: #F57900 !important; }

/* boutons d'admin SPIP */
.spip-admin .submit { padding: 3px 9px; background-color: #75507B; border: 0; font-size: .9em; }
.spip-admin .submit:hover { background-color: purple; }
.spip-admin .submit:focus, .spip-admin .submit:active { background-color: #F57900 !important; border-color: #F57900 !important; }






.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label{display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}


/* Champs de saisie */
.formulaire_spip input.text { width: 15em; border: 1px inset; }
.formulaire_spip textarea { width: 99%; border: 1px inset; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: left; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
.formulaire_spip fieldset.previsu p { margin: 1em 0; } 

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color:inherit; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }

/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center; }
.formulaire_recherche input.submit {}

.spip_surligne {} /* Cf.: spip_style.css */

/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */

/* Formulaire de login dans une page */
.formulaire_login ul li {clear:left;}
.formulaire_login .editer_password .details {display:block;}
.formulaire_login #spip_logo_auteur {float:right;}