/* 
----- COULEUR 1 : #B93644
----- COULEUR 2 : #506055
----- COULEUR 3 : #fff
*/
/* RESET */
button,
input,
select,
textarea,
p,
h1,
h2,
h3,
a {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: 400;
}

:root {
  --color1: #4a5d66;
  --color2: #ee6300;
  --color3: rgba(238, 99, 0, 0.80);
  --white: #fff;
}

body,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
strong,
div {
  font-family: 'Raleway', sans-serif !important;
}

.chambre {
  background: none !important;
}

.menu>li:hover,
.menu>li.sfHover {
  background-color: inherit;
  color: inherit;
}

/* GENERAL */
#backtotop {
  display: none !important;
}

b {
  font-weight: 600;
}

.titlebar {
  margin: 0;
  padding: 15px 0 !important;
}

ol li {
  line-height: 28px;
}

/* ---------- COULEUR 1 : #B93644 ---------- */
a:visited,
.newlist h4,
a.more-details,
h3.headline,
.menu>li>a,
#toplink,
.products .fa,
#footer-bottom,
#footer-bottom a,
.flex-column h1,
.flex-column a, body {
  color: var(--color1) !important;
}

#top-bar,
.products .pagination ul li a,
.products .pagination-next-prev ul li a,
#footer,
linkdetails,
.content-box.color-effect-1,
.details-overview,
.plusmoins,
.top-search button:hover,
.cart-buttons a,
.cart-buttons a.checkout,

#jPanelMenu-menu li a:hover,
input[type="button"],
input[type="submit"],
a.button,
a.button.dark:hover,
a.button.gray:hover,
.icon-box:hover span,
.tp-leftarrow:hover,
.tp-rightarrow:hover,
.sb-navigation-left,
.sb-navigation-right .product-discount,
.newsletter-btn,
#categories li a:hover,
#categories li a.active,
.flexslider .flex-prev:hover,
.flexslider .flex-next:hover,
.rsDefault .rsArrowIcn:hover,
.hover-icon,
#backtotop a:hover,
#filters a:hover,
#filters a.selected,
ul.top-bar-menu li a,
ul.top-bar-menu li,
ul.top-bar-menu li i,
.property-item .price,
tabs-nav li.active a,
#tabhomeacc.tabs-nav li.active a,
.tabs-nav li.active a,
.property-item .price,
#top-bar,
.sb-navigation-right,
.dropcap.full,
.icon-box span,
.fullwidth,
h3.ui-accordion-header.ui-helper-reset.ui-state-default.ui-accordion-icons.ui-corner-all.ui-accordion-header-active.ui-state-active.ui-corner-top,
a.caption-btn,
.fullwidth .list,
#filters a:hover,
.selected,
#portfolio-navi a:hover,
.pagination .selected,
.pagination .current,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover,
a.contactbtn:hover,
h3.headline.footer,
#topsearchform {
  background-color: var(--color1) !important;
}

/* ---------- COULEUR 2 : #506055 ---------- */
.content-box:hover .box-icon-effect-1a .box-icon i,
.product-category,
.newlist h4,
a.more-details,
.menu2>li.current a,
li.dropdown ul li a:hover,
.menu2 li a:hover,
.fa,
.footer-links li:before,
strong,
.flex-column h2 {
  color: var(--color2) !important;
}

.for-rent,
.info-banner,
.sb-navigation-left:hover,
.sb-navigation-right:hover,
a.button.color,
a.contactbtn,
.titlebar,
.vendu h4 {
  background: none;
  background-color: var(--color2) !important;
}

.fotorama__thumb-border {
  border-color: var(--color2) !important;
}

/* ---------- COULEUR 3 : #fff ---------- */
.info-content h3,
.info-content p,
.pagination ul li a:hover,
#top-bar,
#top-bar a,
#backtotop a,
#backtotop a:hover,
#backtotop a:visited,
a.button.color,
a.button.color:hover,
a.contactbtn,
.vendu h4,
li.dropdown ul li a:hover #toplink,
li.dropdown ul li a:hover,
#toplink:hover,
.colorlist,
#topsearchform label,
#footer,
#footer a,
.titlebar h1,
#jPanelMenu-menu li a:hover {
  color: var(--white) !important;
}

#footer-bottom,
.fullwidth,
#jPanelMenu-menu li a {
  background-color: var(--white) !important;
}

#mprixmax,
#mprixmin,
#cbien,
#mprixminl,
#mprixmaxl,
#orderby,
#lcp {
  max-height: 10px;
  width: 89%;
  height: 10px;
}



/* BANNER */

.logo{
  width: 125px;
  padding: 20px 20px 10px;
}
.logoindex1 {
  padding: 25px 0;
  max-width: 130px !important;
}

.logobanner {
  width: 150px !important;
  margin: 25px 0px 15px 50px !important;
  display: inline-block !important;
}

.tparrows {
  display: none;
}

