.annonce-content .section-annonce {}
.annonce-content .section-annonce.info-gle {}
.annonce-content .section-annonce.localisation {}
.annonce-content .section-annonce.caracteristique {}
.annonce-content .section-annonce.energie {}
.annonce-content .section-annonce.contact {}
.annonce-content .section-annonce.article-content {}
.annonce-content .section-annonce h3 {}
.annonce-content .section-annonce ul li {}
.annonce-content .section-annonce.investissement {}

/*
investissement
nb_investisseur
quote_part_investisseur
frais_notaire
cout_annuel
revenu_annuel_brut
revenu_net
*/
/** ******************
disposition
************************ */
.annonce-content .section-annonce ul {
    display: grid;
    grid-template-columns: 1fr; /* 1 colonne par défaut */
    gap: 10px; /* Espacement entre les éléments */
    list-style-type: none; /* Supprime les puces */
    padding: 0;
    margin: 0;
}

.annonce-content .section-annonce ul li {

}

/* 2 colonnes à partir de 768px */
@media (min-width: 768px) {
    .annonce-content .section-annonce ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 3 colonnes à partir de 992px */
@media (min-width: 992px) {
    .annonce-content .section-annonce ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 4 colonnes à partir de 1140px */
@media (min-width: 1140px) {
    .annonce-content .section-annonce ul {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1150px) {
	.annonce-container {padding-left:20px; padding-right: 20px;}
}
/** *********
general
*** */
.annonce-content .section-annonce h3 {font-size:16px; font-weight:bold; margin-top: 30px; margin-bottom: 15px;}
.section-annonce {margin:25px auto; padding:20px 0;}
/** prix */
.annonce-content .section-annonce.info-gle ul {display: block; width:100%; text-align: right;}
.annonce-content .section-annonce.info-gle ul li {width: 100%; text-align:right;}
.annonce-content .section-annonce.info-gle ul li.prix { width:100%;}
.annonce-content .section-annonce.info-gle ul li.prix span {display: block; font-size: 2em; color: var(--bleu); padding: 0px; font-weight: blod;}
.annonce-content .section-annonce.info-gle ul li.prix a {display: inline-block; background-color: var(--bleu); color: var(--bg); font-size:1.2em; padding: 10px 25px; border-radius: 5px; transition: all 0.5s ease;}
.annonce-content .section-annonce.info-gle ul li.prix a:hover {background-color: var(--bleu-fonce); text-decoration: none;}
/** ********
jauges enbergie 
************** */
/* Style général pour DPE et GES */
.annonce-content .dpe,
.annonce-content .ges {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
}

/* Classes énergétiques */
.dpe-a, .ges-a {
    background-color: #4caf50;
    color: white;
}

.dpe-b, .ges-b {
    background-color: #8bc34a;
    color: white;
}

.dpe-c, .ges-c {
    background-color: #cddc39;
    color: black;
}

.dpe-d, .ges-d {
    background-color: #ffc107;
    color: black;
}

.dpe-e, .ges-e {
    background-color: #ff9800;
    color: white;
}

.dpe-f, .ges-f {
    background-color: #ff5722;
    color: white;
}

.dpe-g, .ges-g {
    background-color: #f44336;
    color: white;
}

/* Optionnel : Ajout d'une jauge */
.annonce-content .dpe::before,
.annonce-content .ges::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

/* Associer les jauges aux couleurs */
.dpe-a::before, .ges-a::before {
    background-color: #4caf50;
}

.dpe-b::before, .ges-b::before {
    background-color: #8bc34a;
}

.dpe-c::before, .ges-c::before {
    background-color: #cddc39;
}

.dpe-d::before, .ges-d::before {
    background-color: #ffc107;
}

.dpe-e::before, .ges-e::before {
    background-color: #ff9800;
}

.dpe-f::before, .ges-f::before {
    background-color: #ff5722;
}

.dpe-g::before, .ges-g::before {
    background-color: #f44336;
}

/** content */
.section-annonce .content {margin: 20px auto;}

/** contact */
.annonce-content .section-annonce.contact {margin:25px auto;
display: flex; justify-content: space-between; gap: 20px;}

/** col */
.annonce-content .section-annonce.contact .contact-info  {padding: 0px; flex: 1; display: flex;}
.annonce-content .section-annonce.contact .contact-form  {padding: 0px; flex: 1;}
.annonce-content .section-annonce.contact .contact-form  .fl-module-content,
.annonce-content .section-annonce.contact .contact-form  .fl-builder-content {margin: 0; padding: 0;}


#theform.formulaire-contact {}
#theform.formulaire-contact > .fl-module-content {margin: 0;}

#theform.formulaire-contact h3 {}

#theform.formulaire-contact .fl-input-group { margin-bottom: 10px;}

#theform.formulaire-contact .fl-input-group input,
#theform.formulaire-contact .fl-input-group textarea {
    width: 100%;
    padding: 8px 0;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#theform.formulaire-contact .fl-input-group textarea {
    resize: vertical;
}

#theform.formulaire-contact .fl-button-wrap {
    margin-top: 15px;
}

#theform.formulaire-contact .fl-button {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: bold;
    color: var(--bg);
    background-color: var(--bleu);
    border: none;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}
#theform.formulaire-contact .fl-button span { color: var(--bg);}
.formulaire-contact .fl-button:hover {
    background-color: var(--bleu-fonce);
}

.formulaire-contact .fl-contact-error {
    color: red;
    font-size: 12px;
    margin-top: 5px;
}

.formulaire-contact .fl-success-msg {
    font-size: 14px;
    color: green;
    margin-top: 10px;
    text-align: center;
}
/** **************************
photos
************************ */
.fl-module-slideshow {}
.fl-module-slideshow .fl-slideshow .fl-slideshow-image.fl-slideshow-image-content {border-radius: 20px;}
.fl-module-slideshow .fl-slideshow-thumbs-content.yui3-widget-content-expanded .fl-slideshow-thumbs-page .yui3-widget/*.fl-slideshow-image.fl-slideshow-image-content.yui3-widget-content-expanded.fl-slideshow-image-cropped*/ {border-radius: 5px;}

/* post-template-default single single-post postid-130 single-format-standard logged-in admin-bar fl-builder-2-8-5-3 fl-themer-1-3-3-1 fl-theme-1-7-17-1 fl-theme-builder-singular fl-framework-base fl-preset-groupimmo fl-full-width customize-support fl-builder-breakpoint-default */