@charset "UTF-8";

:root {
  --primary-color:39,43,46; /* #272b2e; Noir (gris très foncé) primary des paragraphes par défaut */
  --secondary-color:77,117,143; /* #4d758f; bleu moyen */
  --tertiary-color: 121,182,193; /* #79b6c1; bleu clair */
  --quaternary-color: 46,70,88; /* #2e4658 bleu foncé */
  --fifth-color: 195,211,214; /* #c3d3d6; bleu très clair, utilisé pour les arrière blanc des boutons radio de prise de rdv de consultation par exemple */
  --sixth-color: 78,117,144; /* #4e7590 bleu foncé du logo N Nereos, picto comptes google drive/Zoho/qonto etc... */
  --seventh-color: 94,89,100; /* #5e5964 gris foncé du sticky menu de haut de page, et de la flêche backtotop */
  --green-nereos-fiduciary-management-color: 111,154,63; /* #6f9a3f vert Nereos Gestion fiduciaire */
  --orange-nereos-fiduciary-management-color: 255,126,75; /* #ff7e4b orange Nereos Gestion fiduciaire */

  --mdb-body-color: 79,79,79; /* 4f4f4f gris foncé couleur liens breadcrumb */
}

/* #c2b697 : marron très clair --secondary-color originale du template */

.primary-color, .is-style-primary-color {
  color: rgba(var(--primary-color), 1) !important;
}

.before-primary-background-color::before {
  background-color: rgba(var(--primary-color), 1) !important;
}

.secondary-color, .is-style-secondary-color, [aria-label="Bleu moyen Nereos"] {
  color: rgba(var(--secondary-color), 1) !important;
}

.before-secondary-background-color::before {
  background-color: rgba(var(--secondary-color), 1) !important;
}

.tertiary-color, .is-style-tertiary-color {
  color: rgba(var(--tertiary-color), 1) !important;
}

.fifth-color, .is-style-fifth-color {
  color: rgba(var(--fifth-color), 1) !important;
}

.sixth-color, .is-style-sixth-color {
  color: rgba(var(--sixth-color), 1) !important;
}

.white-color {
  color: #FFFFFF !important;
}

.green-nereos-fiduciary-management, .is-green-nereos-fiduciary-management {
  color: rgba(var(--green-nereos-fiduciary-management-color), 1) !important;
}

.orange-nereos-fiduciary-management, .is-orange-nereos-fiduciary-management {
  color: rgba(var(--orange-nereos-fiduciary-management-color), 1) !important;
}

.bootstrap-bt-background-tertiary-color {
  background-color: rgba(var(--tertiary-color), 1) !important;
  color: #FFFFFF;
}

.bootstrap-bt-background-tertiary-color:hover {
  background-color: rgba(var(--secondary-color), 1) !important;
  color: #FFFFFF;
}

.before-tertiary-background-color::before {
  background-color: rgba(var(--tertiary-color), 1) !important;
}

.quaternary-color, .is-style-quaternary-color {
  color: rgba(var(--quaternary-color), 1) !important;
}

.before-quaternary-background-color::before {
  background-color: rgba(var(--quaternary-color), 1) !important;
}

.cursor-pointer {
cursor: pointer;
}

.display-none {
display: none;
}

.hr_custom_1 {
  height: 2px !important;
  border: 0;
  width: 200px;
  }



/* Eléments pour empécher la sélection de texte et donc la possibilité d'effectuer des copier/coler */

 body {
          -webkit-touch-callout: none; /* Disable iOS copy/paste menu */
          -webkit-user-select: none; /* Disable text selection */
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
        }

/* Fin des éléments pour empécher la sélection de texte et donc la possibilité d'effectuer des copier/coler */


.nereos-question-accordeon-container .wp-block-group.col-lg-5.col-xl-5.is-layout-flow.wp-block-group-is-layout-flow {
padding-left: 0px;
}

/*
.main .content .container-fluid {
padding-left: 0px;
padding-right: 0px;
}
*/

.navbar_home_link_text {
  display: none;
}

.navbar_home_link_icon {
width: 26px;
margin-top: -6px;
}

.page_title_font_size {
  font-size: 38px;
}

.no_arrow::after {
  content: none !important;
}

body, html {
  line-height: 1.15;
}

.hover-white-background:hover {
  background-color: white;
}

.li-with-list-style li {
list-style: disc;
margin-bottom: 20px;
}

p {
  text-align: justify;
}

.navbar_dropdown_menu_main_container p {
text-align: left;
}

.font-size-20-px {
font-size: 20px;
}

.wrapp-header, .is-sticky .header-content {
  background-color: rgba(255,255,255,0.93);
}

.navbar-no-sticky-background-transparent {
background-color: transparent;
z-index: 100;
}


.text-align-center, .text-align-center p, .text-align-center li{
text-align: center;
}


@media (max-width: 781px) { /* Pour les smartphones */

.text-align-center-smartphone {
text-align: center !important;
}

}


.is-sticky .header-content {

/* Liste possibilités d'arrière plan gris pour la main navbar lorsqu'elle est sticky (quand on a commenc éà scroller vers le bas sur les pages)
Les gris sont classés dans l'ordre du plus clair au plus foncé pour faire des essais de rendu */
  
  /* background-color: #383b3d; */
  /* background-color: #797f85; */
  /* background-color: #707070; */
  /* background-color: #585858; */
   background-color: rgba(var(--seventh-color), 1);  /* Couleur de background de la flêche backtotop par défaut du template original */
  /* background-color: #383b3d; */

}

/*
ol ul li::before {
content: counter(step, none);
}
*/

ol > ul {
  margin-left: 20px;
}

ol > li > ul {
  margin-top: 5px;
  margin-left: 35px;
  margin-bottom: 0px;
}

.float-none {
float: none;
}

.float-left {
float: left;
}

.float-right {
float: right;
}

.clear-left {
clear: left;
}

.width-100-percent {
width: 100%;
} 

.hidden-on-laptop {
display: none;
}

.float-left-img-internal-pages-389px {
float: left;
width: 389px;
margin-right:30px;
margin-bottom: 15px;
}

.float-right-img-internal-pages-389px {
float: right;
width: 389px;
margin-left:30px;
margin-bottom: 15px;
}


@media (max-width: 781px) { /* Pour les smartphones */

.float-left-img-internal-pages-389px, .float-right-img-internal-pages-389px {
float: left;
width: 100%;
margin-left:0px;
margin-right: 0px;
}

}


.border-tertiary {
    border: 1px solid rgba(var(--tertiary-color), 1);
  padding: 7px;
}

.navbar-no-sticky-background-transparent .border-tertiary {
  border-color: #FFFFFF;
}

:where(.wp-block-button__link) {
  border-radius: 9999px;
}

.home-slider-one-button {
  background-color: rgba(var(--tertiary-color), 1);
}

.info-block-01__email:hover, .info-block-01__email a:hover {
color: #FFFFFF;
opacity: 1;
text-decoration: underline;
}


.header-phone-before-icon::before {
font-family: "FontAwesome";
  content: "\f095";
  font-size: 16px;
  margin-right: 7px;
}

.home-slider-calendar-before-icon::before {
font-family: "FontAwesome";
  content: "\f133";
  font-size: 24px;
  margin-right: 7px;
}

.info-block-01__address_icon_N_before, .info-block-01__address_icon_N_before:visited {
margin-right: 20px;
text-decoration: none;
}

.info-block-01__address_icon_N_before::before {
content:url('/wp-content/themes/nereos-wp-theme/assets/img/picto_N_nereos_header.png');
  position:relative; /*or absolute*/
top: 3px;
}

