@charset "UTF-8";
/***CSS BY ARTAMEDIA***/
/***AB immobilier 2024 J4***/

@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

h2, #shellfeatures h2, #shelllocation h2, #shellwalkscore h2, #shellvideo h2, #shellcomments h2, #shellhistorytax h2, .shellrelatedproperties h2 {color: #999; font-size: 1.8rem}
#sec-search h1, #sec-search h2, #sec-search .qx-element-call-to-action_description {color:#fff}

#sp-top-bar {display: none}
#sp-header {box-shadow:0 0 0 0}
#sp-section-1, .sp-page-title {background-color:#b91b22}
#sp-component {padding:30px 0}
.itemid-104 #sp-component, .itemid-124 #sp-component {padding:0}

#sp-main-body {padding: 0}
.qx-section {padding-top:0}

/*NAV*/
#sp-menu a {font-size:16px}
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {content:"›"; transform: rotate(90deg);font-size: 140%;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {line-height: 54px}
.sp-megamenu-parent>li:last-child>a {padding:0 15px}

/*NAV OFF CANEVAS*/
.burger-icon>span { background-color: #000}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {color:#b91b22!important}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {color: #000}

/*PAGE TITLE*/
.sp-page-title {padding: 8px 0}
.sp-page-title .sp-page-title-heading {line-height: 1.4!important}

/*SLOGAN SUR SLIDE*/
#slider h3 {font-size: 20px; line-height: 30px; text-transform: none; border-bottom: #999 1px dotted; color:#999; font-family: Michroma}
#slider .caption {display: flex; flex-wrap:wrap; justify-content: center; background: rgba(0, 0, 0, 0.6); color: #ffffff; padding: 60px 16px; margin: 0 auto}
/*#slider h4.abfont {font-family: Michroma; font-size:60px; color:#fff; padding: 0 20px; margin: 0 auto; width: 70%; text-shadow: 2px 2px 4px #000; text-transform:none}
#slider h4.abfont span.red {color:#b91b22}*/
#slider .caption p {font-size: 20px; line-height: 150%; font-weight: bold; color:#b91b22; text-shadow: 1px 1px 2px #000; text-align: left; padding: 0 20px; float:right; border-left:#b91b22 2px solid}
#slider img#logo {max-width:200px; max-height: 111px; margin:32px}

#qx-column-do6qh .qx-col-wrap {padding:0}

/*** PAGE ACCUEUIL ***/
/*search*/
#sec-search {
background: #b91a21;
	margin-bottom:32px
}
#sec-search a.qx-btn-secondary, #sec-search a.qx-btn-secondary:link, #sec-search a.qx-btn-secondary:visited {
    color: #fff;
    background-color: rgba(255,255,255,0.2);
    border-color: #fff;
	font-size:120%
}
#sec-search a.qx-btn-secondary:hover, #sec-search a.qx-btn-secondary:active, #sec-search a.qx-btn-secondary:focus {
    cursor:pointer;
	color:#b91a21;
    background-color:#fff;
    border-color: #fff;
}

