/*

     _____          ___           ___                         ___                         ___           ___     
    /  /::\        /  /\         /  /\                       /  /\                       /  /\         /  /\    
   /  /:/\:\      /  /:/_       /  /:/                      /  /::\                     /  /::\       /  /:/    
  /  /:/  \:\    /  /:/ /\     /  /:/       ___     ___    /  /:/\:\    ___     ___    /  /:/\:\     /  /:/     
 /__/:/ \__\:|  /  /:/ /:/_   /  /:/  ___  /__/\   /  /\  /  /:/~/::\  /__/\   /  /\  /  /:/  \:\   /  /:/  ___ 
 \  \:\ /  /:/ /__/:/ /:/ /\ /__/:/  /  /\ \  \:\ /  /:/ /__/:/ /:/\:\ \  \:\ /  /:/ /__/:/ \__\:\ /__/:/  /  /\
  \  \:\  /:/  \  \:\/:/ /:/ \  \:\ /  /:/  \  \:\  /:/  \  \:\/:/__\/  \  \:\  /:/  \  \:\ /  /:/ \  \:\ /  /:/
   \  \:\/:/    \  \::/ /:/   \  \:\  /:/    \  \:\/:/    \  \::/        \  \:\/:/    \  \:\  /:/   \  \:\  /:/ 
    \  \::/      \  \:\/:/     \  \:\/:/      \  \::/      \  \:\         \  \::/      \  \:\/:/     \  \:\/:/  
     \__\/        \  \::/       \  \::/        \__\/        \  \:\         \__\/        \  \::/       \  \::/   
                   \__\/         \__\/                       \__\/                       \__\/         \__\/    
                   
*/


.dataTables_processing {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: rgba(255, 255, 255, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 767px) {
	.hidden-mobile {
		display: none;
	}
}

/*datatable*/
ul.pagination li.paginate_button.first a {
	margin-top:0px !important;
}
/****** GENERAL ******************************/
/* ****** ALERT ******** */


.alert-success {
	color: #3c763d !important;
	background-color: #dff0d8 !important;
	border-color: #d6e9c6 !important;
}
.alert-success a {
	color: #3c763d !important;
}
.alert-info {
	color: #31708f !important;
	background-color: #d9edf7 !important;
	border-color: #bce8f1 !important;
}
.alert-info a {
	color: #31708f !important;
}
.alert-warning {
	color: #8a6d3b !important;
	background-color: #fcf8e3 !important;
	border-color: #faebcc !important;
}.alert-warning a {
	 color: #8a6d3b !important;
 }
.alert-danger {
	color: #a94442 !important;
	background-color: #f2dede !important;
	border-color: #ebccd1 !important;
}
.alert-danger  a{
	color: #a94442 !important;
}

.date-expired {
	color: #dd4b39 !important;
}

.inner-box .content {
	margin:0px !important;
}

.general-notifications {
	position: absolute;
	z-index: 10;
	right: 6px;
	top: 36px;
	width: 500px;
	padding-right: 5px;
	padding-top: 3rem;
}

.alert h4 {
	text-decoration: none;
	border: none;
}

.alert-dismissable .close, .alert-dismissible .close {
	right: 0;
}

.alert a {
	font-weight: bold;
}

hr {
	border-top: 2px solid #eee;
}

.color-green {
	color: #99c355;
}

div.alert {
	padding: 10px;
	width: 100%;
}

/* --------- */
body {
	background-color: #ededed;
	/*height: 80%;*/
	margin: 0;
}

.svg-inline--fa.fa5 {
	position: relative;
	top: -25px;
	left: 95%;
	right: 3px !important;
}



a {
	color: #95C11F;
}

a:hover {
	color: #95C11F;
	text-decoration: none;
}

.clear {
	clear: both;
}

a:hover, button:hover {
	cursor: pointer;
}

.block {
	display: block !important;
}

.p10 {
	padding: 10px;
}

.p20 {
	padding: 20px;
}

.pt10 {
	padding-top: 10px;
}

.m10 {
	margin: 10px;
}

.m20 {
	margin: 20px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.m30 {
	margin: 30px;
}

.btn:focus {
	outline: none !important;
}

.btn-default {
	background-color: #f4f4f4 !important;
	color: #444 !important;
	border-color: #ddd !important;
}

h1.modal-title {
	font-size: 26px;
}

.dl-horizontal dt {
	white-space: normal;
	margin-bottom: 10px;
	line-height: 15px;
}

.dl-horizontal dd {
	margin-bottom: 10px;
}

dd {
	background-color: #f6f6f6;
	padding: 5px;
}

.little {
	width: 20%;
}

.middle {
	width: 40%;
}

.high {
	width: 50%;
}

.btn {
	font-size: 14px !important;
	margin-right: 4px;
	margin-bottom: 4px;
	border-radius: 3px !important;
}

.btn-retour {
	padding: 5px 10px !important;
	margin: 5px 0 0px;
	border: none;
}

.push {
	margin-bottom: 150px;
}

.page-header h1, h1.modal-title, form#form_hebergement h1, form#form_hebergement h2,
.infos-declarant h2 {
	text-transform: uppercase;
	color: #586D84;
}

h2 {
	border-bottom: 3px solid #95C11F;
	color: #586D84;
}

h4 {
	border-bottom: 1px solid #CCCCCC;
	display: inline-block;
	padding: 0 130px 3px 0;
}

.biggertext {
	font-size: 130%;
}

.maj {
	text-transform: uppercase;
}

.required {
	font-weight: bold;
	color: #dd4b39;
}

/* Html 5 validation class */
.invalid {
	background-color: #FFE8EA !important;
	border: 1px solid #fe0000 !important;
}

/* Benjamin BUTTONS*/
.btn-success, .btn-primary {
	color: #fff !important;
	background-color: #95c122 !important; /* TODO COULEUR VARIABLE */
	border-color: #95c122 !important; /* TODO COULEUR VARIABLE */
}

.btn-info {
	background-color: #36a9e1;
	border-color: #00acd6;
}

.btn:hover, .btn:active, .btn:focus {
	border-color: transparent !important;
	color: #ffffff !important;
	background-color: #749441 !important;
}

.bg-green, .callout.callout-success, .alert-default, .label-success,
.modal-success .modal-body, .box.box-solid.box-success>.box-header {
	background-color: #95C11F !important;
}

.box.box-solid.box-declaration, .box.box-solid.box-success {
	border: 1px solid #CCCCCC;
}

.label {
	font-size: 100%;
	font-weight: 500;
}

.label-purple {
	background-color: #6f42c1;
}

.alert-purple {
	background-color: #6f42c1;
	color: white;
	border-color: darken(#6f42c1, 10%);
}

.btn-purple {
	color: #fff;
	background-color: #6f42c1;
	border-color: #5936a2;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
	color: #fff;
	background-color: #5936a2;
	border-color: #3e2d76;
}

.select2-results__option--highlighted {
	background-color: #95c122 !important; /* TODO COULEUR VARIABLE */
	color: #ffffff !important;
}

/* Sections boutons dans les bas de page */
.actions-box {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
/* Correct dropdownmenu position*/
/* .dropdown-menu { */
/* 	margin-top: 34px; */
/* } */

a#aguestroom, a.aguestroom {
	background: #FFF url("../img/chambres.png") no-repeat center top;
	display: block;
	width: 100%;
	height: 190px;
}

a#arenting_furnished, a.arenting-furnished {
	background: #FFF url("../img/locations.png") no-repeat center top;
	display: block;
	width: 100%;
	height: 190px;
}

span.surlign {
	padding: 0 10px;
	background-color: #95C11F;
	font-weight: bold;
	color: white;
}

.page-header .lead {
	margin-bottom: 10px;
}

div.service {
	margin-bottom: 20px;
}

form.form_renting_furnished h2 {
	color: #508EDA;
}

form.form_guestroom h2 {
	color: #E1584A;
}

div.proprietaire {
	border: 1px solid black;
}

div.proprietaire h2 {
	text-transform: uppercase;
}

div.proprietaire div.loi {
	background-color: #DDD;
}

div.proprietaire div.row {
	padding: 15px;
}

a.logout {
	float: right;
}

body.connected div.content {
	/* margin-top: 15px; */

}

.page-header {
	border-bottom: 0 solid #586D84 !important;
	padding-bottom: 0 !important;
	margin: 10px 0 0px !important;
}

/* ERREUR 500 */
html .skin-chalky .main-header .logo {
	background-color: #586D84;
}

html .skin-chalky .main-header .logo:hover {
	background-color: transparent;
}

html .skin-chalky .main-header .logo img {
	height: 45px;
}
/****** FOOTER *********/
footer .navbar-header {
	float: left;
}
/****** HEADER / MENU ******************************/
.navbar {
	background-color: #ffffff;
	box-shadow: 0px 4px 18px #aaa;
	position: fixed;
}
nav .navbar-header {
	margin-right: 10px;
	padding:2px;
}

nav .navbar-brand {
	padding: 5px 5px;
	padding-top: 1px !important;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: 45px;
}

nav .navbar-brand .logo {
	height: 47px;
}

.navbar-login {
	width: 305px;
	padding: 10px;
	padding-bottom: 0px;
}

.navbar-login-session {
	padding: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.navbar-login .icon-size {
	font-size: 87px;
}

.navbar-toggle {
	margin-top: 3px;
	margin-right: -9px;
	color: white !important;
	background-color: #99c355 !important;
}

nav navbar-collapse.collapse.in {
	max-height: 500px;
}

.btn-login {
	padding: 5px 10px !important;
	background-color: #99c355;
	color: #fff;
	border-radius: 5px;
	font-size: 17px;
	margin: 5px 0 0px;
	border: none;
}

.text-connexion {
	text-align: right;
	margin-right: 15px;
	line-height: 12px;
	font-size: 12px;
	padding-top: 20px;
}

.btn-header-login {
	padding: 5px 20px;
	text-transform: uppercase;
	background-color: #99c355; /* COULEUR VARIABLE */
	color: #ffffff;
	margin: 0px;
	height: 54px;
}

/* ---- HOMEPAGE ---- */
.main-container {
	background-color: #ffffff;
	padding: 30px;
	margin-top: 10%;
	margin-bottom: 8%;
	position: relative;
	top: 5%;
}

.home-title {
	font-size: 36px;
	text-transform: uppercase;
	font-weight: bold;
	margin-right: 7px;
	font-family: "Oswald";
	letter-spacing: 2px;
	line-height: 50px;
	margin-top: 0;
}

.home-subtitle {
	font-size: 24px;
	border-left: 5px solid #99c355;
	padding-left: 10px;
	line-height: 22px;
	margin: 10px 7px 45px 0;
	border-bottom: none;
	color: inherit;
}

.index-subtitle {
	border-left: 5px solid #99c355;
	padding-left: 7px;
}

.box-subscribe {
	border: 2px solid #ededed;
	text-align: center;
	padding: 34px;
	margin-bottom: 12px;
	background-color: #ededed;
}

.paragraphe-connexion {
	line-height: 14px;
	font-size: 14px;
}

.separateur {
	margin: 10px 5px 5px;
}

.help-home {
	border: 2px solid #ededed;
	padding: 7px 10px;
	text-align: center;
	border-radius: 10px;
	font-size: 18px;
}

.recherche_commune h4, div#search_commune, .connexion2 div {
	text-transform: none;
	text-align: left;
	border-left: 3px solid #99c355; /* COULEUR VARIABLE */
	padding-left: 5px;
	margin-bottom: 10px;
}

.bloc-exclamation {
	width: 30px;
	float: left;
	margin: 0 7px;
}

.exclamation {
	float: right;
	background-color: #99c355; /* COULEUR VARIABLE */
	color: #fff;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 25px;
	margin-left: 10px;
	border-radius: 0px 0px 3px 3px;
}

#slideDownSubscribe {
	font-size: 20px;
	padding: 10px 20px !important;
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #99c355;
	float: right;
	margin: -2px -1px;
	border-radius: 5px;
}

.select2-selection {
	margin-left: 0;
}

#visite, #hide-select, #hide-select-modal, #compte, #lost_password,
#explain, #users {
	display: none;
}

