@charset "utf-8";
html {
    font: 0.7875em / 1.5 "Arial", "Helvetica", sans-serif;
    color: #000;
}
/**
 Tools
*/
.maskStep {
    display: block;
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    margin-top: 25%;
    
}
div.clear {
	clear: both;
}
div#progressBarId {
	display : none;
}

/**
 Global
*/
body,table,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,script,td {
	/* margin: 0;
	padding: 0; */
	
}
h1{
    font-size: 1em;
    font-weight: normal;
}
table {
	border-collapse: collapse;
}

body { /** ack ie pour le haslayout*/
	position: static;
	/* position: absolute; */
	/**fin ack*/
	background-color: #f6f6f6;
	font-family: Arial, Helvetica, sans-serif;
}

/**
 Layout 
*/
div.global {
	width: auto;
	margin: 0 auto 10px auto;
	padding-bottom: 20px;
	padding-top: 20px;
}

div.globalConfirmation {
	width: auto;
	margin: 0 auto 10px auto;
	padding-bottom: 20px;
	padding-top: 20px;
}
div.subTitleClass{
	/* float: left; */
}
div.motive_global {
	/* float: left; */
	width: auto;
	padding-bottom: 2%;
}

div.content {
	
}

div.body {
	padding: 4px 8px;
}

 .progress-mobile{
	display: none;
}
div.body_cancel {
	margin-bottom: 7%;
	margin-top: 7%;
}
div.panel {
	height: auto;
}

div.panel_motive {
	height: auto;
	overflow-y: auto;
	width: 100%;
}

div.panel div.body {
	overflow: auto;
	width: auto;
}

div.panel div.motive_body {
	overflow: auto;
	height: 300px;
	width: 750px;
}

div.panel div.form_availibility_body {
	overflow: auto;
	height: 280px;
	width: 520px;
}

div.panel_form_visit {
	height: auto;
	overflow: auto;
}

div.panel div.footer {
	
}

/**
 Common
*/
div.body div.title,div.body_cancel div.title {
	font-size: 32px;
	color: #0177bf;
	border-bottom: 1px #0177bf solid;
	white-space: nowrap;
	text-align: left;
	margin-bottom: 8px;
}

div.body div.subtitle {
	font-size: 32px;
	color: #0177bf;
	border-bottom: 1px #0177bf solid;
	white-space: nowrap;
	text-align: left;
}

div.body div.label {
	font-size:  0.75em;
	color: #0177bf;
	font-weight: normal;
}
label.label{
	font-size:  0.688em;
	color: #000;
	font-weight: normal;
	display: inline-block;
    width: 147px;
    text-align: right;
    margin-right: 10px;
}

div.body div.field,span.field,select.field,input.field,radio.field,.select_site,.select_service
	{
	color: black;
	font-size: 11px;
	/*border-color: #A1C467;*/
}
div.timearea_available_container{
	color: black;
	font-size: 11px;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
}

div.motiveTitleContainer1 {
	width: 100%;
	padding-bottom: 5px;
}
div.motiveTitleWithoutQtityContainer1 {
	width: 100%;
	padding-bottom: 5px;
	float: left;
}
div.motiveTitleWithoutQtityContainer2 {
	width: 100%;
	padding-bottom: 5px;
	float: left;
	display: none;
}

div.motiveTitleContainer2 {
	width: 100%;
	padding-bottom: 5px;
	display: none;
}

div.motiveTitle {
	/*commenter la ligne suivante si pas de gestion de la quantité de motifs*/
	float: left;  
	/*width: 92%; display: none;*/
 	width: 61%;
	font-size: 11px;
	color: #0177bf;
	font-weight: normal;
}

div.quantityMotiveTitle {
	font-size: 11px;
	color: #0177bf;
	font-weight: normal;
	/*display: none;*/
}

div.motiveField1 {
	color: black;
	font-size: 14px;
	clear: left;
}

div.motiveField2 {
	color: black;
	font-size: 14px;
	clear: left;
}

div.motive_border {
	float: left;
	border-left: 1px solid #9bd8fd;
	height: 300px;
	width: 1%;
	display: none;
}