.navbar-no-sticky-background-transparent .info-block-01__address_icon_N_before::before {
  content: url('/wp-content/themes/nereos-wp-theme/assets/img/picto_N_nereos_white_header.png');
}

.fa-navicon::before, .fa-reorder::before, .fa-bars::before {
  font: normal normal normal 26px/1 FontAwesome;
}

.no-justify {
text-align: unset;
}


.page-subtitle-font-size-page-title {
  font-size: 38px;
}

.page-subtitle-font-family-page-title {
  font-family: 'Prata', 'Arial', sans-serif;
}

h2.content-title-01.before-tertiary-background-color, h2.content-title-01.before-secondary-background-color {
margin-top: 28px;
}


.no-more-link-container-01 {
/* padding-left: 124px; */
/* margin-top: -23px; */
text-align: right;
  padding-right: 100px;

}

.no-more-link-container-01 .card {
max-width: none;
}

.clear-blue-text-link, .no-more-link-container-01 summary {
color: rgba(var(--tertiary-color), 1);
text-decoration: none;
cursor: pointer;
}

.clear-blue-text-link:hover, .no-more-link-container-01 summary:hover {
color: rgba(var(--tertiary-color), 1);
text-decoration: underline;
}


.clear-blue-arrow-right-after, .no-more-link-container-01 summary {
  line-height: 1;
  position: relative;
}


.clear-blue-arrow-right-after::after, .no-more-link-container-01 summary::after {
  position: absolute;
  content: url(/wp-content/themes/nereos-wp-theme/assets/img/icon/arrow_right_clear_blue_24px.svg);
  width: 24px;
  height: auto;
  display: inline-block;
  margin-left: 4px;
  top: 65%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.no-more-link-container-01 summary {
  display: inline-block;
  margin-bottom: 22px;
}

.no-more-link-container-01 summary::marker {
content: "";
}

.blockquote-01__author, blockquote cite, .wp-block-quote cite {
color: rgba(var(--tertiary-color), 1);
}


.arrow_more_link {
  background: url('/wp-content/themes/nereos-wp-theme/assets/img/front_assets/img/arrow_more.png');
  width: 32px;
  height: 32px;
  display: block;
  background-size: contain;
  margin: auto;
}

.arrow_more_link:hover {
  background: url('/wp-content/themes/nereos-wp-theme/assets/img/front_assets/img/arrow_more_clear_blue_nereos.png');
  width: 32px;
  height: 32px;
  display: block;
  background-size: contain;
  margin: auto;
}

/* Styles pour le breadcrumb des pages internes */

.breadcrumb {
  margin-top: -50px;
  margin-bottom: 30px;
  color: rgba(var(--mdb-body-color), 1);
  font-size: 0.9rem;
  position: absolute;
}

#responsive_breadcrumb {
display: none;
}


.breadcrumb a {
text-decoration: none;
color: rgba(var(--mdb-body-color), 1);
}

.breadcrumb a:hover {
color: rgba(var(--tertiary-color), 1);
}


@media (max-width: 781px) { /* Pour les smartphones */

#sidebar {
max-width: 100%;
}

#desktop_breadcrumb {
display: none;
}

#responsive_breadcrumb {
display: inline-block;
}

.breadcrumb {
  position: relative;
  margin-top: 0px;
  margin-bottom: 22px;
}

}



/* Fin de styles pour le breadcrumb des pages internes */


/* Styles custom pour le megamenu  */


.navbar_dropdown_menu_sub_container_row {
padding-left: 1.5rem;
}

.dropdown-hover:hover>.dropdown-menu {
      display: inline-block;
    }

    .dropdown-hover>.dropdown-toggle:active {
      /*Without this, clicking will make it sticky*/
      pointer-events: none;
    }


.header-content-block .bg-light {
--mdb-bg-opacity: 0;
}

.header-content-block .navbar {
  box-shadow: none;
}

.navbar-light .navbar-toggler {
color: #FFFFFF;
}

.header-content-block .navbar-light .navbar-nav .nav-link {
  color: rgba(var(--secondary-color), 1);
}

.is-sticky .header-content .header-content-block .navbar-light .navbar-nav .nav-link, .navbar-no-sticky-background-transparent .header-content .header-content-block .navbar-light .navbar-nav .nav-link  {
  color: #FFFFFF;
}

.header-content-block .navbar-light .navbar-nav .nav-link:hover, .is-sticky .header-content .header-content-block .navbar-light .navbar-nav .nav-link:hover, .is-sticky .header-content .header-content-block .navbar-light .navbar-nav .nav-link, .navbar-no-sticky-background-transparent .header-content .header-content-block .navbar-light .navbar-nav .nav-link:hover {
  /* color: rgba(var(--tertiary-color), 1); */
}


.header-content-block .nav-item {
margin-right: 20px;
}

@media only screen and (max-width: 1400px) {/* Pour les ordinateurs portables */
.header-content-block .nav-item {
  margin-right: 8px;
}
}

.header-content-block .nav-item-last {
margin-right: 0px;
}

.home_banner_button_icon {
width: 50px !important;
height: 50px !important;
}



/* Styles pour la ligne haute dynamique qui suit les liens de menu principal  */

