/**
 * Table of Contents:
 *
 * 0.0 - Import GOOGLE FONTS
 * 1.0 - Upgrade Jquery Mobile Styles
 * 2.0 - Forms general styles
 * 3.0 - Forms specific styles



/** 
 * 1.0 - Upgrade Jquery Mobile Styles
 */
.ui-mobile-rendering > * { visibility: visible; }
.ui-input-text.ui-focus, .ui-input-search.ui-focus{box-shadow:none;}
.ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page{
	top:auto;
	position:relative;
}
.ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text, .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text{
	width:100%; display:inherit; background:#fff;
	box-shadow:none;
	border:1px solid #ccc ;
}
div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text, .ui-input-search input.ui-input-text{padding:0.3em 0;}

.ui-btn-active{background:none;}

#formulaire .ui-focus{border:1px solid #FF7010;}
#formulaire .ui-field-contain .ui-controlgroup-controls{width:100%;}
.ui-content{padding-bottom:0px; height:425px}
.ui-content:after{}/*clear: both;display:block; height: 1px; font-size:1px;*/
.ui-field-contain .ui-select{width:100%;display:block;}
/*.ui-controlgroup-controls label{width:100%;}*/
.ui-btn-hover-c:hover .ui-icon-arrow-d{background-color:#FF7010;}

.ui-page{background:#fff;}
.ui-field-contain, fieldset.ui-field-contain{border:none; margin:0 0 10px; padding:0;}/*1px solid #000*/
.ui-body-c, .ui-overlay-c{text-shadow:none;}
.ui-field-contain:last-child{text-align:center; width:100%; margin-top:8px;}
.ui-mobile .ui-header{
	background:none;
	border-bottom: solid 2px #ced3d9;
	border-top: medium none;
	height: 40px;
}

.ui-radio label.error{
		float:right;
		font-size:11px;
		top:-20px;
		color:#ff4000;
		position:absolute;
		right:5px;
	}
.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon{background-color: #FF7010;}
.ui-field-contain label.ui-select{width:auto;}

.ui-bar-a{text-shadow:none;}
.ui-icon-checkbox-off, .ui-icon-radio-off{background:none #ccc;}
/*.ui-btn span.ui-btn-inner{background:url('./background-btn.png') no-repeat; background-position:9px -88px;}*/
/*.ui-submit span.ui-btn-inner{font-size:23px; padding:0;}*/
.ui-select .ui-btn span.ui-btn-inner{background:none; height: 34px;}
.ui-radio span.ui-btn-inner{background:none;}
.ui-checkbox .ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-btn-icon-left .ui-btn-inner{padding:6px 0 6px 45px;}

/** 
 * 2.0 - Forms general styles
 */

#formulaire h1.ui-title{color: #000; font-family: Open Sans, Arial, sans serif; font-size: 20px; margin: 10px 0; padding-left: 20px; text-align: left; text-transform: uppercase; font-weight:bold;}
#formulaire .ui-field-contain label.ui-input-text{width:auto;}

.actionblock{bottom:0;}
.actionblock .ui-btn{height:50px; width:49%; float:left; line-height:40px;}
.actionblock .ui-btn:first-child{float:right; width:50%;}
/*.actionblock .ui-btn-inner:first-child:after{content:">";}*/
.actionblock .ui-btn-text{color:#fff; font-size:16px;}
.actionblock .ui-btn-inner{padding:0.18em 10px; }


.post form{background:none;}
.post-page-content h1.ui-title{margin-left:0px; padding-left:20px; text-shadow:none; font-size:20px; font-style:italic; text-align:left;}
.ui-page-active{min-height:100px !important;}
.ui-content p{color:#000; line-height:15px;margin-bottom:20px;}
.ui-btn-text{font-family: Open Sans, Arial; color:#000; text-shadow:none; line-height: 13px;}
#rgpdBlock .ui-btn-text{font-weight:normal; text-transform:none; font-size:14px;}
#rgpdBlock label.error{    
    /*font-size: 11px;
    color: #ff4000;
    text-transform: none;
    float: right;
    top: 17px;
    position: absolute;
    width: 100%;
    text-align: right;*/
    float: right;
    font-size: 11px;
    top: -20px;
    color: #ff4000;
    position: absolute;
    right: 5px;
}

.bouton div.ui-btn-hover-c, .bouton div.ui-btn{margin:0.5em auto; width:78%; border:none; border-radius:0.7em; border-radius:0px;}
.bouton .ui-shadow{box-shadow:none;}
.bouton div:last-child span.ui-btn-inner{background:url('./background-btn.png') no-repeat; background-position:9px -88px;}
#form3 .bouton div span.ui-btn-inner{background:url('./background-btn.png') no-repeat; background-position:right 8px;}


/*.ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page{position:relative; height:98%;}*//*height:465px;*/
.post-page-content{padding-bottom:0px; background:#FFFFFF;}

.ui-page #cid_form_response{width:auto; padding: 15px 15px 60px 40px; background: none repeat scroll 0 0 #FFFFFF;}
.ui-page #cid_form_response .lienForm{color:#999;}
.back-to-top{display:none;}

.arrow{background:url('./arrow.png') no-repeat; background-size:55%; height:25px; width:49px; position:absolute; right:8px; top:50px; }
.msform{position:relative;}

/*#form1, #form3, #form4, #form12, #form13{min-height:370px;}
#form2{min-height:361px;}
#form6, #form7, #form8 {min-height:385px;}
#form5{min-height:376px;}
#form9{min-height:391px;}
#form10, #form11{min-height:427px;}
#form14{min-height:427px;}*/
#ancienneteEmploiBlock{display:none;}
#coAncienneteEmploiBlock{display:none;}


input[type=number], 
input[type=number]{ 
    -webkit-appearance: none;
     -moz-appearance: textfield; 
     margin: 0; 
}
div.ui-input-text{border:none;}
.ui-corner-all{border-radius:0px;}
div.ui-input-text input.ui-input-text{color:#000;font-weight:bold; text-align:right;}

input.ui-input-text[type=number]::-webkit-input-placeholder {
    color: #fff;
    opacity: 1 !important; /* for chrome */
}
input.ui-input-text[type=number]:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
   opacity: 1;
}

input.ui-input-text[type=number]::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
   opacity: 1;
} 


#fichageBancaireLabel{width:100%;display:inline-block;}

.final .ui-btn.ui-submit{background:url("./background-submit.png") repeat-x scroll 0 -35px rgba(0, 0, 0, 0); border: 1px solid #6C9B00;}
.ui-input-text label.error{color:#ff4000; float:left; position:inherit; left:10px; top:-30px; height:10px; z-index:1;}
.ui-select label.error{color:#ff4000; float:left; position:absolute; left:10px; top:5px; text-shadow:none; font-weight:normal;}
/*.ui-radio label.error{color:#661A00; position:relative; top:-5px;}*/

.ui-body-c .lienForm{font-size:20px; color:#666666; padding-left:20px; background:url('./puce-cid.png') no-repeat 0 7px; font-weight:normal; text-decoration:none; border-bottom:none; }


/*width:330px;*/
/*.actionblock .ui-btn{
	display:inline-block;
	width:78%;
	margin-top:0px;
}*/

#formulaire .actionblock .ui-focus{border:none;}
.actionblock .ui-btn-up-c{
	background:#999999; box-shadow:none; border-radius:0; border:none;
}
.ui-radio .ui-btn-up-c,
.actionblock .ui-submit,
.ui-btn-up-c{
	/*background: #fff;*/ /* FF3.6+ */
	margin-top:0;
	border: 1px solid #ccc;
}	
.ui-btn-up-c, .ui-btn-hover-c{border:1px solid #ccc; border-radius:0px; box-shadow:none;}
.actionblock .ui-btn-hover-c:hover{background:#FF7010; border:none;}
.actionblock .ui-submit:hover, .ui-radio-off:hover, .ui-radio-on:hover, .ui-btn-up-c:hover, .ui-btn-hover-c{
	/*background: #fff; /* Old browsers */
	border:1px solid #FF7010;
	margin-top:0px;
}
#confirmation{overflow:hidden;}


.ui-body-c .lienForm:active, .ui-body-c .lienForm:hover, .ui-body-c .lienForm:visited{color:#666666;} 
.lienForm .orange{color:#EC7327;}


	/**
	 * 2.5 - Footer : completude percentage
	*/ 
	.ui-mobile .ui-footer{ background: #ccc; height: 40px; border:none; bottom:0; margin:0px 5px 4px; width:98%;}/*position:absolute;*/
	.step-status{background-size:100%; background:#5CA315; display:block; height:20px; text-align:right; text-shadow:none; font-size:20px; color:#000; height:100%; line-height:40px; color:#fff; padding-right:10px;}
	#step1-status{ width:0%; background:#ccc;margin-left:5px;}

	#step2-status{ width:7%; padding-right:4px;}
	#step3-status{ width:14%; }
	#step4-status{ width:21%; }
	#step5-status{ width:28%; }
	#step6-status{ width:35%; }
	#step7-status{ width:42%; }
	#step8-status{ width:49%; }
	#step9-status{ width:56%; }
	#step10-status{ width:63%; }
	#step11-status{ width:70%; }
	#step12-status{ width:77%; } 
	#step13-status{ width:84%; } 
	#step14-status{ width:91%; } 

/** 
 * 3.0 - forms specifis styles
*/
#beforeform{background:url('./assets/before-form-rac.png') no-repeat center 0px #F1F2F4; height:64px; margin:5px 5px 0;}
.ui-mobile[data-role="page"], .rac .ui-page {height:100%; max-height:487px;}

/**
 * 4.0 Tooltips
 * http://osvaldas.info/elegant-css-and-jquery-tooltip-responsive-mobile-friendly
*/

#tooltip
{
    font-family: Ubuntu, sans-serif;
			font-size: 0.875em;
			text-align: center;
			text-shadow: 0 1px rgba( 0, 0, 0, .5 );
			line-height: 1.5;
			color: #fff;
			background: #333;
			background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
			background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			border-top: 1px solid #fff;
			-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			position: absolute;
			z-index: 100;
			padding: 15px;
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }

        .info{display:inline-block; margin:0 0 3px 5px;}

        .info abbr {
			height: 100%;
			width: 22px;
			font-size: 16px;
			font-weight: bold;
			line-height: 1.4;
			text-align: center;
			text-shadow: 0 1px rgba( 0, 0, 0, .25 );
			color: #fff;
			background: #ff6600;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			border: none;
			cursor: help;
			display: block;
			text-decoration:none;
		}

		.info abbr:hover{
			opacity: 0.5;
		}


/** 
 * 4.0 - Media Queries
*/

@media (max-width: 767px) {
	#beforeform{background-size:100%; width:auto;}
	#formulaire{width:100%; position:no;}
} 
 
@media (max-width: 380px) {
	
	.home .site-main{margin-top:0;}
	.home #formulaire{height:auto; position:inherit; top:auto; margin-bottom:30px; min-height:0px; padding-bottom:10px;}
	
	.ui-content{min-height:0px;}
	
	#form1, #form2, #form3, #form4, #form5, #form6, #form7, #form8, #form9, #form10, #form11, #form12, #form13, #form14 {min-height:0px;}
	
	.ui-field-contain:last-child{bottom:auto; position:inherit; padding-top:20px;}
	
	.ui-page #cid_form_response{padding: 15px 15px 60px; }
}	
 
@media (max-width: 359px) {
	

}