/*
	========================================
	ARILLO - REAL ESTATE TEMPLATE
	========================================
	
	@author			: @avriqq
	@version		: v1.1
	@date-create	: 07/14/2014
	@last-update	: 07/17/2014
	@file-name		: style

*/

/*
	========================================
	TABLE OF CONTENT
	========================================
	
	[1. GLOBAL STYLE]
	[2. NAVBAR]
	[3. HEADER]
	[4. SERVICE]
	[5. CONTENT]
	[5.1 ARTICLE]
	[5.2 TEAM]
	[5.3 SIDEBAR]
	[6. TESTIMONY]
	[7. NEWS]
	[8. SUBSCRIBE]
	[9. PARTNER]
	[10. FOOTER]
	[11. COPYRIGHT]

*/

/*
	==================
	[1. GLOBAL STYLE]
	==================
*/
html {
    font-size: 62.5%;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    padding-top: 100px;
    height: 100%;
    /*font-family: 'Cabin-Regular', sans-serif;*/
    font-size: 1.6rem !important;
    font-size: 16px;
    line-height: 24px;
    color: black;
    background-image: url("../../icons/background.png");
    /*background-size: 100% 100%;*/
    /*background-repeat: no-repeat;*/
    overflow-x: hidden;
    scrollbar-face-color: #333;
    font-family: "Cabin";
    font-style: normal;
    font-weight: 400;
}

/*Import Font family*/
h1 {
    font-family: Cabin;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 26.4px;
    text-transform: uppercase;
}

h3 {
    font-family: Cabin;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 15.4px;
}

p {
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: justify;
}

blockquote {
    font-family: Open Sans;
    font-size: 21px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 30px;
}

pre {
    font-family: Open Sans;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 18.5667px;
}

/************************/
::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #3498db;
}

::-webkit-selection {
    color: #fff;
    text-shadow: none;
    background: #3498db;
}

::selection {
    color: #fff;
    text-shadow: none;
    background: #3498db;
}

/*::-webkit-scrollbar {*/
/*width: 10px;*/
/*}*/

/*::-webkit-scrollbar-track {*/
/*background-color: #333;*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
/*background-color: #666;*/
/*-webkit-border-radius: 2px;*/
/*-moz-border-radius: 2px;*/
/*-o-border-radius: 2px;*/
/*border-radius: 2px;*/
/*}*/

/*::-webkit-scrollbar-button {*/
/*display: none;*/
/*}*/

/*::-webkit-scrollbar-corner {*/
/*background-color: #000000;*/
/*}*/

/*h1, h2, h3, h4, h5, h6 {*/
/*/!*font-family: 'Cabin', sans-serif;*!/*/
/*font-weight: 200;*/
/*}*/
a {
    color: #74003c;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover {
    color: #74003C;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
.uneditable-input {
    color: #333;
    border-radius: 5px;
}

/* cacher les fleches sur les champs number (chrome) */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus,
input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus,
input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus,
input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus,
.uneditable-input:focus {
    color: #74003C;
    border-color: #bbb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn, .form-control {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.form-control:focus {
    color: black;
    border-color: #bbb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.clear-margin {
    margin: 0 !important;
}

.btn-success {
    background-color: #82b440;
    border-color: #7aa93c;
}

.btn-annuler {
    background-color: #F5F5F5;
    color: #eb9316;
}

.btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-success.active, .btn-success.dropdown-toggle {
    background-color: #6f9a37;
    border-color: #6f9a37;
}

.btn-warning {
    background-color: #ffce54;
    border-color: #f6bb42;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active,
.btn-warning.active, .btn-warning.dropdown-toggle {
    background-color: #f6bb42;
    border-color: #f6bb42;
}

/*
	==================
	[2. NAVBAR]
	==================
*/
.navbar-default {
    background-color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-color: #fff;
}

.navbar-default.navbar-static-top {
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.navbar-default .navbar-brand img {
    height: 60px;
    width: auto;
    display: block;
}

.navbar-default .navbar-brand {
    position: relative;
    color: #ffce54;
    font-size: 26px;
    display: block;
    padding: 10px 40px 10px 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*.navbar-default .navbar-brand::after{*/
/*content: "";*/
/*position: absolute;*/
/*right: -20px;*/
/*top: -8px;*/
/*width: 1px;*/
/*height: 95px;*/
/*background: #f6bb42;*/
/*-webkit-transform: rotate(30deg);*/
/*-moz-transform: rotate(30deg);*/
/*-ms-transform: rotate(30deg);*/
/*-o-transform: rotate(30deg);*/
/*transform: rotate(30deg);*/
/*}*/
.navbar-default .navbar-brand span {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 400;
}

.navbar-default .navbar-brand span strong {
    font-weight: 600;
}

.navbar-default .navbar-brand:hover {
    color: #f6bb42;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navbar-default .navbar-brand:hover > span {
    color: #f6bb42;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navbar-default .navbar-nav > li > a {
    color: #656d78;
    font-size: 1.4rem !important;
    font-size: 14px;
    text-shadow: none;
    /*padding-top: 40px;*/
    padding-right: 20px;
    /*padding-bottom: 23px;*/
    padding-left: 20px;
}

.navbar-default .navbar-nav > li > a:not (.divider-vertical ):hover,
.navbar-default .navbar-nav > li > a:not (.divider-vertical ):focus {
    color: #190AA6;
    background-color: transparent;
    border-bottom: 3px solid #190AA6;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
    position: relative;
    color: #FFFFFF !important;
    background-color: transparent;
    background-image: linear-gradient(to bottom, #000C5F 0, #000C5F 100%);
    height: 27px;
    padding-top: 4px;
    font-weight: bold;
    padding-left: 9px;
    padding-right: 9px;
    margin-right: 11px;
    margin-left: 11px;
}

.signin {
    padding: 12px 18px !important;
    margin-top: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.signin:focus, .signin:active {
    outline: none;
    color: #656d78 !important;
}

.signup {
    /*padding: 12px 18px !important;*/
    /*margin-top: 18px;*/
    /*background-color: #ffce54 !important;*/
    color: #fff !important;
    background-image: url("../../icons/backgroud-espace-perso.png");
    text-align: center;
}

.logo-visale {
    width: 150px;
    height: 75px;
    margin-top: 8px;
}

form#connexion img {
    margin-top: 18px;
}

form#connexion img {
    margin-top: 18px;
}

.dropdown-menu .text-center {
    margin-top: 9px;
}

.signup:hover, .signup:focus, .signup:active {
    background-color: #74003C !important;
    outline: none;
}

/*#connexion .modal-header h4, #motdepasse .modal-header h4, #modal-signup .modal-header h4*/
/*{*/
/*text-align: center;*/
/*color: #74003C;*/
/*}*/

/*#connexion .modal-footer, #motdepasse .modal-footer, #modal-signup .modal-footer*/
/*{*/
/*margin-top: 0;*/
/*background-color: #f4f4f4;*/
/*text-align: left !important;*/
/*}*/

/*#connexion .modal-footer p, #motdepasse .modal-footer p, #modal-signup .modal-footer p*/
/*{*/
/*margin-bottom: 15px;*/
/*}*/

/*
	==================
	[3. HEADER]
	==================
*/
#header {
    width: 100%;
    min-height: 450px;
    height: auto;
    padding-top: 10px;
    /*padding-bottom: 60px;*/
    padding-bottom: 0px;
}

.quick-search {
    padding: 25px 40px;
    background: rgba(255, 255, 255, .7);
}

#header.heading {
    position: relative;
    min-height: 200px;
    padding-top: 40px;
    padding-bottom: 40px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

#header.heading > * {
    position: relative;
    z-index: 2;
}

#header.heading::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
}

#header.heading .page-title {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 40px;
    text-align: center;
    color: #ddd;
    font-size: 14px;
    line-height: 24px;
}

#header.heading .page-title h2 {
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-weight: 800;
}

