/*
   OGCNISSA V6 - CSS Forum phpBB2
   Toutes les règles sont préfixées par #forum-v6-content
   pour ne pas affecter le header et le footer v6
*/

/* FOND PAGE */
body { background-color: transparent !important; }

/* =====================================================
   IMAGES DE FOND (chemins relatifs depuis le CSS)
===================================================== */
#forum-v6-content td.rowpic {
    background-image: url(images/cellpic2.jpg) !important;
    background-repeat: repeat-y !important;
}

#forum-v6-content th {
    background-color: #333333 !important;
    background-image: url(images/cellpic3.gif) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: bold !important;
    height: 25px !important;
}

#forum-v6-content td.cat,
#forum-v6-content td.catHead,
#forum-v6-content td.catSides,
#forum-v6-content td.catLeft,
#forum-v6-content td.catRight,
#forum-v6-content td.catBottom {
    background-image: url(images/cellpic1.gif) !important;
    background-color: #d71920 !important;
    color: #fff !important;
    border: #fff !important;
    border-style: solid !important;
    height: 28px !important;
}

/* =====================================================
   CELLULES
===================================================== */
#forum-v6-content td.row1 { background-color: #fff !important; color: #333 !important; }
#forum-v6-content td.row2 { background-color: #f8f8f8 !important; color: #333 !important; }
#forum-v6-content td.row3 { background-color: #f0f0f0 !important; color: #333 !important; }
#forum-v6-content td.row3Right { background-color: #f0f0f0 !important; }

/* =====================================================
   LIENS
===================================================== */
#forum-v6-content a:link,
#forum-v6-content a:visited { color: #d71920 !important; text-decoration: none !important; }
#forum-v6-content a:hover { color: #000 !important; text-decoration: underline !important; }

#forum-v6-content a.forumlink,
#forum-v6-content a.forumlink:visited { color: #d71920 !important; font-weight: bold !important; }
#forum-v6-content a.forumlink:hover { color: #000 !important; }

#forum-v6-content a.topictitle:link,
#forum-v6-content a.topictitle:visited { color: #d71920 !important; }
#forum-v6-content a.topictitle:hover { color: #000 !important; }

#forum-v6-content a.nav,
#forum-v6-content a.nav:visited { color: #d71920 !important; }
#forum-v6-content a.nav:hover { color: #000 !important; }

#forum-v6-content a.cattitle,
#forum-v6-content a.cattitle:visited { color: #fff !important; }
#forum-v6-content a.cattitle:hover { color: #ffdd00 !important; }

#forum-v6-content a.mainmenu,
#forum-v6-content a.mainmenu:visited { color: #d71920 !important; }
#forum-v6-content a.mainmenu:hover { color: #000 !important; }

#forum-v6-content a.gen,
#forum-v6-content a.genmed,
#forum-v6-content a.gensmall { color: #d71920 !important; }
#forum-v6-content a.gen:hover,
#forum-v6-content a.genmed:hover,
#forum-v6-content a.gensmall:hover { color: #000 !important; }

#forum-v6-content a.postlink:link { color: #d71920 !important; }
#forum-v6-content a.postlink:visited { color: #a00 !important; }
#forum-v6-content a.postlink:hover { color: #000 !important; }

/* Liens sur fond rouge (cat) */
#forum-v6-content td.cat a,
#forum-v6-content td.catHead a,
#forum-v6-content td.catSides a,
#forum-v6-content td.catLeft a,
#forum-v6-content td.catRight a,
#forum-v6-content td.catBottom a { color: #fff !important; text-decoration: none !important; }
#forum-v6-content td.cat a:hover,
#forum-v6-content td.catHead a:hover { color: #ffdd00 !important; }

/* Liens sur fond sombre (th) */
#forum-v6-content th a,
#forum-v6-content th a:visited { color: #fff !important; }
#forum-v6-content th a:hover { color: #ffdd00 !important; }

/* =====================================================
   TEXTES
===================================================== */
#forum-v6-content font,
#forum-v6-content td,
#forum-v6-content p { font-family: Verdana, Arial, sans-serif !important; color: #333 !important; }

#forum-v6-content .gen,
#forum-v6-content .genmed,
#forum-v6-content .gensmall { color: #333 !important; }

