/*
// Couleurs generales 
$Background==#565656;
$Background_Conteneur==#C0D4DA;
$Foreground_Conteneur==#2E6F86;

// Couleurs du menu
$Background_Menu==#2E6F86;
$Foreground_Menu==#97B7C3;
$Background_Menu_Hover==#ffffff;
$Foreground_Menu_Hover==#23527C;
$Foreground_Menu_Active==#ffffff;

// Couleurs annonces
$Background_Annonce==#D3E1E4;
$Background_Annonce_Form==#588C9F;
$Foreground_Annonce_Light==#80A8B6;

// Couleurs contact
$Background_Contact==#B3D4DC;
$Background_Contact_Field==#C2DDE3;
*/
@media (min-width: 1200px) {
	body .container {
		width: 90% ;
	}
}

@media screen and (max-width: 640px) {
	.container {
		width: 100% !important;
		padding-right: 0px !important;
    	padding-left: 0px !important;
	}
}
	
a {
	color: #2E6F86;
	text-decoration:none;
}

body {
	background-color:#565656 !important;
	/*margin-left:-15px !important;
	margin-right:-15px !important;
	overflow-x:hidden !important;*/
}

header {
	margin-bottom:-1px !important;
}

.defaultContainerColors {
	background-color:#C0D4DA;
	color:#2E6F86;
}

.darkContainerColors {
	background-color:#2E6F86;
	color:#ffffff;
}

.whiteContainerColors {
	background-color:#ffffff;
	color:#2E6F86;
}

.emailContainerColors {
	background-color:#B3D4DC;
	color:#2E6F86;
}

.emailDarkContainerColors {
	background-color:#2E6F86;
	color:#ffffff;
}

.emailDarkContainerColors input[type=text], 
.emailDarkContainerColors textarea {
	background-color:#588C9F !important;
	color:#ffffff !important;
}

.container > .navbar-header,
.container > .navbar-collapse {
	margin:0px !important;
}

.bs-docs-nav .navbar-toggle .icon-bar {
	background-color:#ffffff;
}

button.navbar-toggle.collapsed:hover {
	background-color:#97B7C3;
}

h1 {
	text-align: center;
	font-size: 23px !important;
	letter-spacing: 7px !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
	margin-top:30px !important;
}

h2 {
	text-align: center;
	font-size: 16px !important;
	letter-spacing: 7px !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
	margin-top:0px !important;
	margin-bottom: 20px !important;
}

h3 {
	color:#2E6F86;
	font-size: 12px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	margin-top:0 !important;
	padding-top:15px !important;
	margin-bottom: 8px !important;
	padding-bottom:8px;
	border-bottom:1px solid #2E6F86 !important;
}

header .nom-entete {
	position:absolute; 
	color: #ffffff; 
	z-index: 400; 
	font-family: sans; 
	height:300px;
	width:75%;
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF); 
	-ms-filter:'progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)'; 
	background: rgba(46, 111, 134, 0.5); */
	text-shadow: black -1px 1px; 
	font-size: 34px; 
	font-family:Arial;
}

header .nom-entete tr td {
	padding-left:25px;
	padding-right:25px;	
	vertical-align:bottom;
	padding-bottom:20px;
}

/*header .navbar-header {
	height:70px;
}*/

header .navbar-header, 
header nav {
	background-color:#2E6F86;
}

header li a {
	color:#97B7C3;
	text-transform: uppercase;
	font-size:13px;
}

@media (min-width:760px) and (max-width:1200px) { 
	header li a {
		padding: 15px 10px !important;
	}
}

@media (min-width:760px) and (max-width: 992px) { 
	header li a {
		padding: 15px 8px !important;
	}
}

header li a:hover,
header li.dropdown.open a {
	background-color:#ffffff !important;
	color:#23527C;
}

header li.dropdown.open ul li a:hover {
	background-color:#2E6F86 !important;
	color:#97B7C3 !important;
}

header li:hover {
	border-bottom: 8px solid #ffffff;
}

header nav[aria-expanded=true] li:hover {
	border-bottom:none;
}

header li.active,
header li.active:hover,
header nav[aria-expanded=true] li.active:hover {
	border-bottom: 8px solid #ffffff;
}

header li.active a {
	color:#ffffff;
}

header li.active a:hover {
	color:#23527C;
}

header ul.dropdown-menu li:hover {
	border:none;
}

header li.dropdown a:hover {
	cursor:pointer;
}

header nav {
	padding-top:12px;
}

header .navbar-header img.marianne {
	height:50px;
	margin-left:30px;
	float:left;
	-ms-interpolation-mode: nearest-neighbor;
}

