/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

@import url("../Divi/style.css");
@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');

/****** MENU ******/
/* Ajouter un fond sur chaque lien du menu principal */
#menu-top-menu li a {
    background-color: #13395F; /* Couleur du fond (ici un bleu) */
    color: #ffffff !important;   /* Couleur du texte en blanc */
    padding: 15px 30px !important; /* Espacement interne pour créer la forme du bouton */
    border-radius: 5px;       /* Arrondir les angles (optionnel) */
    margin: 20px 5px;            /* Espace entre chaque bouton */
    transition: all 0.3s ease; /* Transition fluide pour l'effet au survol */

    border-color: #13395F;
    border-style: solid;
    border-width: 1px;

    height: 30px !important;
    line-height: 30px !important; /* Centre le texte verticalement dans les 30px */
    padding: 0 15px !important;   /* 0 en haut/bas, 15px à gauche/droite */
}

/* Effet au survol de la souris (Hover) */
#menu-top-menu li a:hover {
    background-color: #fff; /* Couleur du fond au survol (bleu plus foncé) */
    border-color: #13395F;
    border-style: solid;
    border-width: 1px;
    color: #13395F !important;
}

/****** EQUIPES ******/
.mon-quart-de-cercle {
    width: 60px !important;
    max-width: 60px !important;
    min-width: 60px !important;
    height: 60px;
    padding: 0 !important;

    background-color: #003366; /* Le bleu foncé de votre image */
    color: #ffffff; /* Texte blanc */
    font-family: sans-serif; /* À adapter selon vos besoins */
    font-weight: bold;
    font-size: 24px;
    
    /* Centrage du texte */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* La forme : arrondi à 100% en haut à gauche, 0 pour les autres */
    border-radius: 100% 0% 0% 0%;
    
    /* Optionnel : ajuster la position du texte si besoin */
    /*padding-bottom: 5px;
    padding-right: 5px;*/
    box-sizing: border-box;
}

/* Style de la cellule qui contient le texte (Techniciens, Magasinier, etc.) */
table.detailEquipe .poste {
    width: auto !important; /* Prend tout le reste de la place disponible */
    vertical-align: middle;  /* Aligne verticalement au centre */
    text-align: left !important;        /* FORCE L'ALIGNEMENT À GAUCHE */
    padding-left: 20px;      /* Crée un espace régulier après le chiffre bleu */
}

table.detailEquipe {
    /*width: 100%;*/
    width: auto !important;
    table-layout: fixed; /* Force le navigateur à respecter strictement les dimensions des colonnes */
    border-collapse: collapse;
}
.detailEquipe p {
    color:#00315F;
    font-size:20px;
    font-weight: 500;
}
/* Supprime le cadre */
table.detailEquipe, 
table.detailEquipe tr, 
table.detailEquipe td {
    border: none !important;        
}
table.detailEquipe td {
    vertical-align: middle; /* Aligne verticalement le texte et le numéro sur la même ligne */
}

.entry-content table:not(.variations) {
    margin: 0 0 10px !important;
}
/* Nettoie les marges du paragraphe pour éviter le décalage vertical */
table.detailEquipe td.poste p.titre-poste {
    margin: 0 0 4px 0 !important; /* Évite que le paragraphe pousse vers la droite */
    padding: 0 !important;
    font-size: 18px; /* À ajuster selon vos goûts */
    font-weight: bold;
}

/* ajout "je certifie que je suis un humain" */
.et_pb_contact_captcha_question {
    display: inline-block;
}

.et_pb_contact_captcha_question::before {
    content: "je certifie que je ne suis pas un robot : ";
    font-weight: bold; /* Optionnel : pour mettre le texte en gras */
    padding-right: 5px;
    font-weight:10px;
}

/*** CGV fond rouge */

/* 1. État normal : Fond orange, texte blanc */
#menu-top-menu li.rougecgv a {
    background-color: #E8521D !important;
    border: 2px solid #E8521D !important;
    color: #FFFFFF !important;
 /*   padding: 8px 16px !important; /* Ajuste la forme de bouton si nécessaire */
    border-radius: 5px !important;
    display: inline-block !important;
}

/* 2. État au survol : On force le texte en orange et le fond en blanc */
#menu-top-menu li.rougecgv a:hover,
.et_pb_menu__menu #menu-top-menu li.rougecgv a:hover {
    background-color: #FFFFFF !important;
    border-color: #E8521D !important;
    color: #E8521D !important; /* Force l'orange ici */
}

.rougecgvbas a{
      color: #E8521D !important; /* Force le texte en blanc au départ */        
}
/*****/
  
/* ne pas transformer le menu en hamburger sur mobile */
@media (max-width: 980px) {
  .garder-menu-desktop .et_pb_menu__menu {
    display: flex !important;
  }
  .garder-menu-desktop .et_mobile_nav_menu {
    display: none !important;
  }
}