#forum-v6-content .postbody { color: #333 !important; font-size: 13px !important; line-height: 1.6 !important; }
#forum-v6-content .name { color: #333 !important; }
#forum-v6-content .postdetails { color: #666 !important; font-size: 10px !important; }
#forum-v6-content .maintitle { color: #333 !important; font-size: 20px !important; }
#forum-v6-content .nav { color: #333 !important; font-weight: bold !important; }
#forum-v6-content .nav b { color: #d71920 !important; }
#forum-v6-content .cattitle { color: #fff !important; font-weight: bold !important; }
#forum-v6-content .forumlink { color: #d71920 !important; font-weight: bold !important; }
#forum-v6-content .mainmenu { color: #333 !important; }

/* Surcharge font color="#FFFFFF" dans th */
#forum-v6-content th font { color: #fff !important; }
#forum-v6-content td.cat font,
#forum-v6-content td.catHead font { color: #fff !important; }

/* =====================================================
   TABLEAUX
===================================================== */
#forum-v6-content .forumline {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

#forum-v6-content table { border-collapse: collapse !important; }

/* =====================================================
   BORDURES th
===================================================== */
#forum-v6-content th.thHead,
#forum-v6-content th.thSides,
#forum-v6-content th.thTop,
#forum-v6-content th.thLeft,
#forum-v6-content th.thRight,
#forum-v6-content th.thBottom,
#forum-v6-content th.thCornerL,
#forum-v6-content th.thCornerR {
    font-weight: bold !important;
    border: #555 !important;
    border-style: solid !important;
    height: 28px !important;
}

/* =====================================================
   FORMULAIRES
===================================================== */
#forum-v6-content input,
#forum-v6-content textarea,
#forum-v6-content select {
    color: #333 !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 12px !important;
}

#forum-v6-content input.post,
#forum-v6-content textarea.post { background-color: #fff !important; }

#forum-v6-content input.button {
    background-color: #f3f3f3 !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
}

#forum-v6-content input.mainoption {
    background-color: #d71920 !important;
    color: #fff !important;
    border: none !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-weight: bold !important;
}

#forum-v6-content input.liteoption {
    background-color: #555 !important;
    color: #fff !important;
    border: none !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}

#forum-v6-content input.mainoption:hover { background-color: #a00 !important; }
#forum-v6-content input.liteoption:hover { background-color: #333 !important; }

/* =====================================================
   QUOTE ET CODE
===================================================== */
#forum-v6-content .quote {
    background-color: #f8f8f8 !important;
    border-left: 3px solid #d71920 !important;
    border-radius: 4px !important;
    color: #333 !important;
    font-size: 12px !important;
}

#forum-v6-content .code {
    background-color: #f0f0f0 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    color: #333 !important;
    font-family: 'Courier New', monospace !important;
    font-size: 12px !important;
}

/* =====================================================
   HOVER SUR LES LIGNES
===================================================== */
#forum-v6-content td[onmouseover] { background-color: #fff !important; }
#forum-v6-content td[onmouseover]:hover { background-color: #f8f8f8 !important; cursor: pointer !important; }

/* =====================================================
   DIVERS
===================================================== */
#forum-v6-content hr { border-top: 1px solid #eee !important; height: 0 !important; }
#forum-v6-content .helpline { background-color: #f0f0f0 !important; border-style: none !important; }
#forum-v6-content .copyright { color: #888 !important; font-size: 10px !important; }
#forum-v6-content a.copyright { color: #888 !important; }
#forum-v6-content a.copyright:hover { color: #333 !important; }
#forum-v6-content td { color: #333 !important; }
#forum-v6-content td.rowpic { background-color: #fff !important; }

/* Span avec style inline color:white */
#forum-v6-content span[style*="color:white"],
#forum-v6-content span[style*="color: white"],
#forum-v6-content span[style*="color:#ffffff"],
#forum-v6-content span[style*="color:#FFFFFF"] { color: #333 !important; }