.social-icons li {
  line-height: 0 !important;
}

.menu>li>a {
  padding: 0 5px;
  margin: 0px 15px 0px;
  font-weight: 600;
  background-color: transparent !important;
  text-transform: uppercase !important;
  font-size: clamp(.6rem,1vw,.75rem);
}

.menu>li.current {
  background: none !important;
}
ul.menu {
  display: flex;justify-content: center;
}
nav#navigation {
  float: none!important;
}
.menu>li>a:hover,
.menu>li.dropdown.current a,
#menu1 li.dropdown.current a {
  color: var(--color2) !important;

}

.titlebar h1 {
  text-align: center;
}

/* HOME PAGE */
h1,
h2,
h3,
.menu li a {
  text-transform: uppercase !important;
  letter-spacing: 1px;
}



#topsearchform {
  margin-top: -53px !important;
  border: 3px solid #fff;
}

#mprixmax,
#mprixmin,
#cbien,
#mprixminl,
#mprixmaxl,
#orderby,
#cbienl,
#lcp,
#qsurfterrain,
#qsurfhab,
#qchambres,
#cregionmeta,
#ctypmeta,
select#cregion,
select#ctyp,
select#cregionl,
select#ctypl,
#lcp,
#qsurfterrain,
#qsurfhab,
#qchambres,
#cregionmeta,
#ctypmeta,
#ctypmetal,
#qchambresl,
#cregionmetal,
#lcpl,
#llocalitel,
#qsurfterrainl,
#qsurfhabl,
#llocalite {
  border: none !important;
}

section.container,
section {
  padding: 75px 0;
}

section.contactform {
  padding: 50px 0;
}

section.presentation,
section.presentation h3.headline {
  background: var(--color1);
  color: var(--white) !important;
}

section.map {
  padding: 0 !important;
}

#personnel {
  min-height: 370px;
}

#personnel h4,
#personnel h5 {
  text-align: center;
  text-transform: uppercase;
}

#personnel h4 {
  color: var(--color1) !important;
  font-weight: 600;
}

#personnel h5 {
  color: var(--color2);
  line-height: 30px;
}

#personnel img {
  max-width: 230px;
  margin: 25px auto;
  border: 5px solid var(--color1);
  border-radius: 50%;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

#personnel img:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  border-radius: 0%;
}

.product-button {
  background: var(--color3) !important;
}

.slidingDiv {
  display: block !important;
}

.widget-text h4 {
  font-size: 13px !important;
  line-height: 17px !important;
}

#llocalite {
  max-height: none !important;
}

#top-bar {
  margin-top: none !important;
}

/* FOOTER */
#footer {
  padding: 50px 0;
}

.footer-links li:before {
  content: "\f0da" !important;
}

#footer .line {
  border-color: var(--color2) !important;
}

#footer .fa {
  margin-right: 10px;
}

#footer-bottom {
  background: none !important;
  font-size: 11px;
  line-height: 17px;
}

@media only screen and (max-width: 767px) {

  #mprixmax,
  #mprixmin,
  #cbien,
  #mprixminl,
  #mprixmaxl,
  #orderby,
  #lcp {
    width: 220px !important;
  }

  .slidingDiv,
  .menu2 {
    display: none !important;
  }

  #fbbox {
    width: 300px !important;
  }

  section {
    padding: 25px 0;
    margin: 50px 0;
  }

  #vente,
  #location {
    width: 20px !important;
  }

  #llocalite {
    height: 32px !important;
    background-color: #fff !important;
    width: 82%;
    border: 1px solid #0d0802;
    margin-left: 34px;
  }

  .property-item h4,
  .property-item h4 a {
    min-height: 34px;
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 24px;
  }

  #wrapper #topsearchform {
    margin-top: 10px !important;
  }

  a.menu-trigger i {
    margin: 10px !important;
    background: var(--color2) !important;
    color: #fff !important;
  }

  a.menu-trigger {
    margin: 0 !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    background: none !important
  }

  #jPanelMenu-menu {
    margin-top: 50px !important;
  }
}


/* LISTE DES BIENS BY GRAFICART */

.parent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);

  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin: 0 auto;
  padding: 75px 25px 25px;

}

.lightgrey {
  background-color: #E5E5E5 !important;
  padding-bottom: 50px;
}

.enfant {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  border-radius: 10px;
  background-color: #fff;
  transition: box-shadow .3s ease-in-out;

}

.enfant img {
  border-radius: 10px 10px 0 0;
}

.enfant:hover {
  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.3);
}

.enfant h4,
.enfant h4 a {
  font-size: 18px;
  font-weight: 600 !important;
  line-height: 20px;
  color: var(--color1);
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.enfant h5 {
  font-size: 18px;
  color: var(--color2) !important;
  font-weight: 600 !important;
  line-height: 20px;
  text-align: right;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

figure {
  position: relative;
}

figure figcaption {
  position: absolute;
  left: 0;
  top: 15px;

  font-size: 13px;
  padding: 0px 9px;

  display: block;
}

.details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px 20px 5px;
  font-weight: 600;
  min-height: 40px;
}

.property-meta {
  position: absolute;
  bottom: 5px;
  right: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.70);
  color: var(--color1) !important;

}

