/* Global reset */
* {box-sizing: border-box; }

body {   margin:0;  padding:0; background-color: #f2f2f2; font-family: sans-serif; font-size:100%; }

div {   display: block;     }

p {padding: 0;  margin: 0;  }

figure{margin: 0;}







/*********************************
DEBUT PROMOTE
*********************************/

.promote-horizon-div{width: 95%; max-width: 1100px; margin: 0 auto; padding: 0 0 16px 0; }

.promote-horizon-div-in, .promote-horizon-fter-div{ width: 320px; height: 100px; margin: 0 auto; }


@media (min-width: 500px) { .promote-horizon-div-in, .promote-horizon-fter-div{ width: 468px; height: 60px; margin: 0 auto; } }

@media (min-width: 800px) { .promote-horizon-div-in, .promote-horizon-fter-div { width: 728px; height: 90px; margin: 0 auto; } }


.promote-horizon-fter-div{padding: 16px 0; }

.promote-carre-div{width: 250px; padding: 0 0 16px 0; margin: 0 auto;   }

.promote-vertical-div{padding: 14px 0; width: 160px; height: 600px; margin: 0 auto;}


.promote-in-feed-display-auto{padding: 4px 0 4px; }

.promote-infeed-prog,
.promote-in-article-prog,
.promote-multiplex,
.promote-vertical-sidebar,
.promote-carre-sidebar{padding: 0;  }

/*********************************
FIN PROMOTE
*********************************/







/*********************************
Article Card styles
*********************************/

.article-card {
  background: white;
  border: 1.4px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  max-width: 1000px;
  margin: 20px auto;
}

.article-meta {
  font-size: 12px;
  color: #555;
  padding: 10px 16px 2px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.article-meta span a{text-transform : capitalize;
  font-family: 'Inter', sans-serif;
  padding: 2px 8px;
  background-color: #cce1ea;
  border: 1px solid #306994;
  border-radius: 4px;
  color: #306994;
  text-decoration: underline;
}

.article-meta span a:hover {
  background-color: #FFF;
  text-decoration: none;
  padding: 2px 8px;
}



.article-meta .separator {
  display: inline-block;
  width: 1.6px;
  height: 12px;
  background-color: #686868;
  margin: 0 2px;
  vertical-align: middle;
}


.article-body {
  display: flex;
  flex-direction: row;
  padding: 8px 16px 16px;
  gap: 20px;
}

.article-image {
  flex: 2.5;
}

.article-body figure{
  margin: 0;
}

.article-image a img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.91 / 1;
  object-fit: cover;
  display: block;
  border-radius: 4px;
}


.article-content {
  flex: 3.5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}



.article-title a {
  text-decoration: none;
  color: #000;
}

.article-title a:hover {
  text-decoration: underline;
}

.article-content h3.article-title {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 700;
  padding: 0px 0px 6px;
  margin-bottom: 8px;
  line-height: 1.3;
  margin: 0;
}

.article-description {
  font-family: Inter, sans-serif;
  font-size: 15px;
  color: #444;
  margin-bottom: 20px;
}

.article-author {
  font-size: 14px;
  color: #555;
}

@media (max-width: 768px) {
  .article-body {
    flex-direction: column;
    padding: 12px 16px 16px;
  }

  .article-meta {
    flex-wrap: wrap;
    padding: 12px 16px 0;
  }
}

/*********************************
Article Card styles
*********************************/




.article-page-layout {
  margin: 0 auto;
  padding: 0 0 20px;
  font-family: 'Inter', sans-serif;
  line-height: 1.7;
  color: #333;
  background-color: #fff;
}

/* Header */
.article-page-layout header{padding-bottom: 10px; margin: 0;}

.article-page-layout header h1 {
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #363636;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}


.article-page-layout .meta {
  font-size: 14px;
  color: #666;
  margin: 0;
}

/* Image principale */
.article-page-featured-image-div {
  margin-bottom: 20px;
}
.article-page-featured-image-div figure {
  margin: 0 auto;
  max-width: 92%;
}
.article-page-featured-image-div img {
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

/* Sommaire */
.table-of-contents {
  background-color: #f6f6f6;
  margin: 20px 0;
  padding: 10px;
  border-left: 8px solid #bbac79;
  border-radius: 4px;
}
.table-of-contents h2 {
  margin-top: 0;
  font-size: 12px;
  line-height: 1;
  margin: 0;
  padding: 0;
  color: #333;
}
.table-of-contents ul {
  list-style: none;
  padding: 0 0 0 20px;
}
.table-of-contents li {
  margin: 4px 0;
  line-height: 1.8;
}
.table-of-contents a {
  text-decoration: none;
  text-decoration: underline;
  color: #bbac79;
  padding: 2px 4px;
}



.table-of-contents a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #bbac79;
}

/* Sections */
.article-page-content-div section {
 margin: 0; padding-bottom: 12px;
}
.article-page-content-div h2 {
  font-family: Poppins, sans-serif;
  font-size: 21px;
  font-weight: 600;
  color: #306994;
  margin: 6px 0 4px; padding: 0;
}

.article-page-content-div p{display: block; margin: 8px 0 0;}

.article-page-content-div p, .article-page-content-div ul li {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  color: #444;
}

.article-page-content-div ul{padding-left: 28px;margin: 4px 0 10px; }


.article-body-content a{font-weight: 700;
  color: inherit;
  text-decoration: underline;
  text-decoration-color: #306994;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  padding: 4px 0px;
}

.article-body-content a:hover{
  text-decoration: none;
  background-color: #A4C7E1;
  padding: 4px 0px;
}

/* Footer - sources & meta */
.article-footer {
  border-top: 1px solid #ddd;
  padding: 10px 0 10px;
  font-size: 14px;
  color: #555;
}

.article-footer ul {
  list-style-type: disc;
  margin: 0 ;
  padding: 16px 2px;
  background: #cce1ea;
  border: 1px solid #bcbcbc;
  border-radius: 4px;
}
.article-footer ul li{margin-left: 12px; list-style: none;}

.article-footer ul li a {
  color: #306994;
  text-decoration: underline;
  padding: 2px 6px;
}
.article-footer ul li a:hover {
  text-decoration: none;
  background-color: #306994;
  color: #fff;
  padding: 2px 6px;
}

.post-meta{padding: 10px 0;}
/* Catégorie et tags */
.post-meta p {
  font-size: 13px;
  margin: 0;
}
.post-meta a {
  color: #306994;
  text-transform: capitalize;
  text-decoration: underline;
  margin-right: 6px;
  padding: 2px 6px;
}
.post-meta a:hover {
  text-decoration: none;
  background-color: #306994;
  color: #fff;
  padding: 2px 6px;

}

/* Auteur */

.author-box h2 {
  font-size: 16px;
  margin-bottom: 8px;
  color: #222;
}
.author-box strong {
  color: #333;
}
.author-box a {
  font-weight: 700;
  color: inherit;
  text-decoration: underline;
  text-decoration-color: #306994;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  padding: 2px 2px;
}
.author-box a:hover {
  text-decoration: none;
  background-color: #A4C7E1;
  padding: 2px 2px;
}

.author-box-div{background: #f8f8f8;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.author-box-div p{font-size: 14px;}

.post-share {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}

.post-share h2 {
  font-size: 16px;
  margin: 0; padding: 0;
  color: #333;
}

.post-share ul {
  list-style: none;
  padding: 8px 0 0 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.post-share li {
  margin: 0;
}

.post-share a {
  display: inline-block;
  background: #cce1ea;
  color: #306994;
  padding: 8px 22px;
  border: 2px solid #306994;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: background 0.2s ease;
}

.post-share a:hover {
  background: #fff;
}

/* Responsive */
@media screen and (max-width: 768px) {
  .article-page-layout {
    padding: 30px 16px;
  }

  .article-page-layout header h1 {
    font-size: 1.6rem;
  }

  .article-page-content-div h2 {
    font-size: 1.3rem;
  }
}






/*********************************
FIN NAV
*********************************/

.site-header {
  margin-bottom: 8px;
  margin-top: 8px;
}

.header-inner {
  max-width: 1216px;
  margin: 0 auto;
  padding: 10px 15px 14px 15px;
  background: #cce1ea;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Top part: logo + burger */
.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo a img {
  height: 48px;
}

.burger {
  display: none;          /* visible en mobile seulement */
  font-size: 36px;        /* ✅ agrandit les trois barres */
  padding: 12px 16px;     /* ✅ agrandit la zone cliquable */
  cursor: pointer;        /* ✅ assure le curseur main */
  line-height: 1;         /* évite un décalage vertical */
  user-select: none;      /* empêche la sélection du texte */
}
/* Menu list styles */
.nav-menu ul {
  display: flex;
  flex-wrap: wrap; /* Allows items to wrap to the next line if they exceed the container width */
  justify-content: left;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}

.nav-menu li { margin-top: 6px;
}

.nav-menu li a {
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  text-decoration: none;
  padding: 4px 12px;
  background-color: #347faa;
  margin-top: 2px;
  border-radius: 4px;
  line-height: 1.2;
  vertical-align: middle;
  border: 2.4px solid #1e4c66;
  white-space: nowrap; /* Prevents text from breaking inside the button */
}

.nav-menu li a:hover {
  color: #555;
  background-color: #fff;
  
}

.nav-menu #nav-menu-active {
  background-color: #fff!important;
  border: 2.4px solid #1e4c66;
  color: #363636;
}


.icon {
  margin-right: 5px;
}

/* Responsive styles */
@media (max-width: 768px) {
  .header-inner { margin: 0 auto; padding: 4px 12px 6px 12px;
  }
  .burger {display: block;  }

  .nav-menu { display: none; margin-top: -8px; }

  .nav-menu ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .nav-menu li {width: 100%; }
  .nav-menu li a {display: block; width: 100%; font-size: 18px; padding: 6px 18px; }
  .nav-menu li a:hover { background-color: #fff; }
}


/*********************************
FIN NAV
*********************************/








/*********************************
GRID STYLES
*********************************/

.l-box { padding: 20px; }

.sl-box{padding: 0 12px 30px;  }

.sxxs-box{padding: 2px; }

.sxxl-box{padding: 0 4px 30px; }

.pure-g{ padding:0; }













/*********************************
DEBUT PROG TAG
*********************************/

.index-prog-prvw-ctr-div{padding: 0 15px;    }

#index-blog-prvw-ctr{
  width: 100%;
  margin: 0px auto;
  padding-top: 20px;
  padding-bottom: 60px;
  text-align: justify;
  display: block;            }

#index-blog-prvw-ctr-div{
  width: 88%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 0;
  display: block;          }

.blog-post-preview-ctr{position: relative;
  max-width: 100%;
  margin: 21px auto;
  display: block;
  background-color: #f1f0ed;      }

.blog-post-preview-ctr a figure {
  margin: 0;
}

.blog-post-preview-img-ctr{  max-height: 150px;  }

.blog-post-preview-img{ padding: 15px 15px 5px; width: 100%; height: auto; display: block;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; z-index: 1;}

#blog-post-preview-img-sold{
  filter: grayscale(100%) !important;
  -webkit-filter: grayscale(100%) !important;
  opacity: 0.8 !important;
 }

#blog-post-preview-img-sold:hover{filter: grayscale(10%) !important;
-webkit-filter: grayscale(10%) !important;
opacity: 0.94 !important;}


.blog-post-preview-ctr-div{ padding: 0;}

.blog-post-preview-div{ display: block; padding: 4px 15px 4px 15px;      }


.prog-template-div-tagactu2{position: absolute;
  top: 13px;    /* Ajuste selon besoin */
  left: 5px; /* Ajuste selon besoin */
  z-index: 20;
  pointer-events: none; }

.prog-template-div-tagactu2 p{margin: 0; font-family: Helvetica Neue, sans-serif;  font-weight: 700;  font-size: 13px; line-height: 0.8; text-transform: uppercase; color: #fff; letter-spacing: 1px;  }



.prog-template-div-tagactu2 p span{z-index: 3; padding: 2px 9px; border-radius: 4px; border: 2px solid #7232CE; background-color:#F4F2FF ; color:#7232CE; }
.prog-template-div-tagactu2 p span.span_new{z-index: 3; padding: 2px 9px; border-radius: 4px; border: 2px solid #00af36; background-color:#F0FFF0 ; color: #00af36;  }
.prog-template-div-tagactu2 p span.span_lastop{z-index: 3; padding: 2px 9px; border-radius: 4px; border: 2px solid #FFA753; background-color: #FFE7D3; color: #FFA753;  }
.prog-template-div-tagactu2 p span.span_stockep{z-index: 3; padding: 2px 9px; border-radius: 4px; border: 2px solid #FF2E46; background-color: #FFD7DA; color: #FF2E46; }



.prog-tag-template-h3-div{margin: 10px 0px 4px;  }

.prog-tag-template-h3-div h3{display: inline-block; vertical-align: baseline; margin: 0; text-align: left; padding: 0 0 2px;
  font-size: 14px; font-family: 'verdana';  color: #6e6f6e; font-weight: 500; line-height: 1.5; text-decoration: none;
}

.prog-tag-template-h3-div h3 span{
  font-size:19px; font-family:'Montserrat','Exo'; font-weight: 700;
  text-transform: uppercase;  line-height: 1;
  color: #000;    }




.blog-post-preview-txt p a{  text-decoration: none; color: #000;      }

.blog-post-preview-div-sml-txt p{
  font-family: 'Montserrat', arial, sans-serif; font-weight: bold;
  font-size: 13px;
  color: #7d7d7d;
  padding: 5px 0;      }

.prog-tag-template-adr-div p{
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px; color: #BBAC79;
  line-height: 1.5;
  padding: 0 0 2px;
}

.prog-tag-template-adr-div p span.prog-tag-city{letter-spacing: 0.5; }



.prog-tag-template-adr-div object{
  width: 10px;
margin-bottom: -2.5px;
padding-right: 3px;
}


.prog-tag-template-adr-div a{
  color: #7d7d7d; text-decoration: underline;
  text-transform: uppercase;
}

.prog-tag-template-adr-div a:hover{
  color: #555;
  text-decoration: underline;
}







.blog-post-preview-price{
  padding: 0 15px 0;
}

.blog-post-preview-price p{
  font-family: 'arial', 'Verdana', Arial, sans-serif;
  font-size: 14px; font-weight: 500;
  color: #555;
  line-height: 1.5; }

.blog-post-preview-price p span.tag-price{font-weight: 700; font-size: 18px;  }


.blog-post-preview-price p span.tag-euros{padding-left: 3px; font-size: 16px;}



.blog-post-preview-txt-livr{
  padding: 0 0 0 15px;
 }

.blog-post-preview-txt-livr p{
  font-family: 'arial', 'Montserrat', 'verdana';
  font-weight: 700;
  color: #555; padding: 3px 0 2px;
  font-size: 14px;
  line-height: 1.3;          }

.blog-post-preview-txt-descr{
  padding: 5px 0 0;
}

.blog-post-preview-txt-descr p{
  font-family: 'verdana';

  color: #555; padding: 3px 0 2px;
  font-size: 13px;
  line-height: 1.3;
}






.prog-price{ font-family:'Exo'; color: #BBAC79; font-weight: 700; font-size: 1.3em;}


.blog-post-preview-txt a.prog-prvw-button:hover{
  background-color: #000;
}


div a.prog-prvw-button{
  background-color:#cce1ea;
  border: 2px solid #306994;
  color: #306994;
  padding: 7px 28px 6px; display: inline-block;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-transform: none;
  letter-spacing: 0.3px;
  margin: 10px 0 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none; }

div a.prog-prvw-button:hover{
  color : #5a5a5a;
  background-color:#ffffff;
}


/*********************************
FIN PROG TAG
*********************************/


/*********************************
DEBUT prog-card-medium
*********************************/
.prog-card-medium {
  display: flex;
  flex-direction: row;
  gap: 20px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #e7eef1;
  overflow: hidden;
  margin: 20px 0 12px;
  padding: 12px 8px 10px;
}

/* Partie image */
.prog-card-medium-img {
  flex: 0 0 280px;
  position: relative;
  padding: 6px 0 0 10px;
}

/* Image responsive et coins arrondis */
.prog-card-medium-img figure,
.prog-card-medium-img picture,
.prog-card-medium-img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
  overflow: hidden;
  margin: 0;
  line-height: 0;
}

.prog-card-medium-info {
  flex: 1;
  padding: 0px 2px 2px;
}


.prog-card-medium .badge {
  position: absolute;
  top: -6px;
  left: -1px;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1.1px;
  font-weight: 700;
  padding: 4px 9px 3px;
  border-radius: 4px;
  z-index: 1;
}

.prog-card-medium #prog-status-div-1 {
  border: 2px solid #7232CE;
  background-color: #F4F2FF;
  color: #7232CE;
}

.prog-card-medium #prog-status-div-2 {
  border: 2px solid #00af36;
  background-color: #F0FFF0;
  color: #00af36;
}

.prog-card-medium #prog-status-div-3, #prog-status-div-4 {
  border: 2px solid #FFA753;
  background-color: #FFE7D3;
  color: #FFA753;
}

.prog-card-medium #prog-status-div-5{
  border: 2px solid #FF2E46;
  background-color: #FFD7DA;
  color: #FF2E46;
}



.prog-card-medium-info h3 {
  margin : 0px 0 8px;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 21px;
  color: #222;
  line-height: 1;
}

.prog-card-medium-info h3 span{
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  text-transform: none;
  font-size: 16px;
  color: #7d7d7d;
  line-height: 1;
}



.prog-card-medium-info .prog-description{
  font-family: 'Inter', sans-serif;
  font-size: 14px; 
  font-weight: 400;
  line-height: 1.4;
  color: #555;
}

.prog-card-medium-info .prog-description span{
  font-size: 15px; font-weight: 600; line-height: 1.6; letter-spacing: 1px;
}


.prog-card-medium .price-delivery{padding: 6px 0 0; }

.prog-card-medium .price-delivery p{
  font-family: 'Inter', sans-serif;
  color: #555;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 500;
}


.prog-card-medium .price-delivery span.tag-price{font-size: 17px; }

.prog-card-medium .location {
  color: #306994;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 6px;
}

.prog-card-medium .location a {
  text-decoration: none;
  color: #7d7d7d;
  text-decoration: underline;
  text-transform: uppercase;
}

.prog-card-medium .location a:hover{color: #555;}


/* ----- Plage 720px à 999px : image 1, texte 2 ----- */
@media (max-width: 999px) and (min-width: 720px) {
  .prog-card-medium{gap: 10px;}
  .prog-card-medium-img {
    flex: 1 1 0%;
  }
  .prog-card-medium-info {
    flex: 2 1 0%;
  }
}

/* ----- Mobile < 720px : empilement vertical ----- */
@media (max-width: 719px) {
  .prog-card-medium {
    flex-direction: column;
    padding: 10px 2px 8px;
    Gap: 0px;
  }

  .prog-card-medium-img,
  .prog-card-medium-info {
    flex: none;
    width: 100%;
    max-width: 100%;
  }

  .prog-card-medium-info {
    padding: 6px;
  }
  .prog-card-medium-img figure {
    display: flex;
    justify-content: center;
  }

  .prog-card-medium-img picture {
    width: 90%;
    max-width: 440px;
  }

  .prog-card-medium-img img {
    width: 100%;
    height: auto;
    border-radius: 6px;
  }

  .prog-card-medium .badge{left: 2px; }
}

/*********************************
FIN prog-card-preview-medium
*********************************/





/*********************************
DEBUT prog-card-preview-small
*********************************/
.prog-card-small {
  display: flex;
  flex-direction: row;
  background: #e7eef1;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  font-family: Arial, sans-serif;
  gap: 20px;
  margin: 20px 0 12px;
  flex-wrap: wrap;
}

/* Partie image */
.prog-card-small-img {
  flex: 0 0 200px;
  position: relative;
  padding: 18px 0 10px 10px;
}

/* Image responsive et coins arrondis */
.prog-card-small-img figure,
.prog-card-small-img picture,
.prog-card-small-img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
  overflow: hidden;
  margin: 0;
  line-height: 0;
}

.prog-card-small .badge {
  position: absolute;
  top: 4px;
  left: 4px;
  background-color: #d32f2f;
  color: white;
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 3px;
}

.prog-card-small #prog-status-div-1 {
  border: 2px solid #7232CE;
  background-color: #F4F2FF;
  color: #7232CE;
}

.prog-card-small #prog-status-div-2 {
  border: 2px solid #00af36;
  background-color: #F0FFF0;
  color: #00af36;
}

.prog-card-small #prog-status-div-3, #prog-status-div-4 {
  border: 2px solid #FFA753;
  background-color: #FFE7D3;
  color: #FFA753;
}

.prog-card-small #prog-status-div-5{
  border: 2px solid #FF2E46;
  background-color: #FFD7DA;
  color: #FF2E46;
}


/* Partie texte */
.prog-card-small-info {
  flex: 1;
  padding: 2px 6px 8px;
}

.prog-card-small-info h3 {
  margin : 6px 0 4px;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 19px;
  color: #222;
  line-height: 1;
}

.prog-card-small-info h3 span{
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #7d7d7d;
  line-height: 1;
}

.prog-card-small .price-delivery{padding: 2px 0 0; }

.prog-card-small .price-delivery p{
  font-family: 'Inter', sans-serif;
  color: #555;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}

.prog-card-small .price-delivery a{display: inline-block;
  text-decoration: underline;
  font-family: 'Inter', sans-serif;
  font-size: inherit;
  color: #306994;
 }

.prog-card-small .price-delivery a:hover{color: #555; }

  
.prog-card-small .location {
  color: #306994;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 4px;
}

.prog-card-small .location a {
  text-decoration: none;
  color: #7d7d7d;
  text-decoration: underline;
  text-transform: uppercase;
}

.prog-card-small .location a:hover{color: #555;}



/* ----- Plage 720px à 999px : image 1, texte 2 ----- */
@media (max-width: 999px) and (min-width: 720px) {
  .prog-card-small{gap: 10px;}
  .prog-card-small-img {
    flex: 1 1 0%;
  }
  .prog-card-small-info {
    flex: 2 1 0%;
  }

}

/* ----- Mobile < 720px : empilement vertical ----- */
@media (max-width: 719px) {
  .prog-card-small {
    flex-direction: column;
    padding: 10px 2px 8px;
    Gap: 0px;
  }

  .prog-card-small-img,
  .prog-card-small-info {
    flex: none;
    width: 100%;
    max-width: 100%;
  }

  .prog-card-small-info {
    padding: 6px;
  }
  .prog-card-small-img figure {
    display: flex;
    justify-content: center;
  }

  .prog-card-small-img picture {
    width: 90%;
    max-width: 380px;
  }

  .prog-card-small-img img {
    width: 100%;
    height: auto;
    border-radius: 6px;
  }

  .prog-card-small .badge{left: 6px; top: -2px; }
}

/*********************************
FIN prog-card-small
*********************************/






/*********************************
DEBUT PROG PAGE TEMPLATE
*********************************/



.two_columns-nav-div{display: block; padding: 8px 12px; }

.prog-page-template-link-back-to-prog-div a{text-decoration: none; font-family: 'Inter', sans-serif; color: #73787d;       }
.prog-page-template-link-back-to-prog-div a:hover{text-decoration: underline; color: #19527E; }

.prog-page-template-other-prog-ctner{display: block; padding: 12px 0; margin: 20px 0 0;  }


.prog-page-template-prog-ctner {
  position: relative; /* Nécessaire pour le positionnement absolu du tag */ padding: 0; margin: 0;
}

.prog-page-template-tagactu-div {
  position: absolute;
  top: -8px;
  left: -18px;
  z-index: 10; /* Optionnel, pour être au-dessus du contenu */
}

.prog-page-template-tagactu-div div{display: block; padding: 2px 12px 1px; font-family: 'Montserrat', Helvetica;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 1px;
  line-height: 20px; }

.prog-page-template-tagactu-div #prog-status-div-1{
  border: 2px solid #7232CE;
  background-color: #F4F2FF;
  color: #7232CE;
  border-radius: 4px;
}

.prog-page-template-tagactu-div #prog-status-div-2{
  border: 2px solid #00af36;
  background-color: #F0FFF0;
  color: #00af36;
  border-radius: 4px;
}

.prog-page-template-tagactu-div #prog-status-div-3, .prog-page-template-tagactu-div #prog-status-div-4{
  border: 2px solid #FFA753;
  background-color: #FFE7D3;
  color: #FFA753;
  border-radius: 4px;
}

.prog-page-template-tagactu-div #prog-status-div-5{
  border: 2px solid #FF2E46;
  background-color: #FFD7DA;
  color: #FF2E46;
  border-radius: 4px;
}




.prog-page-template-tagactu-div p span{display: inline; padding: 5px 10px 5px 12px; display: block;      }

.prog-page-template-tagactu-div p span.span_new{display: inline-block; background-color: #00af36;  }

.prog-page-template-tagactu-div p span.span_lastop{display: inline-block; background-color: #FF9505;    }

.prog-page-template-tagactu-div p span.span_stockep{display: inline-block; background-color: #e82636;    }


.prog-page-template-hdr-img-div{display: block;}
.prog-page-template-hdr-img-div figure{margin: 0; padding: 0; }
.prog-page-template-hdr-img-div figure img{display: block; padding-top: 10px; width: auto; max-width: 94%; height: auto; max-height: 400px; margin: 0 auto;       }



.prog-page-template-h1-div{display: block; padding: 16px 0 0;  }

.prog-page-template-h1-div h1{display: block; margin: 0; font-family: 'Poppins', sans-serif; color: #6e6f6e; font-weight: 700;  text-align: left; font-size: 26px; }

.prog-page-template-h1-div h1 b{text-transform: uppercase; font-weight: 700; color: #6e6f6e;}

.prog-page-template-h1-div h1 span{font-family: 'Montserrat', helvetica, sans-serif; font-size: 26px;
    font-weight: 800; color: #000; text-transform: uppercase; line-height: 1.5; letter-spacing: 1;  padding-right: 8px; }

.prog-page-template-address-div{display: block; margin: 0; padding: 0; }

.prog-page-template-address-div p object{width: 15px; margin-bottom: -3px; padding-right: 3px; }

.prog-page-template-address-div p{display: block; font-family: 'Inter', sans-serif; font-weight: 700; font-size: 17px; line-height: 1.6; color: #497EA6!important; }

.prog-page-template-address-div p span{color: #92969a;  }

.prog-page-template-address-div p a{text-decoration: none; color: inherit !important; }

.prog-page-template-address-div p a:hover{text-decoration: underline; }




.prog-page-template-com-infos-div{display: block; margin: 0; padding: 6px 0 0; }

.prog-page-template-com-infos-div-2 p,
.prog-page-template-com-infos-div p{display: block; font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px;
color: #3c4044; line-height: 1.7;}

.prog-page-template-com-infos-div-2 p span.price{font-size: 18px; font-family: 'Inter', sans-serif; font-weight: 700; ; line-height: 28px; color: #497EA6; }

.prog-page-template-com-infos-div-2 p span.euros{font-family: 'Inter', sans-serif; font-size: 14px; color: #497EA6; font-weight: 700; }

.prog-page-template-com-infos-div p span.livr-date {color: #497EA6; font-weight: 600; }

.prog-page-template-h2-div{display: block; margin: 0;  }

.prog-page-template-h2-div-alt h2,
.prog-page-template-h2-div h2{font-family: Poppins, sans-serif; font-size: 21px; font-weight: 600; color: #306994; margin: 18px 0 8px; }

.prog-page-template-h2-div-alt h2{margin: 0 !important; }

.prog-page-template-p-div{margin: 0 auto; padding: 0; width: 98%; }

.prog-page-template-p-div a{text-decoration: underline; color:#497EA6; font-weight: bold;}

.prog-page-template-p-div a:hover{text-decoration: underline; color: #d6cdae; font-weight: bold;}

.prog-page-template-livr-div p,
.prog-page-template-p-div div ul li, 
.prog-page-template-p-div div p, 
.prog-page-template-p-div p{
    font-family: 'Inter', sans-serif;
    color: #3c4043;
    font-size: 15px;
    line-height: 1.5;
    text-align: justify;
    margin: 8px 0 0;
}



/* FONDU COMMUN */
.fade-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background: linear-gradient(to bottom, transparent, white);
  pointer-events: none;
  z-index: 2;
}

/* PRÉSENTATION */
.fade-box-presentation {
  position: relative;
  max-height: 18em;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.fade-box-presentation.expanded {
  max-height: 1000em;
}

/* PRESTATIONS */
.fade-box-prestations {
  position: relative;
  max-height: 6.2em;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.fade-box-prestations.expanded {
  max-height: 1000em;
}

.hidden-presta {
  display: list-item; /* contenu dans le DOM, affiché selon max-height */
}

/* BOUTONS */
.toggle-btn {
  margin-top: 10px;
  background: none;
  border: none;
  font-weight: bold;
  color: #1a75ec;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
}





.prog-page-template-livr-div{display: block; padding: 10px 0 0; }
.prog-page-template-livr-div p{font-weight: 600; }


.prog-page-template-list-div{display: block; margin: 0; padding: 0; }
.prog-page-template-list-div ul{margin: 0; padding-left: 28px;}
.prog-page-template-list-div ul li{font-family: 'Inter', sans-serif; color: #3c4043; font-size: 14px;
    line-height: 1.5; text-align: justify; padding: 0; }






.prog-page-template-price-tb-div{overflow-x:auto; padding: 0 0 14px; }

.prog-page-template-price-tb-div table{width: 100%; margin: 0 auto; border-collapse: collapse;
    border-spacing: 0; border: 1px solid #8d9093; text-align: left;   }

.prog-page-template-price-tb-div table tr{border-collapse: collapse;
    border-spacing: 0; border-bottom:  1px solid #8d9093;  }

.prog-page-template-price-tb-div table tr th{font-family: 'Montserrat', Arial; font-size: 14px; font-weight: 700;
color: #fff; background-color: #497EA6;
padding: 5px; text-transform: uppercase;  }


.prog-page-template-price-tb-div table tr td{font-family: 'Inter', sans-serif; vertical-align: top;
    font-weight: 400; font-size: 13px; color: #535353; padding: 3px 0 3px 5px;  }

.prog-page-template-price-tb-div table tr td span.xs_tbel{display: inline-block; font-size: 10px; color: #fff; background-color: #497EA6; border-radius: 3px; padding: 3px 4px;  margin: 2px 0 ; }

.prog-page-template-price-tb-div table tr td.typo_header{font-family: 'Montserrat', arial, sans-serif; text-transform: uppercase;
  font-weight: 700; color:#3c4044; text-align: center; background-color:#e7e7e7 }


.prog-page-template-price-tb-div table tr:hover{background-color: #f4f4f4; cursor: pointer; }

.prog-page-template-price-tb-div table tr td.price{text-align: right; padding-right: 5%; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 600; min-width: 100px; }
.prog-page-template-price-tb-div table tr td.surface{text-align: left; font-size: 14px; font-weight: 500; min-width: 60px; vertical-align: bottom; padding-bottom: 6px; }

.prog-page-template-price-tb-div table tr td.details{padding: 0 3px; min-width: 120px; }
.prog-page-template-price-tb-div table tr td.dpo{padding-right: 8px; }

.prog-page-template-price-tb-div table tr td.dpo span.dpo-vendu{display: inline-block; color: #306994; background-color: #fff; border-radius: 3px; border: 1px solid #306994; padding: 4px 12px;  margin: 4px 0;  }

.prog-page-template-price-tb-div table tr td.dpo span.dpo-dispo{display: inline-block; color: #fff; background-color: #497EA6; border-radius: 3px; padding: 4px 12px;  margin: 4px 0;  }


.prog-page-template-price-tb-div table tr td span.tb_price{font-family: 'Inter', sans-serif; font-size: 15px; color: #2a2a2a; font-weight: 700; }

.prog-page-template-price-tb-div table tr td span.xs_price{display: inline-block; padding-top: 4px; font-size: 12px; font-weight: 300;
letter-spacing: 0.5; }

.prog-page-template-disclaimer-div p{
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    line-height: 1.3;
    color: #595959;
}





/* Galerie */
.pure-g.prog-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
  justify-content: center;
}

.pure-g.prog-gallery > div {
  flex: 0 0 calc(33.333% - 12px);
  box-sizing: border-box;
}

.pure-g.prog-gallery figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}

.pure-g.prog-gallery img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  transition: transform 0.3s;
}

.pure-g.prog-gallery img:hover {
  transform: scale(1.03);
}

.pure-g.prog-gallery figcaption {
  margin-top: 6px;
  font-size: 12px;
  text-align: center;
  color: #666;
}

/* Lightbox */
.lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 0px;
}

.lightbox-content {
  position: relative;
  max-width: 90vw;
  max-height: 85vh;
  text-align: center;
}

.lightbox-content img {
  max-width: 100%;
  max-height: 70vh;
  border-radius: 8px;
}

/* Close button */
.lightbox-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 28px;
  color: #fff;
  cursor: pointer;
  background: rgba(169,169,169,0.9);
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
  transition: background 0.3s;
}

.lightbox-close:hover {
  background: rgba(169,169,169,0.3);
}

/* Flèches */
.lightbox-prev, .lightbox-next {
  font-family: sans-serif;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 30px;
  width: 42px;
  height: 42px;
  background: rgba(169,169,169,0.9);
  color: #fff;
  border-radius: 50%;
  line-height: 42px;
  text-align: center;
  cursor: pointer;
  transition: background 0.3s;
}

.lightbox-prev:hover, .lightbox-next:hover {
  background: rgba(169,169,169,0.5);
}

/* Position proche des bords dans l'image */
.lightbox-prev {
  left: 10px;
}

.lightbox-next {
  right: 10px;
}

/* Texte sous l'image */
.lightbox-caption {
  margin-top: 10px;
  font-size: 14px;
  color: #ccc;
}

.lightbox-counter {
  margin-top: 5px;
  font-size: 12px;
  color: #999;
}

/* Responsive */
@media (max-width: 768px) {
  .pure-g.prog-gallery > div {
    flex: 0 0 calc(50% - 12px);
  }

  .lightbox-prev, .lightbox-next {
    font-size: 22px;
    width: 36px;
    height: 36px;
    line-height: 36px;
  }

  .lightbox-content {
    max-width: 95vw;
  }
}

@media (max-width: 480px) {
  .pure-g.prog-gallery > div {
    flex: 0 0 100%;
  }
}

.map-div{
  display: block;
  margin: 0 auto;
  padding: 10px;
  width: 96%;
  border: 2px solid #306994;
  border-radius: 12px;
}

#map {
  height: 380px;
  width: 96%;
  max-width: 690px;
  margin: 6px auto;
  border-radius: 12px;
}
.custom-big-pin-wrapper {
  position: relative;
  width: 78px;
  height: 94px;
}

.custom-big-pin {
  width: 72px;
  height: 72px;
  margin: 0 auto;
  border-radius: 50%;
  border: 3px solid #306994;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-big-pin img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ✅ Ensures it fills the circle */
  display: block;
}

.custom-big-pin-pointer {
  position: absolute;
  top: 75px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 18px solid #306994;
}




.prog-page-template-localisation-img-div{display: block; margin: 0 auto; padding: 5px 8px; max-width: 620px; }
.prog-page-template-localisation-img-div figure{margin: 0 auto;  }
.prog-page-template-localisation-img-div figure img {margin: 0 auto;  width: 100%; height: auto; }
.prog-page-template-localisation-img-div figure figcaption { font-size: 14px;
  font-family: 'Verdana', Arial;  font-style: italic;  color: #808495;  text-align: center;  padding: 8px 0;  }


.prog-page-template-other-img-div{display: block; margin: 0 auto; padding: 10px 0 10px; }
.prog-page-template-other-img-div figure{display: block; margin: 0 auto; padding: 10px 0 ;}
.prog-page-template-other-img-div figure img {display: block; margin: 0 auto;  width: 90%; max-width: 500px; height: auto; padding: 8px 0; }
figcaption{font-size: 14px; font-family: 'Verdana', Arial; font-style: italic; color: #808495; text-align: center; padding: 4px 0 0; }



.prog-page-template-details-li-div ul.prog-details-list{padding:0; margin-left: 6px; border-bottom: 1px solid #555; }

.prog-details-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.prog-details-item {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 1rem;
  align-items: start;
  border-top: 1px solid #555;
  background-color: #ececec;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #808495;
}

.prog-details-item span {
  padding: 6px 1px 6px 8px;
  font-weight: bold;
  color: #222222;
  background-color: inherit;
}

.prog-details-item div{background-color: #fff; padding: 6px 1px 6px 8px;}

@media (max-width: 768px) {
  .prog-details-item {
    grid-template-columns: 1fr;
  }
}



.prog-page-template-fiche-tech-li-div{display: block; padding: 0; }

.prog-page-template-fiche-tech-li-div ul{margin: 0; padding: 0;  }
.prog-page-template-fiche-tech-li-div ul li{display: block !important; margin: 0; padding: 4px 0 10px; list-style: none; font-family: 'Verdana', Arial; font-size: 14px; color: #3c3c3c ; line-height: 1.3;   }

.prog-page-template-fiche-tech-li-div ul li span{ font-weight: 600;    }




.prog-page-template-sellers-div{display: block; padding: 0 0 16px;   }

.prog-page-template-contact-prom-img-div{display: block; padding: 8px 0 12px; }
.prog-page-template-contact-prom-img-div figure{display: block; margin:0 auto; min-height: 112px;}
.prog-page-template-contact-prom-img-div figure picture {display: block; width: 100%; max-width: 200px; margin: 0 auto; }

.contact-prom-tel{
  display: block; width: 210px;
  padding: 7px 22px;
  margin: 2px auto 0;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  outline: none;
  color: #fff;
  background-color: #497EA6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.contact-prom-tel span{margin-top: -6px; }

.contact-prom-tel object{width: 16px; margin-bottom: -2px; color: #fff;}

.contact-prom-details-div{display: block; margin: 0; width: 90%; max-width: 390px; padding: 14px 0 0 ; }

.contact-prom-details-h3-div h3{text-transform: uppercase; display: block; margin: 0; padding: 6px 0 8px ;
  font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 700; color: #474747;  }

.contact-prom-details-p-div p{font-family: 'Inter', sans-serif; font-size: 13px;
  color: #3c4044; line-height: 1.4; }

.contact-prom-details-p-div p span.contact-prom-details-role{display: inline-block; font-weight: 700; margin: 0; 
  padding: 4px 0 4px; text-transform: uppercase; font-size: 15px; color: #306994; }

.contact-prom-details-p-div p span.contact-prom-details-pdv-sg{display: inline-block; margin: 0; 
  padding: 0; text-transform: uppercase; font-size: 13px; color:#3c4044; }

.contact-prom-page-link-div{display: block; margin: 0; padding: 10px 0; }

.contact-prom-page-link-div a{text-decoration: none;
    font-family: 'Inter', sans-serif; font-size:15px; color: #306994; }

.contact-prom-page-link-div a:hover{text-decoration: underline;  }









.prog-page-template-link-city-div a{text-decoration: none; color: #3c4044;
    font-family: 'Arial', Helvetica, sans-serif;  font-weight: 400;  font-size: 16px; }

.prog-page-template-link-city-div a:hover{text-decoration: underline; color: #73787d;}

.prog-page-template-pub-date{display: block; padding-top: 8px;}

.prog-page-template-pub-date p{font-family: 'Verdana', Helvetica, sans-serif; color: #73787d; font-size: 12px;}

.prog-page-template-pub-date p span{font-weight: 600;}







.mini-prog-tag-ctr-master-div{display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 16px;
    align-items: flex-start;}

.mini-prog-tag-ctr-div{box-sizing: border-box;
    width: 100%;
    max-width: 230px;
    height: 338px;
    margin: 16px 19px 0 0;
    
    }


.mini-prog-tag-nme-div {display: block; max-width: 100%; background-color:#306994; padding: 3px 6px; height: 58px; }

.mini-prog-tag-img-div figure.fig1{display:block; margin:0; padding:0; height:auto; }

.mini-prog-tag-img-div figure picture,
.mini-prog-tag-img-div figure picture img{
  display: block; 
  width: 100%; 
  max-width: 236px; 
  height: 130px; 
  object-fit: cover;
  border-top-left-radius: 12px; 
  border-top-right-radius: 12px; 
}






.mini-prog-tag-nme-div h4{ font-family: 'Inter', sans-serif; font-size: 11px; line-height: 11px; padding:6px 0 0; margin:0; color: #fff; font-weight: 500;  }

.mini-prog-tag-nme-div h4 span {display : block; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 16px;  text-transform: uppercase; font-weight: 700; margin-top: 8px;    }



.mini-prog-tag-nme-div a{ height: 19px; display: block; text-decoration: none; margin: 0; padding: 0; font-family: 'Verdana', Arial; 
  font-size: 15px; color:#fff; letter-spacing: 1px; text-transform: uppercase; font-weight: 700; }


.mini-prog-tag-div-infos{
  background-color: #e8e8e8;
  padding-bottom: 12px;
}

.mini-prog-tag-txt-div p{font-family: 'Inter', sans-serif; font-size: 13px; color: #3c4044 ; line-height: 1.1; padding: 3px 0 2px; }
.mini-prog-tag-txt-div p span{font-family: 'Inter'; font-size: 16px; line-height: 1.3;}
.mini-prog-tag-txt-div{display: block; padding: 2px 2px 4px 6px; }


.mini-prog-tag-city-div{display: block; padding: 2px 2px 0px 6px; }
.mini-prog-tag-city-div a{display: block; padding-top: 4px; text-decoration: none; text-transform: uppercase;
  font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 700; color: #3c4044 ; }

.mini-prog-tag-city-div a:hover{text-decoration: underline; color: #73787d; }


.mini-prog-tag-learn-more-div{padding: 4px 2px 4px 4px;   }

.mini-prog-tag-learn-more-div a{
  color: #306994;
  background-color: #cce1ea; 
  padding: 3px 12px 3px 12px; 
  text-decoration: none;
  font-family: 'Inter', sans-serif; 
  font-size: 14px; font-weight: bold; 
  border: 2px solid #306994;
  border-radius: 4px;  }

.mini-prog-tag-learn-more-div a:hover{background-color: #fff; color: #555;   }





/*********************************
DEBUT PROG PAGE TEMPLATE
*********************************/












/*********************************
DEBUT CITY PAGE TEMPLATE
*********************************/
.city-list-div{display: block; }

.city-list-div ul{padding: 0 0 0 18px; }

.city-list-div ul li{list-style: none; margin-top: 6px;}

.city-list-div ul li a {text-decoration: none;
    font-family: Arial, helvetica, sans-serif;
    font-size: 15px;
    color: #0063c6;}

.city-list-div ul li a:hover{text-decoration: underline;}


.city-list-div ul li span{text-decoration: none;
    font-family: Arial, helvetica, sans-serif;
    font-size: 15px; color: #A4C7E1;}


/*********************************
FIN CITY PAGE TEMPLATE
*********************************/















/*********************************
DEBUT ANNUAIRE PROMOTEURS
*********************************/




.owner-details-div{display: block;}

.owner-details-div img{width: 80%; max-width: 310px; position: left;}





/*********************************
New code 
*********************************/
.liste-promoteurs-div ul{margin: 0; padding: 20px 0 20px; }

.liste-promoteurs-div ul li{list-style: none; display: block; padding: 8px 2px 4px 2px;

  box-sizing: border-box;  margin: 3px 0 ;    }



.promoteur-bloc {
  display: flex;
  flex-direction: row;
  align-items: center; /* Centrage vertical */
  gap: 30px;
  padding: 12px 0 0 20px;
  border-top: 1px solid #ccc;
  flex-wrap: nowrap;
}

.promoteur-logo figure {
  margin: 0;
}

.promoteur-logo picture,
.promoteur-logo img {
  display: block;
  width: 180px; /* taille desktop par défaut */
  max-width: 100%;
  height: auto;
  flex-shrink: 0;
}

.promoteur-texte {
  flex: 1;
  min-width: 0;
}

.promoteur-texte h3 {
  margin: 0;
  padding: 0 0 3px;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  font-size: 19px;
  line-height: 1;
  letter-spacing: 0.2px;
  font-weight: 600;
  color: #5d5d5d;
}

.promoteur-texte h3 span{font-size: 14px; color: #7e7e7e; text-transform: none; line-height: 1;  }

.promoteur-texte p {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  color: #717171;
}

.promoteur-texte .en-savoir-plus {
  display: inline-block;
  font-weight: 500;
  text-decoration: underline;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #1a75ec;
  transition: color 0.2s;
  display: inline-block;
  letter-spacing: 0.3px;
  margin-top: 6px;
}

.promoteur-texte .en-savoir-plus:hover {
  color: #424242;
  background-color: #dfdfdf;
}

/* Taille du logo légèrement plus grande sur mobile */
@media (max-width: 768px) {
  .promoteur-bloc {padding: 20px 0 0 0px; gap: 18px;}
  .promoteur-logo picture,
  .promoteur-logo img {width: 120px; }
}

/*********************************
FIN PAGE LES PROMOTEURS
*********************************/















/*********************************
DEBUT PAGE ANNUAIRE
*********************************/


.annuaire-nav-div{
  display: block; padding: 20px 0 0;
}





.annuaire-list-item-link-inside {
  display: block; background-color: #BBAC79;
  height: 160px; position: relative;    }


.annuaire-list-item-link-inside:hover{ background-color: #c4b994;  }

.annu-list-name{
  display: block; position: absolute;
  width: 100%;
  height: 48px;
  bottom: 20px;    }


.annu-list-name h2{
  width: 80%;
  height: auto;
  font-size: 19px; font-family: 'Montserrat', verdana, sans-serif; font-weight: 600;
  text-decoration: none;
  line-height: 1.5; letter-spacing: 1.2;
  display: block;
  color: #FFF; text-align: center;
  padding: 0; margin: 0 auto;
  bottom: 2px;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}


.default-liste-annu-div{ display: block;
  padding: 12px 0;
}

.default-liste-annu-div ul{margin: 0; padding: 0; }
.default-liste-annu-div ul li{list-style: none; padding: 10px 0 4px; }

.annu-item-card-h3-agence-div,
.annu-item-card-h2-div{display: block; background-color: #BBAC79; padding: 4px 0 4px 8px;
}

.annu-item-card-h2-div h2{color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 17px; margin: 0; padding: 0; }

.annu-item-card-p-div{display: block; padding: 6px 0 6px 6px;   }

.annu-item-card-p-div p{font-size: 14px;  font-family: 'verdana';  color: #6e6f6e;  font-weight: 500; line-height: 1.46; }

.annu-item-card-p-div p span.color{color: #BBAC79;  }



.annu-item-card-p-div i {border: none; border-width: 0; display: inline-block; padding: 3px; color: #969696; font-size: 12px; }


.annu-item-card-h3-agence-div h3{color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 15px; margin: 0; padding: 0; text-transform: uppercase;  }


.default-annu-h2bis-div{display: block; padding: 10px 0 0;   }

.default-annu-h2bis-div h2{font-family: 'Montserrat';  font-weight: 700;  text-transform: inherit;
    font-size: 20px;  padding: 0px;    margin: 0;  color: #6e6f6e;   }


/*********************************
FIN PAGE ANNUAIRE
*********************************/


















.prom-page-template-p-div { display: block; padding: 10px 0; }

.prom-page-template-p-div img{vertical-align:middle; display:inline;  }

.prom-page-template-p-div p{font-family: 'Inter', sans-serif; font-size: 14px; color: #363636; line-height: 1.6;    }
.prom-page-template-p-div ul li{font-family: 'Inter', sans-serif; font-size: 14px; color: #363636; line-height: 1.6;}
.prom-page-template-p-div p span.city{text-transform: uppercase;}

.prom-page-template-p-div p a{color: #306994; text-decoration: underline;}
.prom-page-template-p-div p a:hover{text-decoration: underline;}

.prom-page-template-p-div-color p{font-family: 'Inter', sans-serif; font-size: 14px; line-height: 1.6; color: #a7a7a7;  }


.contact-prom-tel3{display: inline-block; background-color: #a7a7a7;
  padding: 6px 26px; margin: 0 auto 10px;
  color: #FFF; 
  font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;}

.contact-prom-tel3:hover{background-color: #306994;}

.contact-prom-tel3 object{width: 14px; margin-bottom: -2px;}


.website_prom_link a{text-decoration: underline; display: inline-block; color: #BBAC79;  }
.website_prom_link a:hover{text-decoration: underline; color: #7d7d7d;}

.prom-page-template-p-pubdate-div p{
font-family: 'Helvetica Neue', Arial;
font-size: 14px;
color: #73787d;
line-height: 1.6;
}
.prom-page-template-p-pubdate-div p span{ font-weight: 600; }

.link-in-text{color: #bbac79; text-decoration: underline; }


.link-in-text:hover {color: #a39051; text-decoration: underline; }




.liste-promoteurs-small-cards-div ul{margin: 0; padding: 10px 0 20px; }
.liste-promoteurs-small-cards-div ul li{list-style: none; 
  display: block; 
  padding: 10px 0 0;
  box-sizing: border-box;
  margin: 2px 0 ;    }
  
.liste-promoteurs-small-cards-div a{display: block; text-decoration: none; 
    background: #e7eef1;
    border-width: 1px;
    border-style: solid;
    border-color: #bcbcbc;
    border-radius: 4px; }

.liste-promoteurs-small-cards-div a:hover{background-color: #ededed; color: #555; }

.prom-card-preview-small-div {
  display: flex;
  flex-direction: row;
  align-items: center; /* Centrage vertical */
  gap: 20px;
  flex-wrap: nowrap;
}


.prom-card-preview-small-logo-div{padding: 0 20px 0;}
.prom-card-preview-small-logo-div figure {margin: 0; }

.prom-card-preview-small-logo-div picture,
.prom-card-preview-small-logo-div img {
  display: block;
  width: 126px; /* taille desktop par défaut */
  max-width: 100%;
  height: auto;
  flex-shrink: 0;
}

.prom-card-preview-small-text-div {
  flex: 1;
  min-width: 0;
  padding: 0 10px 0 0;
}

.prom-card-preview-small-text-div div {
  margin: 0;
  padding: 0 0 6px;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.2px;
  font-weight: 600;
  color: #727272;
}

.prom-card-preview-small-text-div div span{font-size: 16px; color: #7e7e7e; text-transform: none; line-height: 1;  }

.prom-card-preview-small-text-div p {
  font-family: 'Inter', sans-serif;
  line-height: 1;
  font-size: 14px;
  color: #717171;
  padding: 4px 0;
}



/* ----- Mobile < 720px : empilement vertical ----- */
@media (max-width: 719px) {
  .prom-card-preview-small-logo-div{padding: 0;}
  .prom-card-preview-small-li a{padding: 6px 0; }
  .prom-card-preview-small-div{gap: 6px }
  .prom-card-preview-small-logo-div picture,
  .prom-card-preview-small-logo-div img{max-width: 100px;}

}




/*********************************
DEBUT INDEX PAGE
*********************************/

.index-page-h1-div{max-width: 90%; margin: 0 auto;}

.index-page-h1-div h1{
  font-family: 'Montserrat'; font-weight: 700; text-transform: inherit;
  font-size: 22px; padding: 0px; margin: 0; color: #3f3535; text-align: center;    }


.index-page-h2-div h2{font-family: 'Roboto', 'Montserrat'; font-weight: 500; text-transform: inherit;
font-size: 18px; padding: 0px; margin: 0; color: #7d7d7d;  }


.index-page-spec-h2-div{max-width: 90%; margin: 10px auto 0; }

.index-page-spec-h2-div h2{
  font-family: 'Montserrat'; font-weight: 600; text-transform: inherit;
  font-size: 18px; padding: 0px; margin: 0; color: #7d7d7d; text-align: center;    }

.index-page-spec-p-div{max-width: 94%; margin: 0 auto; padding: 10px 0 0; }

.index-page-spec-p-div p{
  font-family: 'Inter', sans-serif; color: #3c4043;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;    }


.index-page-p-div p{width: 100%; display: block; margin: 6px auto 0; }


.index-page-p-div p, .index-page-p-div ul li{
  font-family: 'Inter', sans-serif;
  color: #3c4043;    
  font-size: 15px; 
  text-align: left; 
  line-height: 1.3;  }

.index-page-p-div ul li{margin : 4px 0 4px;}

.index-page-p-div ul{padding-inline-start: 10px; }


.index-page-p-div a.special-link{text-decoration: underline; color: #1a75ec; }


.home-city-list-div{display: block; padding: 14px 0 20px; }

.home-city-list-div ul{margin: 0; padding: 0; }

.home-city-list-div ul li {display: inline-block;
    list-style: none;
    width: 290px;
    margin: 6px 10px 6px 0; }

.home-city-list-div ul li a{display: block;
    padding: 8px 10px;
    text-decoration: none;
    font-family: 'Roboto', Arial, serif;
    color: #616569;
    border-style: solid;
    border-width: 1,8px;
    border-color: #BBAC79;
    border-radius: 0px;
}

.home-city-list-div ul li a:hover{text-decoration: none; background-color: rgba(187, 172, 121, 0.2); }

.home-city-list-div ul li a h4{margin: 0; padding: 0; color:#BBAC79; font-family: 'Montserrat', serif; font-size: 16px; font-weight: bold; text-transform: uppercase; }

.home-city-list-div ul li a h4 span{font-weight: 600; font-size: 15px;font-family: Arial, serif;
color: #575757; letter-spacing: 0.7px;  }

.home-city-list-div ul li a p{font-size: 14px; padding-top: 3px; font-family: Arial, serif;
color: #616569;  }





.index-city-list-div ul{margin: 0; padding: 6px 30px 0;}
.index-city-list-div ul li{list-style: circle; padding: 4px 0 2px 0; font-family: 'Arial', helvetica, sans-serif;
    color: #535353; }

.index-city-list-div ul li a{text-decoration: none; color: inherit; font-weight: 500; }
.index-city-list-div ul li a:hover{color: #BBAC79; text-decoration: underline; }
.index-city-list-div ul li span{color: #BBAC79;  }

/*********************************
FIN INDEX PAGE
*********************************/







/*********************************
DEBUT WIDGET
*********************************/

.default-widget-master-div{
  display: block; background-color: #fff;
  padding: 8px 10px 14px;
  margin-bottom: 20px;      }

 
.default-widget-master-div .widget-title{padding: 8px 0 3px 0; margin: 0 0 8px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  color:#2e2e2e;
  font-size: 16px; font-weight: 700;
  border-bottom: 2px solid #7d7d7d; }

.default-widget-link-list-div{display: block;}

.default-widget-link-list-div ul{padding: 0 0 0 10px; margin: 0; }

.default-widget-link-list-div ul li{list-style: none; padding: 3.5px 0; }

.default-widget-link-list-div ul li a{ text-decoration: none;
  font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 400;
  color: #306994; }

.default-widget-link-list-div ul li a:hover{color: #535353; text-decoration: underline;}

.res-une-img-div img{display: block; width: 92%; max-width: 230px; height: auto; margin: 0 auto; padding: 10px 0 4px;}

.res-une-img-div a figure{display: block; margin: 0;}

.res-une-alink-div{display: block; padding: 6px 0 0; max-width: 92%; margin: 0 auto; }

.res-une-alink-div p{display: inline-block;}

.res-une-alink-div p a{text-decoration: none; max-width: 100%; display: block;
  font-family: 'Inter', sans-serif; font-weight: 400;  color: #306994;  }

.res-une-alink-div a:hover{color: #535353; text-decoration: underline;}

.fleche:before {
    content: " ";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid currentColor;
    margin-right: 7px;
    margin-bottom: 0px;
    display: inline-block;}

/*********************************
FIN WIDGET
*********************************/

















/*********************************
DEBUT PAGE CONTACT
*********************************/


.contact-form-div{ display: block; width: 90%; max-width: 380px; margin: 0 auto;

}

.contact-form-div label{
  display: block;  float: left;  clear: both;
  margin: 18px 0 4px;    font-size: 16px;   font-weight: 700;
  line-height: 1.4;    color: #636363; font-family: 'Inter', sans-serif;  }




.consent-div{display: block; padding-bottom: 30px; }

.consent-div label span{display: inline-block; font-size: 11px; font-style: italic; font-weight: 400;
  color: #636363!important;  }


.simple-input{
  display: block;  width: 100%;  height: 32px;  padding : 0 10px;
  border: 2px solid #306994; border-radius: 3px; font-family: 'Inter', sans-serif; ;
  background-color: #FFF ;  font-size: 12px;
  font-weight: 400;  line-height: 1.28;  color: rgb(0, 0, 0);
}


.message{
  display: block;
    width: 100%;
    height: 160px;
    margin-top: 5px;
    padding: 5px;
    border: 2px solid #306994; border-radius: 3px;
    font-family: Verdana ; font-size: 12px;
    background-color: #FFF;
    line-height: 1.38;
    color: rgb(0, 0, 0);
    resize: none;
}


.contact-form-div #submit{
  display: block;
  width: 90%;  max-width: 260px;
  margin: 8px auto 0; padding: 8px 10px;
  border: 1px solid #306994;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #555;
  font-size: 18px; letter-spacing: 0.9;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  background: 0 0!important; }


.contact-form-div #submit:hover{
  background-color: #cce1ea!important;
    border: 1px solid #306994;    }


.submit-ct{ display: block; margin-top: 2px; padding: 20px 0 0;  }


.contact-email-div img{max-height: 22px; max-width: 100%; padding: 10px 0;  }

/*********************************
FIN PAGE CONTACT
*********************************/








/*********************************
DEBUT PAGE SITEMAP
*********************************/

.sitemap-list-div ul{ padding-left: 20px; margin: 10px 0 0; }
.sitemap-list-div ul li{list-style: none;  }
.sitemap-list-div ul li a{display: inline-block;
  text-decoration: none;
  font-family: 'Inter', sans-serif; 
  font-size: 14px;
  color: #535353;
  margin: 5px 0;
  padding: 2px 0;     }

.sitemap-list-div ul li a:hover {text-decoration: underline; color: #347FAA;     }


.sitemap-h2-div h2{font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 20px;  }

/*********************************
FIN PAGE SITEMAP
*********************************/


.whoweare-img-div{display: block; width: 98%; margin: 0 auto; }

.whoweare-img-div figure{margin: 8px auto; }

.whoweare-img {display: block; width: 100%; max-width: 700px; height: auto !important; }




.owner-img-div{display: block; width: 100%; }

.owner-img-div figure{margin: 0; padding: 0; }

.owner-img-div figure picture img{width: 90%; max-width: 460px; }





/*********************************
DEBUT PAGE 404
*********************************/

.page-404-master-div{display:block; width: 92%; max-width: 800px; margin: 10% auto 0;  }

.page-404-inside-div{background-color: #fff; padding: 40px 30px ; }
.page-404-p-div p{font-family: Arial, helvetica, sans-serif; font-size: 16px; line-height: 21px;}

.page-404-p-div p a{text-decoration: none; color: #306994; }
.page-404-p-div p a:hover{text-decoration: underline; color: #73787d; }

/*********************************
FIN PAGE 404
*********************************/









/*********************************
DEBUT DEFAULT PAGE LAYOUT
*********************************/

.one_column_ctr{
  width: 100%;
  max-width: 1000px;
  padding: 10px;
  display: block;
  margin: 10px  auto 0 ;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.default-page-h1-div h1{margin: 0; padding: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #656565;
    padding-bottom: 6px;
}


.default-page-h2-div h2{margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-size: 19px; color: #2173a3; ;
font-weight: 600;  }



.default-page-h2-div-2 h2{margin: 0; padding: 0;
  font-family: 'Montserrat', Arial, sans-serif; font-weight: 700; font-size: 19px;
  line-height: 30px; color: #7d7d7d;
 }

.default-page-h2-div-2 h2 span{color: #306994; }


.default-page-h2-div-3 h2{margin: 14px 0 2px; padding: 0;
  font-family: 'Montserrat', Arial, sans-serif; font-weight: 700; font-size: 19px;
  line-height: 30px; color: #306994; }


.two_columns_ctr{width: 100%;  max-width: 1240px; display: block;  margin: 0 auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;  }

.left_column{padding: 14px 26px 20px; background-color: #FFF;  }


.right_column{  padding: 0 2px;      }

.prog-list-page-laytout-div{  display: block;  padding-bottom: 20px;}

.menu-villes{display: block; }
.menu-villes ul{padding: 0; margin: 4px 0 12px;}
.menu-villes ul li{display: inline-block; list-style: none; margin-right: 2px;  }
.menu-villes ul li a{display:block; text-transform: uppercase;
   color: #306994; background-color: #cce1ea;  font-size: 16px;
   font-family: 'Inter', sans-serif;  line-height: 1; font-weight: 600;
   border: 2px solid #306994;
   border-radius: 4px;
   padding: 5px 12px;
   text-decoration: none;
   margin: 10px 4px 0 0;
  
  
  }

.menu-villes ul li a span{font-size: 14px; font-weight: 600; }  

.menu-villes ul li a:hover{color: #5a5a5a; background-color: #fff;  }


.menu-villes ul li span {text-decoration: none; text-transform:
   uppercase; color: #7d7d7d; font-size: 18px;
   font-family: 'Montserrat', helvetica, sans-serif;  font-weight: 700;  vertical-align: baseline; }



.default-page-p-div{width: 100%; margin: 0 auto; }
   

.default-page-p-div p{display: block; margin: 8px 0 0; }
   
.default-page-p-div img{vertical-align:middle; display:inline;  }

.default-page-p-div ul li, .default-page-p-div p {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    color: #444;
    line-height: 1.6;
}

.default-page-p-div ul{margin: 6px 0;}

.default-page-p-div span.brand-in-text{color:#306994; }

.default-page-p-div a{font-weight: 700;
  color: inherit;
  text-decoration: underline;
  text-decoration-color: #306994;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  padding: 4px 0px; }

.default-page-p-div a:hover{text-decoration: none;
  background-color: #A4C7E1;
  padding: 4px 0px; }





.default-page-breadcrumb-div{display: block; margin: 0;  }

.default-page-breadcrumb-div nav ol{padding: 10px 0;  margin: 0; }

.default-page-breadcrumb-div nav ol li{list-style: none; display: inline-block;}

.default-page-breadcrumb-div nav ol li a {text-decoration: underline; color:#7d7d7d;
  font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px; padding: 0 2px 0 1px;  }

.default-page-breadcrumb-div nav ol li a span:hover{text-decoration: underline; color: #73787d; }

.default-page-breadcrumb-div nav ol li {text-decoration: none; color: #306994;
  font-family: 'Arial', Helvetica, sans-serif; font-weight: 600; font-size: 16px; padding: 0 2px 0 1px; }

.default-page-breadcrumb-div nav ol span.icon-ariane{text-decoration: none; color: #306994;
    font-family: 'Montserrat'; font-weight: 600; font-size: 17px;  }






/*********************************
DEBUT FOOTER
*********************************/
.custom-footer {
  background-color: #f9f9f9;
  padding: 0;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #333;
  border-top: 1px solid #ddd;
}

.custom-footer > .footer-columns,
.custom-footer > .footer-bottom {
  max-width: 1216px;
  margin: 0 auto;
}

.footer-top {
  background: #fff;
  padding: 30px 20px 30px;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.footer-top-inner {
  max-width: 1216px;
  margin: 0 auto;
}

.footer-top-title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 18px;
}

.footer-top-logos {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.footer-top-logo-box {
  background-color: #f9f9f9;
  padding: 14px 46px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  border: 1px solid #d4d4d4;
}

.footer-top-logo-box:hover {
  transform: scale(1.03);
}

.footer-top-logo-box img {
  display: block;
  max-height: 40px;
  width: auto;
  filter: grayscale(100%) brightness(0.8); /* logo grisé de base */
  transition: filter 0.3s ease;
}

.footer-top-logo-box:hover img {
  filter: none; /* couleur au survol */
}

@media (max-width: 768px) {
  .footer-top-logos {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }

  .footer-top-logo-box {
    width: 100%;
    max-width: 360px;
  }
}




/* Colonne principale */
.footer-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
  padding: 26px 0 26px;
}

.footer-column {
  flex: 1 1 200px;
}

.footer-column .footer-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 8px;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-column li{margin-bottom: 8px;}

.footer-column li a{
  color: #535353;
  font-family:'Inter', sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.footer-column li a:hover {
  color: #306994;
  text-decoration: underline;
}

/* Footer bas : gauche/droite */
.footer-bottom {
  border-top: 1px solid #ddd;
  padding: 12px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.footer-bottom-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  flex: 1;
}

.footer-links a {
  color: #555;
  text-decoration: none;
}

.footer-links a:hover {
  text-decoration: underline;
}

.footer-copy {
  font-size: 13px;
  color: #666;
}

.footer-socials {
  display: flex;
  gap: 3px;
}

.footer-socials a {
  padding: 8px 10px;
}

.footer-socials a:hover {
  background-color: #e5e5e5;
  border-radius: 4px;
}

.footer-socials img {
  width: 22px;
  height: 22px;
  vertical-align: middle;
  color: #535353;
}



@media (max-width: 768px) {
  .footer-columns {
    flex-direction: column;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-socials {
    margin-top: 10px;
  }
}

@media (max-width: 1216px){
  .footer-columns {
    padding: 0 10px 0;
  }
    .footer-bottom {
     padding: 20px 10px 20px;
    }
}




/*********************************
FIN FOOTER
*********************************/


















.div-btn-type1{display: block; }

.div-btn-type1 a {
  display: block;
  margin: 24px auto 10px;
  word-wrap: break-word;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  text-align: center;
  background: 0 0!important;
  box-sizing: border-box;
  border: 1px solid #306994;
  color: #555;
  width: 80%;
  max-width : 450px;
  padding: 8px 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;  }

.div-btn-type1 a span{font-family: sans-serif;}



.div-btn-type1 a:hover{ background-color: #cce1ea!important; border: 1px solid #306994; color: #306994;  }

.div-btn-type1 a i { border: solid #555;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.div-btn-type1 a i:hover{color: #306994; }

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

















/*********************************
DEBUT STYLES MOBILE
*********************************/

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

  .footer-fullwidth{width: 90%; margin: 0 auto;    }

  .sl-box{padding:0 0 30px; }

  .left_column{padding: 14px 16px 20px;}


}


/*********************************
FIN STYLES MOBILE
*********************************/