/*** Formumaire commander **/

form a:focus {outline:#000 dotted 1px ; }

#slideform { 
	list-style: none; padding:20px 0 0 0;
}
#slideform li.toggleSubMenu   {font-size:14px;display:block; width:100%; position:relative; padding-bottom: 6px;}
#slideform span.success,#slideform li.toggleSubMenu  span.error,#slideform span.success,#slideform li.toggleSubMenu  span.success 
{ position:absolute;width:21px; height:21px;left:4px; top:14px;  
}
#slideform span.success{background:url(/images/success_picto.gif) no-repeat left top;
}
.identif {position: relative; z-index: 1000 !important;}
.blocleft, .secretQuestion , .secretQuestion .jqTransformSelectWrapper{z-index: 1000 !important;}
.speakAbout, .speakAbout .jqTransformSelectWrapper{z-index: 0 !important;}
#slideform span.error{background:url(/images/error_picto.gif) no-repeat left top;
}
#slideform li.toggleSubMenu a.toggleSubMenuLink, #slideform li.toggleSubMenu span.toggleSubMenuLink {
	display: block;
	padding:0 0 0 54px;
	color: #504d4e; font-size:18px; text-transform:uppercase;  
	text-decoration: none; 
	height:43px; line-height:43px;  
	background-image: url(/images/menu-item-deroule.gif);
} 
#slideform li.open a.toggleSubMenuLink, #slideform li.open span.toggleSubMenuLink
 {
	background-image: url(/images/menu-item-enroule.gif);  
}  
#slideform .toggleSubMenu .subMenu   {
	padding:5px 0 10px 54px; 
}

#slideform label  { cursor:pointer;  padding:0 0 0 5px; 
}
#slideform li.toggleSubMenu .subMenu span.info  { /*float:right; color:#FFCC00;  
	padding:0 5px 0 5px; font-size:9px; text-transform:none;   
height:auto; line-height:normal; */ 
}
#double_appel, #presentation_numero, #appel_int, #secret_permanent, #activation_data, #facture_email, #facture_comp  { /*float:right;  */
}


label.label_carte-sim, label.label_samsung-c270  { margin-left:54px!important; margin-left:26px; display:block; float:left; width:300px; height:30px; cursor:pointer;}
label.label_carte-sim { background:url(/images/label_carte-sim.gif) no-repeat; }
label.label_samsung-c270 { background:url(/images/label_samsung-c270.gif) no-repeat; }
.checkboxjeune { background:#ffe14f; width:162px; height:29px; float:left; border-bottom:1px solid #FFF; }
.checkboxjeune img{ margin-left:35px;	 }
.checkboxjeune input, .checkboxjeune span{ position:relative; left:10px; top:0px   }

.blocleft{width:270px; float:left; position:relative;   }
.blocright{width:270px; float:left; position:relative; }
.blocinline *{float:left;}
label.small {  font-size:80%!important;} 
.infoslegal { margin-left:54px!important; margin-left:26px; border-top:1px dotted #c0c0c0; padding-top:7px; font-size:11px;  }
.infoslegal label  {  font-size:12px;  }
.infoslegal a {  font-size:11px;  }
.infoslegal img{ float:right; margin-top:10px;    }
.blocdotted {  border-top:1px dotted #c0c0c0; padding-top:7px; margin-top:15px;   }

/***************************************************************************************************************************************************************************************************************************************************************************************************************/
/* jqtransformdone */
form.jqtransformdone label{
	margin-top:4px;
	margin-right: 8px;
	display: block; font-size:90%;  
}
form.jqtransformdone div.rowElem{
	clear:both;
	padding:4px 0px;
}
/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	font-family: Arial; position:relative; left:-2px;  
}

*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */

button.jqTransformButton span {
	background: transparent url(/images/form/btn_right.gif) no-repeat scroll right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; /* sliding doors padding */
	margin: 0px;
	height: 23px; 
}

button.jqTransformButton span span {
	background: transparent url(/images/form/btn_left.gif) no-repeat;
	color: #333;
	padding: 5px 4px 0px 8px;
	font-weight: normal;
	font-size: 11px; font-weight:bold; color:#777;
	line-height: 13px;
	display: block;
	text-decoration: none;
	height: 23px; white-space: nowrap;

} 

/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	background: transparent url(/images/form/input_left.gif) no-repeat left top;
	height: 21px; 
	padding-bottom: 4px;
	/*float:left;*/
}

.jqTransformInputInner {
	background: transparent url(/images/form/input_right.gif) no-repeat right top;
	padding: 1px 4px 1px 0px;
	margin: 0px 0px 0px 4px;
}

label.errorLabel{
	color:#ff0000 !important;
}

.jqTransformInputWrapper.errorWrapper{
	background-image: url(/images/form/input_left_error.gif) !important;
}

.jqTransformInputWrapper.errorWrapper .jqTransformInputInner{
	background-image: url(/images/form/input_right_error.gif) !important;
}

.jqTransformInputInner div {
	height: 21px;
}

.jqTransformInputInner input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 10px;
	vertical-align: middle;
	height: 21px;
	color:#404040;	
	border: none;
	padding: 2px 0 0 0;
	margin: 0 0 0 0;
	background:transparent; 
}