.section-help {
	border-bottom: 1px solid #ededed;
	padding: 5px 0;
}

.border-image {
	padding: 15px;
	background-color: #ededed;
}

/* --- Modale ---- */
.modal-body {
	padding: 0 15px 15px 15px !important;
}

.modal-header {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.logo-connexion {
	height: 70px;
}

.modal-content {
	min-height: 180px;
	border-radius: 5px;
}

#empty_hebergement_declaration, #empty_hebergement_cdu, #empty_hebergement_classement {
	padding-top: 25px;
	text-align: center;
}

#empty_hebergement_declaration > span, #empty_hebergement_cdu > span, #empty_hebergement_classement > span {
	font-size: 16px;
}

#empty_hebergement_declaration > a, #empty_hebergement_cdu > a, #empty_hebergement_classement > a {
	margin-top: 20px;
}

.new_declaration, .new_cdu, .new_classement {
	border: 2px solid #f8f8f9;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 20px;
	padding-bottom: 60px;
}

.select_hebergement_title {
	font-size: 24px;
	border-left: 6px solid #86C300;
	padding-left: 10px;
}

svg.close {
	float: right;
	font-size: 20px !important;
	padding: 0 !important;
	margin: 0 !important;
	top: 20px;
	font-weight: lighter;
}

.box-subscribe-modal {
	background-color: #f6f6f6;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #cccccc;
	font-size: 18px;
}

.intro-modal {
	font-size: 17px;
	text-align: center;
	margin: 20px 0 35px;
	line-height: 18px;
}

#slideDownSubscribeModal {
	color: #95C11F;
}

#hide-select-modal .bloc-exclamation {
	float: left;
}

#hide-select-modal .paragraphe-connexion {
	text-align: left;
}

.back-link {
	width: 100%;
	float: left;
	margin: 10px 0;
	border-top: 1px solid #ededed;
	padding-top: 10px;
}

/****** PAGE INDEX ******************************/
.jumbotron-home {
	width: 50%;
	background-color: rgba(0, 0, 0, 0.4);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	height: 100%;
	color: white;
	border-radius: 0 !important;
	padding-top: 10px !important;
	padding-bottom: 0 !important;
	position: relative;
}

.jumbotron-home h1 {
	font-size: 25px;
}

.jumbotron-home h3 {
	font-size: 20px;
	margin-top: 0;
}

.nodecla {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1060;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	background: rgba(0, 0, 0, 0.3);
}

