/* Généralités */
form { margin: 0; padding: 0; }
#preview form { width:90%;}
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; border:2px 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 { padding: 0.2em; }
.row .texte { float: left; }
.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 input { margin-left: 25%; width: 50%; font-weight: bold; padding: 0.3em 2em; font-size: 1.1em; cursor: pointer; border-style: outset !important; }
.submit input:active { border-style: inset !important; }


.row small { padding-left: 35%; display: block; }

div#rgend small {font-size: 0.9em; font-weight:bold;color:darkred;}

.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; }
#ren_copie label { width:54%; }

.checkbox input, .radio input { background: transparent; }
/* Code postal / ville */

/*
#rcp { clear: left; float: left; }
#rcp label { display: inline; width: auto; }
#rcp input { width: 50px; float: left; }
#rville { clear: none; float: left; }
#rville label { width: auto; }
#rville input { width: 148px;  }
*/

#rcp input { width: 50px;  }

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


body.tableau-tailles #preview table.valid {text-align:center; margin-left:0px;}

/* Partie variable des sites */
table.valid tr#pays td, table.valid tr#livraison_pays td {
	background-color: #eee;
	color: #000;
}
.row input, .row textarea, .row select { background:#f6f6f6; border:1px solid #999; }
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: 0 !important;
}
form.recherche { float: left; text-align: left; padding: 1em 0; }
form.themes { width:100%; margin:0em auto 2em; text-align: center; padding:2px 0; background:#eeebfc; color:#7c1959; }
form.themes label, form.themes select { font-size:0.85em; }
form.themes select { width:18em; color:#5b5b5c; border:1px solid #b072a3;  }
form.themes input.submit {}

/* 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;  }


/* paiement */
#paiement input { width: auto; margin: 0; padding: 0; float: none; }
#paiement form { text-align: center; padding: 5px; float: left; width: 30%; margin-left: 5%; }
#paiement #annulation { text-align: center; margin: 0 auto; float: none; width: auto; }
#paybox .submit, #cheque .submit, #annulation .submit, #cheque_frais_port_differe .submit {
	width: 200px;
	background: url(../images/paiement.gif) no-repeat top center;
	padding-top: 45px !important;
	border: 0;
	font-weight: bold;
	cursor: pointer;
}
#cheque .submit {
	width: 180px;
	background: url(../images/paiement/cheque-nb.jpg) no-repeat top center;
}
#annulation .submit {
	border: 1px solid;
	padding: 20px 30px 20px 50px;
	width: 250px;
	background: url(../images/stop.png) no-repeat 10px 50%;
}

/* Paiement */
#paiement input { width: auto; margin: 0; padding: 0; float: none; }
#paiement form { text-align: center; padding: 5px; float: left; margin-left: 12%; font-weight: bold; }
#paiement #annulation { text-align: center; margin: 0 auto; float: none; width: auto; }
#paiement .submit, #cheque .submit, #annulation .submit, #cheque_frais_port_differe .submit {
	width: 200px;
	background: url(../images/paiement/cb.gif) no-repeat top center;
	padding-top: 35px;
	border: 0;
	cursor: pointer;
}
#cheque .submit {
	width: 180px;
	background: url(../images/paiement/cheque-nb.jpg) no-repeat top center;
}

#cheque_frais_port_differe .submit {
	width: 180px;
	background: url(../images/paiement/accept.gif) no-repeat top center;
}

#annulation .submit {
	border: 1px solid;
	padding: 20px 30px 20px 50px;
	width: 250px;
	background: url(../images/stop.png) no-repeat 10px 50%;
}

/* Login permanent */
#coldroite #identification { width: 100%; }
#coldroite #identification div.row { margin: 4px 0 4px 15px; padding: 0; }
#coldroite #identification div.row label {  width: 70px; text-align: left; margin-right: 2px; }
#coldroite #identification div.row input { margin: 0; width: 100px; }


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