#header.heading .page-title h2 span {
    font-weight: 400;
}

#header.heading .breadcrumb {
    position: relative;
    z-index: 2;
    display: table;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}

#header.heading .breadcrumb > .active {
    color: #dedede;
}

#header.heading .quick-search {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*
	==================
	[4. SERVICE]
	==================
*/
#service {
    width: 100%;
    padding: 40px 0;
}

#service h2 {
    display: block;
    margin-bottom: 60px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

#service h2 small {
    display: block;
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}

.service-container, .title-container {
    display: block;
    margin-bottom: 20px;
}

.service-container:hover > .service-icon a {
    -webkit-box-shadow: 0 0 0 5px #ffce54;
    -moz-box-shadow: 0 0 0 5px #ffce54;
    -ms-box-shadow: 0 0 0 5px #ffce54;
    -o-box-shadow: 0 0 0 5px #ffce54;
    box-shadow: 0 0 0 5px #ffce54;
}

.service-icon {
    display: block;
    margin-bottom: 20px;
}

.service-icon a {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    background: #ffce54;
    border: 8px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.service-icon a > i {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 45px;
    height: 45px;
    margin-left: -22px;
    margin-top: -22px;
    font-size: 45px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.service-content {
    text-align: center;
}

.service-content h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

/*
	==================
	[5. CONTENT]
	==================
*/
#content {
    position: relative;
    width: 100%;
    padding: 60px 0;
    background: #f4f4f4;
}

.heading-title {
    display: block;
    text-align: center;
    margin-bottom: 60px;
    margin-top: 60px;
}

.heading-title h2 {
    position: relative;
    display: inline;
    padding: 12px 20px;
    font-size: 28px;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: 600;
    border: 2px solid #898ba2;
}

.heading-title.heading-title-sm h2 {
    padding: 10px 14px;
    font-size: 18px;
    line-height: 24px;
}

.heading-title.bg-white h2::before {
    background: #fff;
}

.heading-title h2::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -16px;
    margin-left: -15px;
    background: #f4f4f4;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.heading-title h2::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -7px;
    margin-left: -6px;
    background: #898ba2;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.heading-title.heading-title-alt {
    text-align: left;
    margin: 0 0 30px;
}

.heading-title.heading-title-alt h3 {
    font-size: 26px;
    line-height: 30px;
}

.property-container {
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #eee;
    min-height: 497px;
}

.property-image {
    position: relative;
    overflow: hidden;
}

.property-image img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.property-status {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: auto;
    max-width: 70%;
    padding: 5px 10px;
    background: #1b1d2a;
    font-weight: 400;
    color: #fff;
}

.property-price {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: auto;
    max-width: 80%;
    padding: 8px 16px;
    background: #ffce54;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

.property-price h4 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 5px;
    font-weight: 400;
}

.property-price small {
    font-size: 13px;
    font-weight: 400;
}

.property-features {
    display: block;
    padding: 5px 10px;
    background: #ffce54;
    color: #fff;
}

.property-features span {
    padding: 2px 5px;
    font-size: 13px;
}

.property-content {
    padding: 10px 15px;
}

.property-content h3, .property-text h3 {
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.property-content h3 small, .property-text h3 small {
    text-transform: uppercase;
    display: block;
    margin-top: 10px;
    font-size: 13px;
    /*font-style: italic;*/
}

.property-content-list {
    display: table;
}

.property-image-list {
    position: relative;
    width: 50%;
    display: table-cell;
    vertical-align: top;
}

.property-image-list img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.property-image-list .property-status {
    position: absolute;
    right: 0;
    bottom: 35px;
}

.property-image-list .property-footer a {
    background: #d9dae9;
    color: #898ba2;
}

.property-image-list .property-footer a:hover {
    background: #898ba2;
    color: #d9dae9;
}

.property-text {
    position: relative;
    width: 50%;
    display: table-cell;
    padding: 15px;
    vertical-align: top;
}

.property-footer {
    position: relative;
    display: table;
    width: 100%;
    padding: 0;
}

.property-footer a {
    display: table-cell;
    width: 50%;
    padding: 8px 12px;
    text-align: center;
    background: #f6bb42;
    font-size: 18px;
    color: rgba(0, 0, 0, .25);
    overflow: hidden;
}

.property-footer a:hover, .property-footer a:focus {
    color: #eee;
    background: #c9573f;
    overflow: hidden;
    outline: none;
}

/*
	==================
	[5.1 ARTICLE]
	==================
*/
.sort {
    padding-bottom: 40px;
}

.sort .form-inline {
    float: right;
}

/* pagination */
.pagination > li > a, .pagination > li > span {
    color: #ffce54;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,
.pagination > .active > span:hover, .pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #ffce54;
    border-color: #ffce54;
}

.blog-container {
    position: relative;
    width: auto;
    padding: 0;
    margin: 0 0 40px;
}

.blog-image {
    position: relative;
    width: 100%;
    height: 320px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.blog-image .blog-author {
    position: absolute;
    left: 20px;
    top: 20px;
    color: #fff;
    text-shadow: 1px 1px #999;
}

.blog-image .blog-author img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    margin-right: 10px;
}

.blog-image .blog-author a {
    color: #fff;
    text-shadow: 1px 1px #999;
}

.blog-image .blog-author a:hover {
    border-bottom: 1px dashed #fff;
}

.blog-content {
    position: relative;
    padding: 30px 0;
}

.blog-title {
    display: block;
    padding-left: 15%;
    padding-right: 15%;
    margin-bottom: 40px;
}

.blog-title h2 {
    font-size: 46px;
    line-height: 52px;
    font-weight: 800;
}

.blog-text {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15%;
    padding-right: 15%;
    font-size: 18px;
    line-height: 32px;
}

.blog-meta {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15%;
    padding-right: 15%;
    font-size: 13px;
}

.blog-paged::before, .blog-paged::after, .blog-comment::before,
.blog-comment::after, .blog-comment-form::before, .blog-comment-form::after {
    content: "";
    display: table;
    clear: both;
}

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

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

.blog-paged {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15%;
    padding-right: 15%;
}

.blog-paged > .pager li > a:hover, .blog-paged > .pager li > a:focus {
    background-color: #ffce54;
    color: #fff;
    border-color: #f6bb42;
}

.blog-paged > .pager .disabled > a, .blog-paged > .pager .disabled > a:hover,
.blog-paged > .pager .disabled > a:focus, .blog-paged > .pager .disabled > span {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.blog-comment {
    padding-left: 15%;
    padding-right: 15%;
}

.blog-comment ul {
    list-style-type: none;
    padding: 0;
}

.blog-comment img {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.blog-comment img.avatar {
    position: relative;
    float: left;
    margin-left: 0;
    margin-top: 0;
    width: 65px;
    height: 65px;
}

.blog-comment .post-comments {
    border: 1px solid #eee;
    margin-bottom: 20px;
    margin-left: 85px;
    margin-right: 0px;
    padding: 10px 20px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    color: #6b6e80;
    position: relative;
}

.blog-comment .meta {
    font-size: 13px;
    color: #aaaaaa;
    padding-bottom: 8px;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #eee;
}

.blog-comment ul.comments ul {
    list-style-type: none;
    padding: 0;
    margin-left: 85px;
}

.blog-comment-form {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 40px;
}

.blog-comment h3, .blog-comment-form h3 {
    margin-bottom: 40px;
    font-size: 26px;
    line-height: 30px;
    font-weight: 800;
}

.contact {
    font-size: 14px;
    line-height: 26px;
}

#map, #map-property {
    background-color: #1b1d2a;
    width: 100%;
    height: 350px;
}

#map-property {
    margin-bottom: 40px;
}

#map img, #map-property img {
    max-width: none;
}

