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

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

/* bouton submit */
.submit input {margin: 0 auto; padding:2px 30px; color:#fff; font-weight:bold; text-transform:uppercase; border:1px solid #484339;  background:#138ED3; }

.row small { padding-left: 35%; display: block; }
.seccode input {
	width: 5em;
	height: 19px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
#rcode img {padding: 0;  border: 0; background: 0; }
#rcode label { width: 50%; }

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

/* Code postal / ville */
#rcp { clear: left; float: left; width: 45%; }
#rville { width: 49%; }
#rcp label { width: 70%; }
#rcp input { float: left; width: 23%; margin-left:1.2em; }
#rville { clear: none; float: left; }
#rville label { width: 15%; }
#rville input { width: 72%; }

/* Formulaire en mode affichage */
table.valid { width: 80%; background-color:#FFF; }
table.valid, table.valid td, table.valid th {
	margin:1em auto;
	border:1px solid #A4A4A4;
	border-collapse:collapse;
	empty-cells: show;
	color: #000;
	text-align:center;
}
table.valid tr.group th {padding:5px; text-align: center; font-weight:bold;}
table.valid th, table.valid td { padding:5px; }
table.valid th {width: 30%; font-weight:normal; text-align: center;   }
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 */
table.valid tr#pays td, table.valid tr#livraison_pays td {
	color: #FFF;
	background-color: #9D9DA3;
}
.row input, .row textarea, .row select {}
form.valid .row .missing {
	color: red;
	background-image: url(../images/icons/delete.png);
	background-position: 100% 1px;
	background-repeat: no-repeat;
}
#contenu form.valid { padding: 0; margin: 0 auto; }
ul.errors { margin-left: 40px; }
ul.errors li label { font-weight: bold; }

form.recherche, form.themes { padding: 1em 0; }
form.recherche { float: left; text-align: left;  }
form.recherche input { margin-left:0; }
form.recherche input[type=submit] { margin-left:1em;  }
form.recherche .row {padding:0; }
form.themes { float: right; text-align: right;  }
form.themes select { width:18em;   }



/* Connexion et inscription cote à cote */
div#connexion fieldset, div#inscription fieldset {
	height: 150px;
}
div#connexion {
	float: left;
	width: 52%;
}
div#connexion .row input {width: 55%; margin-left: 0;  }
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; }

/* Login permanent */
#coldroite #identification { width: 100%; }
#coldroite #identification div.row { margin: 0.1em 0; padding: 0.5em 0; }
#coldroite #identification div.row label { float: none; width: auto; text-align: left; }
#coldroite #identification div.row input { float: none; width: 80%; margin:0; }
#coldroite #identification div.row input#submit { margin-left:5px;}
#coldroite #identification div.row input#password { width: 60%; }

#coldroite #mailing label { float: none; width: auto; text-align: left; }
#coldroite #mailing input { width: 100px; margin:0; }
#coldroite #mailing input#submit { margin-left:5px;}

/**********Formulaire de recherche omniprésent***********/
form#recherche-principale {float:right; height:42px; width:183px; background:#449ded;}
form#recherche-principale .row {margin:0; padding:10px 0 0 15px;}
form#recherche-principale label {display:none;}
form#recherche-principale input{height:13px; width:125px; margin:0; padding:3px 0 3px 5px; border:1px solid #353734; color:#3a3c3c; font-size:0.85em; background: url(../images/bg_input.jpg) repeat-x; }
form#recherche-principale input#motscles-addsubmit{ margin-left:5px; padding:0; font-size:0.85em; text-transform:uppercase; font-weight:bold;  border:0; color:#3b3a38; background:none; cursor:pointer; }

/**********Formulaire de contact*********/
form#contact, form#inscription {width:80%;}