.header-content-block .navbar-nav {
  --underline-width: 0;
  --underline-offset-x: 0;

  position: relative;
  display: inline-flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-content-block .navbar-nav::before {
  content: "";
  display: block;
  position: absolute;
  top: -42px;
  height: 3px;
  width: var(--underline-width);
  transform: translateX(var(--underline-offset-x));
  background-color: rgba(var(--secondary-color), 1);
  transition: transform 0.5s, width 0.5s;
  border-radius: 4px;
}

.navbar-no-sticky-background-transparent .header-content-block .navbar-nav::before {
  background-color: rgba(var(--tertiary-color), 1);
}


.is-sticky .header-content .header-content-block .navbar-nav::before {
  background-color: rgba(var(--tertiary-color), 1);
  height: 4px;
  margin-top: 3px;
}



.header-content-block .nav-link {
  display: block;
  text-decoration: none;
  font-size: 20px;
}

@media only screen and (max-width: 1400px) {/* Pour les ordinateurs portables */
.header-content-block .nav-link {
  font-size: 19px;
}
}


.header-content-block .list-group-item-action:focus, .header-content-block .list-group-item-action:hover, .header-content-block .list-group-item:focus p, .header-content-block .list-group-item:hover p  {

color: rgba(var(--tertiary-color), 1);
background-color: transparent;
transition: none;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}


.header-content-block .list-group-item {
border-bottom: none;
font-size: 18px;
color: rgba(var(--quaternary-color), 1);
}

.header-content-block .list-group-item-action, .header-content-block .list-group-item p {
color: rgba(var(--secondary-color), 1);
}

.header-content-block .navbar-light .navbar-nav .current-menu-item .nav-link, .header-content .header-content-block .navbar-light .navbar-nav .current-menu-item .nav-link  {
  color: rgba(var(--tertiary-color), 1);
}

 .header-content-block .list-group-item-no-border {
  border: none;
 }


/* Fin des styles pour la ligne haute dynamique qui suit les liens de menu principal  */


@media (max-width: 781px) { /* Pour les smartphones */

.hidden-on-laptop {
display: inline-block;
}

.hidden-on-smartphone {
display: none;
}

.header-content-block {
margin-top: -65px; /* Pour remonter le burger d'affichage du menu mobile sur le même ligne que le logo Nereos du header en mode mobile */
}

.navbar-nav {
margin-top: 32px !important;
}

.dropdown-menu {
background-color: transparent;
}

.navbar_dropdown_menu_sub_container_row {
margin-top: 10px;
padding-left: 0px;
}

.navbar_submenu_col p.list-group-item:first-of-type {
margin-top: 15px;
}

}


/* Fin des styles custom pour le megamenu  */



/* Styles des accordéons de questions/réponses  */

.faq-width {
  width: 60%;
}

.accordion-button, .accordion-button:hover, .accordion-item summary {
    color: #000000;
    font-family: 'Lato';
    font-size: 1.1rem;
    text-align: left;
    padding-right: 50px;
    text-decoration: none;
}

.accordion-item summary::-webkit-details-marker {
display: none !important;
}

.accordion-body, .accordion-body p, .accordion-body li {
    color: #000000;
    font-family: 'Lato';
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 350;
}

.accordion-button:not(.collapsed) {
      background-color: transparent !important;
      color: inherit;
      box-shadow: none;
    }

button.accordion-button:focus{
      box-shadow: inherit;
}

.accordion-item {
  border: none;
  --bs-bg-opacity: 1;
  background-color: #FFFFFF;
    box-shadow: 0px 0px 40px 5px rgba(51, 51, 51, 0.1);
}

.accordion-item summary {
padding-top: 20px;
padding-left: 20px;
line-height: 1.5;
padding-bottom: 20px;
display: flex;
padding-right: 0px;
}

.accordion-item summary strong {
  font-weight: normal !important;
}


.accordion-item .accordion-collapse {
border-top: 1px solid #DCDCDC;
}

.accordion-item[open] summary {
border-bottom: 1px solid #DCDCDC;
}

.accordion-button::after, .accordion-button:not(.collapsed)::after, .accordion-item summary::after {
font-family: "FontAwesome";
  /* position: absolute; */
  right: 0;
  font-size: 16px;
  color: #808080;
  margin-top: 5px;
  margin-right: 20px;

  background-image: none;
}

.accordion-item summary::after {
margin-right: 25px;
display: flex;
align-items: center;
margin-left: auto;
}

.accordion-button::after, .accordion-item summary::after {
  content: "\f055";
}

.accordion-item summary::marker {
content: "";
}


.accordion-button:not(.collapsed)::after, .accordion-item[open] summary::after  {
  content: "\f056";
}

.accordion-body ul {
padding-left: 30px;
margin-bottom: 12px;
}


.accordion-body ul li {
list-style: disc;
}

.accordion-body .accordion-sub-ul {
margin-top: 10px;
margin-bottom: 10px;
}

.accordion-body .accordion-sub-ul li {
list-style: circle;
}

.accordion-item li {
  text-align: justify;
}

.accordion .wp-block-details {
margin-bottom: 14px;
}


.nereos-question-accordeon-container .accordion {
  padding-bottom: 15px;
}



/* Fin des styles des accordéons de questions/réponses */


/* Styles du revolution slider de homepage */


/* POur assombrir les images du slider si besoin */
.tp-bgimg {
opacity: 0.4 !important;
}

/* Fin des styles du revolution slider de homepage */


.min-width-35px {
min-width: 35px;
}


/* Ajout de class custom pour boostrap afin de pouvoir gérer des élements spécifiques "à la façon bootstrap" */

.pl-0 {
  padding-left: 0px;
}

.pl-12 {
  padding-left: 12px;
}

.pl-105 {
  padding-left: 105px;
}


.pr-0 {
  padding-right: 0px;
}

.pt-3px {
  padding-top: 3px;
}


.pt-6,
.py-6 {
  padding-top: 190px;
}

.pt-22 {
  padding-top: 22px;
}

.pt-55 {
  padding-top: 55px;
}

.pb-25 {
  padding-bottom: 25px;
}

.ml-18 {
  margin-left: 18px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-100, .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)).ml-100 {
  margin-left: 100px !important;
}


@media only screen and (max-width: 1400px) {/* Pour les ordinateurs portables */

.ml-100, .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)).ml-100 {
  margin-left: 0px !important;
}

}


.mb-0px {
  margin-bottom: 0px;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-minus-25 { 
margin-bottom: -25px;
}

.mt-0px { 
margin-top:0px !important;
}

.mt-5px { 
margin-top:5px !important;
}

.mt-10 { 
margin-top:10px !important;
}

.mt-15 { 
margin-top:15px !important;
}

.mt-20 { 
margin-top:20px !important;
}

.mt-25 { 
margin-top:25px !important;
}

.mt-28 { 
margin-top:28px;
}

.mt-30 { 
margin-top:30px;
}

.mt-35 { 
margin-top:35px;
}

.mt-40 { 
margin-top:40px !important;
}

.mt-45 { 
margin-top:45px;
}

.mt-50 { 
margin-top:50px !important;
}

.mt-60 { 
margin-top:60px;
}

.mt-80 { 
margin-top:80px;
}

.mt-85 { 
margin-top:85px;
}

.mt-90 { 
margin-top:90px !important;
}

.mt-6rem { 
margin-top:6rem;
}

.mt-minus-30 { 
margin-top: -30px;
}

.mt-minus-40 {
margin-top: -40px;
}

.mt-minus-48 {
margin-top: -48px;
}

.ml-5 { 
margin-left:5px !important;
}

.ml-10 { 
margin-left:10px !important;
}

.ml-20 { 
margin-left:20px !important;
}

.ml-30 { 
margin-left:30px !important;
}


.h-110px {
  height: 110px;
}

.max-w-510px {
max-width: 510px; 
}

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

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

.fs-34px {
font-size: 34px !important;
}


@media (max-width: 781px) { /* Pour les smartphones */

.ml-0-smartphone {
margin-left: 0px !important;
}

.ml-10-smartphone {
margin-left: 10px !important;
}

.ml-45-smartphone {
margin-left: 45px !important;
}

.ml-74-smartphone {
margin-left: 74px !important;
}

.mt-0-smartphone { 
margin-top:0px !important;
}

.mt-10-smartphone { 
margin-top:10px !important;
}

.mt-12-smartphone { 
margin-top:12px !important;
}

.mt-18-smartphone { 
margin-top:18px !important;
}

.mt-20-smartphone { 
margin-top:20px !important;
}

.mt-30-smartphone { 
margin-top:30px !important;
}

.mt-120-smartphone { 
margin-top:120px !important;
}

.mb-14-smartphone { 
margin-bottom:14px !important;
}

.mb-25-smartphone { 
margin-bottom:25px !important;
}

.pt-10-smartphone { 
padding-top:10px !important;
}

.pt-30-smartphone { 
padding-top:30px !important;
}

.pb-10-smartphone { 
padding-bottom:10px !important;
}

.pb-30-smartphone { 
padding-bottom:30px !important;
}

.indents-35-smartphone {
height: 35px;
}

.indents-50-smartphone {
height: 50px;
}

}


/* Fin d'ajout de class custom pour boostrap afin de pouvoir gérer des élements spécifiques "à la façon bootstrap" */



/* Elements de styles pour le menu de gauche internes aux pages */

.sidebar-menu-list {
margin-top: 40px;
padding-left: 0px;
max-width: 270px;
}

.sidebar-menu-list li::before {
 /* content: '\f054';
  font-size: 10px;
margin-right: 6px; */
content: none;
}

.sidebar-menu-list li {
list-style-position: outside;
list-style: disclosure-closed;
}

.sidebar-menu-list a {
font-size: 17px;
}

.sidebar-menu-list .current-menu-item, .sidebar-menu-list .current-menu-item a {
  color: rgba(var(--secondary-color), 1);
}

.sidebar-nav li {
margin-bottom: 0px;
}


/* Fin des élements de styles pour le menu de gauche internes aux pages */


/* Styles custom pour le menu sidebar booststrap 5 de gauche des pages intérieures  */

.wrapper .main .content {
padding-left: 32px !important;
}


@media (max-width: 781px) { /* Pour les smartphones */

.wrapper .main .content {
padding-left: 5px !important;
}

.wrapp-header, .is-sticky .header-content {
background-color: rgba(var(--seventh-color), 1);
}


}




#sidebar .current-menu-item, #sidebar .current-menu-item .sidebar-link, #sidebar .current-selected-submenu-title, #sidebar .current-selected-submenu-title .sidebar-link {
  color: #FFFFFF;
  background-color: rgba(var(--tertiary-color), 1);
}

