@charset "utf-8";

body { /** ack ie pour le haslayout*/
	position: static !important;
	/**fin ack*/
	background-color: #ffffff;
	margin: 0;
}



/* HEADER-GE */
.ocsin-header {
	background-color: #ffffff;
	margin-bottom: 44px;
	border-bottom: 1px solid #c9c9c9;
}

#ge-navbar .logo {
    display: block;
    width: 65px;
    height: 70px;
    text-indent: -9999em;
    background: url(/rendez-vous/element/images/specific/logo.svg) no-repeat center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 0 20px;
    padding-left: 0px;
    padding-right: 0px;
}

.lead {
    height: 70px;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}

.lead span {
    display: inline-block;
    vertical-align: middle;
}

/* TITLES */

div.title {
    /* border-bottom: 1px #333333 solid !important; */
	border-bottom: none !important;
    margin-bottom: 32px !important;
    padding-left: 0 !important;
    font-size: 35px; /* x-large */
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 700;
    color: #333333;
    white-space: nowrap;
    text-align: left;
}
div.introduction_description,
div.description {
    color: #333333;
	margin-bottom: 16px;
	font-size: 16px;
	padding-left: 0;
}

/* DATE-PICKER */
#ui-datepicker-div .ui-datepicker-next:before,
#ui-datepicker-div .ui-datepicker-prev:before {
    color: #333333;
}

#ui-datepicker-div .ui-state-default {
    padding: 7px;
    border: none;
    background: #ededed;
    color: #333;
    text-align: center;
    font-size: 14px;
}
.ui-datepicker-today .ui-state-default {
	background: rgba(51, 122, 183, 0.4) !important;
}

/* FORMS */

div.error {
    font-weight: bold;
    font-size: 14px;
	line-height: 1.2;
    color: #a94442;
	padding: 0 0 1rem 0 !important;
    clear: both;
}

div.error, table tr.error {
    background-color: transparent;
    color: #a94442;
}

.label {
    display: inline;
    padding: .2em .6em .3em 0;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 85%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.labelApp {
    display: inline;
    padding: .2em .6em .3em 0;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 85%;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

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

div.body div.label {
    font-size: 16px;
    color: #333333;
    font-weight: 500;
	display: flex;
}

input, textarea, select, .uneditable-input {
    max-width: 100%;
    width: auto;
	font-size: 85%;
	line-height: 1.5;
	padding: 7px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

div.body div.field, span.field, select.field, input.field, radio.field, .select_site, .select_service {
    color: #333;
    font-size: 85%;
}

.breackLine {
    clear: both;
    height: 8px;
}

/* CONTAINERS */
.global .content .body {
	padding: 8px;
}
.container #stepContainer{
	padding-left: 0;
	padding-right: 0;
}

.container .AllTabs {
    position: relative;
    left: 8px;
    width: auto;
    height: auto;
    overflow: hidden;
}

div.confirmation_recap {
    padding-bottom: 10px !important;
    width: 100%;
    float: left;
}

/* BUTTONS */

div.navigateButtonsContainer {
	display: block;
	padding-bottom: 32px !important;
	margin-top: 25px;
}

nav[role="navigation"] {
	display: block;
	/* max-width: 100%; */
	margin: 0 auto !important;
}
nav[role="navigation"]:after {

	margin-bottom:32px !important;
}

.button-generic {
    background-color: #337ab7;
    color: #fff;
    border: 1px solid #337ab7;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 1.091em;
    letter-spacing: 0.01em;
    padding: 6px 12px;
    text-decoration: none;
    text-transform: initial;
    line-height: 1.3em;
    background-clip: border-box;
    font-family: inherit;
    cursor: pointer;
    overflow: visible;
    line-height: 1.2;
}

.button-generic.focus, .button-generic:focus, .button-generic:hover {
    background: #0000;
    color: #337ab7;
	border: 1px solid #333333;
}

.button-generic-next {
	float: right;
}

.confirmChoiceButtonBorder {
    cursor: pointer;
    text-align: center;
    background-color: #333;
	border: 1px solid #333333;
    color: #fff;
    padding-top: 1%;
    padding-bottom: 1%;
}

.confirmChoiceButtonBorder:focus,
.confirmChoiceButtonBorder:hover  {
    background: #888888;
    color: #ffffff;
	border: 1px solid #888888;
}

/* RADIO */

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
	vertical-align: top;
}
#tableHor .field {
	margin-bottom: 8px;
}

.timearea_available_label {
    font-weight: 700;
}

div.selection_site, 
div.selection_service, 
div.selection_date_container,
div.selection_time_container {
    padding-top: 8px;
}


/* SUMMARY */

.summary {
    color: #333;
    float: right !important;
    font-size: 18px !important;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: left;
    width: 23%;
	background-color: #ededed;
	padding: 16px 16px 24px;
}

.summaryTitle {
    text-decoration: none;
}

.summaryTitle:after {
	content: "";
    display: block;
    margin: 22px 0 0;
    width: 65px;
    height: 1px;
    background: #333;
}

.subTitleSummary, .summaryServiceTitle {
	color: #999999;
	font-style: italic;
}


/* TEXT */
.preselectedRdvDescription {
    font-size: 16px;
    color: #000;
    white-space: normal;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 16px;
    margin-top: 0px;
    text-align: center;
}

.soonestTimeareaProposed {
    background-color: transparent;
	border-style: none;
	border-bottom: 2px solid #333;
    margin: 16px 0;
    text-align: left;
    padding: 5px 0;
}

.soonestText {
    font-size: 12px;
    font-weight: 400;
    color: inherit;
    display: block;
	margin-top: 8px;
}

.soonestAvailabilities {
	font-family: 'Roboto', Arial, sans-serif;
}

.soonestTimeareaProposed .soonestText {
    font-size: 16px;
    font-weight: 700;
}

/* INFORMATION PERSO */

div.choice_identity,
div.choice_civility,
div.choice_phone,
div.choice_zip,
div.choice_email,
div.choice_birthday {
    padding-top: 16px;
	clear: both;
}

div.choice_civility {
    padding-bottom: 16px;
}

.visitorContainer input[type="text"],
.visitorContainer input[type="tel"] {
	min-width: 250px !important;
}

/* RGPD */

div.choice_rgpd div.label {
    white-space: normal;
    text-align: left;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.6;
}
div.choice_rgpd input {
	margin-right: 12px;
}

/* CONFIRMATION */

div.confirmation_recap {
	font-size: 16px;
}

/* INFO COMPLEMENTAIRE */

div.choice_comment textarea + div.label {
	font-size: 13px;
	font-weight: normal;
	color: #999999;
}
#maxCharactersLeftDivId {
	display: inline-block;
	margin-right: 8px;
}

/* APP FOOTER */
#form2 div.footer {
	background-color: transparent;
}
#form2 div.footer div.buttons {
    clear: both;
    padding-top: 6%;
	background-color: transparent;
    text-align: justify;
    width: auto !important;
}


/* FOOTER-GE */
.footer_ppp {
	background-color: #333;
	margin-top: 44px;
}
.footer_ppp .container {
	background-color: #333;
}

.footer-logo {
    display: block;
    width: 128px;
    height: 100px;
    text-indent: -9999em;
    background: url(/rendez-vous/element/images/specific/footer-logo.svg) no-repeat center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}