/*
	==================
	[5.2 TEAM]
	==================
*/
.the-team::before, .the-team::after {
    content: "";
    display: table;
    clear: both;
}

.the-team {
    padding-left: 15%;
    padding-right: 15%;
}

.team-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: hidden;
}

.team-container {
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #eee;
}

.team-container.team-dark {
    background: #ffce54;
    border-color: none;
    color: #fff;
}

.team-description {
    padding: 15px;
}

.team-description h3 {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 800;
}

.team-description h3 small {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.team-container.team-dark h3 small {
    color: rgba(0, 0, 0, .3);
}

.team-social {
    padding: 20px 0 5px;
    font-size: 20px;
    text-align: center;
}

.team-social span:first-child {
    padding-left: 0;
}

.team-social span:last-child {
    padding-right: 0;
}

.team-social span {
    padding: 5px 10px;
    display: inline-block;
}

.team-social a {
    color: #6b6e80;
}

.team-social a:hover, .team-social a:focus {
    color: #f6bb42;
}

.team-container.team-dark .team-social a {
    color: rgba(0, 0, 0, .3);
}

.team-container.team-dark .team-social a:hover, .team-container.team-dark .team-social a:focus {
    color: #eee;
}

/*
	==================
	[5.3 SIDEBAR]
	==================
*/
.sidebar {
    margin-bottom: 20px;
}

.sidebar .widget:before, .sidebar .widget:after, .sidebar .widget-sidebar:before,
.sidebar .widget-sidebar:after {
    content: "";
    display: table;
    clear: both;
}

.sidebar .widget-white {
    position: relative;
    padding: 15px;
    background: #fff;
    margin-bottom: 30px !important;
    border-bottom: 2px solid #ddd;
}

.sidebar .widget-white::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-width: 25px;
    border-top: 25px solid #ffce54;
    border-right: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 0 solid transparent;
}

.sidebar .widget, .sidebar .widget-sidebar {
    margin-bottom: 20px;
}

.sidebar .widget .widget-header {
    margin-bottom: 20px;
}

.sidebar .widget .widget-header h3 {
    font-family: 'Cabin', sans-serif;
    color: #7f8c8d;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    background-image: url(../img/widget_header.png);
    background-repeat: repeat-x;
    background-position: bottom center;
    margin-top: 20px;
    padding-bottom: 30px;
}

/* default widget */
.sidebar .widget ul {
    list-style-type: none;
}

.sidebar .widget ul > li {
    display: block;
    padding: 3px 0;
    margin-left: -40px;
}

.sidebar .widget ul > li:first-child > a {
    padding-top: 0;
}

.sidebar .widget ul > li > a:before {
    font-family: 'FontAwesome';
    content: "\f105";
    padding-right: 10px;
}

.sidebar .widget ul > li > a {
    display: inline;
    font-size: 14px;
}

/* special widget */
.advance-search::before, .advance-search::after {
    content: '';
    display: table;
    clear: both;
}

.advance-search .btn-group {
    display: table;
    text-align: center;
    margin: 10px auto;
}

.sidebar .widget-sidebar .list-check > li > a:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    font-size: 12px;
    color: #898ba2;
    padding-right: 8px;
    position: relative;
    left: 0;
    top: -1px;
}

.sidebar .widget-sidebar .list-check > li > a:hover:before {
    color: #ffce54;
}

.sidebar .widget-sidebar .nav-tabs {
    border-bottom: 3px solid #ddd;
}

.sidebar .widget-sidebar .nav-tabs > li > a {
    font-size: 18px;
    border: none;
    position: relative;
}

.sidebar .widget-sidebar .nav-tabs > li > a:hover {
    color: #2C3E50;
    border-color: transparent;
    background: transparent;
}

.sidebar .widget-sidebar .nav-tabs > li > a:hover:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 3px;
    background: #ccc;
}

.sidebar .widget-sidebar .nav-tabs > li.active > a, .sidebar .widget-sidebar .nav-tabs > li.active > a:hover,
.sidebar .widget-sidebar .nav-tabs > li.active > a:focus {
    color: #2C3E50;
    cursor: default;
    background-color: transparent;
    border: none;
    border-bottom-color: transparent;
}

.sidebar .widget-sidebar .nav-tabs > li.active > a:before, .sidebar .widget-sidebar .nav-tabs > li.active > a:hover:before,
.sidebar .widget-sidebar .nav-tabs > li.active > a:focus:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 3px;
    background: #f6bb42;
}

.sidebar .widget-sidebar .tab-content {
    padding-top: 20px;
}

/*
	==================
	[6. TESTIMONY]
	==================
*/
#testimony {
    position: relative;
    width: 100%;
    min-height: 450px;
    height: auto;
    padding-top: 120px;
    padding-bottom: 60px;
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

#testimony::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .65);
}

#testislider {
    position: relative;
    z-index: 2;
}

#testislider .carousel-inner .item {
    z-index: 1;
    left: 0 !important;
    -webkit-transition: opacity .7s ease-in-out;
    -moz-transition: opacity .7s ease-in-out;
    -ms-transition: opacity .7s ease-in-out;
    -o-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
    opacity: 1;
}

#testislider.carousel .active.left, #testislider.carousel .active.right {
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .7s ease-in-out;
    -moz-transition: opacity .7s ease-in-out;
    -ms-transition: opacity .7s ease-in-out;
    -o-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
}

#testislider .carousel-control.left, #testislider .carousel-control.right {
    background-image: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    background: transparent;
    height: 60px;
    width: 50px;
    margin-top: 15%;
    margin-left: 0;
    margin-right: 0;
}

#testislider .carousel-control.left {
    left: -70px;
    right: auto;
}

#testislider .carousel-control.right {
    right: -70px;
    left: auto;
}

#testislider .carousel-control i, #testislider .carousel-control span {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    z-index: 5;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-left: 0;
}

.testimony-container {
    padding: 0;
    margin: 0;
    height: auto;
}

.testimony-image {
    float: left;
    width: 100px;
    height: 100px;
    border: 4px solid #fff;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.testimony-content {
    margin-left: 150px;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}

.testimony-content h3 {
    font-size: 28px;
    line-height: 32px;
    color: #fff;
}

.testimony-content blockquote {
    position: relative;
    border-left: none;
    padding-left: 0;
    text-indent: 2em;
}

.testimony-content blockquote::before {
    content: '\f10d';
    font-family: 'FontAwesome';
    position: absolute;
    left: -2em;
    top: 0;
    display: block;
    width: 20px;
    height: 20px;
}

/*
	==================
	[7. NEWS]
	==================
*/
#news {
    width: 100%;
    padding: 60px 0;
    background: #fff;
}

.post-container {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.post-noborder {
    border-bottom: none;
}

.post-img {
    position: relative;
    float: left;
    display: inline;
    width: 75px;
    height: 75px;
    margin-right: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
}

.post-img-circle {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.post-img h3 {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    background: #ffce54;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    text-align: center;
}

.post-content {
    padding: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 21px;
}

.post-content.list-agent > .post-meta {
    font-size: 14px;
    font-weight: 400;
}

.post-content > .post-meta {
    display: block;
    padding-top: 0 !important;
    padding-bottom: 5px;
    font-size: 12px;
}

.post-content > .heading-title h2 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Cabin', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-transform: none;
    border: none;
}

.post-content.list-agent > .heading-title h2 {
    font-size: 16px;
    line-height: 20px;
}

.post-content > .heading-title h2 span {
    font-weight: 800;
    font-size: 16px;
}

.post-content > .heading-title {
    display: block;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 10px;
}

.post-content > .heading-title h2::before {
    content: '';
    position: relative;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    margin-top: 0;
    margin-left: -15px;
    background: #f4f4f4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

#list-bloc-contents .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border-bottom: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
}

.dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.post-content > .heading-title h2::after {
    content: '';
    position: relative;
    left: 0;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    margin-top: 0;
    margin-left: 0;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

#content .post-meta, .post-single .post-meta span {
    font-size: 13px;
    line-height: 16px;
    color: #888;
}

#content .post-meta, .post-single .post-meta {
    display: block;
    padding-top: 20px;
    padding-bottom: 15px;
}