.modal-no-decla {
	width: 600px;
	position: absolute;
	top: 20%;
	left: 35%;
	background-color: #ededed;
}

.modal-no-decla>.modal-content, .new-decla-modal>.modal-content {
	background-color: #ededed;
}

.nodecla-hebergement {
	color: #D51218;
	text-align: justify;
}

#btn-inscription {
	color: white;
	background-color: #99c355 !important;
	border-color: 1px solid #99c355 !important;
}

#btn-connexion-ok, #btn-connexion-ok:hover {
	color: #749441 !important;
	background-color: white !important;
	border: 1px solid #99c355 !important;
}

.bloc-action-commune-ouverte {
	background-color: white;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	min-height: 130px;
}

.recherche_commune .select2-container {
	/*margin-top: 30px;*/

}

.recherche_commune .select2-selection__clear {
	display: none;
}

.recherche_commune .select2-selection__arrow {
	margin-right: 10px;
	margin-top: 3px;
}

.recherche_commune div img, .connexion2 div img {
	height: 60px;
	display: block;
	margin: 10px auto;
}

.push_foward, .connexion2 a.btn {
	color: #99c355;
}

.recherche_commune .select2-container .select2-selection {
	background-image: url("../img/input-arrow.svg");
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
	border-radius: 5px;
	margin-left: 0;
}

.recherche_commune input, .recherche_commune .select2-container {
	color: black;
}

.recherche_commune .select2-container .select2-selection__rendered {
	padding-right: 50px;
}

.recherche_commune div#search_commune {
	margin-bottom: 10px;
}

.select2-selection__clear {
	display: none;
}
/*
.jumbotron-home {
	background-image: url("../img/chapo-index.svg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 29px;
}
*/
.recherche_commune .control-label {
	font-size: 14px;
	margin-top: 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.recherche_commune h4 {
	padding: 0;
	border: 0;
}

.title_index {
	margin-top: 20px;
}

.recherche_commune, .connexion, .align_center {
	text-align: center;
}

.connexion a.btn, .connexion button {
	background-color: #99c355;
	color: white;
	margin-top: 10px;
	border: 0;
	width: 100%;
	padding: 10px 0;
}

.connexion a:hover.btn, .connexion button:hover {
	background-color: #f39200;
	color: white !important;
}

.connexion .form-group div {
	font-weight: 100;
}

.connexion h4 {
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.connexion2 h4 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	border: 0 !important;
}

.connexion {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	color: white;
}

.fond_clr {
	background-color: rgba(0, 0, 0, 0.6);
	min-height: 305px;
	margin: 0px;
	width: 100%;
}

html body .container .jumbotron, html body .container-fluid .jumbotron {
	padding-right: 30px !important;
	padding-left: 30px !important;
}

.connexion ul {
	text-align: left;
	padding-left: 20%;
	margin-top: 20px;
}

div.separateur div {
	width: 0px;
	border: 6px solid transparent;
	border-top: 6px solid white;
	margin-left: auto;
	margin-right: auto;
}

div.separateur hr {
	margin: 0px;
}

/****** PAGE LOGIN ********************************/
.form-group .fa {
	position: absolute;
	margin-top: -25px;
	margin-left: 10px;
	color: #BBBBBB;
	display: block;
}

#forgot-password .fa-remove {
	position: absolute;
	margin-left: -20px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill,
.box-modal-connexion {
	background-color: white !important;
}

input[disabled] {
	background-color: #95c1221a;
	border-color: #fff;
}

.form-control {
	display: block;
	width: 100%;
	height: 30px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f6f6f6;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
	ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
	.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #d9d9d9;
	opacity: 1;
}


.icheckbox_square-blue, .iradio_square-blue {
	-webkit-filter: saturate(30%);
	-moz-filter: saturate(30%);
	-o-filter: saturate(30%);
	-ms-filter: saturate(30%);
	filter: saturate(30%);
}

/* Mdp oubliè */
.forgot-password-link {
	color: #333333;
	display: inline-block;
}

.hide-default {
	display: none;
}

.logos-bas img {
	position: absolute;
	bottom: 60px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	text-align: center;
	right: 0;
}

.logos-bas img {
	height: 110px;
}

.page-heading-logo {
	max-width: 75px;
	max-height: 75px;
}

.home-container {
	height: 100%;
	margin: 0;
}

/* Procedure papier */
.papier a:hover.btn {
	background-color: #586D84;
	color: white !important;
}

#modal-papier h4 {
	padding: 7px 40px 7px 10px;
	color: white;
	text-align: center;
}

/* end page index  */

/****** HELP **************************************************/
html body .navbar-inverse .navbar-nav>li>a {
	color: whitesmoke;
}

a#ahelp {
	cursor: pointer;
}

.steps {
	min-height: 90px;
	padding: 30px 0 80px 0;
	/*font-family: 'Open Sans', sans-serif;*/
	position: relative
}

.steps .steps-container {
	background: #DDD;
	height: 10px;
	width: 100%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	margin: 0;
	list-style: none
}

.steps .steps-container li {
	text-align: center;
	list-style: none;
	float: left
}

.steps .steps-container li .step {
	padding: 0;
	position: relative;
}

.steps .steps-container li .step .step-image {
	position: absolute;
	z-index: 3;
	margin-left: 48%;
	top: 8px;
	font-weight: bold;
	color: #344656;
}

.steps .steps-container li .step .step-base-image {
	margin: -15px 0 0 0
}

.steps .steps-container li .step .step-base-image span {
	background-color: #DDD;
	display: block;
	width: 37px;
	height: 37px;
	margin: 0 auto;
	border-radius: 37px;
	-moz-border-radius: 37px;
	-webkit-border-radius: 37px;
	-ms-border-radius: 37px
}

.steps .steps-container li .step .step-current {
	font-size: 10px;
	font-style: italic;
	color: #999;
	margin: 8px 0 0 0
}

.steps .steps-container li .step .step-description {
	font-size: 11px;
	font-style: italic;
	color: #538897
}

.steps .steps-container li.activated .step .step-current, .steps .steps-container li.activated .step .step-description
{
	font-size: 130%;
	color: #111111;
}

.steps .steps-container li.activated .step .step-base-image span {
	background-color: #f39200
}

steps .steps-container li .step .step-base-image span {
	background-color: #FFF;
}

.steps .steps-container li.activated .step .step-base-image span:after,
.steps .steps-container li .step .step-base-image span:after {
	background-color: #FFF;
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	width: 27px;
	height: 27px;
	margin: 5px;
	border-radius: 27px;
	-moz-border-radius: 27px;
	-webkit-border-radius: 27px;
	-ms-border-radius: 27px;
	box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.15)
}

.steps .step-bar {
	background-color: #586D84;
	height: 10px;
	position: absolute;
	top: 30px;
	border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-ms-border-radius: 10px 0 0 10px
}

.steps .step-bar.last {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px
}

.modal-dark .modal-header {
	background-color: #95c122;
	color: white;
}

.modal-dark .modal-header .close {
	color: white !important;
	font-size: 32px !important;
}

.modal {
	text-align: center;
	padding: 0 !important;
	background: none !important;
	overflow-y: auto;
}

.modal:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	margin-top: 100px;
}

.modal-footer .btn+.btn {
	margin-bottom: 4px;
}

.well-primary {
	background-color: rgba(119, 140, 165, 0.18);
	float: left;
	width: 100%;
}

