/*******************************************
	2011
*******************************************/

.alert label { color: #cc0000; }
.alert .form-field { border-color: #cc0000; }


/***** TITLE */

#form .form-title { padding: 15px 0 5px 0; margin: 0 0 15px 0;border-bottom: 1px solid #3c3c3c; }

/***** BLOC */

.form-bloc { clear: both; margin: 0 0 10px 0; overflow: hidden; zoom: 1; }


/***** LABEL */

.form-bloc label { float: left; width: 150px; padding: 2px 10px 2px 0; margin: 0 0 10px 0; }

.form-mandatorysign,
.mandatory { font: bold 12px Verdana; color: #cc0000; }


/***** BLOC-FIELD */

.form-bloc-field,
.form-blocfield { float: left; display: inline; width: 360px; }

.longlabel .form-bloc-field,
.longlabel .form-blocfield { margin: 0 0 0 160px; }


/***** COCHES list */

ul.form-coches,
ul.form-coches ul,
ul.form-coches li { width: 100%; padding: 0; margin: 0; list-style: none; }

ul.form-coches li { font: bold 11px Verdana; padding: 2px 0 }

ul.form-accordeon li { padding: 2px 0 2px 16px; background: url(img/2011/tree_inactive.png) 3px 6px no-repeat; }
ul.form-accordeon li.active { background: url(img/2011/tree_active.png) 3px 6px no-repeat; }

ul.form-coches li li { font: 10px Verdana; padding: 2px 0; background: none; }


/***** FIELD */

ul li.liniv1 .form-field { width: auto;}
.form-field { border: 1px solid #cccccc; }
input.form-field[type=text], input.form-field[type=password] { width: 200px; }

textarea.form-field { width: 300px; }
select.form-field { width: auto; }


/***** SUBMIT */

.bloc-submit { float: right; display: inline; border: 1px solid #d3d3d3; background: #e7e7e7 url(img/2011/btnside.png) 0 0 repeat-x; overflow: hidden; zoom: 1; }
.bloc-submit { margin: 0 10px 12px 0; }
.full .bloc-submit { margin: 0 0 12px 10px; }

.bloc-submit-left, 
.full .bloc-submit-left { float: left; margin: 0 10px 12px 0; }

.paragraphe .bloc-submit,
.paragraphe .bloc-submit { margin: 0 0 15px 10px; }

.paragraphe .bloc-submit-left,
.paragraphe .bloc-submit-left { margin: 0 10px 15px 0; }

.form-submit { white-space: nowrap; }
.bloc-submit:hover { background-position: 0 100%; }

.paragraphe .text .bloc-submit .form-submit,
.bloc-submit .form-submit,
.bloc-submit .form-submit { display: inline-block; font: bold 12px Arial; padding: 7px 5px 7px 25px; margin: 0; color: #000000; border: 0 none; background: url(img/2011/icon-arrow-huge.png) 5px 50% no-repeat; text-decoration: none; cursor: pointer; }

.paragraphe .text .bloc-submit .form-submit.arrow-back,
.bloc-submit .form-submit.arrow-back,
.bloc-submit .form-submit.arrow-back { background: url(img/2011/icon-arrow-huge-back.png) 5px 50% no-repeat; }

.paragraphe .text .bloc-submit .form-submit:hover,
.bloc-submit .form-submit:hover { color: #66ad3d; text-decoration: none; }

.paragraphe .organizer .bloc-submit { margin: 0; }

/* perso */

.bloc-submit-perso .form-submit,
.paragraphe .text .bloc-submit-perso .form-submit { line-height: 24px; padding: 3px 5px 2px 5px; background: none; }

.paragraphe .text .bloc-submit-perso img,
.paragraphe .text .bloc-submit-perso .icon { float: left; margin: 0 5px 0 0; border: none; text-decoration: none; }

/* update & order */

.bloc-submit p.last-update { clear: both; }
.bloc-submit p.letter-order { padding: 5px 5px 4px 25px; color: #000000; }
.bloc-submit p.letter-order:hover { color: #66ad3d; }

.paragraphe .text .bloc-submit p a { color: #000000; text-decoration: none; }
.paragraphe .text .bloc-submit p a:hover { color: #66ad3d; }

.bloc-submit p.form-submit select { margin: 0; cursor: pointer;  }
.bloc-submit p.form-submit label { float: right; cursor: pointer;  }

/* selector */

.bloc-submit p.selector { float: left; } /* espace mp */
.bloc-submit p.selector input { padding: 0; margin: 0; border: none; width: 13px; height: 13px; }
.bloc-submit p.selector input.form-field { padding: 2px 5px; margin: 0; border: 1px solid #e7e7e7; width: 150px; height: 20px; }
#step_recherche .bloc-submit p.selector input.form-field { width: 300px; }
.bloc-submit p.selector label { float: none; padding: 5px 0 0 0; cursor: pointer;  }

.paragraphe .text .bloc-submit p.selector:hover,
.bloc-submit p.selector:hover { color: #66ad3d; cursor: pointer; }
.bloc-submit p.selector .coche { float: left; margin: 1px 5px 0 0; vertical-align: middle; }


/***** WARNING */

.warning { clear: both; border: 4px solid #cc0000; margin: 10px 10px 10px 0; padding: 10px; color: #cc0000; }
.paragraphe .warning { margin-right: 0; }

.warning h3{ color: #cc0000; }

ul.bloc-submit li.form-submit { clear: both; display: block; width: 100%; }




.simpleform label { float: left; display: inline; font: bold 12px Arial; width: 140px; margin: 0 10px 5px 0; }
.simpleform .longlabel { width: 100%; padding: 2px 0; }

.simpleform .form-blocfield { float: left; display: inline; width: 150px; margin: 0 0 5px 0; }
.simpleform .bloc-form-field { float: left; width: 300px; padding: auto; }
.simpleform .bloc-blocfield-onecolumn { float: none; display: block; width: auto; margin: 0 0 5px 0; }
.simpleform .bloc-choix input { clear: both; }