.single-post {
    margin-bottom: 20px;
}

.single-post h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
}

.single-post h3 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
}

.single-post .nav-tabs > li > a {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
}

.single-post .tab-content {
    background-color: #fff;
    padding: 30px;
    border: 1px solid #ddd;
    border-top: none;
}

.sidebar .widget-white.favorite::before {
    content: '';
    border: none;
}

.favorite a {
    position: relative;
    display: block;
    vertical-align: middle;
}

.favorite a::before {
    content: '';
    position: absolute;
    left: 34px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ffce54;
}

.favorite a > i {
    font-size: 20px;
    padding-right: 25px;
    display: inline-block;
    vertical-align: middle;
}

/* carousel single */
#slider-property {
    margin-bottom: 40px;
}

#slider-property .carousel-inner .item img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#slider-property .carousel-indicators li {
    position: relative;
    width: 100px;
    height: 65px;
    margin: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border-width: 2px;
    border-color: #fff;
    text-indent: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#slider-property .carousel-indicators li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .6);
    -webkit-transition: background .1s ease-in-out;
    -moz-transition: background .1s ease-in-out;
    -ms-transition: background .1s ease-in-out;
    -o-transition: background .1s ease-in-out;
    transition: background .1s ease-in-out;
}

#slider-property .carousel-indicators li img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#slider-property .carousel-indicators .active::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .1);
    -webkit-transition: background .1s ease-in-out;
    -moz-transition: background .1s ease-in-out;
    -ms-transition: background .1s ease-in-out;
    -o-transition: background .1s ease-in-out;
    transition: background .1s ease-in-out;
}

#slider-property .carousel-indicators .active {
    border-color: #ffce54;
    border-width: 2px;
}

/*
	==================
	[8. SUBSCRIBE]
	==================
*/
#subscribe {
    width: 100%;
    padding: 60px 0 55px;
    background-color: #f4f4f4;
    background-image: url(../img/bgfooter.png);
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center bottom;
    background-repeat: no-repeat;
}

#subscribe h3 {
    margin-top: 5px;
    font-size: 32px;
    line-height: 38px;
    text-transform: uppercase;
}

/*
	==================
	[9. PARTNER]
	==================
*/
#partner {
    width: 100%;
    padding: 60px 0 55px;
    background: #fff;
}

/* Carousel */
.jcarousel-wrapper {
    position: relative;
    margin: 20px auto;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    -ms-box-shadow: 0 0 2px #999;
    -o-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

.jcarousel {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.jcarousel ul {
    position: relative;
    width: 20000em;
    margin: 0;
    padding: 0;
    list-style: none;
}

.jcarousel li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/* Carousel Controls */
.jcarousel-control-prev, .jcarousel-control-next {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    background: #1b1d2a;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font-size: 14px;
    line-height: 30px;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

/* Carousel Pagination */
.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.jcarousel-pagination a {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 7px;
    font-size: 11px;
    line-height: 10px;
    text-decoration: none;
    background: #fff;
    color: #4e443c;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    text-indent: -9999px;
    -webkit-box-shadow: 0 0 2px #4e443c;
    -moz-box-shadow: 0 0 2px #4e443c;
    -ms-box-shadow: 0 0 2px #4e443c;
    -o-box-shadow: 0 0 2px #4e443c;
    box-shadow: 0 0 2px #4e443c;
}

.jcarousel-pagination a.active {
    background: #ffce54;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 0 1px #ffce54;
    -moz-box-shadow: 0 0 0 1px #ffce54;
    -ms-box-shadow: 0 0 0 1px #ffce54;
    -o-box-shadow: 0 0 0 1px #ffce54;
    box-shadow: 0 0 0 1px #ffce54;
}

/*
	==================
	[10. FOOTER]
	==================
*/
#footer {
    /*width: 80%;*/
    /*padding: 60px 0 0;*/
    background-color: #FF6600;
    color: white;
    float: right;
}

#footer .widget:before, #footer .widget:after {
    content: "";
    display: table;
    clear: both;
}

#footer .widget {
    margin-bottom: 20px;
}

#footer .widget h2 {
    font-family: 'Cabin', sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 800;
    color: #d9dae9;
    margin-bottom: 20px;
}

#footer .widget h3 {
    font-family: 'Cabin', sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 800;
    color: #d9dae9;
    margin-bottom: 30px;
}

#footer .widget > ul, #footer .widget ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

#footer .widget > ul > li, #footer .widget > ul > li > a, #footer .widget ul > li,
#footer .widget ul > li > a {
    display: block;
    padding: 2px 0;
    font-size: 14px;
    color: #898ba2;
    font-weight: 400;
}

#footer .widget > ul > li > a::before, #footer .widget ul > li > a::before {
    content: '\f10c';
    font-family: 'FontAwesome';
    font-size: 15px;
    font-weight: 400;
    padding-right: 15px;
}

#footer .widget > ul > li > a:hover, #footer .widget > ul > li > a:focus, #footer .widget ul > li > a:hover,
#footer .widget ul > li > a:focus {
    color: #f6bb42;
}

#footer .widget.widget_recent_comments > ul > li > a, #footer .widget.widget_recent_comments ul > li > a {
    display: inline-block;
}

#footer .widget.widget_recent_comments > ul > li > a:before, #footer .widget.widget_recent_comments ul > li > a:before {
    content: "";
    font-family: 'Cabin', sans-serif;
    padding-right: 0;
}

#footer .widget.widget_recent_comments > ul > li:before, #footer .widget.widget_recent_comments ul > li:before {
    content: '\f05d';
    font-family: 'FontAwesome';
    font-size: 16px;
    font-weight: 400;
    padding-right: 15px;
}

/*
	==================
	[11. COPYRIGHT]
	==================
*/
.copyright {
    position: relative;
    margin-top: 60px;
    padding: 60px 0 40px;
    text-align: center;
    border-top: 1px solid #2c3e50;
}

.copyright .scroltop {
    position: absolute;
    left: 50%;
    top: -18px;
    margin-left: -18px;
}

.copyright .social-links > li > a {
    position: relative;
    width: 40px;
    height: 40px;
    margin-top: 25px;
    background: #6b6e80;
    display: block;
    border-radius: 100%;
}

.copyright .social-links > li > a > .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    margin-top: -9px;
    color: #1b1d2a;
    font-size: 19px;
}

.copyright .social-links > li > .icon-twitter:hover {
    background: #4099ff;
}

.copyright .social-links > li > .icon-facebook:hover {
    background: #4467ad;
}

.copyright .social-links > li > .icon-youtube:hover, .copyright .social-links > li > .icon-gplus:hover {
    background: #ff4b4b;
}

/*Ajout*/
.container-header {
    width: 100%;
    height: 100%;
}

.navbar-header {
    /*line-height: 25px;*/

}

.divider-vertical {
    color: #190AA6;
    font-weight: bold;
}

.jumbotron.vertical-center {
    margin-bottom: 0; /* Remove the default bottom margin of .jumbotron */
}