div.motive_quantity {
}

div.mandatoryFieldsNote {
	font-size: 10px;
	color: #333333;
	padding: 4px;
	width: 33%;
	 display: none; 
}

/**
 Selection screen
*/
div.selection_site {
	padding-top: 5px;
	padding-right: 20px;
	float: left;
}

div.selection_service {
	padding-top: 5px;
	float: left;
}

div.selection_date_container {
	padding-top: 5px;
	float: left;
}
div.dayValue_container {
	float: left;
}

div.img_calendar_container {
	float: left;
	padding-left: 5px;
}
#calendarImgId{
	min-height: 18px;
    min-width: 18px;
	background: url("../images/calendar-18x18.png") no-repeat; 
}
div.calendar_img {
	float: left;
	padding-left: 5px;
}
div.selection_date {
	float: left;
}

div.selection_time_container {
	padding-left: 20px;
	float: left;
	padding-top: 5px;
}
div.selection_time {
	float: left;
}

/**
 Choice screen
*/


/**panel1*/
div.choice_time {
	width: 50%;
}
/**panel2*/
div.choice_lang {
	
}

div.choice_civility {
	padding-top: 5px;
}

div.name_container {
	width: 100%;
}

div.choice_rgpd {
	display:inline-block;
}

div.choice_Secondlastname {
	padding-top: 5px;
	padding-left: 20px;
}

div.choice_lastname {
    padding-top: 5px;
    padding-right: 20px;

    float: left;
}
div.choice_firstname {
	padding-top: 5px;
    padding-right: 20px;
	 display: inline-block;
}

div.choice_email {
	padding-top: 5px;


}

div.choice_zip {
	padding-top: 5px;

	padding-right: 107px;
}

div.choice_phone {
	 padding-top: 5px;
	display: inline-block;
	padding-right: 20px;
}
div.choice_fixphone {
	 padding-top: 5px;
    display: inline-block;

}

div.choice_birthday {
	padding-top: 5px;

}

div.choice_identity {
	padding-top: 5px;
}

/**panel3*/
div.choice_motivelist {
	width: 100%;
}

div.choice_motiveone {
	/* float: left;
	width: 49%; */
}

div.choice_motivetwo {
	/* float: left;
	width: 49%; */
}

/**panel4*/
 
div.choice_comment {
	padding: 4px;
}

div.choice_comment textarea#comment {
	height: 100px;
	width: 350px;
}

div.choice_captcha {
	padding-bottom: 2%;
	padding-top: 14px;
}

div.choice_captcha img#captchaImg {
	border: 1px solid black;
	width: 13%;
	height: 13%;
	min-width: 200px;
}

.img_captcha {
	padding-bottom: 1%;
	padding: 1px;
}

div.choice_captcha img:hover#captchaImg {
	cursor: pointer;
}

/**
 Confirmation screen
*/
div.confirmation_recap {
	font-size: 12px;
	color: #333333;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
}

/**
 Confirmation screen
*/
div.confirmation_qrcode {
	text-align: center;
    margin-top: 0%;
}

div.confirmation_confirm {
	font-size: 20px;
	color: white;
	background-color: #0177bf;
	text-align: center;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	padding: 4px;
}

div.confirmation_number {
	font: bold 24px arial;
	color: white;
	background-color: #0177bf;
}

div.confirmation_number_code {
	font: bold 24px arial;
	color: white;
	background-color: #0177bf;
	font-family: consolas;
}

div.confirmation_immediat_message {
	font: bold 24px arial;
	color: #0177bf;
}

/**
 Cancel confirmation screen
*/
div.cancel_lang {
	
}
div.global_cancel div.content div.title {
	
}
div.cancel_rdvcode {
	
}
div.cancel_double_authentication_rdv {

}

/**
 Cancel confirmation screen
*/
div.cancel_confirmation_recap {
	font-size: 12px;
	color: #333333;
	padding: 4px;
}

/**
 Cancel done screen
*/
div.cancel_done_recap {
	font-size: 15px;
	color: #0177bf;
	white-space: normal;
	text-align: left;
	margin-top: 6%;
}

