.page-template-template-horoscope-2026 .horoscope-du-jour-banner #horoscope-image {
    background: url(../img/bg-banner-horoscope-apresdemain.png) no-repeat center;
}
p#breadcrumbs {
    background: #9875B1;
    padding: 10px;
    color: #fff;
}
li{
    text-align: left;
}
.icon-famille {
    display: inline-block;
    width: 60px;
    height: 48px;
    background: url(../img/icon-famille.png) no-repeat center;
    background-size: contain;
}
.icon-ami {
    display: inline-block;
    width: 60px;
    height: 48px;
    background: url(../img/icon-ami.png) no-repeat center;
    background-size: contain;
}
.bgmauve{
    background: rgba(123, 47, 158, .1019607843);
    padding-top: 30px;
    margin-bottom: 60px;
}
#listehoroscope #soustitreh2{
    font-family: "Shadows Into Light" !important;
}
.que-vous-reserve-les-astres{
    margin-top: 0;
}
.vc_tta-panel .vc_tta-panel-heading{
    border-radius: 15px !important;
}
.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading{
    border-radius: 15px 15px 0 0 !important;
}
.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-title-text{
    font-size: 18px;
    color: #7b2f9e !important;
}
.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body{
    border-radius: 0 0 15px 15px !important;
}
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a {
    color: #7b2f9e !important;
    font-weight: 500 !important;
}
.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon::before{
    color: #7b2f9e !important;
}
h1.animate__animated{
    font-size: 54px;
    line-height: 1.2;
}
.sous-h1{
    color: #7b2f9d;
    font-family: Open Sans, sans-serif !important;
    font-size: 46px !important;
}
.banhrscp26{
    background-position: center !important;
    background-repeat: no-repeat !important;
}
#future-links a {
    text-align: center;
}
.ambiance{
    text-align: center;
}
.ambiance h2{
    font-size: 38px;
    color: #742997;
    font-weight: 700 !important;
}
.ambiance p{
    text-align: center;
    font-size: 20px;
}
.astro-tendance {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 166px;
    height: 159px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    position: relative;
    padding-top: 10px;
}
.astro-tendance:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/bg-tendance.png) no-repeat center;
    background-size: cover;
    top: 0;
    animation: rotating 10s linear infinite;
}
.astro-tendance span {
    z-index: 1;
    display: block;
    color: #7b2f9e;
    font-family: "Open sans";
    font-size: 20px;
    font-weight: 800;
    width: 100%;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
}
.astro-tendance span.percent{
    color: #fba13a;
    font-size: 50px;
}
.astro-tendance span.percent>span {
    color: #fba13a;
    font-size: 30px;
    display: inline;
}
 #horoscope-notes{
    display: flex;
    justify-content: center;
    gap: 15px !important;
}
.defaultTitle h2{
    text-align: center;
    font-size: 38px;
}
.defaultTitle h2:before{
    content: '';
    width: 100%;
    height: 4px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 20px;
}
.defaultTitle h2 span{
    position: relative;
    padding: 0 20px;
    background: #fff;
}
.defaultTitle p{
    text-align: center;
    font-size: 20px;
}
.ctaphone {
    max-width: 270px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: -50px !important;
}
.fourstars .vc_tta-panel-heading{
    text-align: center;
}
.fourstars.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-title-text{
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000 !important;
    text-align: center;
    display: block;
    padding: 15px 0;
}
.fourstars .vc_tta-panel-heading .vc_tta-title-text span{
    text-transform: uppercase;
    color: #7b2f9e;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.cotecoeur h3,.wpb_text_column h3{
    color: #7b2f9e;
    font-size: 24px;
}
#conseil-personalise{
    margin-top: 20px;
}
.vc_tta-panel-title.vc_tta-controls-icon-position-right a{
    max-width: calc(100% - 20px) !important;
}
.meteoIcon{
    font-size: 18px;
}
.meteoIcon img{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    float: none;
}
.meteoCont h3{
    margin-bottom: 0;
    text-transform: uppercase;
}
.meteoCont > .vc_column-inner{
    height: 100%;
}
.meteoCont > .vc_column-inner > .wpb_wrapper{
    box-shadow: 0 0 7px 0px #ccc;
    border-radius: 15px;
    height: 100%;
}
h3.title-section{
    font-size: 40px;
}
@media (max-width: 768px) {
    #parler-expert-astrologie {
        margin-left: -20px;
        margin-right: -20px;
    }
    .defaultTitle h2{
        font-size: 24px;
        line-height: 1.2;
    }
    .defaultTitle h2:before{
        display: none;
    }
    .defaultTitle h2 span{
        padding: 0;
    }
    div#relation2{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .meteoCont > .vc_column-inner > .wpb_wrapper{
        padding: 10px;
    }
    .meteoIcon{
        text-align: center !important;
    }
    .meteoCont h3, .meteoCont h3 strong{
        text-align: center !important;
    }
    div#liste-signe {
        min-height: inherit !important;
    }
    .que-vous-reserve-les-astres{
        margin-right: -20px;
        margin-left: -20px;
    }
    h1.animate__animated {
        font-size: 28px;
        line-height: 1.2;
    }
    .banhrscp26 .wpb_single_image img{
        max-width: 60%;
    }
    #largplus > .vc_column_container{
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
}