#sidebar .current-selected-submenu-title {
padding-left: 6px;
  /* margin-top: -10px; */
  padding-top: 10px;
}

.current-selected-submenu-title[data-bs-toggle="collapse"]::after {
  top: 1.2rem;
}

.sidebar-item::after {
    border-bottom: 1px solid #DCDCDC;
    display: block;
    content: "";
}

.sidebar-dropdown .sidebar-link {
  color: rgba(var(--secondary-color), 1); /* #797f85 */
}

.sidebar-dropdown li {
background-color: #f8f8f8;
border-bottom: 1px solid #DCDCDC;
margin-bottom: 0px;
padding-bottom: 2px;
padding-top: 0px;
  padding-left: 9px;
}

.sidebar-dropdown li:last-of-type {
border-bottom: none;  
}

.btn-no-box-shadow, .btn-no-box-shadow:hover, .btn-no-box-shadow:focus, .btn-no-box-shadow:active, .btn-no-box-shadow:active:focus {
-webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.sidebar-dropdown .multi-level-sub-title {
background-color: transparent;
}

.sidebar-dropdown .multi-level-sub-title::after {
border-bottom: none;
}

.sidebar-dropdown .multi-level-sub-title .sidebar-item:last-of-type::after {
  border-bottom: none;
}

/* Fin des styles custom pour le menu sidebar booststrap 5 de gauche des pages intérieures  */



/* Styles custom pour l'effet de flou sur les encarts "en savoir plus" lorsqu'ils sont repliés ( infos trouvées ici https://www.w3docs.com/snippets/css/how-to-create-a-blurry-text-in-css.html)  */

      .blur p, .blur h3, .blur h4, .blur h5  {
      color: transparent;
        text-shadow: 0 0 8px #000;
      }

/* Fin de styles custom pour l'effet de flou sur les encarts "en savoir plus" lorsqu'ils sont repliés  */



/* Eléments de style pour les éléments de prise de rdv de consultation et des container horizontaux "remontés" qui débordent sur la bannière principale (cf page des rendez-vous et consultations) */

.rendez-vous-white-card {
border-radius: 20px;
  background-color: #FFFFFF;
  min-height: 150px;
  -webkit-box-shadow: 0 16px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 17px 0 rgba(0, 0, 0, 0.2);
  margin: auto;
}

.rendez-vous-white-card-vertical-align-middle {
    display: flex;
  justify-content: center;
  align-items: center; 
}

.rendez-vous-light-grey-card-background-color {
background-color: #f4f4f4;
}

.rendez-vous-secondary-color-card-background-color {
  background-color: rgba(var(--secondary-color), 1);
}

.rendez-vous-tertiary-color-card-background-color {
  background-color: rgba(var(--tertiary-color), 1);
}

.rendez-vous-white-card-width-22-percent {
  width: 22%;
}

@media (max-width: 781px) { /* Pour les smartphones */

.rendez-vous-white-card-width-22-percent {
  width: 70%;
  margin-bottom: 35px;
}

.rendez-vous-white-card-width-22-percent:last-of-type {
  margin-bottom: 0px;
}


}



.rendez-vous-white-card-width-30-percent {
  width: 30%;
}


@media (max-width: 781px) { /* Pour les smartphones */

.rendez-vous-white-card-width-30-percent {
  width: 100%;
  margin-bottom: 42px;
}

.rendez-vous-white-card-width-30-percent:last-of-type {
  margin-bottom: 0px;
}

}


.rendez-vous-white-card-height-330-px {
height: 330px;
}

.rendez-vous-white-card-height-410-px {
height: 410px;
}

.rendez-vous-step-number p {
color: #A8A8A8 !important;
text-align: right !important;
  margin-right: 20px !important;
  font-size: 80px !important;
}

.rdv-button a {
  background-color: rgba(var(--secondary-color), 1);
}

.rdv-button a:hover {
  background-color: rgba(var(--tertiary-color), 1);
color: rgba(var(--mdb-body-color), 1);
}

.rendez-vous-white-cards-sub-container {
-webkit-box-shadow: 0 16px 17px 0 rgba(0, 0, 0, 0.2);
box-shadow: none;
margin-bottom: 30px;
}

.rendez-vous-white-card .const-block__title {
  color: rgba(var(--secondary-color), 1);
}

.rendez-vous-white-card .const-block__title::before {
content: "";
display: none;
}

.rendez-vous-white-card .const-block__content {
bottom: unset;
margin-top: 10px;
}

.rdv_car_icon img {
width: 230px;
margin: auto;
margin-top: 20px;
}

@media only screen and (max-width: 1400px) {/* Pour les ordinateurs portables */

.rendez-vous-white-card .const-block__title {
  font-size: 20px;
}

}

#iframe-rdv-remote-consultation{
/* margin-top: 1500px; */
}



.form-check-rdv-consultation, .form-check-written-question {
border: 1px solid rgba(var(--secondary-color), 1);
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 10px;
border-radius: 10px;
}

.form-check-rdv-consultation:last-of-type, .form-check-written-question:last-of-type {
margin-bottom: 0px;
}

.form-check-rdv-consultation .form-check-input, .form-check-written-question .form-check-input {
margin-left: -10px;
}


.form-check-rdv-consultation .form-check-input[type="radio"]:checked::after, .form-check-written-question .form-check-input[type="radio"]:checked::after {
border-color: rgba(var(--secondary-color), 1);
  background-color: rgba(var(--secondary-color), 1);
}

.form-check-rdv-consultation .form-check-input:checked, .form-check-written-question .form-check-input:checked {
  border-color: rgba(var(--secondary-color), 1);
}

.form-check-rdv-consultation:has(> .form-check-input:checked), .form-check-written-question:has(> .form-check-input:checked) {

background-color: rgba(var(--fifth-color), 1);

}


@media (max-width: 781px) { /* Pour les smartphones */
  
.form-check-rdv-consultation label, .form-check-written-question label {
max-width: 85%;
}

#prov_2_items_sub_home_banner_links{
display: block !important;
}

}

/* Fin des éléments de style pour les éléments de prise de rdv de consultation et des container horizontaux "remontés" qui débordent sur la bannière principale (cf page des rendez-vous et consultations) */



/* Elements de gestion des éléments de couleur verte green-nereos-fiduciary-management (section filiale Plus d'offre : fiducie ) */

.green-nereos-fiduciary-management-color-page-content-container h2, .green-nereos-fiduciary-management-color-page-content-container h3, .green-nereos-fiduciary-management-color-page-content-container h4, .green-nereos-fiduciary-management-color-page-content-container h5, .green-nereos-fiduciary-management-color-page-content-container .dropcap, .green-nereos-fiduciary-management-color-page-content-container .has-drop-cap:not(:focus)::first-letter {
color: rgba(var(--green-nereos-fiduciary-management-color), 1) !important;
}