/**
 Error
*/
div.errorCell {
	border: 1px solid #0177bf;
	padding: 18px;
	text-align: left;
	margin: 10px;
}

div.errorCell span.errorBig {
	font-size: 18px;
	color: #ff0000;
}

div.error {
	font-weight: bold;
	font-size: 11px;
	color: red;
	padding: 2px;
	clear: both;
}

div.error_hour {
	font-weight: bold;
	font-size: 11px;
	color: red;
	padding-top: 3%;
	clear: left;
}


div.error_max_motive {
	font-weight: bold;
	font-size: 11px;
	color: red;
	padding: 2px;
}

/**
 Buttons
*/
div.buttons,div.end-buttons {
	text-align: center;
	width: auto;
	white-space: nowrap;
}

div.buttons span.button-over {
	font: bold 10px;
	color: white;
	background-color: #0177bf;
	border: 1px solid #0177bf;
	cursor: pointer;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	padding: 4px;
	margin-left: 5px;
	margin-right: 5px;
}

div.buttons span.button-out {
	font: bold 10px;
	color: #0177bf;
	background-color: white;
	border: 1px solid #0177bf;
	cursor: pointer;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	padding: 4px;
	margin-left: 5px;
	margin-right: 5px;
}

input.button-over {
	font: bold 10px;
	color: white;
	background-color: #0177bf;
	border: 1px solid #0177bf;
	cursor: pointer;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	padding: 4px;
	margin-left: 5px;
	margin-right: 5px;
}

input.button-out {
	font: bold 10px;
	color: #0177bf;
	background-color: white;
	border: 1px solid #0177bf;
	cursor: pointer;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	padding: 4px;
	margin-left: 5px;
	margin-right: 5px;
}

input.button-disabled {
	font: bold 10px;
	color: #D8D8D8;
	background-color: #F2F2F2;
	border: 1px solid #F2F2F2;
	cursor: pointer;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	padding: 4px;
	margin-left: 5px;
	margin-right: 5px;
}

span.motivedata {
	width: 80%;
	float: left;
}

.motivedatacheck {
	float: left;
	/*visibility: hidden;*/
}

.motivedataspan {
	padding-left: 2px;
	width: 70%;
	float: left;
	text-align: left;
	padding-top: 0px;
    margin-bottom: 6px;
}

.quantity {
	
}

div.confirmation_identity_list {
	font: bold 24px arial;
	color: #0177bf;
}

div.confirmation_identity_list {
	font: bold 24px arial;
	color: #0177bf;
}

div.visitorContainer {
	margin-left: 0px;
	float: left;
	width: 71% !important;
	overflow: auto !important;
	height: auto;
}

div.selection_organization {
	padding-top: 5px;
	padding-right: 20px;
	float: left;
}

div.bodyConfirmation { /*padding: 4px 8px;
	float: left;
	 width: 75%; */
	
}
div.text_captcha {
	font-size: 11px;
	font-weight: normal;
}

.navigateButtonsContainer {
	text-align: center;
}
.navigateButtons {
    margin-bottom: 25px;
}
input[type=radio] {
	vertical-align:sub;
}
 
td.ui-datepicker-unselectable span.ui-state-default{
 	color: red;
 	text-decoration: line-through;
 }


.button-generic {
	 
/* background: url("../../images/rsi/btn-valide.png") no-repeat bottom right
		#fff; */
	background-color: #0177bf;
	color: white;
	border: 0px solid #b9b9b7;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	font-size: 1.091em;
	letter-spacing: 0.01em;
	padding: 0.6em 1em;
	padding: 3px 12px 1px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1.3em;
	background-clip: padding-box;
	font-family: inherit;
	cursor: pointer;
	overflow: visible;
	line-height: 1.2;

}
 .button-generic-previous {
    float: left;
}
 .button-newrdv {
    float: left;
}
 .button-generic-next {
    float: right;
}
 .button-save {
    float: right;
    background-color: #A8BB44;
}
 .button-print {
    float: right;
}
.form-row{
	margin-top: 1em;
}