/*
============================================================

Theme Name: Divi-child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Child theme for the Divi theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.0.0
	
============================================================
*/

/************************************************ 
 *
 * FONTES
 *
 ************************************************/

@font-face {
  font-family: 'TheSans';
  src: url('fonts/TheSans/THESANSC4S-5_PLAIN.OTF') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TheSans';
  src: url('fonts/TheSans/THESANSC4S-7_BOLD.OTF') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/************************************************ 
 *
 * GÉNÉRAL
 *
 ************************************************/

body,
p, a, ul, li, th, td {
  font-family: 'TheSans', sans-serif;
}

h1, h2, h3, strong {
  font-family: 'TheSans', sans-serif;
  font-weight: 700;
}

/************************************************ 
 *
 * HEADER/MENU
 *
 ************************************************/

.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
	padding:11px;
}

/* Logo normal */
.et_pb_menu__logo img {
  transition: opacity 0.3s ease;
}
/* Logo sticky (header fixé) */
.et_pb_sticky .et_pb_menu__logo img {
  content: url("/wp-content/uploads/2025/10/logo-tgtfp-blanc.svg");
	height:25px!important;
}

/************************************************ 
 *
 * INDEX
 *
 ************************************************/

/* ===============================
   TABLEAU PROJETS - BUREAU
   =============================== */
.table-projets-wrapper {
    overflow-x: auto; /* scroll si table trop large */
}

.table-projets {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.table-projets th,
.table-projets td {
    border-bottom: 1px solid #ddd;
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
}

.table-projets th {
    background-color: #f6f6f6;
    font-weight: 600;
}

.table-projets tr:hover {
    background-color: #fafafa;
}

/* ===============================
   TABLEAU PROJETS - MOBILE (<768px)
   =============================== */
@media (max-width: 768px) {
    /* Transformer le tableau en "cartes" */
    .table-projets,
    .table-projets thead,
    .table-projets tbody,
    .table-projets th,
    .table-projets td,
    .table-projets tr {
        display: block;
    }

    /* Masquer l’en-tête */
    .table-projets thead tr {
        display: none;
    }

    /* Chaque ligne devient une carte */
    .table-projets tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        padding: 10px;
        border-radius: 6px;
        background: #fff;
    }

    /* Chaque cellule devient un bloc avec label */
    .table-projets td {
        border: none;
        padding: 5px 10px;
        position: relative;
        text-align: left;
    }

    /* Label avant le contenu */
    .table-projets td::before {
        content: attr(data-label);
        font-weight: 600;
        display: inline-block;
        width: 120px; /* ajuster selon le label le plus long */
        margin-right: 10px;
    }
}