/*OS SLIDER*/
.property-status-tag {background-color:#b91a21; border-color:#b91a21}
.property-status-tag::before {border-color: transparent #b91a21 transparent transparent}
.camera_caption_desc .propertydetailsbtn, .camera_caption_desc .propertydetailsbtn:hover {
    padding: 8px 16px;
	margin:8px 0 0 0;
    background-color: #fff!important;
    color: #b91a21!important;
}
#camera_wrap_123 .camera_caption > div {margin-left: 50%!important}

/*** PAGE CONTACT ***/
#contactform #cf_1 {margin: 0 auto}
#qx-column-do6qh .qx-col-wrap {padding:0} /*supprime l'espace autour du plan*/
/*Photo page d'agent*/
.agentphotobox1 .agentType {display: none} /*supprime l'étiquette "AGENT"*/
.agentdetails .social li a {background-color: #b91a21;} /*couleur bouton tel*/

/*Formulaire en dessus des listes de biens */
.agentdetails #contactForm .submitcontactform {background-color: #b91a21; padding: 8px 16px; margin:8px 0 0 0}

/*** PAGES A VENDRE & A LOUER ***/
body.itemid-267 #cf_2 {margin: 0 auto}
body.itemid-267 #cf_2 .cf-form-wrap {padding: 48px}

/*recherche*/
#filter-bar .btn-warning {display: none} /*supprime btn RESET et SAVE SEARCH*/
#filter-bar .btn-info {padding: 6px 18px; border-top-right-radius: 0.375em; border-bottom-right-radius: 0.375em; margin: 0 40px 0 8px}
.btn-toolbar {display: flex; flex-wrap: wrap; justify-content: start; flex-direction: row-reverse}
.btn:first-child:active {color:#fff; background-color:#db3d44}
#btn_search_tool {background-color: #eee; border-color:#999; color:#b91b22}
#btn_search_tool:hover, #btn_search_tool:focus, #btn_search_tool:active {background-color: #e7d7d7; border-color:#b91b22; color:#b91b22}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {background-color:#b91b22}
select#orderby {width: auto!important}

/*formulaire haut des listes*/
.agentdetails img.img-polaroid {display: none}

/*Images*/
svg.bi-arrows-angle-expand {height: 32px; width: 32px; cursor: pointer}

/*Location - Vente*/
h6.snipe span {border-radius: 3px; color: #b91b22; font-size: 14px; padding: 6px 12px; text-transform: uppercase;}

h6.ptype1 span, h6.snipe.ptype2 span {background: rgba(255,255,255,0.5); border:#b91b22 1px solid}

/*Loué - Vendu*/
.theme2_marketstatusproperties {margin: -30px 0 0 0; padding: 0; line-height: 30px; font-size: 16px; background-color: #b91b22; color: #fff; display: block; border-radius: 0; position: relative; left:0; bottom: 0; text-align: center}

/*Map*/
#map_canvas {margin:16px 0}

/*Bloc fiches*/
p.propertypricevalue {background:#ddd none repeat scroll 0 0; color:#000; line-height: 200%}
.a.favLink {color:#fff}

/*Nav pages (en bas de page) */
a.page-link {color:#b91b22}
.active>.page-link, .page-link.active {color:#333}



/*** PAGE BIEN ***/
#listing-sections {
    background: #eee none repeat scroll 0 0;
    border-bottom: 1px solid #aaa;
    padding: 10px 30px;
}
#listing-sections li a, #listing-sections li a:visited {
    color: #b91b22;
    font-size: inherit;
    font-weight: 400;
}
#propertydetails .row {margin-left: 0px} /*espace entre vignette et grande image*/
.joomla4 select {max-width: 280px} /*pour uniformiser taille des champs form agent*/
#requestmessage {height:160px}
#requestbutton {width: auto;padding:8px 16px}

.relate_property .property_description .price .market_price {color:#666;}
ul.g5ere__property-meta {visibility: hidden}/*masque le nom du type (vente, location), depuis X jours et nb de vues*/
.agentbasicinformation {margin-top: 16px} /*tel et mail agent*/
.agentbasicinformation .right {float: none; padding-left: 8px}/*tel et mail agent*/

/*** PAGE SEARCH ***/
.nav-tabs>a, .nav-tabs>a:hover, .nav-tabs>a:focus {color: #b91b22; background-color: #eee; border: #eee #eee #eee; cursor: pointer}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {color: #333; background-color: #eee; cursor: pointer}
.nav-tabs>.active>a {border: #eee #eee #eee}
.nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {border: #eee #eee #ddd}
#general-information .row {padding-bottom:8px}
#advsearchContent {background-color:#fff; padding:16px; margin-bottom: 16px; border-left: #dee2e6 1px solid; border-right: #dee2e6 1px solid; border-bottom: #dee2e6 1px solid; border-radius: 6px!important; border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
#searchform1 .btn-secondary, #searchform1 .btn-warning {display: none} /*supprime btn RESET et SAVE SEARCH*/
.searchfields .clearfix, .advsliderange {margin-top:8px} /*espace pour séparer les titres des champs*/

.btn-info {background-color:#b91b22; color:#fff; padding:12px 24px; border:#fff 1px solid} /*btn rechercher*/
.btn-info:hover, .btn-info:focus {background-color:#db3d44; color:#fff; padding:12px 24px; border:#fff 1px solid}/*btn rechercher*/
.btn-primary, .btn-primary:hover, .btn-primary:active, :not(.btn-check)+.btn:active {border: #fff 1px solid; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-radius:6px!important}

/*PAGE CONTACT*/

.qx-element-animated-headline-v2 .qx-element-headline--style-highlight .qx-element-headline-dynamic-wrapper svg path {stroke: #db3d44;}

/*correction formulaire*/
.cf-list-auto-columns {display: flex}
.cf-radio-group label, .cf-checkbox-group label {padding-right: 16px}
.cf-control-group {margin-bottom:16px}

/* CTA "Estimation offerte" dans le slider d'accueil  */

/* Conteneur principal du lien/bouton */
#slider .slider-estimation-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 24px;
  margin-bottom: 14px;
  background: rgba(255, 255, 255, 0.4);
  color: #E40100; /* rouge AB immo */
  border: 1px solid rgba(255, 255, 255, 0.95);
  border-radius: 999px;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.2;
  backdrop-filter: blur(2px);
  cursor: pointer;
  position: relative;
  overflow: hidden;

  /* Glow noir subtil */
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease;

  /* Animation douce */
  animation: sliderCtaPulse 3.5s ease-in-out infinite;
}

/* Texte */
#slider .slider-estimation-link__text {
  display: inline-block;
  position: relative;
    white-space: nowrap;
}

/* Flèche */
#slider .slider-estimation-link__text::before {
  content: "→ ";
  display: inline-block;
  transition: transform 0.25s ease;
}

/* Glow externe très léger */
#slider .slider-estimation-link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  pointer-events: none;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
  animation: sliderCtaHalo 3.5s ease-out infinite;
}

/* Hover */
#slider .slider-estimation-link:hover,
#slider .slider-estimation-link:focus {
  background: rgba(0, 0, 0, 0.90);
  color: #ffffff;
  border-color: #666;
  transform: translateY(-2px) scale(1.02);

  /* glow plus net au hover */
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);

  outline: none;

  /* STOP animation */
  animation: none;
}

/* Stop aussi le halo au hover */
#slider .slider-estimation-link:hover::after,
#slider .slider-estimation-link:focus::after {
  animation: none;
}

/* Animation flèche */
#slider .slider-estimation-link:hover .slider-estimation-link__text::before {
  transform: translateX(-4px);
}

/* Focus clavier */
#slider .slider-estimation-link:focus-visible {
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.4),
    0 0 0 6px rgba(0, 0, 0, 0.4),
    0 10px 28px rgba(0, 0, 0, 0.35);
}

/* Animation douce (quasi imperceptible mais vivante) */
@keyframes sliderCtaPulse {
  0% {
    transform: scale(1);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  }
  50% {
    transform: scale(1.02);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  }
}

/* Halo noir discret */
@keyframes sliderCtaHalo {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.20);
    opacity: 0.8;
  }
  70% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    opacity: 0;
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    opacity: 0;
  }
}

/* Accessibilité */
@media (prefers-reduced-motion: reduce) {
  #slider .slider-estimation-link,
  #slider .slider-estimation-link::after {
    animation: none;
  }
}

/* Mobile */
@media (max-width: 767px) {
  #slider .slider-estimation-link {
    padding: 12px 18px;
    font-size: 0.95rem;
    gap: 8px;
  }
}

/*** RESPONSIVE ***/
@media (max-width: 991px){
	#slider h4.abfont {font-size:50px; padding:0 20px 0 10px; width:65%}
	#slider .slide-content p {padding:0 10px 0 20px;  margin-bottom:20px; width:35%; font-size:18px}
}
@media (max-width: 767px) {
	#slider h4.abfont {font-size:36px; padding:10px 10px 0 10px; width:60%}
	#slider .slide-content p {padding:0 10px; margin-bottom:10px; width:40%; font-size:16px}
}
@media (max-width: 480px) {
	#slider h4.abfont {font-size:22px; padding:20px 8px 0 8px; width:100%}
	#slider .slide-content p {padding:0 8px; margin-bottom:10px; width:100%; font-size:15px}
}