.vertical-center {
    min-height: 100%; /* Fallback for vh unit */
    /* min-height: 100vh;*/
    /* 	min-height: 100%; */
    /* You might also want to use
                           'height' property instead.

                           Note that for percentage values of
                           'height' or 'min-height' properties,
                           the 'height' of the parent element
                           should be specified explicitly.

                           In this case the parent of '.vertical-center'
                           is the <body> element */
    /* Make it a flex container */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* Align the bootstrap's container vertically */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* In legacy web browsers such as Firefox 9
         we need to specify the width of the flex container */
    /*width: 100%;*/
    /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
         hence the bootstrap's container won't be aligned to the center anymore.

         Therefore, we should use the following declarations to get it centered again */
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-box-orient: horizontal;
}

/*Propriété Visale hardis*/

/*Barre de navigation partie Bailleur*/
.navbar-fixed-top .espace-personnel {
    font-size: 1.4rem !important;
    font-size: 14px;
    padding: 10px 20px 20px 20px;
    border: none;
    margin-bottom: -1px;
    margin-right: -1px;
}

.navbar-connecte-top {
    background-color: #0297B5;
    color: white;
}

.navbar-connecte-top .logo {
    padding-top: 10px;
}

.navbar-connecte-top .title {
    font-size: 2.7rem;
    font-size: 27px;
    padding-top: 20px;
}

.navbar-connecte-top .navbar-header {
    width: 100%;
}

.navbar-connecte-top .espace-personnel {
    font-size: 16px;
    padding: 32px;
    border: none;
    margin-bottom: 0px;
}

/*************************************/
.btn-circle-container {
    margin-top: 40%;
    padding: 0px;
}

/*Titres*/
#dynamic-content-bailleur .title-1, #dynamic-content-bailleur .title-2,
#dynamic-content-bailleur .title-3 {
    color: #0297B5;
}

#dynamic-content-accueil .title-1, #dynamic-content-accueil .title-2,
#dynamic-content-accueil .title-3 {
    /*color: white;*/

}

.property-content .title-3 {
    text-transform: uppercase;
}

#bailleur-table-fonctionnement {
    width: 80%;
    margin: 0 auto;
}

#bailleur-table-fonctionnement table td, #bailleur-table-fonctionnement table th {
    border-top: none;
    padding-left: 40px;
    padding-right: 40px;
}

#bailleur-table-fonctionnement table th {
    border-bottom: none;
    vertical-align: middle;
}

#bailleur-table-fonctionnement td {
    text-align: left;
}

.title-1, .title-2 {
    text-transform: uppercase;
    /*font-weight: bold;*/
}

.sub-title-3 {
    margin-left: 19%;
    width: 61%;
    font-size: 17px !important;
    font-size: 1.7rem !important;
    line-height: 1.5;
}

.content-bloc {
    margin-bottom: 5px;
    height: 85px;
}

.accueil-purple-bloc .btn-purple, .accueil-blue-bloc .btn-blue {
    margin-top: 11px;
    margin-bottom: 5px;
}

.blue, #bailleur-liste-contrat .text-arrow_box {
    color: #0297B5;
}

.purple, #locataire-contrat-demande .text-arrow_box {
    color: #46027D;
}

#locataire-contrat-demande .text-arrow_box {
    font-weight: bold;
}

.purple-back {
    background-color: #46027D;
}

.white {
    color: white;
}

.orange {
    color: #FF6602;;
}

.title-1-footer, .title-2-footer, .title-3-footer {
    color: white;
    /*font-weight: bold;*/
}

/*Images et icones*/
.glyphicon-plus-sign {
    font-size: 1.8em;
    margin: 2% 0;
}

#dynamic-content-locataire .glyphicon-plus-sign, .accueil-purple-bloc .glyphicon-plus-sign {
    color: #46027D;
}

#dynamic-content-bailleur .glyphicon-plus-sign, .accueil-blue-bloc .glyphicon-plus-sign {
    color: #0297B5;
}

#dynamic-content-locataire, #dynamic-content-bailleur {
    padding-top: 26px;
}

.etape img {
    margin-top: 2%;
}

.etape .description {
    height: 90px;
    width: 91%;
}

.etape .titre {
    height: 59px;
}

.btn-circle {
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.btn-circle-default {
    background-color: #FF6602;
}

#dynamic-content-locataire .btn-circle-active {
    background-color: #46027D;
}

#dynamic-content-bailleur .btn-circle-active {
    background-color: #0297B5;
}

.bloc-large-md-orange {
    background-color: #FF6600;
    height: 150px;
    margin-top: 3%;
}

.bloc-large-md-orange > div {
    margin-top: 10px;
}

.bloc-large-md-neutre {
    height: 150px;
    margin-top: 3%;
}

.btn-medium-arrow {
    font-size: 15px;
    border: none;
    padding-top: 5px;
    height: 50px;
}

.btn-arrow {
    border: none;
    width: 300px;
    height: 70px;
    padding-top: 0px;
}

.btn-white-arrow-right-locataire {
    background: url("../../icons/back-ground-white-lg.png") no-repeat;
    background-size: 100% 100%;
    padding: 16px;
    padding-left: 40px;
    padding-right: 40px;
    text-transform: uppercase;
    color: #46027d;
}

.btn-blue-arrow-down {
    background: url("../../icons/background-btn-blue-medium.png") no-repeat;
    color: white;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-transform: uppercase;
}

.btn-purple-arrow-down {
    background: url("../../icons/background-btn-purple.png") no-repeat;
    color: white;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-transform: uppercase;
}

.btn-white {
    background: url("../../icons/background-btn-white.png") no-repeat;
}

.btn-white:hover {
    background: url("../../icons/background-btn-white-hover.png") no-repeat;
}

#dynamic-content-bailleur .btn-white {
    color: #0297B5;
}

#dynamic-content-locataire .btn-white {
    color: #46027D;
}

.btn-purple {
    background: url("../../icons/background-btn-purple.png") no-repeat;
    color: white;
    text-transform: uppercase;
}

.btn-purple:hover {
    background: url("../../icons/background-btn-purple-hover.png") no-repeat;
}

.btn-blue {
    background: url("../../icons/background-btn-blue.png") no-repeat;
    color: white;
}

.btn-blue:hover {
    background: url("../../icons/background-btn-blue-hover.png") no-repeat;
}

.btn-down {
    margin-bottom: 3%;
}

.btn-down a {
    cursor: pointer;
}

#recap-contrat-adhesion .row, #recapitulatif-visa-adhesion .row {
    margin-bottom: 1%;
}

.accueil-blue-bloc-with-bottom {
    border-bottom: 5px solid #0297B5;
    height: 547px;
}

.accueil-purple-bloc-with-bottom {
    border-bottom: 5px solid #46027D;
    height: 547px;
}

.accueil-red-bloc-with-bottom {
    border-bottom: 5px solid red;
    height: 547px;
}

.accueil-blue-bloc-with-bottom .title-3, .accueil-blue-bloc .title-3 {
    color: #0297B5;
}

.accueil-red-bloc-with-bottom .title-3, .accueil-red-bloc .title-3 {
    color: red;
}

.accueil-purple-bloc-with-bottom .title-3, .accueil-purple-bloc .title-3 {
    color: #46027D;
}

.border-left-footer {
    border-left: 1px solid coral;
}

.border-top-footer {
    border-top: 1px solid coral;
}

.margin-top-21 {
    margin-top: 21%;
}

.margin-top-13 {
    margin-top: 13%
}

#footer a {
    color: white;
}

#footer .icone-reseaux-sociaux img {
    margin-bottom: 3%;
}

#footer .icone-reseaux-sociaux .widget {
    float: right;
}

#footer .menu-bas {
    padding: 20px 0px;
    border-top: 1px solid coral;
    border-bottom: 1px solid coral;;
}