.green-nereos-fiduciary-management-color-page-content-container .before-tertiary-background-color::before {
background-color: rgba(var(--green-nereos-fiduciary-management-color), 1) !important;
}

.green-nereos-fiduciary-management-color-left-internal-menu-container .navbar-expand-icon {
background: url('/wp-content/themes/nereos-wp-theme/assets/img/icon/hide_left_sidebar_menu_icon_green_nereos_fiduciary_management_color.png') no-repeat;
background-size: 40px;
width: 40px;
height: 50px;
}


#sidebar.collapsed.green-nereos-fiduciary-management-color-left-internal-menu-container .navbar-expand-icon {
background: url('/wp-content/themes/nereos-wp-theme/assets/img/icon/show_left_sidebar_menu_icon_green_nereos_fiduciary_management_color.png') no-repeat;
background-size: 40px;
}

#sidebar.green-nereos-fiduciary-management-color-left-internal-menu-container .current-menu-item, #sidebar.green-nereos-fiduciary-management-color-left-internal-menu-container .current-menu-item .sidebar-link, #sidebar.green-nereos-fiduciary-management-color-left-internal-menu-container .current-selected-submenu-title, #sidebar.green-nereos-fiduciary-management-color-left-internal-menu-container .current-selected-submenu-title .sidebar-link {
background-color: rgba(var(--green-nereos-fiduciary-management-color), 1);
}

/* Fin des élements de gestion des éléments de couleur verte green-nereos-fiduciary-management (section filiale Plus d'offre : fiducie ) */





/* Elements spécifiques pour la page d'erreur 404 */

#error_404_page_content {
padding-top: 300px;
}


#error_404_page_content h1 {
  font-size: 15vmin;
  margin-bottom: 0;
  color: rgba(var(--secondary-color), 1);
}

#error_404_page_content h2 {
  font-size: 5vmin;
  margin-top: 0;
  margin-bottom: 40px;
    color: rgba(var(--secondary-color), 1);
}

/* Fin des élements spécifique pour la page d'erreur 404 */



/* Eléments spécifiques à l'éditeur de bloc du backoffice Wordpress */

body :where(.editor-styles-wrapper), .block-editor-iframe__html.is-zoomed-out body { 
opacity: 1;
max-width: 1140px;
margin: auto;
padding-top: 30px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 25px;
}

/* On masque la zone de texte du titre des pages dans l'éditeur wordpress (en mode d'édition wysiwyg, le masquage du titre en mode d'édition code source est modifié en fin de la ccs custom admin custom_admin_styles.css ajouté au BO WP) afin que les titres ne soient pas modifiés par erreur par les "non initiés" la modification du titre des pages reste possible via le menu droit de modification des propriétés des pages */
.editor-visual-editor__post-title-wrapper, .block-editor-block-list__block.editor-post-title {
display: none;
}

:where(.editor-styles-wrapper) ol > li:before {
float: left;
}

/* Fin des éléments spécifiques à l'éditeur de bloc du backoffice Wordpress */


/* Eléments spécifiques aux iframe neetocal */

/*

.calendar-iframe-header { /* div situé juste au dessus des iframes tidycall  afin des masquer le logo lien vers tidycal et de masquer le logo et le non Nereos qui comportent un line vers la page de réservation globale Nereos Tidycal avec toutes les types de réservations 
height: 120px;
  margin-bottom: -120px;
  background-color: #FFF;
  position: relative;
  width: 300px;
  margin-left: 0px;
}

*/

.calendar-iframe-header {
height: 30px;
  background-color: #FFF;
}

/*
.calendar-iframe-footer { /*  div situé juste en dessous des iframes tidycall et remonté avec une margin top négative sur le bas de l'iframe afin des masquer le logo lien vers tidycal et de masquer le lien vers le bouton de vérification des disponibilités mutuelles qui ne peut pas être désactivé (du moins en mars 2025)
height: 115px;
margin-top: -50px;
background-color: #FFFFFF;
position: relative;
}
*/

.calendar-iframe-footer {
height: 60px;
background-color: #FFFFFF;
position: relative;
}


/* Eléments spécifiques au formulaire de contact contact form 7 */

form.wpcf7-form[data-status="sent"] p, form.wpcf7-form[data-status="sent"] div[class$="g-recaptcha"] { /* Pour masquer les champs des formulaires contact form 7 après envoi du formulaire. On masque juste les champs, pas le formulaire en entier car le message de succès d'envoi est inclus dans le formaulaire donc si on masque tout le formulaire ca masque aussi le mesage de succès d'envoi. div[class$="g-recaptcha"] cible tout les div yant une class qui se termine par g-recaptcha, utiel pour masquer le champ google recaptcha qui n'est pas ajouté dans un paragraphe (cf https://stackoverflow.com/a/9836182/5694938 pour les détails du ciblage css par class qui contiennent une string)  */
  display: none;
}





/* custom checkbox styling for contact form 7 checkbox et acceptance checkboxes (source ici : https://www.philowen.co/blog/custom-styles-for-contact-form-7-checkboxes/) */

span.wpcf7-list-item {
display: inline-block;
margin: 0;
}
.wpcf7 .wpcf7-list-item {
display: block;
margin-bottom: 10px;
}
.wpcf7-checkbox label, .wpcf7-acceptance label {
position: relative;
cursor: pointer;
}
.wpcf7-checkbox input[type=checkbox], .wpcf7-acceptance input[type=checkbox] {
position: absolute;
visibility: hidden;
width: 30px;
height: 30px;
top: 0;
left: 0;
}

.wpcf7-checkbox input[type=checkbox] + span:before, .wpcf7-acceptance input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 5px;
height: 30px;
width: 30px;
top: 0px;
left: 0px;
border: 2px solid rgba(var(--tertiary-color), 1);
}


.wpcf7-checkbox input[type="checkbox"]:checked + span::before, .wpcf7-acceptance input[type="checkbox"]:checked + span::before {
border: 2px solid #34b93d;
}


.wpcf7-checkbox input[type=checkbox] + span:after, .wpcf7-acceptance input[type=checkbox] + span:after {
display: block;
position: absolute;
content: "\2713"; /* Originalement 2713 */
height: 30px;
width: 30px;
top: 0;
left: 0;
visibility: hidden;
font-size: 18px;
text-align: center;
line-height: 30px;

font-size: 48px;
top: -9px;
color: #34b93d;

font-family: "Segoe UI",-apple-system,Arial,Verdana,sans-serif;

}

.wpcf7-checkbox input[type=checkbox]:checked + span:before, .wpcf7-acceptance input[type=checkbox]:checked + span:before {
background: transparent;
}

.wpcf7-checkbox input[type=checkbox]:checked + span:after, .wpcf7-acceptance input[type=checkbox]:checked + span:after {
visibility: visible;
}

.wpcf7-list-item-label {
margin-left: 40px;
display: inline-block;
}


/* Fin de custom checkbox styling for contact form 7 checkbox et acceptance checkboxes (source ici : https://www.philowen.co/blog/custom-styles-for-contact-form-7-checkboxes/) */


.wpcf7-acceptance label {
  margin-bottom: 20px;
}


.wpcf7 form .wpcf7-response-output {
  font-size: 18px;
  color: rgba(var(--tertiary-color), 1);
}








/* Eléments spécifiques à la page de contact */

.contact-page-body {
position: relative; /* Ajout de cette position relative au div container du corps de page de la page contact (qui est remonté un peu sur la bannière) afin que ce div passe par dessus la bannière */
}