html body div.full .modal-lg {
	width: 1100px;
}

/****** Etape 1 : INSCRIPTION ***********************************************/
#alert-email, #alert-password {
	width: 100%;
	background-color: #dd4b39;
	color: #ffffff;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 3px;
	text-align: center;
}

.navbar-fixed-left {
	position: fixed;
	width: 250px;
	background-color: #f8f8f9;
	padding: 15px;
	height: 100%;
	top: 55px;
	overflow: scroll;
}

.logo-collectivite {
	text-align: center;
	background-color: #ffffff;
	padding: 5px;
	float: left;
	width: 100%;
}

.nom-collectivite {
	margin: 5px 0 auto;
	font-weight: bold;
	color: #706f6f;
	/*font-size: 17px;*/
	float: left;
	width: 100%;
	/*  padding: 2px; */
}

.main-content {
	margin-left: 270px;
	min-height: 55vh;
}

.content {
	padding: 80px 0 0;
	background-color: #fff;
	margin-top: -40px;
	min-height: 100%;
	margin-bottom: -150px;
}

.step-title {
	text-transform: uppercase;
	color: #95c122; /* TODO COULEUR VARIABLE */
	font-size: 25px;
}

.step-subtitle {
	font-size: 17px;
	color: #706f6f;
	line-height: 17px;
}

.step-subtitle-recap {
	font-size: 17px;
	line-height: 17px;
}

.step-number {
	background-color: #95c122; /* TODO COULEUR VARIABLE */
	color: #ffffff;
	padding: 0px 10px;
	margin-right: 5px;
}

.step-compte {
	border-bottom: 2px solid #95c122; /* TODO COULEUR VARIABLE */
	text-transform: uppercase;
	font-size: 19px;
	font-weight: 600;
}

.sub-step {
	color: #95c122; /* TODO COULEUR VARIABLE */
}

.color-collectivite {
	color: #95c122; /* TODO COULEUR VARIABLE */
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
	border-radius: 4px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-selection .select2-selection--single .select2-selection__rendered
{
	margin-top: 0;
}

.info-proprietaire .select2-container .select2-selection--single .select2-selection__rendered,
.adresse-proprietaire .select2-container .select2-selection--single .select2-selection__rendered
{
	padding-left: 20px;
}

.title-procedure {
	text-transform: uppercase;
	font-size: 16px;
	width: 100%;
	text-align: center;
	color: #86C300; /* TODO COULEUR VARIABLE */
	margin-bottom: 10px;
}

.step-subscribe ul {
	padding: 0;
}

.step-subscribe img {
	margin: 10px 0 0;
}

.step-subscribe li {
	background-color: #ffffff;
	list-style: none;
	margin-bottom: 10px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 10px;
	margin-left: 0 !important;
}

.step-subscribe li.active {
	background-color: #86C300; /* TODO COULEUR VARIABLE */
	color: #ffffff;
}

.grey-border-left {
	border-left: 3px solid #e3e1e3;
	margin: 10px 0px;
}

.margin-10-0 {
	margin: 10px 0px;
}

.align-img {
	vertical-align: middle;
	display: table-cell;
	height: 150px;
	text-align: center;
}

.box-procedure {
	background-color: #f6f6f6;
	float: left;
}

.procedure {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: justify;
}

.procedure li {
	padding: 5px 0 0;
}

.box-problem {
	border: 2px solid #86C300; /* TODO COULEUR VARIABLE */
	margin: 0 0px 20px;
	text-align: justify;
}

.procedure li::before {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: solid transparent;
	border-bottom: solid transparent;
	border-left: solid #86C300; /* TODO COULEUR VARIABLE */
	border-width: 5px;
	content: '';
	margin-right: 5px;
}

.note_pas_page.loi {
	text-align: justify;
}

.title-procedure-compte {
	text-transform: uppercase;
	color: #86C300; /* TODO COULEUR VARIABLE */
	font-weight: bold;
}

#create {
	background-color: #86C300; /* TODO COULEUR VARIABLE */
	color: #ffffff;
}

.email-contact {
	color: #95c122;
}

.info-code-postal {
	margin-top: 5px;
	line-height: 15px;
	text-align: justify;
}

/****** Etape 2 : CREATION / MODIFICATION HEBERGEMENT ***********************************************/
.box-infos-declarant {
	background-color: #f8f9fa;
}

.title-step-2 {
	margin: 10px 0 0;
	margin-top: 10px;
	font-size: 27px;
	line-height: 25px;
	color: #95c122;
}

.infos-declarant {
	margin-bottom: 30px;
}

.box-declarant {
	width: 100%;
	background-color: #ffffff;
	margin-bottom: 20px;
	padding: 10px 0;
	display: table;
	table-layout: fixed;
	border: 1px solid #ededed;
}

.box-cell-declarant {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
}

.full-sub-step {
	background-color: #95c122; /* TODO COULEUR VARIABLE */
	color: #fff;
	padding: 2px 5px;
	border-radius: 6px 6px 0 0;
}

#arenting_furnished, #aguestroom, #personne_morale, #personne_physique {
	width: 100%;
	text-transform: uppercase;
	background-color: #ededed;
}

.box.box-solid.box-infos-declarant>.box-header {
	color: white;
	background: #586D84;
	background-color: #586D84;
}

.box.box-solid.box-infos-declarant {
	border: 1px solid #586D84;
}

.box-infos-declarant address {
	font-size: 115%;
}

.type-hebergement.btn-group {
	display: block !important;
}

.type-hebergement.btn-group>.btn {
	width: 50%;
}

.type-hebergement .btn[disabled] {
	filter: alpha(opacity = 100);
	opacity: 1;
	z-index: 10;
	font-weight: 600;
	width: 100%;
	text-transform: uppercase;
	background-color: #95c122 !important;
	color: #fff;
}

.bo-type-hebergement {
	text-align: left;
	margin-bottom: 20px;
}

.bo-type-hebergement div {
	margin-left: 15px;
}

#hebergement_identification {
	margin-top: 15px;
}

/* Alignement des radio inline avec label */
.radio {
	margin-top: 0;
}

.form-inline .control-label {
	margin-bottom: 8px;
	vertical-align: middle;
	margin-top: 2px;
}

.form-inline .control-group {
	padding-bottom: 9px;
} /* alignement end*/
.svg-inline--fa.fa-star.fa-w-18 {
	width: 1em !important;
}

.delete-period {
	font-size: 12px;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
	border: 1px solid #CCCCCC;
	padding: 0 10px;
	height: auto;
	background-color: #ffffff;
}

.select2-results__options ul li .fa-star {
	color: #555555;
}

/* reset options */
.form-group .select2-selection--single .fa.fa-star, .form-group #periodes-form .fa-minus-square,
.form-group #periodes-form .fa-plus-square {
	position: relative;
	display: inline-block;
	margin-top: 0;
	color: #555555;
}

#periodes-form {
	margin-top: 3px;
}

.table-periodes {
	width: 100%;
}

.table-periodes th {
	background-color: #ffffff;
	border-bottom: 1px solid;
}

.table-periodes td {
	padding: 5px !important;
}

.hebergement-periode {
	margin-bottom: 30px;
}

.box-infos-declarant {
	background-color: #f8f9fa;
	margin-top: 15px;
	float: left;
	width: 100%;
	border: 1px solid #ededed;
	padding-left: 10px;
	padding-right: 10px;
}

