/* Généralités */
form { margin: 0; padding: 0; }
label, input, select, textarea { font-family: Verdana, Arial, Courier new, Sans; font-size: 0.9em; }
label { cursor: pointer; }
.cnil { width: 80%; margin: 0 auto; font-size: smaller; }

/* Formulaire en mode saisie */
form.valid fieldset { margin-bottom: 1em; padding: 1em;}
form.valid fieldset legend { font-weight: bold; color:#000; }
.row { margin: 0.1em; clear: both; padding: 0.5em; min-height: 1em; }
.row label.main { display: block; float: left; width: 33%; text-align: right; }
.row input, .row textarea, .row select { margin-left: 1em; width: 60%; }
.row input, .row textarea { padding: 0.2em; }
.addsubmit input, .addsubmit select { width: 50%; }
.checkbox input, .radio input { width: auto !important; background: transparent !important; border: 0 !important; vertical-align:middle; }
.date select, .datetime select, .date input, .datetime input { width: auto; }
.submit input { width: auto; font-weight: bold; padding: 0.3em 2em; font-size: 1.1em; cursor: pointer; border-style: outset !important; }
.submit input:active { border-style: inset !important; }
.submit { text-align: center;}
.row small { padding-left: 35%; display: block; }
.seccode input {
	vertical-align: top;
	width: 5em;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	height: 19px;
}
#rcode img { border: 0; background: 0; padding: 0; }
#rcode label { width: auto; }

/* Code postal / ville */
.checkbox input, .radio input { background: transparent; }
#rcp { clear: left; float: left; }
#rcp label { display: inline; width: 180px; }
#rcp input { width: 56px; float: left; }
#rville { clear: none; float: left; }
#rville label { width: auto; }
#rville input { width: 195px;  }

/* champ ville du formulaire depot livre d'or*/
form#temoignages #rville label.main { display: block; float: left; width: 33%; text-align: right; }
form#temoignages #rville .row { margin: 0.1em; clear: both; padding: 0.5em; min-height: 1em; }
form#temoignages #rville { clear: both; float:none;}
form#temoignages #rville input{width: 60%; }

/* Formulaire en mode affichage */
table.valid { background-color:#FFF; width: 100%;}
table.valid, table.valid td, table.valid th {
	border:1px solid #A4A4A4;
	border-collapse:collapse;
	empty-cells: show;
	color: #000;
}
table.valid tr.group th { text-align: left; }
table.valid th, table.valid td { padding:2px; }
table.valid th { font-weight:bold; text-align: right; width: 30%; }

/* Partie variable des sites */

.row input, .row textarea, .row select { background:#f9f8f6 url(../images/bg_champ_recherche.gif) repeat-x; border:1px solid #143450; }

form.valid .row .missing {
	background-image: url(../images/icons/delete.png);
	background-position: 100% 1px;
	background-repeat: no-repeat;
}
#contenu form.valid { padding: 0; margin: 0 auto; }

table.valid tr.group th { text-align: right; background-color:#E6E6E6 !important; }
ul.errors {
	font-weight: bold;
}
form.themes { text-align: center; padding: 1em 0; }
form.themes select {  }

/* Textes editables */
div.html textarea { width: 350px; height: 330px; }
.mooeditable-container { float: left; }
.mooeditable-iframe { width: 480px; }
.mooeditable-toolbar { height: 24px; border:1px solid; border-bottom: 0; }
.mooeditable-toolbar img { cursor: pointer; vertical-align: middle; margin-right: 5px; padding: 3px; }
.mooeditable-toolbar img:hover { background-color: #F5F5F5; padding: 2px; border: 1px solid #AAA; }
.toolbar-separator { margin-right: 2px;  }

/* styles particuliers */
/* Connexion et inscription cote à cote */
div#connexion fieldset, div#inscription fieldset {
	height: 150px;
}
div#connexion fieldset .submit input, div#inscription fieldset .submit input {
	width: 90%;
	margin: 0 auto;
}
div#connexion {
	float: left;
	width: 52%;
}
div#connexion .row input { margin-left: 0; width: 55%; }
div#connexion .row label.main { width: 40%; text-align: left; }

div#inscription {
	float: left;
	width: 46%;
	margin-left: 2%;
}
div#inscription input { margin-left: 0; }

form.themes { margin-top:8px; padding:5px 0;}
#criteres form label { width: 20%; }

/* Consultations */
#rcgv label.main { display: none; }
#rcgv { font-weight: bold; text-align: center; }
#dates label.main { width: auto; text-align: left; }
#dates small { padding-left: 25%; }
#dates select { width: auto; }

#dates .row { clear: none; float: left; }
#dates div.select { clear: right; }

/* Abonnement aux actus */
#paiement #objets { margin-left: 25%; }