#logo-actionlogemement-footer {
    margin-left: 3%;
}

#dynamic-content, #menu-left {
    padding-left: 0;
    padding-right: 0;
}

#accueil-presentation {
    background-image: url("../../icons/background-accueil-presentation.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#accueil-presentation, #accueil-beneficiaires, #accueil-principe {
    /* Firefox */
    min-height: -moz-calc(100vh - 99px);
    /* WebKit */
    min-height: -webkit-calc(100vh - 99px);
    /* Opera */
    min-height: -o-calc(100vh - 99px);
    /* Standard */
    min-height: calc(100vh - 99px);
}

#accueil-beneficiaires, #liste-contrat, #demande-visa,
#accueil-presentation .etape, #visa, #echanges
#dynamic-content, #demande-visa {
    background-color: #F5F5F5;
}

#liste-contrat, #demande-visa {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 100px;
}

#accueil-presentation .btn-circle-active, #accueil-beneficiaires .btn-circle-active,
#accueil-principe .btn-circle-active {
    background-color: #0297B5;
}

/*Formulaire inscription,connexion demande de mot de passe*/
.dropdown-menu {
    background-image: url("../../icons/backgroud-espace-perso-inverse-2.png");
    /*background-attachment: fixed;*/
    /*background-position: center center;*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.modal-header {
    text-align: center;
}

/*Gestion des listes déroulantes cotés bailleur*/
#modal-donnees-personnelles .dropdown-menu, #modal-adhesion-bailleur .dropdown-menu {
    background-image: none;
}

#modal-donnees-personnelles .dropdown-menu > .active > a,
#modal-donnees-personnelles .dropdown-menu > .active > a:hover,
#modal-donnees-personnelles .dropdown-menu > .active > a:focus {
    background-color: #0297B5;
    background-image: none;
}

/*********************************************/
#dropdown-menu-connexion {
    border: none;
    color: white;
}

#dropDownButtonEspacePersonnel {
    font-size: 1.6rem !important;
    font-size: 16px !important;
}

#dropdown-menu-connexion a {
    color: white;
}

#dropdown-menu-connexion #connexion, #dropdown-menu-connexion #demande-mot-passe {
    min-width: 300px;
}

#dropdown-menu-connexion #creer-epsace, #dropdown-menu-connexion #init-mot-passe {
    min-width: 450px;
}

#dropdown-menu-connexion .btn {
    background-color: #FF6600;
    text-transform: uppercase;
}

.help-block {
    color: red;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
}

/*Gestion des boutons bailleur et locataire*/
.blue-bailleur {
    background-color: #0297B5;

}

.blue-bailleur-btn-piece:hover {
    color: black;
}

.blue-bailleur-btn-piece {
    background-color: #0297B5;
    color: #fff;
}

.gray-accueil {
    background-color: #F5F5F5;
}

.blue-bailleur-content {
    background-color: #1AA0BD;
}

.purple-locataire {
    background-color: #46027D;
}

.orange-locataire {
    background-color: orange;
}

.purple-locataire-content {
    background-color: #591B8A;
}

.activeSideBarMenuBailleur, .activeSideBarMenuLocataire {
    background-color: #f5f5f5;
}

.activeSideBarMenuBailleur a {
    color: #0297B5;
}

.activeSideBarMenuLocataire a {
    color: #46027D;
}

.purple-locataire a, .blue-bailleur a {
    color: white;
}

.purple-locataire a, .blue-bailleur a, .activeSideBarMenuBailleur a,
.activeSideBarMenuLocataire a {
    font-weight: bold;
}

.dropdown-menu .col-sm-12 {
    margin-bottom: 7px;
}

/*/!***********************Fin *********************!/*/

/*#table-liste-contrat{*/
/*display: table;*/
/*border-collapse: separate;*/
/*border-spacing: 2px;*/
/*}*/
/*#table-liste-contrat th{*/
/*color: #0297B5;*/
/*border: none;*/
/*}*/
/*.cell{*/
/*display: table-cell;*/
/*padding: 2px;*/
/*background-color: white;*/
/*}*/
/*#table-liste-contrat td{*/
/*display: table-cell;*/
/*padding: 5px;*/
/*background-color: white;*/
/*}*/
#table-liste-contrat, #table-info-visa-certifie {
    width: 100%;
    /*border-collapse: collapse;*/
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
}

/*Table echanges espace locataire*/
#table-echanges {
    width: 100%;
    /*border-collapse: collapse;*/
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
}

#table-echanges th {
    /*background: ;*/
    color: #46027d;
    font-weight: bold;
    text-transform: uppercase;
}

#table-echanges td {
    display: table-cell;
    padding: 5px;
    background-color: white;
}

#table-echanges td, #table-echanges th {
    text-align: left;
}

/* Zebra striping */
/*#table-liste-contrat tr:nth-of-type(odd) {*/
/*background: #eee;*/
/*}*/
#table-liste-contrat th {
    /*background: ;*/
    color: #0297B5;
    font-weight: bold;
    text-transform: uppercase;
}

#table-liste-contrat td {
    display: table-cell;
    padding: 5px;
    background-color: white;
}

#table-liste-contrat td, #table-liste-contrat th {
    text-align: left;
}

@media only screen and (max-width: 760px) , ( min-device-width: 768px)
and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    #table-liste-contrat table, #table-liste-contrat thead,
    #table-liste-contrat tbody, #table-liste-contrat th,
    #table-liste-contrat td, #table-liste-contrat tr {
        display: block;
    }

    #table-echanges table, #table-echanges thead, #table-echanges tbody,
    #table-echanges th, #table-echanges td, #table-echanges tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #table-liste-contrat thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #table-liste-contrat tr {
        border: 1px solid #ccc;
        margin-bottom: 5px;
    }

    #table-liste-contrat td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    #table-liste-contrat td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #table-echanges thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #table-echanges tr {
        border: 1px solid #ccc;
        margin-bottom: 5px;
    }

    #table-echanges td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    #table-echanges td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    /*
    Label de la table liste contrat
    */
    #table-liste-contrat td:nth-of-type(1):before {
        content: "";
    }

    #table-liste-contrat td:nth-of-type(2):before {
        content: "Contrat";
    }

    #table-liste-contrat td:nth-of-type(3):before {
        content: "Statut";
    }

    #table-liste-contrat td:nth-of-type(4):before {
        content: "Bien";
    }

    #table-liste-contrat td:nth-of-type(5):before {
        content: "Locataire";
    }

    #table-liste-contrat td:nth-of-type(6):before {
        content: "Indemnisation";
    }

    #table-liste-contrat td:nth-of-type(7):before {
        content: "Recouvrement";
    }

    #table-liste-contrat td:nth-of-type(8):before {
        content: "Actions";
    }

    /*
    Label de la table echange locataire-gestionnaire
    */
    #table-echanges td:nth-of-type(1):before {
        content: "";
    }

    #table-echanges td:nth-of-type(2):before {
        content: "Qui";
    }

    #table-echanges td:nth-of-type(3):before {
        content: "Quoi";
    }

    #table-echanges td:nth-of-type(4):before {
        content: "Message";
    }

    #table-echanges td:nth-of-type(5):before {
        content: "Actions";
    }
}

.has-error .form-control:focus, .has-error .form-control:hover,
.has-warning .form-control:focus, .has-warning .form-control:hover,
.has-success .form-control:focus, .has-success .form-control:hover {
    box-shadow: none;
}

/*.has-error .control-label {*/
/*color: #8e8e93 !important;*/
/*}*/
.has-error .error {
    color: #a94442;
}

.has-error .form-control {
    /*color: #5b5b60;*/
    border-color: #F8F8F8;
    border-bottom-color: #a94442 !important;
    border-bottom-width: 1px !important;
    /*border-bottom-style: dotted;*/
    border-color: #a94442 !important;
    border-width: 1px !important;
    background-color: rgba(255, 123, 0, 0.5) !important;
}