header img.marianne-entete {
	margin-top:3%; 
	margin-left:10px; 
	width: 15%;
	position: absolute;
	z-index: 100000;
}

header .surement {
	color:#97B7C3;
	font-size: 14px;
	float: left;
	margin-left: 15px;
	padding-top: 14px;
	border-left:1px solid #ffffff;
	padding-left:15px;
	height:45px;
	font-style:italic;
	margin-top:13px;
	margin-right:15px;
}

/* Entre 760px et 1200px : on diminue la taille prise par "Les notaires surement et pour longtemps ! */
@media (min-width:760px) and (max-width: 1200px) { 
	header .surement {
		margin-left:0px;
		padding-left:12px;
    	max-width:180px;
    	padding-top:4px;
    }
}

header .surement.visible-xs {
	/*max-width:75%; */
	margin-right:0px; 
	/*margin-left:0px; */
	padding-top:0px; 
	padding-left:8px;
	padding-bottom:8px;
	border:none;
}

/*header button.navbar-toggle {
	margin-top:20px;
}*/

.full-width {
	width:100%;
}

.container-fluid.divider,
.container.divider {
	height:1px;
	line-height:1px;
	background-color: #97B7C3;
}

.bloc-annonce-carre {
	background-color: #D3E1E4;
	text-transform: uppercase;
	font-size:11px;
	font-weight: bold;
	padding-bottom:5px;
}

.bloc-annonce-carre a {
	color:#2E6F86 !important;
}

/*.bloc-annonce-carre img {
	max-width:100%;
	min-width:100%;
	margin-bottom: 8px;
}*/

.bloc-annonce-carre .imgContainer {
	height: 255px;
	overflow: hidden;
	margin-bottom: 8px;
	background-image: url('https://sites-notaires.immonot.com/images/marianne.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bloc-annonce-carre .light-color {
	color:#80A8B6;
}

.formulaire-annonce .element {
	background-color:#588C9F;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	border-left:10px #2E6F86 solid;
}

.formulaire-annonce .btn-group button {
	background-color:#588C9F !important;
	border: none !important;
	color:#ffffff; /* !important*/
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	padding-left:0;
}

.formulaire-annonce ul.multiselect-container.dropdown-menu label {
	font-size:11px;
}

.formulaire-annonce ul.multiselect-container.dropdown-menu label input[type=checkbox] {
	margin-top:2px !important;
}

.formulaire-annonce ul.multiselect-container.dropdown-menu label input[type=radio] {
	margin-top:0px !important;
}

.formulaire-annonce .element input[type=text] {
	border:1px #ffffff solid;
	background-color:#588C9F;
	-webkit-appearance: none;
	border-radius:0;
	padding: 3px;
	padding-left: 5px;
	width:65px;
	margin-top:3px;
	margin-bottom:3px;
}

.formulaire-annonce .label-criteres-supplementaires {
	padding-top: 10px;
	padding-bottom: 10px;
	color:#ffffff;
}

.formulaire-annonce .element input[type=submit] {
	-webkit-appearance: none;
	background-color: #ffffff;
	border: none;
	width: 100%;
	/* padding: 4px; */
	font-size: 14px;
	height: 29px;
	border-radius:0;
	color:#23527C;
	text-transform: uppercase;
	letter-spacing: 2px;
}

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

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

.formulaire-annonce .element .filtre-element button {
	max-width:80px;
}

.formulaire-annonce .dark-background {
	background-color:#2E6F86;
}

.formulaire-annonce .dark-background .btn-group button,
.formulaire-annonce .dark-background input[type=text] {
	border: 1px #588C9F solid !important;
	background-color:#2E6F86 !important;
}

.formulaire-annonce .dark-background .btn-group button {
	padding-left:5px;
}

@media (min-width:769px) {
	.formulaire-annonce .dark-background .btn-group button {
		margin-top:-3px;
	}
}

.formulaire-annonce .criteres-supplementaires-haut {
	border-top: 1px #588C9F solid;
}

.formulaire-annonce .criteres-supplementaires-bas {
	border-bottom: 1px #588C9F solid;
}

.pied-de-page {
	background-color:#2E6F86;
	color:#ffffff;
	padding:5px;
}

.pied-de-page a {
	color:#ffffff;
}

.pied-de-page a:hover {
	color:#ffffff;
}

#formulaireContact input[type=text],
#formulaireContact textarea {
	background-color:#C2DDE3;
	border:none;
	-webkit-appearance: none;
	border-radius:0;
	color:#2E6F86;
	padding:5px;
	padding-left:10px;
	width:100%;
}