.ref-hebergement {
	color: #95C11F;
	font-weight: bold;
}

.substep-validation {
	border-bottom: 2px solid #86C300;
	font-size: 18px;
}

.box-hebergement {
	display: inline-block;
	border: 1px solid #95C11F;
	border-radius: 0px;
}

/******* Box hebergement dashboard version lite ********/
.box-hebergement .box-footer {
	margin: 0;
	background: none;
	border-top: none;
}

.box-hebergement ul.list-group {
	margin-bottom: 5px;
}

.box-hebergement li.list-group-item {
	padding: 6px 0px;
	background-color: none;
	border: none;
}

.box-hebergement address {
	text-align: left !important;
	margin-bottom: 0;
}

.box-hebergement .list-group {
	margin-bottom: 5px;
}

.box-hebergement label {
	font-weight: normal !important;
}

.box-hebergement p.pull-right {
	font-weight: bold !important;
}

.box-header .box-title {
	color: #333;
	text-transform: uppercase;
	margin-top: 3px !important;
	font-size:15px;
}
.box-header {
	background-color: #f6f6f6;
}

.row.border-white {
	margin: 0;
	border-bottom: 1px solid #f6f6f6;
	padding: 5px 0 !important;
}

.row.border-white .col-md-8, .row.border-white .col-md-4 {
	padding: 0;
}

/*BOX GUESTROOM - CHAMBRES D'HÔTES*/
td:nth-child(2) span.label-danger {
	background: #E1584A !important;
	display: block;
}

td:nth-child(4) span.label-danger {
	background: #be4545 !important;
}

/*BOX RENTING FURNISHED   -  MEUHBLES DE TOURISME*/
.box-renting_furnished {
	border: 1px solid #95C11F;
}

.box-renting_furnished_txt {
	color: #2bb0a5;
}

.box-renting_furnished_bg {
	background-color: #2bb0a5 !important;
}

.box-renting_furnished .circle {
	background: white !important;
}

.box-renting_furnished li:nth-child(2)>p.pull-right, td.RENTING_FURNISHED
{
	color: #2bb0a5 !important;
}

td a.RENTING_FURNISHED, td .box-renting_furnished, td a.GUESTROOM {
	background-color: transparent;
	color: #95c11f !important;
	text-align: center;
	border-radius: 3px;
	padding: 2px 3px;
	display: block;
}

td span.label-primary {
	background: #2bb0a5 !important;
	display: block;
}

/*Rollover*/
td a:hover.GUESTROOM {
	/* background:#586D84 !important; */
}

#form_hebergement .form-inline .controls-row {
	margin-bottom: 24px;
}

#form_guestroom_container .hebergement-identification .form-inline .controls-row
{
	margin-bottom: 14px;
}

/******  SIDEBAR TABLEAU DE BORD **********************/
.bloc-question {
	text-align: center;
	line-height: 15px;
}

.bloc-question > div {
	margin-top: 5px;
	margin-bottom: 5px;
}
.bloc-question img {
	max-height: 30px;
}

li.active .cpt-demandes {
	background-color: #ffffff;
	text-align: right;
	float: right;
	color: #86C300;
	padding: 0 7px;
	border-radius: 2px;
}

/* NavBar alignement des menus */
nav ul.navbar-nav {
	margin-left: 70px;
}

nav ul.navbar-nav.navbar-right {
	margin-left: 0px;
}

/* ******** HEADER TABLEAU DE BORD *********/
nav ul.nav > li, nav ul.nav > li > a, #adashboard, #acreate_hebergement, #acreate_demarche, #a_accueil {
	background-color: #ffffff;
	color: #706f6f;
	/*margin: 0px 10px 0 0;*/
	text-transform: uppercase;
	/*float: right;*/
	/*background-repeat: no-repeat;*/
}

nav ul.nav > li:hover, #acreate_demarche:hover, #acreate_hebergement:hover, #adashboard:hover, #a_accueil:hover {
	background-color: #f6f6f6;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background-color: #86C300;
	color: #ffffff;
}
.nav-header {
	margin: 0 auto;
	width: 50%;
	padding-left: 15px;
}

.user-name {
	font-size: 18px;
	color: #95c122;
}

.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {
	background: transparent;
}

.nav_sidebar.nav>li>a {
	color: #706f6f;
	padding: 0px;
}

.nav_sidebar.nav>li.active>a {
	position: relative;
	display: block;
	padding: 0px !important;
	color: #ffffff;
}

/* Nouveau breakpoint pour la navbar */
@media (max-width: 994px) {
	nav ul.navbar-nav {
		margin-left: 0px;
	}

	nav .navbar-brand {
		padding: 10px 20px 10px;
		padding-top: 10px;
		margin-left: -10px;
	}
}

.dropdown-toggle {
	color: #333333;
}

.dropdown-menu {
	padding: 7px !important;
	left: auto;
	top: auto;
}

.dropdown-menu-datatable {
	width: 220px !important;
}


#adashboard {
	background-image: url("/decla/assets/img/bulle-demandes-gris.png");
	background-size: 30px;
	padding: 13px 15px 30px 50px;
	height: 40px;
	background-position: 12px 10px;
}

#adashboard.active {
	background-color: #95C11F;
	color: #ffffff;
	background-image: url("/decla/assets/img/bulle-demandes.png");
}

#acreate_hebergement, #acreate_demarche {
	background-image: url("/decla/assets/img/new-hebergement-gris.png");
	padding: 12px 10px 30px 33px;
	height: 40px;
	background-size: 20px;
	background-position: 8px 12px;
}

#acreate_hebergement.active, #acreate_demarche.active {
	background-image: url("/decla/assets/img/new-hebergement.png");
	border: 1px solid;
	background-color: #95c122;
	color: #ffffff;
	height: 40px;
	padding: 12px 10px 30px 33px;
}

/****** TABLEAU DE BORD ***********************************************/
.cpt-demandes {
	float: right;
	padding: 0 7px;
	background-color: #edf0f6;
}