/* =====================================================
   RESPONSIVE — TABLETTE (max 900px)
===================================================== */
@media (max-width: 900px) {

    /* Zone principale */
    #forum-v6-content {
        padding: 10px !important;
    }

    /* Tableaux : forcer le passage en mode fluide */
    #forum-v6-content table,
    #forum-v6-content table[width] {
        width: 100% !important;
        table-layout: auto !important;
    }

    /* Réduire la taille du texte dans les cellules */
    #forum-v6-content td,
    #forum-v6-content th {
        font-size: 12px !important;
        padding: 6px 8px !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* Sidebar droite (1N2, Actualité, Photos...) : passer en dessous */
    #forum-v6-content table[width="100%"] > tbody > tr > td[width="15%"],
    #forum-v6-content table[width="100%"] > tbody > tr > td[width="1%"] {
        display: none !important;
    }

    #forum-v6-content table[width="100%"] > tbody > tr > td[width="80%"] {
        width: 100% !important;
    }
}

/* =====================================================
   RESPONSIVE — MOBILE (max 600px)
===================================================== */
@media (max-width: 600px) {

    /* Zone principale sans padding */
    #forum-v6-content {
        padding: 6px !important;
        border-radius: 6px !important;
    }

    /* Tous les tableaux en 100% */
    #forum-v6-content table,
    #forum-v6-content table[width],
    #forum-v6-content .forumline {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
    }

    /* Cellules compactes */
    #forum-v6-content td,
    #forum-v6-content th {
        font-size: 11px !important;
        padding: 5px 6px !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
    }

    /* Masquer les colonnes Sujets et Messages (trop larges sur mobile) */
    #forum-v6-content .forumline th:nth-child(3),
    #forum-v6-content .forumline th:nth-child(4),
    #forum-v6-content .forumline td:nth-child(3),
    #forum-v6-content .forumline td:nth-child(4) {
        display: none !important;
    }

    /* Masquer la colonne icône forum (1ère colonne avec rowpic) */
    #forum-v6-content .forumline td.rowpic,
    #forum-v6-content .forumline td[align="center"][valign="middle"][rowspan] {
        display: none !important;
    }

    /* Masquer colonne icône (1ère td des lignes forum) */
    #forum-v6-content .forumline tr td:first-child[width=""] {
        display: none !important;
    }

    /* Sidebar droite : masquée sur mobile */
    #forum-v6-content table[width="100%"] > tbody > tr > td[width="15%"],
    #forum-v6-content table[width="100%"] > tbody > tr > td[width="1%"] {
        display: none !important;
    }

    #forum-v6-content table[width="100%"] > tbody > tr > td[width="80%"] {
        width: 100% !important;
    }

    /* Titres catégories */
    #forum-v6-content td.cat,
    #forum-v6-content td.catHead {
        font-size: 13px !important;
        padding: 8px 10px !important;
    }

    /* Liens forum plus grands pour le touch */
    #forum-v6-content a.forumlink {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    #forum-v6-content a.topictitle {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    /* Derniers messages : texte tronqué */
    #forum-v6-content .forumline td:last-child {
        font-size: 10px !important;
        max-width: 120px !important;
        word-break: break-word !important;
    }

    /* Images ne débordent pas */
    #forum-v6-content img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Formulaires pleine largeur */
    #forum-v6-content input[type="text"],
    #forum-v6-content input[type="password"],
    #forum-v6-content textarea,
    #forum-v6-content select {
        width: 100% !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
    }

    /* Boutons plus grands pour le touch */
    #forum-v6-content input.mainoption,
    #forum-v6-content input.liteoption {
        padding: 10px 18px !important;
        font-size: 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-top: 5px !important;
    }

    /* Navigation pagination */
    #forum-v6-content .nav {
        font-size: 12px !important;
        line-height: 2 !important;
    }

    /* Infos membres et date/heure en colonne */
    #forum-v6-content table > tbody > tr > td[align="left"],
    #forum-v6-content table > tbody > tr > td[align="right"] {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
    }

    /* Qui est en ligne : masquer image */
    #forum-v6-content td[rowspan] > a > img {
        display: none !important;
    }

    /* Quote et code : scroll horizontal */
    #forum-v6-content .quote,
    #forum-v6-content .code {
        overflow-x: auto !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* Hauteur min des lignes forum */
    #forum-v6-content .forumline td[height="70"] {
        height: auto !important;
        min-height: 40px !important;
    }
}