@charset "utf-8";
body {
	opacity: 0;
	transition: opacity 0.3s ease-in;
	margin: 0;
	padding: 0;
}
body.loaded {
	opacity: 1;
}
.bg-header-gauche {
	background-image: url(images/header/bg-gauche.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg-header-droite {
	background-image: url(images/header/bg-droite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg-footer-droite {
	background-image: url(images/footer/bg-droite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg-footer-gauche {
	background-image: url(images/footer/bg-gauche.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg-bord-droite {
	background-image: url(images/centre/bg-bordure-droite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg-gauche {
	background-image: url(images/centre/bg-centre-gauche.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.bg-droite {
	background-image: url(images/centre/bg-centre-droite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg-bord-gauche {
	background-image: url(images/centre/bg-bordure-gauche.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg-centre {
	background-image: url(images/centre/bg-centre.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bg-paysage {
	background-image: url(images/new-background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.botttom-bg {
	background-image: url(images/footer/centre.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
body,td,th {
	color: #422B12;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.StyleRecommand {color: #00FF00}
.StyleConseil {color: #FFFF00}
.StyleDeconseil {color: #FF9900}
.StyleCreme {color: #ffecba}
a.MenuDedi {color: #ffecba}
a.StyleMenuBarre {color:#FFFF00;}
a:link { color: #FCBD15; }
a:visited { color: #FCBD15; }
a:hover { color: #fcbd15; }
a:active { color: #FCBD15; }
input {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	color: #ffecba;
	border: 1px solid #805020;
	background-color: #C69155;
}
select,textarea {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	color: #ffecba;
	border: 1px solid #805020;
	background-color: #C69155;
}
/* Nav links spacing (desktop) */
.nav-bar a {
	margin: 0 12px;
}
/* Mobile-only elements hidden on desktop */
.sidebar-buttons {
	display: none;
}
/* Hide edito section on inscription/passoublie pages */
.page-form .edito-section {
	display: none;
}

/* =============================================
   RESPONSIVE
   ============================================= */
@media (max-width: 800px) {
    /* --- Reset global : tout fluide --- */
    table, table[width] {
        max-width: 100% !important;
        width: 100% !important;
        table-layout: auto !important;
    }
    td, td[width] {
        max-width: 100% !important;
        width: auto !important;
    }
    img, img[width] {
        max-width: 100% !important;
        height: auto !important;
    }
    body {
        overflow-x: hidden;
    }

    /* --- FOND --- */
    .bg-paysage {
        background-size: cover;
        background-color: #82961B;
    }

    /* --- HEADER --- */
    /* Masquer fonds décoratifs latéraux */
    .bg-header-gauche,
    .bg-header-droite {
        display: none !important;
    }
    /* Colonne principale du header */
    .header-main {
        width: 100% !important;
    }
    /* Masquer la frise bois du haut */
    .header-frise {
        display: none !important;
    }
    /* Masquer cadres bois gauche/droite autour de la bannière */
    .header-deco-left,
    .header-deco-right {
        display: none !important;
    }
    /* Bannière : taille native max, pas de stretch */
    .header-banner {
        text-align: center;
    }
    .header-img {
        width: 100% !important;
    }
    .header-img img,
    .header-img a img {
        width: 100% !important;
        max-width: 700px !important;
        height: auto !important;
        display: block;
        margin: 0 auto;
        image-rendering: auto;
    }
    /* Masquer barre anim-bas */
    .header-animbar {
        display: none !important;
    }
    /* Nav : masquer décos chevaux */
    .nav-deco-left,
    .nav-deco-right {
        display: none !important;
    }
    /* Nav bar : masquée sur mobile */
    .header-nav {
        display: none !important;
    }

    /* --- CONTENU : masquer bordures bois --- */
    td[background*="bord-gauche"],
    td[background*="bord-droite"] {
        display: none !important;
    }

    /* --- SIDEBAR + CONTENU : empiler --- */
    .layout-main {
        display: block !important;
    }
    .layout-main > tbody {
        display: block !important;
    }
    .layout-row {
        display: block !important;
    }
    .layout-row > td {
        display: block !important;
        width: 100% !important;
    }
    .layout-row > td[width="6"] {
        display: none !important;
    }
    .sidebar {
        background-image: none !important;
        text-align: center;
        padding: 0 10px !important;
    }
    /* Masquer les éléments desktop-only sur mobile */
    .desktop-only {
        display: none !important;
    }
    td[background*="edito-chaine-ext"] {
        background-image: none !important;
    }

    /* ===== BLOC CONNEXION MOBILE ===== */
    .sidebar-login {
        background-color: #945D25 !important;
        border: none !important;
        border-radius: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
    }
    td[background*="module-ext-centre"] {
        background-image: none !important;
        background-color: #945D25 !important;
        padding: 14px 16px !important;
    }
    td[background*="module-ext-centre"] table {
        margin: 0 auto !important;
    }
    td[background*="module-ext-centre"] td {
        padding: 5px 4px !important;
    }
    td[background*="module-ext-centre"] .StyleCreme {
        color: #FFECBA !important;
        font-weight: bold;
        font-size: 13px !important;
    }
    td[background*="module-ext-centre"] input[type="text"],
    td[background*="module-ext-centre"] input[type="password"] {
        width: 100% !important;
        padding: 10px 12px !important;
        box-sizing: border-box;
        background-color: #6D3F1B !important;
        border: 1px solid #4A2A0F !important;
        color: #FFECBA !important;
        font-size: 15px !important;
        font-family: Verdana, Arial, sans-serif !important;
    }
    td[background*="module-ext-centre"] select {
        padding: 9px 12px !important;
        background-color: #6D3F1B !important;
        border: 1px solid #4A2A0F !important;
        color: #FFECBA !important;
        font-size: 14px !important;
        font-family: Verdana, Arial, sans-serif !important;
        width: 100%;
        box-sizing: border-box;
    }
    td[background*="module-ext-centre"] input[type="submit"] {
        padding: 10px 26px !important;
        cursor: pointer;
        font-weight: bold;
        background-color: #B47A3A !important;
        border: 1px solid #805020 !important;
        color: #FFECBA !important;
        font-size: 14px !important;
        font-family: Verdana, Arial, sans-serif !important;
    }
    /* Boutons Inscription + Pass oublié */
    .sidebar-buttons {
        display: flex !important;
        justify-content: center !important;
        gap: 8px !important;
        margin: 6px auto 10px auto !important;
        padding: 0 10px;
    }
    .sidebar-buttons a {
        display: block;
    }
    .sidebar-buttons img {
        width: 155px !important;
        height: auto !important;
        display: block;
    }
    /* Masquer décos module haut/bas */
    img[src*="module-ext-haut"],
    img[src*="module-ext-bas"],
    img[src*="edito-ext-haut"],
    img[src*="edito-ext-bas"] {
        display: none !important;
    }
    /* Edito fond uni */
    td[background*="edito-ext-centre"] {
        background-image: none !important;
        background-color: #945d25 !important;
        padding: 10px !important;
    }
    /* Module central fond uni */
    td[background*="module-centrale/centre"] {
        background-image: none !important;
        background-color: #C69155 !important;
        padding: 5px !important;
    }
    img[src*="module-centrale/haut"],
    img[src*="module-centrale/bas"] {
        display: none !important;
    }

    /* --- SIDEBAR ELEMENTS --- */
    img[src*="inscription.gif"],
    img[src*="passoublie.gif"] {
        width: 155px !important;
        max-width: 100% !important;
        height: auto !important;
    }
    /* Formulaire login */
    td[width="132"], table[width="132"] {
        width: 100% !important;
    }
    input[type="text"],
    input[type="password"],
    select {
        font-size: 16px !important;
        box-sizing: border-box;
        max-width: 100%;
    }

    /* --- HERO (robe + témoignages) --- */
    .accueil-hero {
        width: 100% !important;
    }
    .hero-table tr {
        display: block !important;
    }
    .hero-robe {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }
    .hero-robe img[width="280"] {
        width: 200px !important;
        max-width: 60% !important;
    }
    .hero-temoignages {
        display: block !important;
        width: 100% !important;
    }

    /* --- TOP 3 : grille 2x2 centrée --- */
    .top3-wrapper {
        width: 100% !important;
    }
    .top3-table {
        width: 100% !important;
    }
    .top3-table > tbody > tr {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 4px !important;
    }
    .top3-table > tbody > tr > td {
        width: 48% !important;
        flex: 0 0 48% !important;
        box-sizing: border-box !important;
    }

    /* --- ROBES : 2 colonnes --- */
    .robes-grid > tbody > tr {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .robes-grid > tbody > tr > td {
        width: 48% !important;
        flex: 0 0 48% !important;
        box-sizing: border-box !important;
    }

    /* --- INSCRIPTION (page dédiée) --- */
    table[width="560"] {
        width: 100% !important;
    }
    table[width="560"] td {
        display: block !important;
        width: 100% !important;
        text-align: center;
    }

    /* --- FOOTER --- */
    .bg-footer-gauche,
    .bg-footer-droite {
        display: none !important;
    }
    .botttom-bg {
        background-size: 100% auto;
    }

    /* --- PRESSE --- */
    table[width="500"] {
        width: 100% !important;
    }

    /* Bouton inscrip image */
    img[src*="inscrp2"] {
        width: 100% !important;
        max-width: 450px !important;
        height: auto !important;
    }
}

/* === MOBILE STRICT === */
@media (max-width: 480px) {
    body, td, th {
        font-size: 12px;
    }

    /* Nav encore plus compacte */
    .nav-bar a {
        font-size: 11px !important;
        margin: 2px 4px !important;
    }

    /* Robes : 1 par ligne */
    .robes-grid > tbody > tr > td {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* Presse : empiler image + texte */
    td[width="150"] {
        display: block !important;
        width: 100% !important;
        text-align: center;
    }

    /* Textareas */
    textarea[cols="50"],
    textarea[cols="110"] {
        width: 95% !important;
    }
}