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

* Website : 		PUM Plastique
* Filename :		form.css
* Description :		css formulaire
* Version :		december 2008

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


/*	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:135px; text-align:right; color:#626564;}
.main form .cas_particulier_a_la_con label	{text-align:left; width:85px}
.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  .zone_radio 		{margin-bottom:10px;}
.main form  .zone_radio div		{padding:0 0 5px 0;}
.main form  .zone_radio label		{float:none; width:auto; padding:2px 10px 5px 0; text-align:left; color:#062043; font-weight:bold; text-transform:uppercase;}
.main form  .zone_radio input		{margin:0 15px 0 0;}

.main .form_no_left_column .formulaire form fieldset.no_border	{position:relative; margin-top:20px;}
*+html .main .form_no_left_column .formulaire form fieldset.no_border	{margin-top:10px;}
* html .main .form_no_left_column .formulaire form fieldset.no_border	{margin-top:10px;}
.main .form_no_left_column form label			{width:235px;}
.main .form_no_left_column form .submit_alone.button	{margin-right:210px;}

.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; width:80px;}



/*formulaire*/
.content .formulaire h3 			{color: #0093d6;}
.content .formulaire form 			{padding-bottom: 30px;}
.content .formulaire form fieldset 		{clear: both; margin:0 0 10px 0; padding: 10px 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		{padding:0 0 0 13px; color: #0093d6; font-weight:bold; background: url(typo/form_puce.gif) no-repeat 0 2px;}
.content .formulaire form .block_radio 		{overflow: auto; margin:0; padding: 0 0 0  0;}
* html .content .formulaire form .block_radio 	{height: 1%;}
.content .formulaire form .block_radio .radio 	{float: left; padding: 0; width: 200px;}
.content .formulaire form .checkbox label	{padding: 0 5px 0 0;width: 280px; }
.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;}

.content .formulaire form .submit  		{float: none; padding: 15px 0 0 0;}
.content .formulaire form .submit input 		{margin-left: 150px;}

.content .formulaire.contact form .submit_alone 	{padding-right:200px;}

/*num de siren*/
.content .formulaire form .input.siren .input_text	{width:20px;}
.content .formulaire form .input.siren		{clear:none; float:left; padding-right:10px;}
.content .formulaire form .input.siren.first	{clear:left; }
.content .formulaire form .input.siren label	{display:none;}
.content .formulaire form .input.siren.first label	{display:block;}

.content .block_foldable form .input .input_text	{width:180px;}
.content .block_foldable  form .select select 	{width: 183px;}
.content .block_foldable  form textarea		{width: 183px; }
.content .block_foldable form .checkbox label	{width: 183px; }

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

/*devis*/
.content .formulaire form .textarea_big label	{float:none; width:auto;padding:0 5px 0 13px; color: #0093d6; font-weight:bold; background: url(typo/form_puce.gif) no-repeat 0 2px;}
.content .formulaire form .textarea_big .error label	{color:red;}
.content .formulaire form.candidature .textarea_big label	{font-size:1.166em;}
.content .formulaire form .textarea_big 		{padding:5px 0;}
.content .formulaire form .textarea_big textarea	{width:500px;}
.catalogue .content .formulaire form .textarea_big textarea	{width:680px;}

/**/
.content form .block .radio 		{float:none; padding: 0 0 10px 0; width:auto;}
.content form .block .radio input 	{float:none; padding: 0; width:auto;}
.content form .block .radio label 	{float:none; padding: 0; width:auto; color:#0093d6; font-weight:bold;}

/*advanced search*/
.main .advanced_search form .input label 	{width:200px;}

.main form .block_radio_list 		{}
.main form .block_radio_list.half	{float:left; width:49%;}
.main form .block_radio_list .radio	{clear:left;}
.main form .block_radio_list input	{float:left;}
.main form .block_radio_list label	{float:left; padding-left:5px; width:auto;}
.catalogue .main form .block_radio_list label	{width:300px; text-align:left;}

.catalogue .main .enlevement form .block_radio_list label		{width:200px;}
* html .catalogue .main .enlevement form .block_radio_list.half.right	{float:right;}

.catalogue .main .enlevement form .textarea_big .block_radio_list label	{float:left; width:260px;}