.has-error .form-control:focus, .has-error .form-control:hover {
    border-color: #F8F8F8;
    border-bottom-color: #a94442 !important;
}

.has-error .label-validation {
    color: #a94442 !important;
}

.has-error .symbol:before {
    content: "\f00d";
    display: inline;
    font-family: FontAwesome;
    color: #C82E29;
}

.has-error .note-editor, .has-error .cke_chrome {
    border-color: #B94A48 !important;
}

.has-success {
    color: #5cb85c;
}

.label-bailleur {
    color: #0297B5 !important;
}

.has-success .form-control {
    border-color: #F8F8F8;
    border-bottom-color: #3c763d !important;
    border-bottom-width: 1px !important;
    border-color: #3c763d !important;
    border-width: 1px !important;
}

.has-success .form-control:focus, .has-success .form-control:hover {
    border-color: #F8F8F8;
    border-bottom-color: #3c763d !important;
}

.has-success .label-validation {
    color: #3c763d;
}

.symbol.required:before {
    content: "*";
    display: inline;
    color: #E6674A;
}

.has-success .symbol:before {
    /*content: "\f00c";*/
    content: url("../../icons/valide.png");
    display: inline;
    font-family: FontAwesome;
    color: #468847;
}

.label-validation {
    width: 10px;
    float: left;
}

/*Gestion des boutons fléchés*/

/*Bouton fléché droit*/
.btn-arrow-right-white, .btn-arrow-down {
    position: relative;
    border-radius: 3px;
}

#modal-donnees-personnelles .btn-arrow-down,
#modal-notification-bailleur .btn-arrow-down {
    width: 100% !important;
}

#bailleur-liste-contrat .btn-arrow-right-white,
#locataire-contrat-demande .btn-arrow-right-white {
    background: white;
    border: 4px solid white;
}

#bailleur-liste-contrat .btn-arrow-right-white:before,
#bailleur-liste-contrat .btn-arrow-right-white:after,
#locataire-contrat-demande .btn-arrow-right-white:before,
#locataire-contrat-demande .btn-arrow-right-white:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: white;
}

.btn-arrow-right-white:after, .btn-arrow-right-white:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.btn-arrow-right-white:after {
    border-width: 10px;
    margin-top: -10px;
}

.btn-arrow-right-white:before {
    border-width: 16px;
    margin-top: -16px;
}

.btn-arrow-right-white, .modal-title-locataire {
    cursor: pointer;
}

.text-arrow_box {
    text-align: center;
    text-transform: uppercase;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

#bailleur-liste-contrat .text-arrow_box {
    color: #0297B5;
}

/****bouton fléché bas***/
.btn-arrow-down:after, .btn-arrow-down:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.btn-arrow-down:after {
    border-color: rgba(136, 183, 213, 0);
    border-width: 10px;
    margin-left: -10px;
}

.btn-arrow-down:before {
    border-color: rgba(194, 225, 245, 0);
    border-width: 16px;
    margin-left: -16px;
}

.modal-bailleur .btn-arrow-down {
    background: #0297B5;
    border: 4px solid #0297B5;
}

.modal-bailleur .btn-arrow-down:after, .modal-bailleur .btn-arrow-down:before {
    border-top-color: #0297B5;
}

.modal-bailleur .text-arrow_box {
    color: white;
}

.modal-bailleur .suivant {
    text-decoration: underline;
    color: #FE8141;
    /*text-transform: uppercase;*/
}

/****arrow down***/
.arrow_box, .inactive_box, .valide_box {
    position: relative;
    z-index: 1;
    min-height: 180px !important;
}

.arrow_box a:focus, .inactive_box a:focus, .valide_box a:focus {
    outline: none;
    text-decoration: none;
}

#modal-adhesion-bailleur .arrow_box {
    background: #0297B5;
    border: 4px solid #0297B5;
}

#modal-adhesion-bailleur .icon_statut_container {
    bottom: 0 !important;
    position: absolute !important;
}

#modal-adhesion-bailleur .icon_statut {
    padding-bottom: 5px;
    padding-right: 5px;
}

.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.inactive_box {
    background-color: #B4E0E9;
    border: 4px solid #B4E0E9;
}

.valide_box {
    background-color: #0297B5;
    border: 4px solid #0297B5;
}

.arrow_box:after {
    border-width: 10px;
    margin-left: -10px;
}

#modal-adhesion-bailleur .arrow_box:after {
    border-top-color: #0297B5;
}

.arrow_box:before {
    border-width: 16px;
    margin-left: -16px;
}

#modal-adhesion-bailleur .arrow_box:before {
    border-top-color: #0297B5;
}

/*Suppression des lignes de bloc*/
*:focus {
    outline: 0 !important;
}

/*Style des scrollBar*/
.scroll-div {
    position: relative;
    overflow: hidden;
    height: 130px;
}

.scroll-div-content {
    height: 130px;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-y: scroll;
}

.clip-check input[type="checkbox"] {
    display: none;
}

input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    cursor: pointer;
    line-height: normal;
}

.modal-bailleur .clip-check.check-box-form input[type="checkbox"]:checked + label::before {
    border-color: #0297B5;
}

.clip-check input[type="checkbox"]:checked + label::before {
    border-width: 10px;
}

.clip-check label::before {
    background-color: #ffffff;
    border: 1px solid #c8c7cc;
    border-radius: 0;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    top: 1px;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
    width: 20px;
}

.clip-check input[type="checkbox"]:checked + label::after {
    color: #fff;
    content: "\f00c";
    font-family: "FontAwesome";
}

.clip-check label::after {
    display: inline-block;
    font-size: 11px;
    height: 19px;
    left: 4px;
    position: absolute;
    top: -1px;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
    width: 19px;
}

.modal-title-locataire {
    border-top: solid 1px white;
    background-color: #cbb8da;
    border-right: solid 1px white;
    min-height: 240px;
}

#iconValidation {
    background-image: url("../../icons/icon_check.jpg");
    background-position: 100% 100%;
}

.btnCoTitulaire {
    background-color: white;
    color: #ff6600;
    text-decoration: underline;
}

.btnCoTitulaire:HOVER {
    background-color: white;
    color: #ff6600;
    text-decoration: underline;
}

#modalLocataire .active {
    background-color: #46027D;
    border-bottom: 0px solid white;
}

#modalLocataire {
    border-bottom: 0px solid white;
    padding-bottom: 10px;
}

.etat-civil .description {
    padding-top: 4%;
    padding-bottom: 2%;
}

.modal-footer .btn-suite {
    color: #ff6600;
    font-size: 14px;
}

#revenuForm .table > tbody > tr > th, #revenuForm .table > tbody > tr > td {
    border-top: 0px solid white;
}

.justifForm .fetch-block {
    color: white;
}

.justifForm .table-bordered, .justifForm .table-bordered > thead > tr > th {
    border: none;
}

#btn-group-locataire .cancel, #btn-group-locataire .downald {
    border-right: 2px solid white;
}

.logo-container {
    padding-left: 0px;
}

#creer-epsace .form-group {
    margin-left: 0px;
}

#demandeurForm .form-group .popover, #cotitulaireForm .form-group .popover,
#loadPieceDem .popover, #loadPieceCot .popover {
    background-color: #a280be;
    color: white;
}

#btn-group-locataire .popover {
    background-color: #46027D;
    color: white;
}

#demandeurForm .form-group .popover .arrow, #demandeurForm .form-group .popover .arrow:after,
#cotitulaireForm .form-group .popover .arrow, #cotitulaireForm .form-group .popover .arrow:after,
#loadPieceDem .popover .arrow, #loadPieceDem .popover .arrow:after,
#loadPieceCot .popover .arrow, #loadPieceCot .popover .arrow:after {
    color: #a280be;
}