ul.nav-pills {
	border-bottom: 3px solid #95C11F;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus
{
	border-top-color: transparent;
}

.nav-justified>li {
	display: table-cell;
	width: auto;
	text-transform: uppercase;
	background-color: #f6f6f6;
	border-right: 2px solid #fff;
}

.nav-justified>li:hover {
	background-color: #dddddd;
}

.nav-justified>li>a {
	margin-bottom: 0;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover
{
	background-color: #95C11F;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
}

.nav-pills .label-default {
	background-color: #fff;
	color: #95C11F;
}

nav.navbar-fixed-top > li > a {
	position: relative;
	display: block;
	position: relative;
	display: block;
	padding: 13px 10px;
	color: #706f6f;
	margin: 0px 10px 0 0;
	text-transform: uppercase;
	float: right;
}

h3.titre-onglet {
	border-bottom: 3px solid #95C11F;
	padding-bottom: 15px;
}

.btn-logout:hover {
	background-color: #D51218 !important;
	color: #ffffff;
}

.btn-logout {
	background-color: #D51218 !important;
	color: #ffffff;
}

.box-hebergement .btn {
	font-size: 13px
}

.view-changer button {
	-webkit-transition: width .5s, height .5s, background-color .5s,
	-webkit-transform .5s;
	transition: width .5s, height .5s, background-color .5s, transform .5s;
}

.searchref {
	margin-top: 10px;
}

.circle {
	margin: 0px;
	text-align: center;
	color: white;
	background-color: #ffffff;
	border-radius: 3px;
	color: #706f6f;
	padding: 3px 5px;
	font-weight: bold;
}

.tab-content {
	margin-top: 10px;
}

.cpt-demandes-box {
	background-color: #95C11F;
	color: #ffffff;
	padding: 0px 5px;
}

.cpt-onglet {
	background-color: #ffffff;
	padding: 0px 5px;
	margin-left: 5px;
	color: #95c11f;
	border-radius: 3px;
}

.list-group-item {
	background-color: #f6f6f6 !important;
}

.table-separator {
	float: left;
	width: 98%;
	margin: 30px 15px;
	border-top: 1px solid #ededed;
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary
{
	color: #fff;
	background-color: #95C11F;
	border-color: #95C11F;
}

.btn-no-margin .btn {
	margin: 0 !important;
	border-radius: 0;
}

.filter-label {
	float: right;
	font-size: 15px;
	padding-top: 5px;
	border-right: 3px solid #95c11f;
	padding-right: 15px;
	padding: 7px 15px 7px 0;
}
/* -------------------- checkbox  --------------------- */
/* cacher les checkbox par défaut*/

/*#form_hebergement input[type=checkbox] {*/
/*	opacity: 0;*/
/*	cursor: pointer;*/
/*	position: absolute;*/
/*}*/

/* en créer de nouvelles */
span.checkmark-checkbox {
	position: absolute;
	top: 3px;
	left: 3px;
	height: 15px;
	width: 15px;
	background-color: #ffffff;
	border-radius: 20%;
	border: solid 1px #9d9999;
}

/* changer la couleur lorsque la checkbox cachée est checked*/
input[type=checkbox]:checked ~ span.checkmark-checkbox {
	background-color: #95c122;
	border: none;
}

input#nonproprietaire {
	z-index: 5;
}
/* -------------------- radio  --------------------- */
/* cacher les boutons radios par défaut*/
#form_hebergement input[type=radio] {
	opacity: 0;
	cursor: pointer;
}
/* en créer de nouveaux*/
span.checkmark {
	position: absolute;
	top: 3px;
	left: 12px;
	height: 15px;
	width: 15px;
	background-color: #ffffff;
	border-radius: 50%;
	border: solid 1px #9d9999;
}

label {
	color: #333333;
}

/* changer la couleur lorsque le bouton radio caché est checked*/
input[type=radio]:checked ~ span.checkmark {
	background-color: #95c122 !important;
	border: none !important;
}

/* // dataTables ////////////*/
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child::before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child::before
{
	top: 15px;
	left: 4px;
	height: 14px;
	width: 14px;
	display: block;
	position: absolute;
	color: white;
	border: 2px solid white;
	border-radius: 0px;
	box-shadow: none;
	line-height: 15px;
}

.dataTable, table.table {
	margin-top: 30px !important;
	border: 1px solid #ededed;
}

.dataTable thead>tr>th, table.table thead th {
	border-bottom: 3px solid #95c11f !important;
	vertical-align: middle;
}

.dataTables_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered
{
	color: #666666;
	line-height: 18px;
	display: inline-block;
}

.dataTables_header .DTTT_button_print {
	background-color: white;
	color: #666666;
	padding: 4px 12px;
}

table.dataTable tr.even {
	background-color: #f8f9fa !important;
}

/* valider les champs masqués de la datatable */
#table-declarations-validated_length, #table-declarations-validated_info,
#table-declarations-validated_paginate {
	display: none;
}

/* Actions Telecharger */
.btn-group-xs>.btn, .btn-xs {
	font-size: 14px !important;
}

.actions-tab {
	background-color: #edf0f6;
	border-bottom: 1px solid #ededed;
}

.btn-group-xs div {
	display: inline-block;
}

/*Recherche*/
#table-declarations-validated_filter .input-group .input-group-addon,
#table-hebergements-unconfirmed_filter .input-group .input-group-addon
{
	background-color: #95C11F;
	color: white;
}

/* Badges */
.badge-notify {
	position: absolute;
	margin-top: -4px;
	margin-left: -16px;
	width: 14px;
	height: 14px;
	padding: 2px 0 0 0;
	font-size: 10px;
}

.badge-notify-cessation-active {
	background: #00a65a;
}

.badge-notify-cessation-inactive {
	background: #dd4b39;
}

span.label.label-primary {
	background-color: transparent !important;
}
/*
#hebergement-recap, #download-declaration-pdl,
	#download-declaration-cerfa, #download-cessation, #recap-declaration {
	padding: 6px 10px;
	line-height: 20px;
}*/

.paginate_button.active a {
	background-color: #95C11F;
	border-color: #95C11F;
}
/* ******* CDU ****** */
.intro-modal-cdu {
	text-align: center;
	margin: 30px 0px 10px;
	line-height: 18px;
	font-size: 17px;
}

#list_input_empty {
	border: 2px solid #ededed;
	padding: 15px 15px 25px;
}

.attributs-cdu {
	border: 2px solid #ededed;
	padding: 10px 0 20px;
}

.cdu-item {
	border: 1px solid #ededed;
	list-style-type: square;
	padding: 2px 20px;
}

.cdu-item:nth-child(2n) {
	background-color: #f6f6f6;
}

.bloc-exclamation-cdu {
	width: 30px;
	position: absolute;
	top: 95px;
	left: 10%;
}

.exclamation-cdu {
	float: right;
	background-color: #ff0000;
	color: #fff;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 25px;
	margin-left: 10px;
	border-radius: 0px 0px 3px 3px;
}

.arrow-down-cdu {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #ff0000;
	float: right;
	margin: -2px -1px;
	border-radius: 5px;
}

/*---------------Tableau list -------*/
button.btn.btn-default.active {
	background-color: #95c11f !important;
	/*---------TODO couleur variable ---------------- */
	color: #ffffff;
}

legend {
	border-bottom-color: #95c11f;
}

legend.btn-set {
	float: right;
	margin-bottom: 5px;
}

thead {
	background-color: #EDF0F6;
}

th.center.sorting {
	border-bottom-color: #95c11f !important;
	/*---------TODO couleur variable ---------------- */
}

th.center.sorting_disabled {
	border-bottom-color: #95c11f !important;
	/*---------TODO couleur variable ---------------- */
}

th.expand.center.sorting_desc {
	border-bottom-color: #95c11f !important;
	/*---------TODO couleur variable ---------------- */
}

#table-declarations-validated  ::after {
	color: #FFFFFF;
}

#table-declarations-validated .btn {
	background-color: #EDF0F6;
}

th.center:first-child {
	border-left: none;
}

th.center {
	border-left: 1px solid #bcbabc;
}

table.table-hebergements-unconfirmed.unconfirmed.table.table-striped td
{
	border-left: 1px solid #bcbabc;
	text-align: center;
}

table.table-hebergements-unconfirmed.unconfirmed.table.table-striped td:first-child
{
	border-left: none;
}

table.table-hebergements-unconfirmed.unconfirmed.table.table-striped th
{
	border-left: 1px solid #bcbabc;
}

table.table-hebergements-unconfirmed.unconfirmed.table.table-striped th:first-child
{
	border-left: none;
}

