/* CSS Document */

/**************************************Styles client***************************************/
body { background:#fff; }
.container { background:#fff; }
.navbar .container { padding:0; background:none; }
.nav-collapse { background:#f2fdff; }
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding:0; }
.homePage .hero-unit, .bloc-filtres { background-color:#f2fdff; box-shadow:none; border-color:#c2e8f7; }
.homePage .hero-unit { min-height:170px; }
.hero-unit { padding-left:230px !important; border:0; }
h2, a.link, .btn-link, .dropdown .dropdown-menu .nav-header, .info-bulle i, .bloc-recap strong, .bloc-confirmation strong, .pager .nb-resultats, .bloc-prestations-associees strong, .breadcrumb a 
{ color:#0F7BBC; }
/*{ color:#0080C0 !important; }*/
.navbar .navbar-inner { background:url(../images/navbar-bg.png) top repeat-x !important; }
.navbar-inverse .navbar-inner { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.navbar .nav { margin-top:20px; }
.navbar .nav > li > a { padding:5px 10px !important; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:0 5px; color:#0f7bbc !important; }
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-bottom-color:#0f7bbc; border-top-color:#0f7bbc; }
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { color:#fff !important; background-color:#0f7bbc; }
.btn-primary, .navbar-inverse .btn-navbar { background: #00549f !important; border:0; }
.btn-primary:hover, .btn:focus { background:#0f7bbc !important; color:#fff !important; }
.btn-primary:hover .caret, .btn:focus .caret { border-top:4px solid #fff !important; }
.btn-toolbar .btn-group .btn-primary:hover, .btn-toolbar .btn-group .btn:focus { background:#E6E6E6 !important; }
.btn-toolbar .btn-group .btn:hover .caret, .btn-toolbar .btn-group .btn:focus .caret { border-top:4px solid #000 !important; }
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background-color:#0f7bbc; color:#fff; }
.navbar-inverse .nav li.dropdown > a:hover .caret, .navbar-inverse .nav li.dropdown > a:focus .caret, .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret { border-top-color:#fff !important; }
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { background-color:#00549F !important; }
.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus { background:#0f7bbc !important; color:#fff; }
.navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus, .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { background:none !important; color:#0080C0 !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.navbar-inverse .dropdown-menu a { padding:5px 10px; }
.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover { background:#00549F; }

footer { background:url(../images/footer-bg.png) no-repeat center top; }
footer p { color:#fff; font-size:0.7em; text-align:center; }

@media (max-width: 979px) {
	.hero-unit { background-image:none !important; padding-left:20px !important; }
	.administration .hero-unit { background:url(../images/visuel-home.png) 0 30px no-repeat #f2fdff !important; padding-left:230px !important; }
}     

/* rdv oussama new styles */
.wizard .current {
	background: #628a1a;
	color: #000;
}

.wizard .current:after {
	border-left-color: #628a1a;
}

.wizard .current .badge {
	color: black;
}

.moteur-recherche .form-actions .controls {
	margin-left: unset;
	display: flex;
	justify-content: end;
}

.ui-datepicker-header {
	background: #628a1a;
	text-shadow: none;
	color: #000;
	border-color: #628a1a;
}

.ui-state-active,
.ui-state-default:focus,
.ui-state-default:hover {
	background: #628a1a !important;
	color: black !important;
}

.form-horizontal .form-actions {
	padding-left: unset;
	display: flex;
	justify-content: end;
	margin-top: 5rem;
}

.moteur-recherche .bloc-horaires .btn:focus,
.moteur-recherche .bloc-horaires .btn:hover {
	background: #628a1a !important;
	color: black !important;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #628a1a;
	background-image: none;
	color: black;
}

a#imprimer {
	display: flex;
}

.form-actions .btn {
	width: 170px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
}

.choixCaneaux {
	gap: 4rem;
	margin-top: 4rem;
}

.choixCaneaux .bloc-recap {
	width: 20%;
	border-radius: 23px;
	display: flex;
	justify-content: center;
	background: #d1e9ff29;
}

.choixCaneaux .bloc-recap .recap p span {
	display: flex;
	flex-direction: column;
}

.choixCaneaux .bloc-recap .recap p {
	display: flex;
	flex-direction: column;
	color: black;
	font-size: 15px;
	font-weight: 500;
	gap: 5px;
	padding-inline: 28px;
}

.ui-datepicker-calendar .ui-state-default {
	background: white;
	color: black;
}

.ui-datepicker td span,
.ui-datepicker td a {
	text-shadow: unset;
}

#datepicker,
#availableTime {
	min-height: 30vh;
	min-width: 20rem;
	display: flex;
	align-items: baseline;
	flex-direction: column;
}

#datepicker {
	align-items: start;
	justify-content: center;
}

.choixCaneaux .title {
	font-size: 16px;
	color: black;
	font-weight: 500;
	margin-bottom: 20px;
}

#availableTime .date {
	font-size: 15px;
}

.btn.active,
.btn:active {
	box-shadow: none !important;
}

.controls .btn {
	background: transparent;
	border: 1px solid;
}

.panel-citoyen .span7 {
	gap: 50px;
	width: 100% !important;
	display: flex;
}

.panel-citoyen .span7 .bloc-recap {
	width: 30%;
}

.panel-citoyen .span7 .bloc-recap .recap p {
	display: flex;
	flex-direction: column;
	font-size: 16px;
	font-weight: 500;
	color: #171954;
}

#ctl0_CONTENU_PAGE_gestionRdv_formCitoyen_panelCitoyen {
	width: 100%;
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	column-gap: 5rem;
}

#ctl0_CONTENU_PAGE_gestionRdv_formCitoyen_panelCitoyen .control-group {
	display: flex;
	flex-direction: column;
}

.bloc-recap {
	display: flex;
	justify-content: center;
	background-color: #d1e9ff30;
	border-radius: 19px;
}

.panel-citoyen .span7 #ctl0_CONTENU_PAGE_gestionRdv_formCitoyen_panelCitoyen .controls {
	margin-left: unset;
}

.panel-citoyen .span7 #ctl0_CONTENU_PAGE_gestionRdv_formCitoyen_panelCitoyen .control-label {
	float: unset;
	width: unset;
	padding-top: unset;
	text-align: unset;
}

.panel-citoyen .span7 input,
.panel-citoyen .span7 input,
.panel-citoyen .span7 input,
.panel-citoyen .span7 textarea,
.panel-citoyen .span7 textarea,
.panel-citoyen .span7 textarea,
.panel-citoyen .span7 select,
.panel-citoyen .span7 select,
.panel-citoyen .span7 select,
.panel-citoyen .span7 .help-inline,
.panel-citoyen .span7 .help-inline,
.panel-citoyen .span7 .help-inline,
.panel-citoyen .span7 .uneditable-input,
.panel-citoyen .span7 .uneditable-input,
.panel-citoyen .span7 .uneditable-input,
.panel-citoyen .span7 .input-prepend,
.panel-citoyen .span7 .input-prepend,
.panel-citoyen .span7 .input-prepend,
.panel-citoyen .span7 .input-append,
.panel-citoyen .span7 .input-append,
.panel-citoyen .span7 .input-append {
	width: 280px;
	padding: 11px 18px 11px 18px;
	border-radius: 12px;
	border: 1.3px solid #b8bbc2;
}

.wizard {
	display: flex;
	justify-content: center;
	margin-top: 1.5rem;
}

.form-actions {
	background-color: white !important;
	border: unset;
}

.chosen-single {
	width: 300px;
	border-radius: 12px;
	padding: 11px 18px;
}

.chosen-search {
	width: 300px;
}

.chosen-drop {
	width: 307px;
}

.chosen-container-single .chosen-search input[type="text"] {
	width: 95%;
	padding: 4px;
}

.choixLieu textarea,
.choixLieu textarea,
.choixLieu textarea,
.choixLieu select,
.choixLieu select,
.choixLieu select,
.choixLieu .help-inline,
.choixLieu .help-inline,
.choixLieu .help-inline,
.choixLieu .uneditable-input,
.choixLieu .uneditable-input,
.choixLieu .uneditable-input,
.choixLieu .input-prepend,
.choixLieu .input-prepend,
.choixLieu .input-prepend,
.choixLieu .input-append,
.choixLieu .input-append,
.choixLieu .input-append {
	width: 310px;
	height: 40px;
	padding: 11px 18px 11px 18px;
	outline: 1.3px solid #b8bbc2;
	border-right: 16px solid transparent;
}
.choixLieu .controls {
	margin-left: unset;
}

.choixLieu .control-group {
	display: flex;
	align-items: center;
	column-gap: 10px;
}

.control-group.choixLieu {
	display: flex;
	gap: 10px;
	margin-top: 5rem;
}

.form-horizontal {
	margin-top: 50px;
}

a {
	color: #171954;
}


.ObjectDemande .control-label,
.ObjectDemande {
	width: 200px;
	white-space: nowrap;
	margin-right: 1rem;
}

.py-5 {
	padding-bottom: 2.5rem;
	padding-top: 0.5rem;
}

.chosen-container-single .chosen-single span {
	font-weight: 400;
}

.form-horizontal input {
	margin-top: 0;
	margin-right: 0.5rem;
}

h2,
a.link,
.btn-link,
.dropdown .dropdown-menu .nav-header,
.info-bulle i,
.bloc-recap strong,
.bloc-confirmation strong,
.pager .nb-resultats,
.bloc-prestations-associees strong,
.breadcrumb a {
	color: #171954 !important;
	font-weight: 500;
}

.ui-datepicker-prev {
	background-position: center -19px;
}

.ui-datepicker-next {
	background-position: center 10px;
}

.ui-datepicker th {
	font-size: 12px !important;
	font-family: "Poppins";
	font-weight: 600;
}

.ui-datepicker-calendar .ui-state-default {
	background: white;
	color: black;
	font-family: "Poppins";
	font-weight: 500;
	font-size: 14px;
}

.ui-datepicker-title {
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

tr {
	height: 2.5rem;
}

.moteur-recherche .bloc-horaires .btn:focus,
.moteur-recherche .bloc-horaires .btn:hover {
	text-shadow: unset !important;
}

.date,
.ui-datepicker-title {
	font-family: "Poppins";
	text-align: center;
	font-weight: 600;
	font-size: smaller;
}

.btn {
	background: unset;
	border: unset;
	box-shadow: none;
	border: 1px solid;
}

.moteur-recherche .bloc-horaires ol {
	margin: 3px;
	display: flex;
	gap: 0.4rem;
}

.ui-datepicker-unselectable .ui-state-default {
	background: #efefef !important;
	color: #6b7a82;
}

.ui-datepicker th {
	background: #f8fbff !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
	height: 39px !important;
}

.ui-datepicker tbody td {
	border: 1px solid #f8fbff !important;
}

h2,
a.link,
.btn-link,
.dropdown .dropdown-menu .nav-header,
.info-bulle i,
.bloc-recap strong,
.bloc-confirmation strong,
.pager .nb-resultats,
.bloc-prestations-associees strong,
.breadcrumb a {
	font-size: 14px;
}

.choixCaneaux fieldset {
	margin-top: 1.3rem;
	margin-left: 1.5rem;
}

.alertIcon {
	background: #f76f7329;
	padding: 10px;
	border-radius: 100%;
}

.panel-citoyen .span7 select,
.panel-citoyen .span7 select,
.panel-citoyen .span7 select {
	width: 315px;
	height: 45px;
	border-radius: 12px;
	padding: unset;
	border: 1.3px solid #b8bbc2;
}

div#ctl0_CONTENU_PAGE_gestionRdv_confirmationRdv_panelConfirmation {
	height: auto !important;
	padding-block: 10px;
}

.validAlert {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.confirmationCode {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
  
.confirmationCode .label-warning {
	padding: 1rem 2rem;
	border-radius: 3rem;
	background: #ffe7c3;
	color: black;
	text-shadow: none;
}
#ctl0_CONTENU_PAGE_gestionRdv_formCitoyen_panelFormCitoyen .form-horizontal .control-group {
	display: flex;
	flex-direction: column;
}
#ctl0_CONTENU_PAGE_gestionRdv_formCitoyen_panelFormCitoyen .form-horizontal .control-group  .control-label {
	text-align: left;
}
@media (max-width: 979px) {
  .container {
	  padding-top: 0px;
  }
}
.home-img {
width: 170px;
}

.navbar-inner h1 img {
    max-height: 50px;
    padding: 10px;
}