/*  IE6 */

* html .jqTransformInputInner input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 10px;
	vertical-align: middle;
	height: 21px;
	color:#404040;	
	border: 0;
	padding: 2px 0 0 0;
	margin: 0 0 0 0;
	background:transparent;
}


/*hover*/
.jqTransformInputWrapper_hover{ background: transparent url(/images/form/input_left-hover.gif) no-repeat left top;}
.jqTransformInputWrapper_hover div{}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background: transparent url(/images/form/input_right-hover.gif) no-repeat right top;}

/*focus*/
.jqTransformInputWrapper_focus{ background: transparent url(/images/form/input_left-focus.gif) no-repeat left top;}
.jqTransformInputWrapper_focus div{}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background: transparent url(/images/form/input_right-focus.gif) no-repeat right top;}



.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
}
.jqTransformSafari input {
	background-color: none;
	position: absolute;
	top: -10px;
	left: -2px;
	height: 32px; 
	padding-left: 4px;
}



/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}

table.jqTransformTextarea tr{
/*border: 1px solid red;*/

}
table.jqTransformTextarea textarea{
margin: 0;
padding: 0;
border: 0;
background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{
background: url(/images/form/textarea-tl.gif) no-repeat bottom left;
}
table.jqTransformTextarea td#jqTransformTextarea-tm{
background: url(/images/form/textarea-tm.gif) repeat-x bottom left;
}
table.jqTransformTextarea td#jqTransformTextarea-tr{
background: url(/images/form/textarea-tr.gif) no-repeat bottom left;

}
table.jqTransformTextarea td#jqTransformTextarea-ml{
background: url(/images/form/textarea-ml.gif) repeat-y top left;
}
table.jqTransformTextarea td#jqTransformTextarea-mm{
background: url(/images/form/textarea-mm.gif) repeat top left;
}
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
font-size: 12px;
line-height: 16px;
}




