/* -------------

 * Selects

 * ------------- */

.jqTransformSelectWrapper {  position:relative;height: 28px; padding:0px 0px 0 7px; color:#000;  text-align:left; margin-top:0px; margin-left:0px; background:none;}

.jqTransformSelectWrapper div span { font-size:14px; font-family: 'Open Sans';color:#fff;position: absolute;  /*white-space: nowrap;*/height: 25px; padding:3px 0 0 0px;overflow: hidden;cursor:pointer;}

.jqTransformSelectWrapper a.jqTransformSelectOpen {display: block;position: absolute;right:9px;width:10px; height: 6px;background:url(../image/png/flech2.png) 0 0 no-repeat;overflow:hidden; top:12px;}

.jqTransformSelectWrapper ul {position: absolute;  top: 27px;left:-1px;list-style: none;border-bottom:#6c6c69 solid 1px;border-left:#6c6c69 solid 1px;border-right:#6c6c69 solid 1px;display: none;margin: 0;padding:0px 0px 2px 7px;overflow: auto; z-index:1; height:85px;  font-family: 'Open Sans'; background:#000; }

.jqTransformSelectWrapper ul a {display: block;padding: 2px 0px;text-decoration: none;color:#fff;font-size: 12px; }

.jqTransformSelectWrapper ul a.selected {display:block; text-decoration:underline;}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {text-decoration:underline;}





.box_contact .jqTransformSelectWrapper {  position:relative;height: 36px; padding:0px 0px 0 7px; color:#000;  text-align:left; margin-top:0px; margin-left:0px; background:none;}

.box_contact .jqTransformSelectWrapper div span { font-size:14px; color:#000;position: absolute;  /*white-space: nowrap;*/height: 29px; padding:7px 0 0 0px;overflow: hidden;cursor:pointer;}

.box_contact .jqTransformSelectWrapper a.jqTransformSelectOpen {display: block;position: absolute;right:9px;width:10px; height: 6px;background:url(../image/png/flech2.png) 0 0 no-repeat;overflow:hidden; top:14px;}

.box_contact .jqTransformSelectWrapper ul {position: absolute;  top: 35px;left:-1px;list-style: none;border-bottom:#dbc69d solid 1px;border-left:#dbc69d solid 1px;border-right:#dbc69d solid 1px;display: none;margin: 0;padding:0px 0px 2px 7px;overflow: auto; z-index:1; height:85px;  background:#f8f7f7; }

.box_contact .jqTransformSelectWrapper ul a {display: block;padding: 2px 0px;text-decoration: none;color:#000;font-size: 13px; }

.box_contact .jqTransformSelectWrapper ul a.selected {display:block; text-decoration:underline;}

.box_contact .jqTransformSelectWrapper ul a:hover, .box_contact .jqTransformSelectWrapper ul a.selected:hover {text-decoration:underline;}



/* -------------

 * Hidden - used to hide the original form elements

 * ------------- */

/*.jqTransformHidden {display: none;}*/



.jqTransformSelectWrapper .jqTransformHidden, .jqTransformRadioWrapper .jqTransformHidden, .jqTransformCheckboxWrapper .jqTransformHidden {display:inline-block;visibility: hidden;}

.jqTransformHidden {display: none;}















form.jqtransformdone label{

	/*margin-top:4px;

	/*margin-right: 8px;

	display: block;

	float:left;*/

}

form.jqtransformdone div.rowElem{

	clear:both;

	padding:0px 0px;

}

/* -------------

 * Buttons

 * ------------- */





/* -------------





/* -------------

 * Radios

 * ------------- */

.jqTransformRadioWrapper {float: left;display:block;margin:0px 0px 0 0px;}

.jqTransformRadio {

	background:url(../image/png/radio.png) no-repeat center top;

	vertical-align: middle;

	height: 12px;

	width: 12px; margin-top:4px;

	display:block;/*display: -moz-inline-block;*/

}



/* -------------

 * Checkboxes

 * ------------- */

span.jqTransformCheckboxWrapper{

	display:block;float:left;

}

a.jqTransformCheckbox {

	background:url(../image/gif/select.gif) no-repeat center top;

	vertical-align: middle;

	height: 12px;

	width: 12px; margin-top:4px;

	display:block;/*display: -moz-inline-block;*/

}



/* -------------

 * Checked - Used for both Radio and Checkbox

 * ------------- */

a.jqTransformChecked { background-position: left bottom;}







.form_reservation .jqTransformSelectWrapper div span {color: #000; overflow:visible;}











@media (max-width: 640px) { .jqTransformSelectWrapper { max-width:100%; min-width:100%;} .box_input.width2, .box_input.width1 { width:100%;} }



@media (max-width: 480px) { .box_input.width_date_reserv { width: 190px;} .box_input.width_nuit_reserv { width: 190px;} .box_input.width3 { width:89px;} .enfantresa, .adulteresa { width:83px;} .box_input.width4 { width: 190px;}}

@media (max-width: 320px) { .box_input.width1 { width: 113px;}.box_input.width2 { width: 238px;} .box_input.width3 { width:58px;} .enfantresa, .adulteresa { width:43px;} .box_input.width4 { width:98px;}}