#formulaireContact input::-webkit-input-placeholder,
#formulaireContact textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:#2E6F86;
    font-weight: bold;
    font-size:12px;
}

#formulaireContact input:-moz-placeholder,
#formulaireContact textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#2E6F86;
   opacity:  1;
   font-weight: bold;
   font-size:12px;
}

#formulaireContact input::-moz-placeholder,
#formulaireContact textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#2E6F86;
   opacity:  1;
   font-weight: bold;
   font-size:12px;
}

#formulaireContact input:-ms-input-placeholder,
#formulaireContact textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:#2E6F86;
   font-weight: bold;
   font-size:12px;
}

#formulaireContact .btn-group {
	width:100%;
}

#formulaireContact .btn-group button {
	font-weight: bold;
    font-size:12px;
	border: none !important;
	color:#2E6F86;
	background-color:#C2DDE3 !important;
	width: 100%;
	text-align: left;
}

#formulaireContact .btn-group button b.caret {
	float:right;
}

#formulaireContact img.securityCode {
	height: 30px;
	width: 100%;
	max-width:100px;
}

#formulaireContact input[type=submit] {
	-webkit-appearance: none;
	background-color: #ffffff;
	border: none;
	width: 100%;
	/* padding: 4px; */
	font-size: 14px;
	height: 29px;
	border-radius: 0;
	color: #23527C;
	text-transform: uppercase;
	letter-spacing: 2px;
}

body.immobilier .moteurRecherche {
	border-top:1px white solid;
}

.pager-bloc a {
	color:#2E6F86;
	margin:3px;
	font-weight:bold;
	font-size:12px;
}

.pager-bloc .row {
	padding:20px 0;
}

.pager-bloc .nb-annonces {
	font-size:24px;
}

.pager-bloc .pagerPageEnCours {
	background-color:#2E6F86;
	color:#ffffff;
	padding:5px;
}

body.immobilier .infos-detail-bien {
	border-top:1px white solid;
}

.emailDarkContainerColors #formulaireContact input::-webkit-input-placeholder,
.emailDarkContainerColors #formulaireContact textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:#ffffff;
    font-weight: bold;
    font-size:12px;
}

.emailDarkContainerColors #formulaireContact input:-moz-placeholder,
.emailDarkContainerColors #formulaireContact textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#ffffff;
   opacity:  1;
   font-weight: bold;
   font-size:12px;
}

.emailDarkContainerColors #formulaireContact input::-moz-placeholder,
.emailDarkContainerColors #formulaireContact textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#ffffff;
   opacity:  1;
   font-weight: bold;
   font-size:12px;
}

.emailDarkContainerColors #formulaireContact input:-ms-input-placeholder,
.emailDarkContainerColors #formulaireContact textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:#ffffff;
   font-weight: bold;
   font-size:12px;
}

div.messageSuccess {
	color:#ffffff !important;
}

.jssort07 .i {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 99px;
    height: 66px;
    filter: alpha(opacity=80);
    opacity: .8;
}

.jssort07 .p:hover .i, .jssort07 .pav .i {
    filter: alpha(opacity=100);
    opacity: 1;
}

.jssort07 .o {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 97px;
    height: 64px;
    border: none;
    transition: border-color .6s;
    -moz-transition: border-color .6s;
    -webkit-transition: border-color .6s;
    -o-transition: border-color .6s;
}

* html .jssort07 .o {
		                    /* ie quirks mode adjust */
    width /**/: 99px;
    height /**/: 66px;
}

.jssort07 .pav .o, .jssort07 .p:hover .o {
    border: 1px solid #fff;
}

.jssort07 .pav:hover .o {
    border: 1px solid #0099FF;
}

.jssort07 .p:hover .o {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.jssora11l, .jssora11r, .jssora11ldn, .jssora11rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(/images/a11.png) no-repeat;
    overflow: hidden;
}

.jssora11l {
    background-position: -11px -41px;
}

.jssora11r {
    background-position: -71px -41px;
}

.jssora11l:hover {
    background-position: -131px -41px;
}

.jssora11r:hover {
    background-position: -191px -41px;
}

.jssora11ldn {
    background-position: -251px -41px;
}

.jssora11rdn {
    background-position: -311px -41px;
}

.bloc-annonce-detail {
	background-color:#D3E1E4;
}

body.immobilier .bloc-annonce-detail {
	padding-bottom: 8px;
}

body.immobilier .infos-detail-bien {
	font-size:16px;
	font-family:sans-serif;
}

body.immobilier .infos-detail-bien.first-line div {
	padding:10px;
	margin-top:8px;
	margin-bottom:8px;
	min-height:80px;
}

body.immobilier .infos-detail-bien .surface {
	text-align:center;
}

