/* ///////////////////////////////////////////
 *
 *
 *	FORM AOX
 *
 *
 * //////////////////////////////////////// */
/* ========================================
 *	$ =	STRUCTURES
 * ======================================== */
.obj_form {  }
.obj_form fieldset > div {  }
.obj_form h1 {  }
.ctn_btn {  }
/* ========================================
 *	$ =	ELEMENTS NATIFS
 * ======================================== */
/* ----------------------------------------
 * FIELDSET & LEGEND 
 * ------------------------------------- */
fieldset{ }
fieldset legend{ }
/* ----------------------------------------
 * LABEL
 * ------------------------------------- */	
.text label,
.textarea label,
.select label,
.radio > span,
.checkbox > span,
.birthdate > span {  }

.textarea label{  }
/* ----------------------------------------
 * INPUT TYPE TEXT & TEXTAREA
 * ------------------------------------- */	
input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=password],
textarea{  }

input[type=text].error,
input[type=email].error,
input[type=url].error,
input[type=tel].error,
input[type=password].error,
textarea.error{  }

textarea{  }
/* birthdate */
.birthdate input[type=text]{  }
.birthdate span + input[type=text]{  }
/* ----------------------------------------
 * BUTTON
 * ------------------------------------- */	
button[type=reset],
button[type=submit]{  }
	
button[type=reset]:hover,
button[type=submit]:hover{  }
/* ========================================
 *	$ =	ARIA
 * ======================================== */
/* ----------------------------------------
 * COMMON
 * ------------------------------------- */	
select[aria-hidden=true],
input[aria-hidden=true]{
	display:none;
	}
/* ----------------------------------------
 * RADIO & CHECKBOX
 * ------------------------------------- */	
.radio label,
.checkbox label{  }

span[role=radio],
span[role=checkbox]{
	position : relative;
	display : inline-block;
	width : 16px;
	height : 16px;
	margin : 0 5px 0 0;
	text-align : left;
	text-indent : -10000px;
	background-repeat : no-repeat;
	background-position : left top;
	cursor : pointer;
}
.ie7 span[role=radio],
.ie7 span[role=checkbox]{
	text-indent:0;
	font-size:0;
	text-align:0;
}
span[role=radio] { background : url('../../include/images/i_sprite.png') no-repeat -162px 0 / 400px 500px; }

.rating span[role=radio]{
	top:-2px;
	margin:0;
	float:left;
	padding:0 5px 0 0;
	width:22px;
	height:19px;
	background: url('../../include/images/i_sprite.png') no-repeat 0 -136px / 520px 650px;
}
.rating span[role=radio].over, 
.rating span[role=radio]:hover, 
.rating span[role=radio][aria-checked=true], 
.rating span[role=radio][aria-checked=true]:hover, 
.rating span[role=radio][aria-checked=true]:focus, 
.rating span[role=radio][aria-checked=true].over{ background-position:0 -155px; }

.rating span[role=radio].error{
	background-position:0 -288px;
}
.rating span[role=radio].error.over,
.rating span[role=radio].error:hover, 
.rating span[role=radio][aria-checked=true].error, 
.rating span[role=radio][aria-checked=true].error:hover, 
.rating span[role=radio][aria-checked=true].error:focus, 
.rating span[role=radio][aria-checked=true].error.over{ background-position:0 -155px; }

span[role=checkbox]{ background : url('../../include/images/i_sprite.png') no-repeat -178px 0 / 400px 500px; }
	
/* position hover */
span[role=radio]:hover,
span[role=radio]:focus,
span[role=radio].over{ background-position : -162px -16px; }
span[role=checkbox]:hover,
span[role=checkbox]:focus,
span[role=checkbox].over{ background-position : -178px -16px; }

/* position hover checked */
span[role=radio][aria-checked=true]{ background-position : -162px -32px; }
span[role=checkbox][aria-checked=true]{ background-position : -178px -32px; }

/* position hover checked focus */
span[role=radio][aria-checked=true]:hover,
span[role=radio][aria-checked=true]:focus,
span[role=radio][aria-checked=true].over{ background-position : -162px -48px; }
span[role=checkbox][aria-checked=true]:hover,
span[role=checkbox][aria-checked=true]:focus,
span[role=checkbox][aria-checked=true].over{ background-position : -178px -48px; }

/* error */
span[role=radio].error{ background-position : -162px -64px; }
span[role=checkbox].error{ background-position : -178px -64px; }

/* position hover */
span[role=radio].error:hover,
span[role=radio].error:focus,
span[role=radio].error.over{ background-position : -162px -80px; }
span[role=checkbox].error:hover,
span[role=checkbox].error:focus,
span[role=checkbox].error.over { background-position : -178px -80px; }

/* position hover checked */
span[role=radio][aria-checked=true].error{ background-position : -162px -96px; }
span[role=checkbox][aria-checked=true].error{ background-position : -178px -96px; }

/* position hover checked focus */
span[role=radio][aria-checked=true].error:hover,
span[role=radio][aria-checked=true].error:focus,
span[role=radio][aria-checked=true].error.over{ background-position : -162px -112px; }
span[role=checkbox][aria-checked=true].error:hover,
span[role=checkbox][aria-checked=true].error:focus,
span[role=checkbox][aria-checked=true].error.over{ background-position : -178px -112px; }

/* ----------------------------------------
 * SELECT
 * ------------------------------------- */	
span[role=combobox] {
	display : inline-block;
	width : auto;
	height : 20px;
	padding : 0 29px 4px 0;
	text-decoration : underline;
	font-family: "Futura LT W04 Light";
	font-size: 14px;
	font-size: 1.4rem;
	color : black;
	background : #FBF6FA;
	transition : all 300ms ease-in-out;
	-webkit-transition : all 300ms ease-in-out;
	   -moz-transition : all 300ms ease-in-out;
		 -o-transition : all 300ms ease-in-out;
}

span[role=combobox].error{ border-color : #d95f6d; }
span[role=combobox]:focus{ border-color : black; }

/* liste */
span[role=combobox] + div {
	position : absolute;
	top : 19px;
	left : -10000px;
	width : 100%;
}

span[role=combobox][aria-expanded=true] + div { left : 0; }

span[role=combobox] + div .border {
}

span[role=combobox] + div .jQueryScroll {
	max-height : 200px;
	margin : 3px 0 0 0;
	border : 1px solid #333;
	border-top : none;
	background : #FBF6FA;
}

span[role=combobox] + div .jQueryScroll li {
	padding : 2px;
	font-family: "Futura LT W04 Light";
	font-size: 14px;
	font-size: 1.4rem;
	color : black;
}

/* optgroup */
ul[role=listbox] > li > span{
	font-weight : bold;
	font-style : italic;
}

ul[role=listbox] ul { margin : 0 0 10px; }

/* option */
li[role=option]{ cursor:pointer; }
li[role=option]:hover{ background : white; }