.contact-form-column-left {
padding-top: 112px;
}

.contact-form-column-right {
background-color: #FFFFFF;
border-radius: 10px;
padding: 30px;
border: 1px solid #d9d9d9;
min-width: 600px;
height: fit-content;
}

@media (max-width: 781px) { /* Pour les smartphones */

.contact-form-column-right {
min-width: 0;
  padding-left: 18px;
}

}

.contact-form-column-right p {
font-size: 16px;
}

.contact-form-column-right .half-width {
  width: 48%;
  float: left;
}

.contact-form-column-right .full-width {
  width: 100%;
}

.contact-form-column-right .mr-14 {
margin-right: 14px;
}


.consultation-simple-written-question { /* textarea de question ecrite simple */
width: 90%;
height: 400px;
}

.wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0px;
}

/* Fin des éléments spécifiques à la page de contact */


/* Effet de smooth trtansition effect sur les details (accordéons)
Trouvés ici : https://stackoverflow.com/a/67814400 */


details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; transform: translateX(-10px)}
  100%  {opacity: 1; transform: translateX(0)}
}


/* Fin effet de smooth transition effect sur les details (accordéons) */



/* Elements des boutons de l'encart Vous souhaitez nous rencontrez ? de la homepage */

.button-custom-02 {
display: inline-block;
white-space: nowrap;
width: 280px;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
background-color: rgba(var(--secondary-color), 1);
}

.button-custom-02:hover {
background-color: rgba(var(--tertiary-color), 1);
}

.button-custom-02-icon-container {
display: inline-block;
white-space: normal;
vertical-align: middle;
}

.button-custom-02-icon {
width: 50px !important;
height: 50px !important;
}

.button-custom-02-text {
display: inline-block;
white-space: normal;
vertical-align: middle;
color: #FFFFFF;
font-size: 17px;
}

.button-custom-02-fa-fa-icon {
padding-top: 8px;
padding-bottom: 8px;
}

.button-custom-02-outline {
background-color: transparent;
border: 1px solid rgba(var(--secondary-color), 1);
}

.button-custom-02-outline:hover {
border: 1px solid rgba(var(--tertiary-color), 1);
}


.button-custom-02-outline .button-custom-02-text {
color: rgba(var(--secondary-color), 1);
}

.button-custom-02-outline:hover .button-custom-02-text, .button-custom-02-outline:hover .fa {
color: #FFFFFF;
}

.button-custom-02-outline .button-custom-02-icon {
    width: 48px !important;
    height: 48px !important;
}


/* Fin des élements des boutons de l'encart Vous souhaitez nous rencontrez ? de la homepage */



/* Elements de la page honoraires */

.fees_card_inner {
border-radius: 10px;
padding-left: 40px;
  padding-right: 50px;
  height: 100%;
  padding-bottom: 25px;
}

.fees_card_number {
  font-size: 100px;
  position: relative;
  text-align: right;
  font-size: 90px;
  position: relative;
  text-align: right;
  color: #FFF;
  opacity: 0.4;
}

.fees_card h2 {
margin-top: -65px;
position: relative;
}

.fees_card h3 {
color: #FFFFFF;
  opacity: 0.7;
  font-size: 23px;
}

.fees_card p {
  font-size: 17px;
}


/* Elements de style du tableau honoraires */

.table-honoraires-container {
  background: #ececec;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 50px;
  margin-bottom: 12px;
}

.table-honoraire {
width: 100%;
}

.table-honoraires-container .wp-block-table td, .wp-block-table th {
border: none;
}

.table-honoraire thead tr {
background: transparent !important;
border-bottom-width: 0px !important;
}

.table-honoraire thead th {
padding: 18px !important;
border-right-width: 3px;
border-color: #ececec;
background: #FFFFFF;
}

.table-honoraire thead th:first-of-type {
background: transparent;
padding-left: 40px !important;
}

.table-honoraire thead th:last-of-type {
border-right-width: 0px;
background: transparent;
}

.table-honoraire thead th + th + th + th {
padding-left: 40px !important;
}



.table-honoraire td {
  padding: 40px !important;
  font-size: 25px;
}

.table-honoraire td:first-of-type, .table-honoraire td:last-of-type, .table-honoraire td + td + td + td  {
  font-size: inherit;
}


.table-honoraire tr {
border-bottom-width: 3px;
border-color: #ececec;
}


.table-honoraire tr th:last-child, .table-honoraire tr td:last-child{
width: 14px;
padding: 0px !important;
}


  /*  Define the background color for all the ODD background rows  */

  .table-honoraire tr:nth-child(odd) td{ 
    background: #47414f;
   /* border-bottom: 0.25em solid rgba( 0, 0, 0, 0.2 ); */
    color: #FFFFFF;
  }

  /*  Define the background color for all the EVEN background rows  */

  .table-honoraire tr:nth-child(even) td{
    border-right-width: 3px;
border-color: #ececec;
background: #FFFFFF;
  }

  .table-honoraire tr:nth-child(even) td:first-child{
    background: rgba(var(--secondary-color), 1);
    color: #FFFFFF;
  }

  .table-honoraire tr:nth-child(even) td:last-child{
    background: transparent;
  }

/* Fin des élements de style du tableau honoraires */



@media (max-width: 781px) { /* Pour les smartphones */

.fees_card {
margin-bottom: 25px;
}

.fees_card:last-of-type {
margin-bottom: 0px;
}

}


/* Fin des élements de la page honoraires */



/* Elements des blocs/encart contactez-nous insérables dans les pages depuis le menu de gauche des blocs custom WP Nereos */

.bloc_contact_custom_1 {
padding-left: 30px;
}

.bloc_contact_custom_1bg_grey {
background-color: #f8f8f8;
}

.bloc_contact_custom_1 .wp-block-image img {
max-width: 280px;
margin-left: 35px;
}

.bloc_contact_custom_1 .rdv-button p {
text-align: center;
}


@media (max-width: 781px) { /* Pour les smartphones */

.bloc_contact_custom_1 {
padding: 7px;
}

.bloc_contact_custom_1 .wp-block-buttons {
  margin-bottom: 40px !important;
}

.bloc_contact_custom_1 .rdv-button {
margin-left: 0px !important;
}

.bloc_contact_custom_1 .wp-block-image img {
margin-left: 0px;
}

}


/* Fin des élements des blocs/encart contactez-nous insérables dans les pages depuis le menu de gauche des blocs custom WP Nereos */



/* Gestion du changement des portraits team images on rollover */

.single_team_img_hover_switch:hover {text-decoration: none} /* Optional (avoid undesired underscore if a is used as wrapper) */
/* Do the shift: */
.single_team_img_hover_switch:hover figure:first-child{display:none}
.single_team_img_hover_switch:hover figure:last-child{display:inline-block}

/* Fin de gestion du changement des portraits team images on rollover */




/* Eléments de style pour les boutons "Etre rappelé" en float left sur certaines pages */