table.jqTransformTextarea td#jqTransformTextarea-mr{
background: url(/images/form/textarea-mr.gif) repeat-y top left;
}
table.jqTransformTextarea td#jqTransformTextarea-bl{
background: url(/images/form/textarea-bl.gif) no-repeat top left;
}
table.jqTransformTextarea td#jqTransformTextarea-bm{
background: url(/images/form/textarea-bm.gif) repeat-x top left;
}
table.jqTransformTextarea td#jqTransformTextarea-br{
background: url(/images/form/textarea-br.gif) no-repeat top left;
}
/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-image: url(/images/form/textarea-tl-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-image: url(/images/form/textarea-tm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-image: url(/images/form/textarea-tr-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-image: url(/images/form/textarea-ml-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(/images/form/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-image: url(/images/form/textarea-mr-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-image: url(/images/form/textarea-bl-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-image: url(/images/form/textarea-bm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-image: url(/images/form/textarea-br-hover.gif);}
/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-image: url(/images/form/textarea-tl-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-image: url(/images/form/textarea-tm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-image: url(/images/form/textarea-tr-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-image: url(/images/form/textarea-ml-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(/images/form/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-image: url(/images/form/textarea-mr-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-image: url(/images/form/textarea-bl-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-image: url(/images/form/textarea-bm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-image: url(/images/form/textarea-br-focus.gif);}


table.jqTransformTextarea .jqTransformSafariTextarea div {
	position: relative;
	overflow: hidden;
	border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
	background: none;
	position: absolute;
	top:-10px;
	left:-10px;
	padding: 10px 10px 10px 10px;
	resize: none;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {  float: left;display:block;  margin:0px 4px;	margin-top:3px;}
.jqTransformRadio {
	background: transparent url(/images/form/radio.gif) no-repeat center top;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
		overflow:hidden;
}


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;margin-top:3px;margin-right:3px;
}
a.jqTransformCheckbox {
	background: transparent url(/images/form/checkbox.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
	overflow:hidden;
	margin:0px!important; padding:0px!important;
}

.jqTransformCheckboxWrapper.errorWrapper a.jqTransformCheckbox{
	background-image: url(/images/form/checkbox_error.gif) !important;
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper { 
	width:54px;
	position:relative;
	height: 21px;
	background: url(/images/form/select_left.gif) no-repeat top left; 
	/*float:left;*/
}

.jqTransformSelectWrapper div span {
	
	font-size: 11px;
	float: none;
	position: absolute;
	width: 14px;
	height: 21px;
	line-height: 15px;
	padding: 4px 0 0 7px;
	overflow: hidden;
	cursor:pointer; /* z-index:3;  */
	/*border: 1px solid #CCCCCC;  border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;   
	right: 0px;
	width: 31px;
	height: 21px;
	background: url(/images/form/select_right.gif) no-repeat center center;
}

.jqTransformSelectWrapper.errorWrapper{
	background-image: url(/images/form/select_left_error.gif) !important;
}

.jqTransformSelectWrapper.errorWrapper a.jqTransformSelectOpen {
	background-image: url(/images/form/select_right_error.gif) !important;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 20px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto; 
	/*z-index:10;*/
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 2px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 10px; 
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}
 
.slectpays .jqTransformSelectWrapper, .slectpays .jqTransformSelectWrapper ul, .slectpays .jqTransformSelectWrapper ul li, .slectpays .jqTransformSelectWrapper div span { 
	width:210px!important;
}  
.slectpays .jqTransformSelectWrapper ul { height:auto; z-index: 1;}

.slectdate1, .slectdate2  { float:left; padding-right:4px;}
.slectdate1 .jqTransformSelectWrapper, .slectdate1 .jqTransformSelectWrapper ul, .slectdate1 .jqTransformSelectWrapper ul li, .slectdate1 .jqTransformSelectWrapper div span { 
	width:60px!important;  
}  
.slectdate2 .jqTransformSelectWrapper, .slectdate2 .jqTransformSelectWrapper ul, .slectdate2 .jqTransformSelectWrapper ul li, .slectdate2 .jqTransformSelectWrapper div span { 
	width:80px!important; 
} 
.slectdate1 .jqTransformSelectWrapper ul, .slectdate2 .jqTransformSelectWrapper ul, .slectpays .jqTransformSelectWrapper ul { 
	 overflow-x:hidden;
}  

label.error{clear:both; color:#FF0000; width:100%; height:10px; font-size:10px !important; text-align:right; position:relative; top:-4px; margin:0 !important;width: 100% !important}
td#jqTransformTextarea-mm  label.error{top:16px;line-height: 10px;}

.jqTransformSelectWrapper label.error{float:none; color:#FF0000; clear:both; position:absolute; right:0; top:20px; z-index:0;}

div.showerror{color:#FF0000; }
.field-validation-success{display:none;}

.pass_perdu{display:none;}

.selectfocus{border:1px solid #000}