/* Généralités */
form { margin: 0 auto; padding: 0;}
label, input, select, textarea { font-family: Verdana, Arial, Courier new, Sans; font-size: 1em; }
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 #ccc;}
form.valid fieldset legend { font-weight: bold; color:black; }
.row { margin: 0.1em; clear: both; padding: 3px; 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: 45%; }
.row input, .row textarea, .row .texte { padding: 0.2em; }
.row .texte { float: left; padding: 0; }
.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: 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; }
.row input[type=submit] {width:100%; text-align:center;background:none; border:0; color:#B6BD19; cursor:pointer; text-transform:uppercase; font-weight:bold;}

.row small { padding-left: 35%; display: block; font-size: 0.9em; }
.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: 49%; }
#rcp label { width: 72%; }
#rcp input { width: 13%; float: left; margin-left:11px;}
#rville { clear: none; float: left; }
#rville label { width: 15%; }
#rville input { width: 48%; }

/* 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;
	font-size: 1.1em;
}
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: left; width: 30%;  }
table.panier th { width: auto; }
/* Partie variable des sites */
table.valid tr#pays td, table.valid tr#livraison_pays td {
	background-color: #9D9DA3;
	color: #FFF;
}
.row input, .row textarea, .row select {margin:0 0 0 10px; background:#fff; 	border:1px solid #6b6b6b; 	color:#565656; }
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; width:700px;}*/
ul.errors {
	font-weight: bold;
}
form.recherche, form.themes { padding: 1em 0; }
form.recherche { float: left; text-align: left;  }
form.themes { float: right; text-align: right; margin-right:20px; }
form.themes select { width:18em; border:1px solid #FF8701; color:#fff; background:#C06E73 none repeat scroll 0 0;}
form.themes input.submit { width: auto; }
form.themes #theme-submit { background:#C06E73 none repeat scroll 0 0; color:#fff; border:none; text-transform:uppercase; font-weight:bold; }

#identification input, #inscription select, #inscription textarea, #espace-membre input, #espace-membre select,#espace-membre textarea{}

#inscription input
{
}

#identification label, #espace-membre label {padding-left:10px; width:100%; text-align:left;}
#rlogin {clear:both;}
#rlogin input{width:20%;}
#rpassword {clear:both;}
#rpassword #password {width:20%;}
#rpassword2 #password2 {width:20%;}
#rpassword #password-addsubmit {width:25px; height:20px; text-align:center; background:#b12e33; color:#ff8701; border:none; text-transform:uppercase; font-weight:bold;}

#rcode #code {width:30%;}

/*champ captcha 
#code {width:80px; text-align: left; margin-right: 4px;} */

#espace-membre #rpassword #password, #espace-membre input{width:120px;}

/*********Formulaire de contact*********************/
input#societe {width:45%; border:1px solid #6B6B6B !important;}
/*  Connexion et inscription cote à cote */
div#connexion fieldset, div#inscription fieldset {
	height: 100px;
}

/*  call to action connexion et inscription */
div#connexion fieldset .submit input, div#inscription fieldset .submit input,#inscription-submit {
	color: #fff;
	background-color: #e60000;
	width: 150px;
	float: right;
	margin-right:40px;
	border: 2px outset;
}
#rinscription-submit {text-align:center;}
#inscription-submit{float:none;width:auto;}
div#connexion {
	float: left;
	width: 48%;
	margin-left:2%;
}

#connexion .row input, #connexion #rpassword #password { margin-left: 0; width: 40%; }
#connexion .row label.main { width: 39%; text-align: left; }
#connexion  #rlogin label.main{margin-left: 30px; width: 90px !important;}
#connexion #rpassword label.main{padding-left: 40px; width: 90px !important;}
#connexion_oubli_mdp {margin-left:15px;}

div#inscription {
	float: left;
	width: 48%;
}
form#inscription {width:90%;}
div#inscription input { margin-left: 0; }
#paiement input { width: auto; margin: 0; padding: 0; float: none; }
#paiement form { text-align: center; padding: 5px; float: left; width: 30%; margin-left: 12%; }
#paiement #annulation { text-align: center; margin: 0 auto; float: none; width: auto; }
#paiement .submit, #cheque .submit, #annulation .submit {
	width: 240px;
	background: url(../images/paiement/CB.gif) no-repeat top center;
	padding-top: 35px;
	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%;
}

/* Formulaire de recherche + colonne droite */
#coldroite #mailing label {display:none;}

#coldroite input {
	height:16px;
	padding:0;
	width:137px;
	margin:0 3px 0 0;
}

/* Form de recherche */
#coldroite #recherche label { float: none; display: block; text-align: left; padding: 3px; width: auto; }
#coldroite #recherche select, #coldroite #recherche input { float: none; width: 170px; margin: 0 auto; }
#coldroite #recherche #rgamme { display: none; }
form#produits label {float:none; text-align:left; width:100%;}
form#produits select {margin:3px 0;width:175px; text-align:center;}
form#produits input#produits-submit {width:auto; height:auto;color:#ff8701; background:none; border:0;}

input#oubli-submit {
	background-color: #E60000;
    border: 2px outset;
    color: #FFFFFF;
    float: left;
    margin-right: 8px;
    width: 150px;
}