body.immobilier .infos-detail-bien .pieces {
	text-align:center;
}

body.immobilier .infos-detail-bien .surface,
body.immobilier .infos-detail-bien .pieces,
body.immobilier .infos-detail-bien .transaction,
body.immobilier .infos-detail-bien .prix {
	border-right:1px solid #ffffff;
}

body.immobilier .infos-detail-bien .surface,
body.immobilier .infos-detail-bien .pieces,
body.immobilier .infos-detail-bien .reference {
	padding-top:30px !important;
}

body.immobilier .infos-detail-bien .transaction {
	padding-top:20px !important;
}

body.immobilier .infos-detail-bien .transaction {
	text-transform: uppercase;
}

body.immobilier .infos-detail-bien .prix .detail-prix {
	color:#97B7C3;
	font-size:12px;
}

body.immobilier .infos-detail-bien .reference {
	text-transform: uppercase;
	font-size:12px;
	text-align:center;
}

body.immobilier .infos-detail-bien .transaction .detail-commune {
	color:#97B7C3;
	font-size:12px;
	text-transform: none;
} 

body.immobilier .infos-detail-bien .reference .detail-reference {
	color:#97B7C3;
	font-size:12px;
}

@media (max-width: 992px) { 
	body.immobilier .infos-detail-bien > div {
		border-right:none !important;
		text-align:left !important;
		padding-top:0px !important;
		padding-bottom:0px !important;
		margin-top:5px !important;
		margin-bottom:5px !important;
		min-height:1px !important;
	}
	
	body.immobilier .infos-detail-bien .surface,
	body.immobilier .infos-detail-bien .pieces,
	body.immobilier .infos-detail-bien .reference,
	body.immobilier .infos-detail-bien .transaction {
		padding-top:0px !important;
	}
}
	
@media (max-width: 641px) { 
	body.immobilier .infos-detail-bien.second-line > div {
		text-align:center !important;
	}
}

body.immobilier .infos-detail-bien.second-line > div {
	text-align:center;
	padding:10px;
}

body.immobilier .infos-detail-bien.second-line a {
	color:#ffffff;
	font-size:14px;
}

.at15t_compact, .at300bs, .at15nc {
	display:none !important;
}

.addthis_toolbox {
	margin-top:-8px;
}

.border-collaborateur {
	border-top:1px dotted #2E6F86;
}

.marianne-collaborateur {
	border-radius: 309px;
	display: inline-block;
	height: 120px;
	background-image: url('https://sites-notaires.immonot.com/images/marianne.jpg');
	width: 120px;
	background-position: -4px 0;
	background-size: 133px 121px;
}

.horairesOuverture {
	font-weight:bold;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #2E6F86 url(/images/arrow.svg) no-repeat center 50%;
  background-color: #2E6F86;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}


#liste-photos-print {
	display:none;
}

a.lienUtile {
    text-decoration: underline;
}

.navbar-brand {
	padding: 5px 15px !important;
}


.article-content{
	width: 100%;
}
.widget-photo-container img {
    object-fit: contain;
	display: flex;
    width: 50%;
    margin: auto;
}
.widget-exergue-texte {
    position: relative;
    width: 50%;
    margin: 0;
    padding: 15px;
    margin-left: 35px;
    font-size: 1.6rem;
    font-weight: 600;
    float: right;
}
.widget-exergue-texte::before {
    content: '\201C';
    position: absolute;
    top: -20px;
    left: -15px;
    z-index: 2;
    font-size: 5rem;
    opacity: .2;
}
.widget-texte-conseil-container {
    background-color: #97B7C3;
    padding: 16px;
}
.widget-texte-conseil-titre {
    margin-top: unset;
}
.widget-texte-en-marge-container {
    border-left: 5px solid #97B7C3;
    padding-left: 16px;
}
.widget-video-container {
    position: relative;
    padding-top: 56.25%;
}
.widget-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.article-content h2 {
	margin-top: 3rem !important;
}
.article-content h3 {
	font-size: 1.4rem;
	padding-top: unset !important;
	border: none !important;
}
.article-content a {
	color: #ba0060;
}
.widget-chiffres-clefs-container {
    margin-top: 32px;
    padding-top: 8px;
    border: 1px solid #97B7C3;
}
.widget-chiffres-clefs-items-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 8px 0;
}
.widget-chiffres-clefs-titre {
    font-size: 1rem;
    text-align: center
}
.widget-chifres-clefs-item {
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}
.widget-chiffres-clefs-item-titre {
    color: #97B7C3;
    font-weight: 400;
}
.widget-chiffres-clefs-item-soustitre{
	text-decoration: underline;
}