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

/* Formulaire en mode saisie */
form.valid fieldset { margin-bottom: 1em; padding: 1em; border:1px solid #ccc;}
form.valid fieldset legend { font-weight: bold; color:black; }
.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, .row .texte { margin-left: 1em; width: 60%; }
.row input, .row textarea, .row .texte, .row select { padding: 0.2em; }
.row .texte { float: left; padding: 0; }
.html textarea { width: 450px !important; }
.addsubmit input { 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 { text-align: center; }
.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; }

/* bouton submit */
.submit input { background:#ccc; border:1px solid #484339; color:#202026; padding:2px 30px; font-weight:bold; text-transform:uppercase;}

.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: 50%; }

.checkbox input, .radio input { background: transparent; }

/* Code postal / ville */
#rcp { clear: left; float: left; width: 45%; }
#rville { width: 48%; }
#rcp label { width: 70%; }
#rcp input { width: 20%; float: left; }
#rville { clear: none; float: left; }
#rville label { width: 15%; }
#rville input { width: 72%; }

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

/* Formulaire en mode saisie, affichage en ligne : label: champ | label: champ | label: champ */
form.inline { }
form.inline label, form.inline label.main { display: none; }
form.inline select, form.inline input { width: auto; }
form.inline div.row { display: inline; clear: none;}

/* Partie variable des sites */

/******************Colonne gauche****************/
form#recherche {float:right; background-color:#b6a37e; width:200px; height:60px;}
form#recherche #rmotscles {padding-left:15px; padding-top:15px;}
 form#rechercher #rmotscles {width:350px; margin:0 auto;}

form#recherche #motscles-addsubmit, form#rechercher #motscles-addsubmit {padding:0;}

form.themes {width:350px; margin-top:10px; margin-bottom:20px; text-align:right; float:left; clear:both;}
body.programme-life-nature form.themes {width:auto;}
form#recherche input, form#rechercher input, form.recherche input, form.themes select {width:145px; height:18px; font-size:0.9em; padding:5px 2px 0; color:#573d24; margin:0; background:#FDF6E5; border:2px solid #573d24; }
form#rechercher input {width:250px;}


form#recherche label, form#rechercher label, form.recherche label, form.themes label {display:none;}
form#recherche input#motscles-addsubmit, form#rechercher input#motscles-addsubmit, form.recherche input.submit, form.themes input#theme-submit {border:none; height:auto; width:auto; background:none; font-weight:bold; text-transform:uppercase; color:#573d24;}
form.themes select { height:auto; width:250px; margin-left:6px; padding:2px;}
form.themes option { background:#fdf7e7;}

body.infos-pratiques form.themes select {width:auto; text-align:left;}
body.infos-pratiques form.themes {margin-bottom:10px;}

table.valid tr#pays td, table.valid tr#livraison_pays td {
	background-color: #9D9DA3;
	color: #FFF;
}
.row input, .row textarea, .row select {background:#fffbf2; border:2px solid #573d24; }
form.valid .row .missing {
	background-image: url(../images/icons/delete.png);
	background-position: 100% 1px;
	background-repeat: no-repeat;
	color: red;
}
#contenu form.valid { padding: 0; margin: 0 auto; }
ul.errors { margin-left: 40px; }
ul.errors li label { font-weight: bold; }

form.recherche { float: right; clear:none; text-align: left; width:250px; text-align:right; }

/************************************************ Colonne centrale jeux quizz *******************************************/

form#test {}
form#test fieldset {border:none; margin:0; padding:0; margin-bottom:20px;}
form#test legend {
border-bottom:1px solid #C4A500;
color:#666D20;
font-size:13.5px;
margin-bottom:10px;
}
form#test input {}
form#test .row {clear:none; float:left; margin:0; padding:0;}
form#test .texte label {display:none;}
form#test label.main {float:none; width:auto; font-weight:bold; padding-bottom:15px; text-align: left;}
form#test label {clear:both; float:left; padding-right:20px;}
form#test div.radio {width:320px;}
form#test div.texte {width:170px; margin:0;}


form#accordion_control {margin-bottom:20px;}
form#accordion_control input {background:#fff; border:none; color:#573D24; padding:0; margin-left:1em; text-transform:uppercase; font-weight:bold;}
form#accordion_control select {padding:0; text-align:left; width:450px;}

form fieldset#resultat {}
form fieldset#resultat div#rscore {
margin-left:200px;
margin-top:-35px;
}
form fieldset#resultat div#rscore label {display:none;}
form fieldset#resultat div#rscore textarea {background:none; border:none; width:50px; height:20px; font-weight:bold; overflow:hidden; font-size:1.4em;}




/* Connexion et inscription cote à cote */
div#connexion {
	float: left;
	width: 50%;
}
div#connexion .row input { margin-left: 0; width: 55%; }
div#connexion .row label.main { width: 40%; text-align: left; }

div#inscription {
	float: left;
	width: 50%;
}
div#inscription input { margin-left: 0; }
div#connexion fieldset, div#inscription fieldset {
	height: 150px;
}