.box-info {
	float: left;
	background-color: #ededed;
	padding: 5px 10px;
}

td.center {
	border-left: solid 1px #bcbabc;;
}

table#table-declarations-validated td {
	border-top: none !important;
}

td.center:first-child {
	border-left: none;
}

#table-declarations-validated, td.RENTING_FURNISHED, td.center, td.RENTING_FURNISHED,
table.table-hebergements-unconfirmed.unconfirmed.table.table-striped td,
table.table-hebergements-unconfirmed.unconfirmed.table.table-striped thead
{
	color: #706F6F !important;
}

.actions-tab a#cessation-activite, .actions-tab a#edit-hebergement,
.actions-tab a#recap-hebergement, .actions-tab a#cdu-declaration-pdl {
	margin-right: 10px;
	background-color: #ffffff;
	padding: 5px 10px;
}

a#cessation-activite, a#edit-hebergement, a#recap-hebergement, a#edit-cdu,
a#recap-cdu, a#recap-declaration {
	/* margin-right: 10px; */
	/*background-color: #f4f4f4;
	padding: 6px 10px;*/

}

#table-declarations-validated .dropdown-menu {
	width: 200px;
	padding: 10px !important;
}
/*
tr:nth-child(2n+0) {
    background-color: #edf0f6;
} */
td span.label-primary {
	background: #FFFFFF !important;
	color: #95c11f !important;
	/*---------TODO couleur variable ---------------- */
	font-size: 15px;
	text-transform: uppercase;
}

.label-light {
	background: #f8f9fa !important;
	color: #212529;
}

td.center, td.RENTING_FURNISHED, table.table-hebergements-unconfirmed.unconfirmed.table.table-striped td
{
	font-weight: bold;
}

table.table-hebergements-unconfirmed.unconfirmed.table.table-striped thead
{
	background-color: #edf0f6;
}

table.table-hebergements-unconfirmed.unconfirmed.table.table-striped td
{
	border-top: none !important;
}

a.RENTING_FURNISHED {
	font-size: 15px;
	text-transform: uppercase;
}

table .col-lg-3 {
	padding-right: 2px;
}

td.center a, td.center button {
	color: #706F6F;
}

span.select2.select2-container.select2-container--default.select2-container--focus
{
	position: relative;
}

/***** Edit CDU *****/
.attestation {
	font-style: italic;
}

/******* RECAP HEBERGEMENT *******/
.box-success .box-title, .box-danger .box-title {
	color: #ffffff;
}

.box-body.box-profile {
	background-color: #f6f6f6;
}

.recap {
	margin: 10px !important;
	display: block;
}

.download-declaration {
	background-color: #ffffff;
}

/****** RESPONSIVE ***********************************************/
@media ( max-width : 767px) {
	.jumbotron-home {
		width: 95%;
		background-size: 100% 10px;
	}
	.jumbotron-home h1 {
		font-size: 30px;
	}
	.logos-bas {
		position: relative;
		bottom: inherit;
		width: 100%;
		margin-left: 0;
		left: 0;
		margin-top: 30px;
	}
	.logos-bas img.logo {
		display: block;
		position: inherit;
		margin-top: 70px;
		margin-left: -15px;
		bottom: 0;
	}
	.logos-bas {
		bottom: 60px;
	}
	.credits span {
		display: none;
	}
	.mentions {
		display: none;
	}
	.mentions2 {
		display: block;
	}
	.credits img#nt {
		margin-right: 60px;
	}
}

/**** BOX DETAIL (en double dans admin/decla.css***/
.box ul.list-group .list-group-item:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

.box-detail ul.list-group .list-group-item:first-child {
	border-top: none;
	padding-top: 0px;
}

.box-detail ul.list-group {
	margin-bottom: 0;
}

.box-header .circle {
	float: right;
}

/** JIRA */
a#atlwdg-trigger {
	z-index: 1000;
	left: 0;
	width: 145px;
}

/** Modal CGU */
#modal-cgu-container .modal-body {
	max-height: calc(100vh - 250px);
}

#modal-cgu-container section h1 {
	font-size: 200%;
	font-weight: bold;
}

#modal-cgu-container section h2 {
	font-size: 200%;
	font-weight: bold;
}

#modal-cgu-container section h3 {
	font-size: 120%;
}

#modal-cgu-container section ul li {
	margin-top: 20px;
}

#modal-cgu-container section a {
	text-decoration: underline;
}

#modal-cgu-container section a:hover {
	text-decoration: none;
}

.modal-cgu-size {
	overflow-y: auto;
}

#modalVideoDeclarant {
	background-color: #99c355;
	color: white;
	margin-top: 10px;
	border: 0;
	padding: 10px 10px;
}

#modalVideoDeclarant:hover {
	background-color: #f39200;
	color: white !important;
}

/* **** NAV MOBILE **** */
.nav-mobile {
	display: none;
}

.hamburger {
	display: none;
}


/** TIMELINE **/

.img-timeline {
	width: 30px !important;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	position: absolute;
	color: #666;
	background: #d2d6de;
	border-radius: 50%;
	text-align: center;
	left: 18px;
	top: 0;
}

.timeline .time-point {
	width: 30px;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	position: absolute;
	color: #666;
	background: #d2d6de;
	background-color: rgb(210, 214, 222);
	border-radius: 50%;
	text-align: center;
	left: 18px;
	top: 0;
}

.timeline > li > .timeline-item > .timeline-header {
	font-size:13px;
	border-bottom:1px solid #8080802e !important;
}
.timeline > li > .timeline-item {
	background: #f4f4f4;
	border: 1px solid #8080802e;
}
.timeline > li > .timeline-item > .time {
	font-size: 10px;
}
.timeline > li > .timeline-item > .timeline-body, .timeline > li > .timeline-item > .timeline-footer {
	font-size:11px;
}
.timeline-body .dl-horizontal dt {
	width: 120px !important;
}
.timeline-body .dl-horizontal dd {
	margin-left: 130px!important;
}

/** TIMELINE END **/

@media screen and (max-width: 1440px) {
	.form-content {
		width: auto;
	}
	/*.footer {
		position: initial !important;
	}
	#footer2 .container {
		margin: 0 auto;
		width: 50%;
		padding-left: 25px;
	}*/

	/* **** BOX RECAP **** */
	.info-box-icon {
		border-top-left-radius: 2px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 2px;
		display: block;
		float: left;
		height: 40px;
		width: 40px;
		text-align: center;
		font-size: 25px;
		line-height: 40px;
		background: rgba(0, 0, 0, 0.2);
	}
	.info-box-content {
		margin-left: 40px;
	}
	.info-box {
		min-height: 70px;
	}
}

@media screen and (max-width: 1200px) {
	.img-mobile {
		display: none !important;
	}
	.filter-label {
		float: left;
		font-size: 15px;
		padding-top: 5px;
		border-right: none;
		padding-right: 15px;
		padding: 7px 15px 7px 0;
		width: 100%;
		text-align: left;
	}
	.btn-no-margin {
		float: left !important;
	}
	.box-procedure .grey-border-left, .box-problem .grey-border-left {
		border: none;
	}
}

