// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap


html,body {
	height:100%;
}

body {
	background:#ffffff;
}

h1 {
	font-size:30px;
	color:#686868;
}

p {
	color:#686868;
}

header {
	background: white !important;
}

* Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}


.opinion-system-widget-company-rating, .os-bootstrap {
	background:none!important
}

h2.selection, h2.selection a {
	font-size:23px;
	color:#686868;
}

hr.selection {
	background-color:#DF0C3C;
	width:70px;
	height:1px;
}

#contact-form label{display:none !important;}

hr.savoir-rule {
	background-color:#DF0C3C;
	width:100%;
	height:1px;
}

hr.sub-h3 {
	background-color:#DF0C3C;
	width:30px;
	height:1px;
}


h2.selection span {
	color:#DF0C3C;
}

p.sub-h1 {
	font-size:18px;
}

img, a {
	border:none;
}

a:hover {
	text-decoration:none;
}

.vignettes {
	height:auto;
	min-height:310px;
	width:100% !important;
	object-fit: cover;
}

input[type="text"],input[type="submit"],button,p,a,label,table,tr,td,th,h1,h2,h3,h4,span,div,ul,li,address,i {
	font-family:'Prompt', sans-serif;
}

input[type="text"],textarea,select,button.selectpicker {
	border:0important;
	text-align:left;
	color:#212529 !important;
	font-weight:400 !important;
	font-size:16px !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#686868 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#686868 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color:#686868 !important;
}

.rechercher {
  background-color:#DF0C3C;
  color:white;
  font-size:16px;
}

.rechercher-w {
  width:25%;
}

.dropdown-toggle {
	flex-wrap: wrap !important;
	word-wrap: break-word;
	white-space: break-spaces !important:  
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	color:#212529 !important;
	font-weight:400 !important;
	font-size:16px !important;
}

.fa-phone, .fa-user-circle {
	font-size:25px;
}

.fa-user-circle {
	color:#939393 !important;
	vertical-align: inherit;
}

.fa-user-circle {
	padding-right:7px;
}

.fa-phone {
	color:#DF0C3C;
	vertical-align: inherit;
}

.fa-facebook-square {
	font-size:33px;
	color:#4e69a2;
	vertical-align: inherit;
}

.footer .fa-map-marker-alt, .footer .fa-phone, .footer .fa-envelope-open, .footer fa-map-marker-alt {
	font-size:16px;
	color:#DF0C3C;
}

.footer .fa-facebook-square {
	font-size:18px;
	color:#4f6aa0;
}

a.face {
	color:#4f6aa0 !important;
}

a.mobile {
	color:#DF0C3C;
	font-size:18px;
	font-weight:400;
}

a.extranet {
	color:#686868;
	font-size:16px;
	font-weight:400;
	border-color:#939393 !important;
}

a.facebook {
	font-size:16px;
}

ul.very-top-menu {
	width:100%;
	text-align:right;
}

ul.very-top-menu li {
	 display: inline-block;
	 vertical-align: middle;
}

ul.very-top-menu li a:hover {
	 text-decoration:none;
}

ul.real-menu li a {
	font-size:17px;
}

ul.real-menu li a:hover {
	color:#DF0C3C !important;
	/* border-bottom:4px solid #DF0C3C !important; */
}

.bg-light {
	background:#ffffff !important;
}

.nav-link {
	color:#686868 !important;
}

.ornacontainer form {
}

.h1home {
	color:#DF0C3C !important;
}

article.ornano {
	background-size: cover;
}

article.ornano2 {
	background: url('../img/saint-jean-de-luz-0.jpg') no-repeat center center;
	background-size: cover;
	max-height:250px;
}

#biens {
	background-size: cover !important;
	background:no-repeat center center;
}

.formboot form {

}

.figure-img {
	margin-bottom:0 !important;
}

.figure-caption, .figure-caption a {
	background:#ededed;
	color:#0C3279 !important;
	border:1px thin #0C3279 !important;
	font-family:'Prompt', sans-serif !important;
	font-size:16px !important;
	max-height:210px !important;
	height:210px !important;
	overflow:hidden !important;
}

span.title-bien, span.title-ville {
	font-size:16px;
}

span.title-prix {
	font-size:25px;
	color:#DF0C3C !important;
}

span.title-prix small {
	font-size:15px;
}

.voir {
	background:#DF0C3C !important;
	border:0 !important;
}

#biens-locations {
	background:#ededed;
}

.topfiche {
	border-top:2px solid #DF0C3C;
}

#biens-locations .figure-caption {
	background:#ffffff;
}

.speech {
	color: #0C3279 !important;
}

.signature {
	color:#DF0C3C;
}

#achat-immobilier-pays-basque
{
	background: no-repeat center center;
	background-size: cover;
	border-top: 1px solid #DF0C3C;
	border-bottom: 1px solid #DF0C3C;
	min-height:590px;
	height:auto;
}

#vous-avez-un-bien-a-vendre
{
	/* background: url('../img/vente_immobilier.jpg') no-repeat center top; */
	background-size: cover;
	min-height:390px;
	height:auto;
}