.enfant figcaption span {
  float: right;
  font-size: 12px;
  font-style: italic;
  padding: 3px;
  color: #fff;
  font-weight: 600;
}


.position {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.enfant .fa {
  color: var(--color2) !important;
  margin-right: 8px;
  font-size: 14px;
}
#wrapper img {
	width: 100%;
}
@media only screen and (max-width: 1200px) {
  .parent {
    grid-template-columns: repeat(2, 1fr);

  }
}

@media only screen and (max-width: 767px) {
  .parent {
    grid-template-columns: repeat(1, 1fr);
    padding: 50px 0px 25px 0px;

  }

}


/* FORMS BY GRAFICART */

.flex-box {
  background-color: #f5f5f5 !important;
  padding: 60px 0;
  box-sizing: border-box !important;

}

#sendmail .flex-column input[type="text"],
#sendmail .flex-column input[type="password"],
#sendmail .flex-column input[type="email"],
#sendmail .flex-column textarea,
#sendmail .flex-column select,
#sendmail .flex-column input#qsurfhab,
#sendmail .flex-column input#lcp,
#sendmail .flex-column input#llocalite {
  height: inherit !important;
  max-height: inherit !important;
  outline: 0;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  background: #f5f5f5 !important;
  line-height: 24px !important;
  border-radius: 2px !important;
  border: .25px solid #4a5d66 !important;
  padding: 13px 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  color: var(--color1) !important;
  height: 52px !important;

}

#sendmail .flex-column input::placeholder,
#sendmail .flex-column select {
  color: #6C6C6C !important;
}


#sendmail .flex-column input[type="text"]:focus,
#sendmail .flex-column input[type="password"]:focus,
#sendmail .flex-column input[type="email"]:focus,
#sendmail .flex-column textarea:focus,
#sendmail .flex-column input#qsurfhab:focus,
#sendmail .flex-column input#lcp:focus,
#sendmail .flex-column input#llocalite:focus {
  border: none;
  background: #fff !important;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

#sendmail .flex-line {

  margin: 0 auto;
  display: flex;
}

form#sendmail .flex-line {
  max-width: 900px;
}

#sendmail .flex-column {
  margin: 10px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  padding: 10px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #sendmail .flex-line {
    flex-direction: column;
  }

}

/* SELECT STYLE BY GRAFICART */

.select-style {
  overflow: hidden;
  position: relative;
}

.select-style select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-style:after {
  top: 50%;
  left: 85%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000000;
  border-width: 5px;
  margin-top: -2px;
  z-index: 100;
}

.select-style select:focus {
  outline: none;
}

/*FLEX BY GRAFICART */

.flex-row {
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  justify-content:center;
  flex-wrap: wrap;
  padding: 5px 25px;

}





@media only screen and (max-width: 1150px) {

  .flex-row.ban .flex-column h1,
  .flex-row.ban .flex-column h2 {

    font-size: 1rem;
  }
}

@media only screen and (max-width: 900px) {

  .flex-row.ban .flex-column h1,
  .flex-row.ban .flex-column h2 {

    font-size: 0.75rem;
  }
}



@media only screen and (max-width: 767px) {

  

  .flex-row {
    padding: 0;
    flex-direction: column-reverse;
    
  }
   .flex-column {
    margin: 50px auto;
  }
  .flex-row.btn {
    flex-direction: row!important;
  }
  

}

.menu-item {
  display: inline-block;
  padding: 0 10px !important;
  margin: 0 auto !important;
  text-align: center;
}

li.current {
  background: none !important;
}

li.current a {
  border: none;
}



/* STICKY MENU BY GRAFICART */

#navbar {
  overflow: hidden;
  background-color: #fff;
  z-index: 10000;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgb(240, 240, 240) !important;
  border-bottom: 1px solid var(--color1);
  box-shadow: 0px 1px 3px rgb(116, 115, 115);
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky+.content {
  padding-top: 74px;

}


@media only screen and (max-width: 1000px) {
  .flex-row.team {
    flex-direction: column;

  }
  .menu>li>a {
  margin: 0px 5px 0px;}
}

@media only screen and (max-width: 767px) {
  .flex-row.offices {
    flex-direction: column;

  }

  .flex-row.team {
    padding: 0px 30px;
  }

  .offices .flex-column {
    padding: 0 !important;
  }
  .flex-row.ban {
    border-bottom: none;
}
.logo {
  width: 50vw;
	margin: auto;
}
	#fullwidthlist {
		padding-top: 38px!important;
	}
}


.logo {
  z-index: 1;
}

.incrustbg {
  overflow: hidden;
  position: relative;
  text-align: center;
}