#float-buttons {
          position: fixed;
          top:  30%;
          right: 0%; /* left: 0; pour menu affiché à gauche ou right: 0%; pour menu affiché à droite */
          width: 250px;
          display: flex;
          flex-direction: column;
          background-color: transparent !important;
          z-index: 1;
          opacity: 0;
          visibility: hidden;
      }

 #float-buttons.show {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
  transition: 0.5s ease-in-out;
}


      #float-buttons a {
        text-decoration: none;
          flex-direction: none;
          text-decoration: uppercase;
          margin-bottom: 2px;
          padding:10px;
          font-size:18px;
          font-family:'oswald'san-serif;
          text-align: left;
          border-radius: 50px 0px 0px 50px; /* 0px 50px 50px 0px pour menu affiché à gauche ou 50px 0px 0px 50px pour menu affiché à droite */ 
         transform: translate(180px, 0px); /* translate(-180px, 0px); pour menu affiché à gauche ou translate(180px, 0px); pour menu affiché à droite */
        transition: all 0.5s;
        text-align: left; /* right pour menu affiché à gauche ou left pour menu affiché à droite */
      }

#float-buttons img {
width:40px;
height:40px;
float: left; /* right pour menu affiché à gauche ou left pour menu affiché à droite */
margin-right: 20px; /* margin-left: 20px; pour menu affiché à gauche ou margin-right: 20px; pour menu affiché à droite */
}

#float-buttons .button-text { 
display: block;
  font-size: 21px;
  line-height: 20px;
}

      #float-buttons a:hover { 
          transform: translate(0px, 0px); }

      #float-buttons a:hover span{ transform: rotate(360deg); }

      #float-buttons .be-called-back{
          background-color: rgba(var(--tertiary-color), 1);
          color: #fff;
      }


      @media (max-width: 781px) { /* Pour les smartphones */

#float-buttons {
  display: none;
}

      }


/* Fin des éléments de style pour les boutons "Etre rappelé" en float left sur certaines pages */




/* Eléments de style pour les annonces immobilières */

.annonceDetailsGrid {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
display: grid;
grid-gap: 0 25px;
align-items: flex-start;
}

.annonceDetailsGrid {
grid-column: 1/-1;
}

.annonceDetailsGrid .typebien::before, .annonceDetailsGrid .terrain::before, .annonceDetailsGrid .pieces::before, .annonceDetailsGrid .surface::before, .annonceDetailsGrid .situationbien::before {
  font:900 normal normal 38px / 1 FontAwesome;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.annonceDetailsGrid .typebien::before {
  content: "\f015";
}

.annonceDetailsGrid .pieces::before {
/* Comme le template du site inclus fa-fa-icons en V4. J'utilise cette technique pour utiliser une fa-fa-icon v7 en incluant directement le svg. svg a copier coller depuis le site fa-fa-icons */
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M288 64l64 0 0 416c0 17.7 14.3 32 32 32l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-384c0-35.3-28.7-64-64-64l-96 0 0 0-160 0C60.7 0 32 28.7 32 64l0 384c-17.7 0-32 14.3-32 32s14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-416zM160 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>');
display: block;
width: 30px;
margin: 5px 5px 0 10px;
}

.annonceDetailsGrid .surface::before {
/* Comme le template du site inclus fa-fa-icons en V4. J'utilise cette technique pour utiliser une fa-fa-icon v7 en incluant directement le svg. svg a copier coller depuis le site fa-fa-icons */
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M97 505.7C101.5 527.5 120.8 544 144 544L496 544C522.5 544 544 522.5 544 496L544 400C544 373.5 522.5 352 496 352L448 352L448 424C448 437.3 437.3 448 424 448C410.7 448 400 437.3 400 424L400 352L336 352L336 424C336 437.3 325.3 448 312 448C298.7 448 288 437.3 288 424L288 352L216 352C202.7 352 192 341.3 192 328C192 314.7 202.7 304 216 304L288 304L288 240L216 240C202.7 240 192 229.3 192 216C192 202.7 202.7 192 216 192L288 192L288 144C288 117.5 266.5 96 240 96L144 96C117.5 96 96 117.5 96 144L96 496C96 499.3 96.3 502.6 97 505.7z"/></svg>');
display: block;
width: 42px;
margin: 5px 5px 0 10px;
}

.annonceDetailsGrid .typebien, .annonceDetailsGrid .terrain, .annonceDetailsGrid .pieces, .annonceDetailsGrid .surface, .annonceDetailsGrid .situationbien {
  box-shadow: rgba(0,0,0,.16) 0 2px 8px 0;
  border-radius: 4px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 12px 12px 12px 72px;
  line-height: 1.42;
}


.annonceDetailsGrid .typebien .valeur, .annonceDetailsGrid .terrain .valeur, .annonceDetailsGrid .pieces .valeur, .annonceDetailsGrid .surface .valeur, .annonceDetailsGrid .situationbien .valeur {
  font-weight: 600;
  font-size: 18px;
}

.annonceDesc, .annonceDpeGes, .annonceCaracteristiques, .annonceCommodites, .annonceMandat, .annonceForm {
  box-shadow: rgba(0,0,0,.16) 0 2px 8px 0;
  border-radius: 4px;
  padding: 30px;
  margin-bottom: 30px;
}

.annonceMandat { 
margin-top: 30px;
}

.annonceDpeGes h3 {
  width: -moz-fit-content;
  width: fit-content;
  grid-column: 1/-1;
}

.annonceDpeGes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
}

.annonceDpeGes > div {
  width: 100%;
}

.annonceDetailsGrid .annonceCaracteristiques, .annonceDetailsGrid .annonceCommodites {
  grid-row: 33/34;
  height: 100%;
}

.annonceDetailsGrid .annonceCaracteristiques table tr::after, .annonceDetailsGrid .annonceCommodites table tr::after {
  content: "";
  border: 1px dashed #efefef;
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.annonceDetailsGrid .annonceCaracteristiques table tr, .annonceDetailsGrid .annonceCommodites table tr {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
  padding-top: 2px;
  padding-bottom: 2px;
}

.annonceDetailsGrid .annonceCaracteristiques table th, .annonceDetailsGrid .annonceCaracteristiques table td, .annonceDetailsGrid .annonceCommodites table th, .annonceDetailsGrid .annonceCommodites table td {
  display: inline-block;
  background: #fff;
  padding-right: 8px;
}

.annonceDetailsGrid .annonceCaracteristiques table td, .annonceDetailsGrid .annonceCommodites table td {
  padding: 0 0 0 8px;
}


.annonceMandat table tr, .annonceFrais table tr {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-bottom: 4px;
}

.annonceMandat table th, .annonceFrais table th {
  background: #eee;
}

.annonceMandat table td, .annonceFrais table td {
  background: #f7f7f7;
}

.annonceMandat table th, .annonceMandat table td, .annonceFrais table th, .annonceFrais table td {
  flex: 1;
  padding: 4px 8px;
}

.annonceDetailsGrid .annoncePhotos {
  position: relative;
  overflow: hidden;
}


#annoncePhotoSlider .carousel-indicators li img, .annonceDetailsGrid #annoncePhotoSlider .carousel-inner > .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}


.annoncePhotos, .annonceDetailsGrid .coupcoeur {
  grid-row: 5/6;
  z-index: 0;
  margin: 16px 0 30px 0;
  position: relative;
}

#annoncePhotoSlider {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(49%, 1fr) 50%);
  grid-gap: 5px;
}

.carousel {
  position: relative;
}

#annoncePhotoSlider .carousel-inner {
  width: 100%;
  margin: 0;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#annoncePhotoSlider .carousel-inner > .item {
  height: 100%;
  background: transparent;
}

#annoncePhotoSlider .carousel-inner > .item > .itemContent {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.annonceDetailsGrid #annoncePhotoSlider .carousel-inner > .item a {
  height: 100%;
  width: 100%;
}

#annoncePhotoSlider .carousel-control {
  display: none;
}

.carousel-thumbs {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-auto-rows: 160px;
  gap: 5px;
}
.carousel-thumbs div {
  background-color: #f1f1f1;
  color: #000;
  font-size: 30px;
  text-align: center;
}