@media screen and (max-width: 992px) {
	.main-container {
		padding: 60px 15px !important;
	}
	/* 	.nav-laptop { */
	/* 		display: none; */
	/* 	} */
	/* 	.hamburger, .cross { */
	/* 		display: block; */
	/* 		font-size: 20px !important; */
	/* 		margin-top: 7px; */
	/* 		padding: 3px 10px; */
	/* 		margin-right: 10px; */
	/* 	} */
	/* 	.nav.navbar-nav.nav-menu-dashboard { */
	/* 		width: 100%; */
	/* 		float: left; */
	/* 		margin-top: 10px; */
	/* 	} */
	/* 	.nav.navbar-nav.nav-menu-dashboard li { */
	/* 		width: 100%; */
	/* 		display: block !important; */
	/* 		float: left; */
	/* 		border-top: 1px solid #ededed; */
	/* 	} */
	/* 	#adashboard, #acreate_hebergement, #acreate_demarche, #btn-compte, */
	/* 		.nav-account a { */
	/* 		background-color: #ffffff; */
	/* 		color: #706f6f; */
	/* 		margin: 0px 10px 0 20px; */
	/* 		text-transform: uppercase; */
	/* 		float: left; */
	/* 		background-repeat: no-repeat; */
	/* 		background-image: none !important; */
	/* 		padding: 5px 10px !important; */
	/* 		height: auto !important; */
	/* 	} */
	/* 	.nav-account { */
	/* 		float: left !important; */
	/* 		margin: 0 !important; */
	/* 		width: 100%; */
	/* 		border-top: 1px solid #ededed; */
	/* 	} */
	/* 	.nav-account>li { */
	/* 		float: left; */
	/* 		width: 100%; */
	/* 	} */
	/* 	.nav-account .dropdown-menu { */
	/* 		position: relative; */
	/* 		float: left; */
	/* 		width: 100%; */
	/* 		padding: 0 !important; */
	/* 		margin: 0 !important; */
	/* 		border-top: 1px solid #ededed; */
	/* 		border-bottom: none; */
	/* 	} */
	/* 	.navbar-login { */
	/* 		width: 100%; */
	/* 		padding: 0 !important; */
	/* 	} */
	/* 	.nav-account .btn.btn-default.btn-block { */
	/* 		width: 100% !important; */
	/* 		float: left; */
	/* 		margin: 0 0 0 15px !important; */
	/* 		text-align: left; */
	/* 		border: none; */
	/* 	} */
	/* 	.nav-account .btn.btn-default.btn-block:hover { */
	/* 		background-color: #ffffff !important; */
	/* 		color: #000 !important; */
	/* 	} */
	#submenu-compte li {
		padding: 5px 0px;
		text-transform: uppercase;
		color: #706f6f;
	}
	.btn-logout {
		color: #D51218 !important;
		background-color: #fff !important;
	}
	.btn-logout:hover {
		color: #D51218 !important;
		background-color: #fff !important;
	}
	.nom-collectivite {
		margin: auto;
	}
	.step-subscribe img, .title-procedure, .nav_sidebar.nav, .parag-meuble,
	.step-subscribe ul {
		display: none;
	}
	.page-heading-logo {
		max-width: 72px;
		max-height: 70px;
		float: left;
	}

	.navbar-fixed-left {
		position: initial;
		width: 100%;
		/*z-index: 1000;*/
		padding: 10px;
	}
	.main-content {
		margin-left: auto;
		margin-top: 5px;
		padding: 5px;
	}
	.logo-collectivite {
		display: none
	}

	.nom-collectivite {
		width: auto;
		font-size: 15px;
		margin-left: 20px;
	}

	.navbar-fixed-left .row.service {
		margin: 0;
	}
	.modal-dialog {
		margin-top: 10px;
	}
}

@media screen and (min-width: 768px) {
	nav .navbar-header {
		margin-left: 15px;
		float: left;
	}
}

@media screen and (max-width: 767px) {
	nav .navbar-header {
		margin-left: 30px;
		float: left;
	}

	nav.with-sidebar .navbar-brand {
		margin-left: -10px !important;
	}

	nav ul.navbar-nav {
		margin-left: 0px;
	}

	.modal-dialog {
		display: block;
	}
	.box-info {
		margin-bottom: 10px;
	}
	.logo-collectivite {
		float: left;
		width: 48%;
		padding: 0;
		background-color: transparent;
	}
	.page-heading-logo {
		max-width: 150px;
		max-height: 70px;
		margin: auto;
		float: none;
	}
	.nom-collectivite {
		width: 100%;
		font-size: 15px;
		margin-left: 0px;
	}


	.box-cell-declarant {
		display: inline-block;
		width: 49%;
		border: none;
	}
	.filter-label {
		float: left;
	}
	#filtres-declaration legend, #filtres-cdu legend {
		margin: 10px 0 0px;
	}
}

@media screen and (max-width: 400px) {
	.text-connexion, .box-procedure img, .align-img, .box-problem img,
	.bloc-exclamation-cdu {
		display: none;
	}
	.grey-border-left {
		border: none;
	}
	.box-info {
		float: left;
		background-color: #ededed;
		padding: 5px 10px;
		margin-bottom: 10px;
		width: 100%;
		text-align: center;
	}
	.logo-collectivite {
		float: left;
		width: 100%;
		padding: 0;
		background-color: transparent;
	}
	.nom-collectivite {
		width: calc(100% - 170px);
		font-size: 14px;
		margin-left: 0px !important;
		float: right;
	}
	.nom-collectivite .select2-container {
		width: 100% !important;
	}
	/*.bloc-question {
		width: 52%;
	}
	.bloc-question .col-md-12 {
		padding: 0;
		width: 100%;
	}*/

	.box-cell-declarant {
		display: block;
	}
}

.input-group, mr10 {
	margin-right: 10px;
}

.dropdown_navbar {
	top: 100% !important;
	width: 150%;
}

.dropdown_navbar li {
	background-color: #fff;
}

.dropdown_navbar li a {
	color: #333;
}

.dropdown_navbar>.active>a {
	background-color: #95C11F !important;
	color: #fff;
}

/* Filtre de recherche dashborard */
.hide_filters {
	float: right;
}

/* ANIMATION DE LOADING */
/*.preloader-animation-no-js #preloader-animation-loader { display: none;  }*/
.preloader-animation-js #preloader-animation-loader {
	display: block;
	position: absolute;
	left: 100px;
	top: 0;
}

.preloader-animation {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url("../img/preloader-animation.gif") center no-repeat #fff;
}

.mb-5 {
	content: "";
	margin-bottom: -5px;
	display: block;
}

.text-justify {
	text-align: justify;
}

.lh25 {
	line-height: 25px;
}

.radio-inline+.radio-inline {
	margin: unset;
}

.no-padding-left {
	padding-left: 0 !important;
}

.no-padding-right {
	padding-right: 0 !important;
}

@media only screen and (min-device-width : 768px) and (max-device-width
: 1024px) and (orientation : landscape) {

	.modal-no-decla {
		width: 600px;
		position: absolute;
		top: 20%;
		left: 22%;
	}
	.radio-inline-tab {
		padding-left: 0;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
: 1024px) and (orientation : portrait) {
	.modal-no-decla {
		width: 600px;
		position: absolute;
		top: 20%;
		left: 12%;
	}
	.modal-dialog {
		margin-top: 150px;
	}
	.content {
		padding-right: 10px;
		padding-left: 10px;
	}
	.navbar-fixed-left {
		padding-top: 50px;
	}
}