#nous-gerons-la-location
{
	/* background: url('../img/gestion_locative.jpg') no-repeat center top; */
	background-size: cover;
	min-height:390px;
	height:auto;
}

#la-gestion-de-votre-copropriete
{
	/* background: url('../img/gestion_syndic.jpg') no-repeat center top; */
	background-size: cover;
	min-height:390px;
	height:auto;
}

#pre-estimez-votre-bien-en-ligne
{
	/* background: url('../img/estimation_bien_immobilier.jpg') no-repeat center top; */
	background-size: cover;
	min-height:390px;
	height:auto;
}

.row-seo h2 {
	color:#0C3279;
}

.comm-accueil {
	background:#ffffff;
	border-right:3px solid #DF0C3C;
	overflow:hidden;
	min-height:280px !important;
	height:auto !important;
	margin-top:3%;
	width:50%;
	border-radius:0 !important;
	text-align:justify;
}

.comm-accueil2 {
	border-right:0;
	border-left:3px solid #DF0C3C;
}

.comm-accueil3 {
	width:100% !important;
}

.comm-accueil h2 {
	font-size:22px;
	color:#DF0C3C;
}

.comm-accueil p {
	font-size:16px;
}

a.savoir {
	font-size:16px;
	color:#DF0C3C;
}

.footer {
  height:auto;
  min-height:240px;
  line-height: 60px;
  background-color: #ededed;
}

.footer .col2 {
	border-left:1px solid #c7c7c7;
}


.footer h3 {
	font-size:14px;
	color:#666666;
}

.footer ul li {
	line-height:15px;
	padding-bottom:7px;
}

.footer ul li a, .footer address, .footer address a {
	font-size:14px;
	color:#808080;
}

.footer br {
	line-height:0;
	margin-bottom:0;
}

.footer br:after, .footer br:before {
	content: "";
}

address {
	line-height:30px !important;
}

iframe {
	width: 1px;
	min-width: 100%;
}

#bien-validate {
	text-align:center;
}

a.filters {
	color:#686868;
}



.copyrights {
	color:#666666;
}

.modal-lg {
	width:90% !important;
	max-width:90% !important;
}

.btn-primary {
	background-color:#DF0C3C;
	border-color:#DF0C3C;
}

.infos .list-group-item {
	padding:0.3rem 0rem;
	border:0;
}

.flexslider {
	margin:0 0 20px !important;
}

.btn-outline-danger {
	border-color:#DF0C3C;
}

.infofiche address a {
	color:#686868;
}

.infofiche address i {
	color:#DF0C3C;
}

.infofiche hr {
	background:#DF0C3C;
}

.infofiche form {
	padding-top:25px;
}

.infofiche form input[type="text"],.infofiche textarea {
	border-color:#DF0C3C;
}

.infofiche form .envoyer {
	text-align:center;

}

.infofiche form .btn-outline-danger {
	color:#DF0C3C;
}

.infofiche form .btn-outline-danger:active:focus, .infofiche form .btn-outline-danger:hover {
	background:#DF0C3C;
	color:white;
}

.fiche-title2 {
	font-size:16px;
	color:#DF0C3C;
	background:white;
	border-top:none;
	border-left:none;
	border-right:none;
	border-radius:0;
	padding-left:0;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {
	border-color:blue;
}

#carousel {
	max-height:160px !important;
}

#carousel .slides img {
	max-height:150px !important;
}

strong {
	color:#686868;
}

header {
	min-height:165px;
	background:white;
}

article.ornano p {
	color:#0C3279 !important;
}

#biens {
	background:white !important;
}

#biens h2 {
	font-size:19px;
	font-weight:800;
}

#map {
	z-index:10000;
	width:100%;
	height:500px;
}

.dropdown-menu {
	margin-top:0 !important;
}

span.title-bien, span.title-description {
	color:#686868;
}

h1.ficheh1 {
	color:#0C3279;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
	width:85px;
	height:85px;
}

.formtel {
	font-size:30px !important;
}

.formcontact span {
	color:#0C3279;
}


#biens i {
	font-size:22px;
}

.dropdown .btn-secondary {
	background-color:#DF0C3C;
	border-color:#DF0C3C;
}



/*Small devices (landscape phones, 576px and up) */
@media (max-width: 575px) {

.formtel {
	font-size:20px !important;
}

#slider {
	max-height:200px !important;
}

	.figure-caption {
	max-height:235px !important;
	height:235px !important;
}

	.vignettes {
	height:310px;
	min-height:310px;

}

	h2.selection {
	font-size:16px;
}

	.voir {
	font-size:12px !important;
	}

	#biens-locations {
	padding-bottom:0 !important;
	}

	#achat-immobilier-pays-basque, #pre-estimez-votre-bien-en-ligne
{
	background: white !important;
	background-image: none !important;
}

	.comm-accueil {
	width:100%;
	border-right:0;
	padding-bottom:0 !important;
}

	.comm-accueil2 {
	border-left:0;
	clear:right !important;
	padding-left:0 !important;
}

