/* =========================
   MENU
========================= */

.navbar-default .navbar-nav > li > a {
    color: #2B1A12 !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #2B1A12 !important;
}


/* =========================
   INTRODUCTION ET FLYER
========================= */

.ligne-introduction-danse {
    margin-top: 20px;
    margin-bottom: 28px;
}

.ligne-introduction-danse p {
    font-size: 15px;
    line-height: 1.65;
}

.ligne-introduction-danse img {
    max-width: 100%;
    height: auto;
}


/* =========================
   GRANDE LIGNE CENTRALE
========================= */

.ligne-contenu-danse {
    margin-top: 30px;
    margin-bottom: 20px;
}

.ligne-contenu-danse > div {
    padding-left: 16px;
    padding-right: 16px;
}

.ligne-contenu-danse p {
    font-size: 15px;
    line-height: 1.65;
}

.ligne-contenu-danse h2,
.ligne-contenu-danse h3,
.ligne-contenu-danse h4 {
    color: #2B1A12;
    line-height: 1.25;
    margin-bottom: 14px;
}

.ligne-contenu-danse img {
    max-width: 100%;
    height: auto;
}


/* =========================
   COLONNE INFORMATIONS
========================= */

.ligne-contenu-danse > div:nth-child(3) {
    background-color: #FFF8F1;
    border: 1px solid #EFD5C2;
    border-radius: 10px;
    padding: 22px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}


/* =========================
   COLONNE DANSEUSE
========================= */

.ligne-contenu-danse > div:nth-child(2) {
    text-align: center;
    background: radial-gradient(
        circle,
        rgba(244, 225, 208, 0.55) 0%,
        rgba(255, 255, 255, 0) 68%
    );
}

.ligne-contenu-danse > div:nth-child(2) img {
    display: inline-block;
    max-height: 540px;
    object-fit: contain;
}


/* =========================
   PIED DE PAGE
========================= */

.pied-page-danse {
    margin-top: 10px;
}

.pied-page-danse img {
    display: block;
    width: 100%;
    height: auto;
}


/* =========================
   MOBILE
========================= */

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

    .ligne-introduction-danse,
    .ligne-contenu-danse {
        margin-top: 18px;
        margin-bottom: 20px;
    }

    .ligne-introduction-danse p,
    .ligne-contenu-danse p {
        font-size: 16px;
        line-height: 1.65;
    }

    .ligne-contenu-danse > div {
        padding-left: 12px;
        padding-right: 12px;
        margin-bottom: 25px;
    }

    .ligne-contenu-danse > div:nth-child(3) {
        padding: 18px;
    }

    .pied-page-danse {
        margin-top: 5px;
    }
}
.site-inner{
    max-width:1600px !important;
    width:98% !important;
    margin:0 auto !important;
}
/* ==================================================
   LARGEUR GÉNÉRALE DU SITE — RESPONSIVE
================================================== */

html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

#site-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Conteneur principal du site */
#site-wrapper .site-inner {
    width: 96vw !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Chaque ligne Yapla utilise toute la largeur disponible */
#site-wrapper .site_line__item {
    width: 100% !important;
    max-width: none !important;
}

/* Suppression de la largeur fixe Bootstrap dans les lignes */
#site-wrapper .site_line__item > .container,
#site-wrapper .site_line__item .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 15px;
    padding-right: 15px;
}

/* Images adaptatives */
#site-wrapper img {
    max-width: 100% !important;
    height: auto !important;
}


/* ==================================================
   TABLETTES
================================================== */

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

    #site-wrapper .site-inner {
        width: 96% !important;
        max-width: none !important;
    }
}


/* ==================================================
   TÉLÉPHONES
================================================== */

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

    #site-wrapper .site-inner {
        width: 100% !important;
        max-width: none !important;
    }

    #site-wrapper .site_line__item > .container,
    #site-wrapper .site_line__item .container {
        padding-left: 12px;
        padding-right: 12px;
    }
}
/* ==================================================
   FINITIONS PREMIUM – SITE BELEBELEBA
   (à ajouter à la fin du CSS existant)
================================================== */

/* ---------- Transitions générales ---------- */

a,
button,
.btn,
img,
.site_line__item,
.card,
.panel {
    transition: all .25s ease;
}


/* ---------- Menu ---------- */

.navbar-default .navbar-nav > li > a{
    font-size:14px;
    font-weight:600;
    letter-spacing:.25px;
    padding-top:16px;
    padding-bottom:16px;
    transition:all .25s ease;
}

.navbar-default .navbar-nav > li > a:hover{
    color:#D65E00 !important;
}


/* ---------- Titres ---------- */

h1{
    letter-spacing:.3px;
    margin-bottom:18px;
}

h2{
    letter-spacing:.2px;
    margin-top:8px;
    margin-bottom:22px;
}

h3{
    margin-bottom:16px;
}


/* ---------- Paragraphes ---------- */

p{
    line-height:1.70;
}


/* ---------- Images ---------- */

img{
    border-radius:8px;
    transition:all .25s ease;
}

img:hover{
    transform:translateY(-2px);
}


/* ---------- Boutons ---------- */

.btn,
button,
input[type="submit"]{

    transition:all .25s ease;

}

.btn:hover,
button:hover,
input[type="submit"]:hover{

    transform:translateY(-2px);

}


/* ---------- Cartes ---------- */

.ligne-contenu-danse > div:nth-child(3){

    box-shadow:
    0 8px 22px rgba(0,0,0,.07);

}


/* ---------- Espacement des sections ---------- */

.site_line__item{

    margin-top:12px;
    margin-bottom:12px;

}


/* ---------- Footer ---------- */

.pied-page-danse{

    margin-top:20px;

}


/* ---------- Mobile ---------- */

@media(max-width:767px){

    h1{

        font-size:30px;

    }

    h2{

        font-size:24px;

    }

    .navbar-default .navbar-nav > li > a{

        padding-top:12px;
        padding-bottom:12px;

    }

}