/***********************************************************************************************************

* Website : 		Sequana
* Filename :		form.css
* Description :		css formulaire
* Version :		april 2009

***********************************************************************************************************/


/*	formulaires	*/

form .input_submit			{cursor:pointer;}


.main form fieldset			{border:none;}
.main form legend			{color:#051c3b; font:bold 14px/16px arial;}
.main form legend span		{display:block; padding:0 0 14px 0;}

.content form .block_form		{overflow:auto; margin:0 0 10px 0; padding:11px; width:430px; background:#eff0ee; color:#626564;}
* html .content form .block_form	{height:1%;}
.content form .block_form h3		{float:left; padding:0;  margin:0; font-size:15px; font-weight:bold; color:#9f7c3f; text-align:left; text-transform:uppercase;}

.main form label			{float:left; padding:2px 10px 5px 0; width:95px; text-align:right; color:#5a5a5a;}
.main form .input			{overflow:auto; clear:both; margin:0 0px 0 0; padding:5px 0;}
.main form .input input		{padding-left:5px;width:242px; background:#fff; border:1px solid #9aa5a4;}
.main form select			{width:249px; background:#fff; border:1px solid #9aa5a4;}
.main form select#civilite		{width:auto;}

.main form textarea			{width:248px; height:60px; background:#fff; border:1px solid #9aa5a4;}


.main form .asterisque_text		{color:#626564; font-size:11px;line-height:13px;}
.main form .asterisque		{color:#626564;}

.main form .form_legal		{padding:30px 0 15px 0; color:#888a89; font-size:10px; line-height:12px;}
.main form .desabonnement		{float:left; color:#001a39; font-weight:bold;}
.main form .desabonnement a		{color:#001a39; text-decoration:underline;}
.main form .desabonnement a:hover	{text-decoration:none;}
.main form .submit			{float:right; padding:10px 120px 0 0; }
.main form .submit span		{display:block; float:left; background:#d90034 url(base/submit_left.gif) 0 0 no-repeat;}
.main form .submit .input_submit	{padding:5px; background: url(base/submit_right.gif) 100% 0 no-repeat; border:none; color:#fff; text-transform:uppercase;}
* html .main form .submit .input_submit	{padding:5px 0;}
.filiales form .submit span		{background:#a3dd26 url(base/submit_left_vert.gif) 0 0 no-repeat;}
.filiales form .submit .input_submit	{background-image: url(base/submit_right_vert.gif)}
.finance form .submit span		{background:#986db3 url(base/submit_left_violet.gif) 0 0 no-repeat;}
.finance form .submit .input_submit	{background-image: url(base/submit_right_violet.gif)}
.presse form .submit span		{background:#1fa1ff url(base/submit_lef_bleu.gif) 0 0 no-repeat;}
.presse form .submit .input_submit	{background-image: url(base/submit_right_bleu.gif)}
.a-propos form .submit span		{background:#f37f1c url(base/submit_left_orange.gif) 0 0 no-repeat;}
.a-propos form .submit .input_submit	{background-image: url(base/submit_right_orange.gif)}

/*formulaire*/
.content .formulaire 			{padding:0 50px 20px;}
* html .content .formulaire 			{padding:0 50px 50px;}
.content .formulaire h3 			{color: #0093d6;}
.content .formulaire form 			{padding-bottom: 30px;}
.content .formulaire form fieldset 		{clear: both; margin:0 0 5px 0; padding:15px 0; background: url(base/form_shadow.gif) no-repeat 0 100%;}
.content .formulaire form fieldset.no_border	{margin:0; padding:10px 0 0 0; background:none;}
.content .formulaire form legend span		{display:block; padding:3px 0 3px 0; background:url(typo/titre3_puce.gif) 0 8px no-repeat; color:#ac032b; font-family:georgia; font-size:1.071em; font-weight:normal; line-height:1.2em;}
.filiales .content .formulaire form legend span	{color:#759d09;}
.finance .content .formulaire form legend span	{color:#7f3f98;}
.presse .content .formulaire form legend span	{color:#008dd0;}
.a-propos .content .formulaire form legend span	{color:#e65802;}

/*bouton radio 1 par ligne*/
.content form .radio 		{clear:both; padding:5px 0 5px 80px;}
.content form .radio label		{float:left; width:auto; padding:0 0 0 10px; text-align:left; }
.content form .radio input		{float:left; margin:0;}
/*bouton radio 2 par ligne*/
.content form .block_radio 		{overflow: auto; margin:0; padding: 0 0 0  0;}
* html .content form .block_radio 	{height: 1%;}
.content form .block_radio .radio 	{float: left; clear:none; padding: 0; width: 200px;}
.content form .block_radio .radio label	{float:left; width:95px; padding:2px 10px 5px 0; text-align:right; }

.content .formulaire form .input .input_text 	{width: 220px; height: 15px; background-color: #fff; border: 1px solid #c7c4b6;}

.content .formulaire form .select select 	{width: 223px;}
.content .formulaire form textarea		{width: 223px; margin:0 0 5px 0; border: 1px solid #c7c4b6;}

.content form .error label			{color:red;}
.main .content .content_int form .error .input_text,
.content form .error textarea			{border-color:red;}


.quick_search 			{position:relative; top:10px; padding:0 0 10px 0;}
.quick_search form .input		{float:left;padding:0 0 0 20px;}
.quick_search form .input input 	{width: 90px; height: 15px; font-size:0.916em; background-color: #fff; border: 1px solid #c7c4b6;}
.quick_search form .submit		{float:left;}
.quick_search form .submit input	{background:none; border:none; color:#fff;}

/*bloc erreur*/
.content .block_error		{margin:0 30px 20px; border-bottom:1px solid red;}
.catalogue .content .commander_par_ref .block_error	{margin:0; border:0;}
.content .block_error p		{padding:0; color:#ee1c24;}