/* 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; line-height:normal; }

/* Formulaire en mode saisie */
form.valid fieldset { margin-bottom: 1em; padding: 1em; border:2px solid #bfdcf3;}
form.valid fieldset.hidden { margin: 0; padding: 0; height: 0; display: none; }
form.valid fieldset legend { font-weight: bold; color:black; }
.row { margin: 0.1em; clear: both; padding: 0.4em; 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: 1px; }
.row .texte { float: left; padding: 0; }
.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 { text-align: center; }
.submit input { width: auto; font-weight: bold; padding: 0.3em 2em; font-size: 1.1em; cursor: pointer; border:0 !important;}

/* bouton submit */
.submit input, input#contact-submit, input#devis-submit { background:#fe4800 !important; border:0; color:#fff; padding:4px 30px; font-weight:bold; text-transform:uppercase;}
input#contact-submit { background:#a7bf00 !important; }
input#mailing-submit { background:#29609a !important; }

.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: 72%; }
#rcp input { width: 20%; float: left; }
#rville { clear: none; float: left; }
#rville label { width: 15%; }
#rville input { width: 76%; }

/* 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 */
table.valid tr#pays td, table.valid tr#livraison_pays td {
	background-color: #9D9DA3;
	color: #FFF;
}
.row input, .row textarea, .row select { background: #eaf4fb /*url(../images/input_bg.gif) repeat-x left bottom*/; border:1px solid #0b5aa4; }
form.valid .row .missing {
	background-image: url(../images/icons/delete.png);
	background-position: 100% 2px;
	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.themes select, form.recherche input { color:#29609a;}

/* form recherche */
form.recherche { float:left; width:230px; padding:5px 0 0; margin:1em 0 1.5em; height:40px; background:#fff url(../images/recherche_bg.gif) no-repeat;}
form.recherche .row label.main { width:auto;}
form.recherche input { width:75%; padding:1px; background:#fff; border:0;}
form.recherche input#motscles-addsubmit { margin-left:5px; border:0; background:none; color:#fff; font-weight:bold; text-transform:uppercase; font-size:0.9em; cursor:pointer;} 
div.lexique form.recherche {float:right;}

/* form themes */
form.themes { float:right; width:330px; padding:12px 0 0 20px; text-align:center; margin:1em 0 1.5em; height:33px; background:#fff url(../images/themes_bg.gif) no-repeat;}
form.themes .row label.main { width:auto;}
form.themes select { width:75%; padding:1px; background:#fff; border:0;}
form.themes input#theme-submit { margin-left:5px; border:0; padding:0 10px 0 0; background:none; color:#fff; font-weight:bold; text-transform:uppercase; font-size:0.9em; cursor:pointer;} 

body.offres-promotionnelles form.themes { margin-top:2em;}


/* form devis en ligne */

#prestations_optionnelles .row label.main { width:60%;}

#fonctionnalites .row label.main { width:20%; }
#fonctionnalites #rmodules label.main { width:100%; text-align:left; display:none;}
#fonctionnalites .row label.choice { width:50%; float:left; line-height:normal; margin:2px 0; }