.carousel-thumbs div img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  cursor: pointer;
  opacity: 0.5;
}

.carousel-thumbs div img:hover {
  opacity: 1;
}

.carousel-thumbs .active {
  opacity: 1;
}


.annoncePhotos .annonceStatutEncheresShort {
  position: absolute;
  top: 40px;
  left: -15px;
  transform: translate(0%, -50%);
  background: rgba(var(--secondary-color), 1);
  z-index: 1;
  padding: 8px 30px;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
}






.annonce-immo-top-container {
  container-type: inline-size;
}

.annonce-immo-top-1 {
  display: grid;
  gap: 0px;
    /* Two columns by default on laptop screens */
  grid-template-columns: 1fr 640px;
}


.annonce-immo-top-2 {
  display: grid;
  gap: 0px;
    /* 3 columns by default on laptop screens */
    grid-template-columns: 1fr 1fr 1fr;
    align-items: baseline; /* Pour bien aligner les textes sur la même ligne */
}

.annonce-immo-top-bt1 {
  text-align: right;
}


.annonce-immo-prix p {
  font-size: 42px;
  font-weight: 700;
  line-height: 25px;
}


.annonce-immo-prix-sans-honoraires {
  font-size: 14px;
  color: #948f99;
  line-height: initial;
}
    

.annonce-immo-location p {
font-size: 18px;
 color: rgba(var(--secondary-color), 1);
}


.annonce-immo-location p::before {
font:900 normal normal 34px / 1 FontAwesome;
  content: "\f041";
  padding-right: 6px;
}

.annonce-immo-ref p {
    color: #948f99;
  text-align: right;
  font-size: 16px;
}

.annonce-immo-social-bt {
text-align: right;
}

.annonce-immo-social-bt .social-list-01 .fa {
font-size: 26px;
}

.contactFrmInfo {
  font-size: 14px;
}


.bloc-annonce .liste_annonces {
  grid-column: 1/2;
  grid-row-start: 1;
  width: 100%;
}

ul.listeAnnoncesGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(clamp(100% / (1 + 1) + 0.1%, 30rem, 100%), 1fr));
  grid-gap: 3rem 5rem;
  margin: auto;
  padding: 0 !important;
  align-items: flex-start;
  width: 100%;
  list-style: none;
}

ul.listeAnnoncesGrid .item {
  position: relative;
  display: grid;
  margin: 0;
  overflow: hidden;
  padding: 0;
  color: #242424;
  box-shadow: 0 .2rem .8rem 0 rgba(0,0,0,.16);
  background: #fff;
  border-radius: .4rem;
}

ul.listeAnnoncesGrid .item .annonceImage {
  overflow: hidden;
  max-height: 20rem;
  grid-column: 1/-1;
  grid-row: 1/2;
}

ul.listeAnnoncesGrid .item .annonceImage > a {
  display: block;
  height: 100%;
}

ul.listeAnnoncesGrid .item .annonceImage img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s ease-in-out;
}



ul.listeAnnoncesGrid .item h4 {
  padding: 0 0 0 0;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  grid-row: 15/16;
  margin: 0 3rem;
  background: none;
}

ul.listeAnnoncesGrid .item h4 a {
text-decoration: none;
}

ul.listeAnnoncesGrid .item .annonceStatutEncheresShort {
  position: absolute;
  left: 0;
  bottom: 3rem;
  box-shadow: 0 0 1rem rgba(0,0,0,.5);

font-size: 1.4rem;
  text-transform: uppercase;
  background-color: rgba(var(--secondary-color), 1);
  letter-spacing: .2rem;
  color: #fff;
  padding: .8rem 2.4rem;
  line-height: 1;
  font-weight: 700;

  grid-column: 1/-1;
  grid-row: 1/2;

}

ul.listeAnnoncesGrid .item .annoncePrix {
  grid-row: 20/21;
}


ul.listeAnnoncesGrid .item .annonceAdresse, ul.listeAnnoncesGrid .item .annoncePrix, ul.listeAnnoncesGrid .item .annonceRef {
  margin: 5px 3rem 0 3rem;
}


ul.listeAnnoncesGrid .item .annoncePrix .montant {
  font-size: 32px;
  font-weight: 700;
  white-space: nowrap;
}

ul.listeAnnoncesGrid .item .annonceAdresse {
  font-size: 18px;
  grid-row: 35/36;
  color: #909090;
}


ul.listeAnnoncesGrid .item .annonceAdresse > div {
  display: inline-block;
}

ul.listeAnnoncesGrid .item .annonceRef {
  font-weight: 300;
  font-size: 16px;
  font-style: italic;
  color: #9b9b9b;
  padding: 1.6rem 0 1.3rem 0;

  grid-row: 10/11;
}


ul.listeAnnoncesGrid .item .annonceLireSuite {
  display: inline-block;
  padding: .8rem 1.6rem;
  text-decoration: none;
  outline: none;
  transition: all 0.3s ease-in-out;
  border-width: .1rem;
  border-style: solid;
  border-color: rgba(var(--secondary-color), 1);
  line-height: 1;
  border-radius: 0;
  color: #fff;
  background-color: rgba(var(--secondary-color), 1);
  grid-column: initial;
  font-size: 1.4rem;
  justify-self: flex-start;
  grid-row: 45/46;
}

ul.listeAnnoncesGrid .item .annonceLireSuite:hover {
border-color: rgba(var(--tertiary-color), 1);
background-color: rgba(var(--tertiary-color), 1);
}


@media (min-width: 768px) {
  ul.listeAnnoncesGrid .item .annonceLireSuite {
    margin: 1.3rem 0 3rem 3rem;
  }
}

.annonceNewDpe svg, .annonceNewGes svg {
zoom: 210%;
}



@media (max-width: 781px) { /* Pour les smartphones */

.annonceDetailsGrid {
display: inline-block;
width: 100%;
  }


.annonce-immo-top-1, .annonce-immo-top-2 {
  /* One column sur les smartphone */
  grid-template-columns: 1fr;
  }

.annonce-immo-top-bt1 {
  text-align: left;
  margin-top: 20px;
}

.annonce-immo-ref p, .social-list-01, .annonce-immo-social-bt {
text-align: left;
}

.annonce-immo-social-bt {
margin-left: -15px;
margin-top: 20px;
}

ul.listeAnnoncesGrid .item .annonceStatutEncheresShort {
bottom: 2rem;
}

ul.listeAnnoncesGrid .item h4, ul.listeAnnoncesGrid .item .annonceLireSuite, ul.listeAnnoncesGrid .item .annonceAdresse, ul.listeAnnoncesGrid .item .annoncePrix, ul.listeAnnoncesGrid .item .annonceRef {
margin-left: 16px;
}

ul.listeAnnoncesGrid .item h4 {
margin-bottom: 10px;
}

ul.listeAnnoncesGrid .item .annonceLireSuite {
margin-top: 20px;
margin-bottom: 15px;
}

#annoncePhotoSlider {
    /* One column sur les smartphone */
  grid-template-columns: 1fr;
}

.carousel-thumbs {
    grid-template-columns: auto auto;
    grid-auto-rows: 115px;
}

.annonceMandat {
    margin-top: 0px;
}


.annonceDpeGes {
    /* One column sur les smartphone */
    grid-template-columns: 1fr;
    grid-gap: 1rem;
}

.annonceNewDpe svg, .annonceNewGes svg {
zoom: 132%;
}



}


/* Fin des éléments de style pour les annonces immobilières */