/************************************************************/
#revenuForm .popover {
    background-color: #a280be;
    color: white;
}

#creer-epsace .popover {
    font-size: 12px;
    /* 	 background-color: #a280be; */
    background-color: #46027D;
    color: white;

}

/*************************************************************/

#demandeurForm .dropdown-menu > .active > a, #cotitulaireForm .dropdown-menu > .active > a,
#demandeurForm .dropdown-menu > .active > a:hover, #cotitulaireForm .dropdown-menu > .active > a:hover {
    background-color: #46027D;
    background-image: none;
}

.progress-bar {
    background-color: #46027D;
    background-image: linear-gradient(to bottom, #46027D 0, #46027D 100%);
}

#panel-cookie {
    margin-bottom: 0px !important;
    padding-top: 20px !important;
}

.anchor {
    display: block;
    height: 100px; /*same height as header*/
    margin-top: -100px; /*same height as header*/
    visibility: hidden;
}

/*Browse button*/
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

input[readonly] {
    background-color: white !important;
    cursor: text !important;
}

/*Browse End*/
#modal-donnees-personnelles .icon_statut_container {
    bottom: 5px !important;
    right: 5px;
    position: absolute !important;
}

/************************/
@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    /*.carousel-indicators {*/
    /*bottom: 20px;*/
    /*}*/
}

.arrow_box, .inactive_box, .valide_box {
    border-right: 2px solid white !important;
}

/*.logo_visale{*/
/*right: 140px;*/
/*}*/

/*.identite {*/
/*left: 80px;*/
/*}*/
#locataire-contrat-demande .sujet .btn-presentation {
    margin: 20px 0 20px 55px;
}

#locataire-contrat-demande .form-horizontal .control-label {
    text-align: left;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.messageRec {
    background-color: #37B2F0;
    text-align: left;
    border-radius: 5px;
}

.messageRecLoc {
    background-color: #591B8A;
    text-align: left;
    border-radius: 5px;
}

.messageSend {
    background-color: #E1EAED;
    text-align: right;
    border-radius: 5px;
}

.messageNonRead {
    font-weight: bold;
}

.pointerLiens {
    cursor: pointer;
}

.pointerLiens:hover {
    color: #6666FF;
}

.st-sort-ascent:before {
    content: '\25B2';
}

.st-sort-descent:before {
    content: '\25BC';
}

.buttonjoindre {
    background: url("../../icons/recouvement/conseiller.png");
    background-size: 25%;
    background-position: 50% 10%;
    background-repeat: no-repeat;
    height: 80px;
    width: 180px;
    padding-top: 40px;
    /*    	padding-left: 20px;
       padding-right: 20px; */
}

.buttonsendemail {
    background: url("../../icons/recouvement/sendemail.png");
    background-size: 25%;
    background-position: 50% 10%;
    background-repeat: no-repeat;
    height: 80px;
    width: 180px;
    padding-top: 40px;
    /*    	padding-left: 20px;
       padding-right: 20px; */
}

.buttonrapple {
    background: url("../../icons/recouvement/becalled.png");
    background-size: 25%;
    background-position: 50% 10%;
    background-repeat: no-repeat;
    height: 80px;
    width: 180px;
    padding-top: 40px;
    /* 	border-color: orange; */
    /*    	padding-left: 20px;
       padding-right: 20px; */
}

.buttonSelected {
    border-color: orange;
}

.form-horizontal .glyphicon-remove {
    color: #ff6600;
    font-size: 1.5em;
    vertical-align: middle;
    cursor: pointer;
}

.firstLetterMaj {
    text-transform: capitalize;
}

.allLetterMaj {
    text-transform: uppercase;
}

/* cacher la pagination Joomla  */
ul.pager.pagenav.ng-scope {
    display: none;
}

hr.divider-vertical.ng-scope {
    display: none;
}

.zigzag {
    margin-top: 15px;
    margin-bottom: 39px;
}

.word-wrap {
    word-wrap: break-word;
}

.li-pj-loc {
    white-space: normal;
    float: none;
}

.upload-doc tr {
    width: 100%;
    display: block;
}

.upload-doc td {
    width: 100%;
    display: block;
    padding: 5px !important;
}

.clear {
    clear: both;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
.x-ng-cloak {
    display: none !important;
}

#dropdown-menu-connexion {
    margin-top: 1px;
}

#logo-visale-aside {
    height: 100px;
    background-color: #F1F1F1;
    min-height: auto;
}

.fixed-pastille {
    position: fixed;
    z-index: 1000;
    top: 30%;
    width: 30px;
    right: 50px;
    height: 105px;
    background-color: white;
    border-radius: 15px;
}

#t3-mainbody {
    width: 700px
}

#recap-contrat-adhesion {
    overflow: auto;
    height: 300px;
}

#recap-contrat-adhesion-btn-left {
    text-align: left;
    margin-bottom: 20px;
}

#recap-contrat-adhesion-btn-right {
    text-align: right;
    margin-bottom: 20px;
}

.modal-open-tmp {
    overflow: hidden;
}

#modal-refus-contrat, #modal-refus-contrat-success {
    text-align: center;
}

/*.has-error .form-control {*/
    /*background-color: #FFBD80 !important;*/
/*}*/

.contrat-adhesion {
    position: relative;
    z-index: 1;
}

.contrat-adhesion .filigrane {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../../icons/filigrane_projet.png") center 0;
    width: 100%;
    height: 100%;
}

#demandeurForm .tooltip, #cotitulaireForm .tooltip {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    padding: 0px;
    opacity: 1;
}

#demandeurForm .tooltip .tooltip-inner, #cotitulaireForm .tooltip .tooltip-inner {
    background-color: #a280be;
    color: white;
}

#demandeurForm .tooltip .tooltip-arrow, #cotitulaireForm .tooltip .tooltip-arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-left-width: 11px;
    border-right-width: 11px;
    border-top-width: 11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-color: transparent;
    border-lef-color: transparent;
    border-right-color: transparent;
    bottom: -11px;
    color: #a280be;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
}

#demandeurForm .tooltip.top > .tooltip-arrow::after, #cotitulaireForm .tooltip.top > .tooltip-arrow::after {
    color: #a280be;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: 1px;
    margin-left: -10px;
    content: "";
    border-bottom-width: 0;
    border-left-width: 10px;
    border-right-width: 10px;
    border-top-width: 10px;
    border-top-color: #fff;
    border-bottom-color: transparent;
    border-lef-color: transparent;
    border-right-color: transparent;
}

.group-header {
    text-align: center;
    margin-top: 20px;
}

.cookies-panel {
    margin-bottom: -1px;
    padding: 0;
    opacity: 0.85;
}

.cookies-panel-heading {
    text-align: right;
    padding: 3px;
    border-radius: 0;
}

.menu-item {
    background: white none repeat scroll 0 0;
    height: 100px;
}

img#loader {
    position: absolute;
    left: 50%;
    /* Firefox */
    bottom: -moz-calc(50% + 99px);
    /* WebKit */
    bottom: -webkit-calc(50% + 99px);
    /* Opera */
    bottom: -o-calc(50% + 99px);
    /* Standard */
    bottom: calc(50% + 99px);
    margin-left: -64px;
    background: transparent;
}

div#loading {
    position: fixed;
    overflow: hidden;
    opacity: 0.3;
    z-index: 99999;
    height: 100%;
    width: 100%;
    display: none;
    background-color: rgb(88, 88, 90);
}

.sortable {
    cursor: pointer;
}

.redtext {
    color: red;
}