.comm-accueil h2 {
	font-size:16px;
}

article.ornano2 {
	background: url('../img/saint-jean-de-luz-0.jpg') no-repeat center top;
	background-size: cover;
	height:auto !important;
	min-height:567px !important;
	max-height:567px !important;
}

.lead {
	font-size:16px !important;
}

.infos .list-group-item {
	padding:0.3rem 1rem;
	border:0;
}
}

@media (min-width: 321px) and (max-width: 576px) {
#slider {
	max-height:300px !important;
}
}

/*Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/*Small devices (landscape phones, 576px and up) + Tablettes */
@media (min-width: 576px) and (max-width: 991.98px) {

	.vignettes {
	height:250px !important;
	width:100% !important
}

	.comm-accueil {
	width:60%;
}

#slider {
	max-height:450px !important;
}

.formtel {
	font-size:20px !important;
}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	article.ornano {
		min-height:567px;
	}

	article.ornano2 {
	padding-bottom:70px !important;
	height:300px !important;
}


}


/* Mobiles + Tablettes */
@media (max-width: 991.98px) {



ul.real-menu {
	margin-left: auto;
    margin-right: auto;
    text-align:center;
	}

	ul.real-menu li, ul.real-menu li a {
	 text-align:center;
	 font-size:17px;
	}

.dropdown-menu {
	border:0 !important;
}

h1 {
	font-size:25px;
}

p.sub-h1 {
	font-size:16px;
}

ul.real-menu li a {
	color:#DF0C3C;
}

ul.real-menu li a.btn-primary {
	color:white !important;
}

ul.real-menu li a:hover {
	border-bottom:0 !important;
}

.rechercher-w {
  width:50% !important;
}

.footer .col2 {
	border-left:0;
	padding-left:15px !important;
}

hr.sub-h3 {
	width:100%;
}

.footer h3 {
	padding-top:20px;
}

article.ornano2 {
	background: url('../img/saint-jean-de-luz-0.jpg') no-repeat center top;
	background-size: cover;
	height:auto !important;
	max-height:300px;
	min-height:300px;
}
}



/* Desktop hors XL */
@media (min-width: 992px) and (max-width: 1199.98pxpx) {

	ul.real-menu li a {
	font-size:13px;
	}

	a.mobile {
	font-size:14px;
}

a.extranet {
	font-size:14px;
}

a.facebook {
	font-size:14px;
}

.vignettes {
	min-height:250px;
	height:250px;
}


	 }


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {


	.navbar-nav li:hover .dropdown-menu {
    display: block;
	}

	.row-h1 {
	padding-top:40px;
	padding-bottom:170px;
	}

	article.ornano2 {
	max-height:250px;
	min-height:250px;
}

	.modal-lg {
	width:90% !important;
	max-width:90% !important;
}

	.vignettes {
	min-height:290px;
	height:290px;
}

ul.real-menu li a {
	font-size:14px;

	 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	a.asc {
	background:url(../img/asc.png) right 80% no-repeat;
	padding-right:22px !important;
}

a.desc {
	background:url(../img/desc.png) right 80% no-repeat;
	padding-right:22px !important;
}

	.vignettes {
	height:290px;
	min-height:290px;
}

	.carousel-inner img {
	max-height:800px !important;
	width:100% !important;
	}


}

.homelink, .achatlink, .locationlink, .vacanceslink, .gestionlink, .syndiclink, .honoraireslink, .contactlink {
	position:relative;
	padding-top:30px;
	color:#5D5D5D !important;
}

.homelink:before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  top: 0;
  left:40%;
  content: "\f015";
  font-weight:900;
  font-size:22px;
  opacity:0.5;
}

.achatlink:before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  top: 0;
  left:40%;
  content: "\e010";
  font-weight:900;
  font-size:22px;
  opacity:0.5;
}

.locationlink:before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  top: 0;
  left:40%;
  content: "\f1ad";
  font-weight:900;
  font-size:22px;
  opacity:0.5;
}

.vacanceslink:before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  top: 0;
  left:40%;
  content: "\f185";
  font-weight:900;
  font-size:22px;
  opacity:0.5;
}

.gestionlink:before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  top: 0;
  left:40%;
  content: "\f2b5";
  font-weight:900;
  font-size:22px;
  opacity:0.5;
}

.syndiclink:before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  top: 0;
  left:40%;
  content: "\f63d";
  font-weight:900;
  font-size:22px;
  opacity:0.5;
}

.honoraireslink:before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  top: 0;
  left:40%;
  content: "\f153";
  font-weight:900;
  font-size:22px;
  opacity:0.5;
}

.contactlink:before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  top: 0;
  left:40%;
  content: "\f2c2";
  font-weight:900;
  font-size:22px;
  opacity:0.5;
}


}

/* Extra large devices (large desktops, 1500px and up) */
@media (min-width: 1400px) {

	.vignettes {
	height:330px;
	min-height:330px;
}

ul.real-menu li a {
	font-size:18px;
}