*{                                      /* Sélecteur universel : applique les règles à tous les éléments */
    margin: 0px;                        /* Supprime les marges extérieures par défaut */
    padding: 0px;                       /* Supprime les espacements intérieurs par défaut */
    font-family: 'Roboto', sans-serif;            /* Définit la police principale du site */
}

.header{
    background-color: #fff;            /* Fond blanc pour l’en-tête */
    height: 100vh;                     /* Hauteur égale à la hauteur de l'écran */
    background-size: cover;            /* L’image de fond couvre tout le bloc */
    background-position: center;       /* Centre l’image de fond */
    min-height: 100px;                 /* Hauteur minimale de 100px */
}

ul {
    display: flex;                     /* Met les éléments <li> en ligne */
    padding: 0;                        /* Supprime le padding */
    margin: 0;                         /* Supprime la marge */
}

ul li {
    flex: 1;                           /* Tous les onglets prennent la même largeur */
    list-style: none;                 /* Supprime les puces des listes */
}

ul li a {
    display: block;                   /* Rend le lien cliquable sur tout le bloc */
    text-align: center;               /* Centre le texte */
    padding: 15px 0;                  /* Espace vertical à l'intérieur du lien */
    text-decoration: none;            /* Supprime le soulignement */
    color: white;                     /* Couleur du texte */
    font-weight: bold;               /* Met le texte en gras */
    transition: transform 0.2s ease, background-color 0.2s ease; /* Animation douce */
}

/* Couleurs pour chaque onglet */
.jaune    { background-color: #ceab5d; }
.bleu     { background-color: #7ca7b9; }
.violet   { background-color: #92542a; }
.gris     { background-color: #8b97af; }
.orange   { background-color: #78151e; }

/* Animation au survol */
ul li a:hover {
    transform: scale(1.05);          /* Agrandit légèrement le lien */
}

/* Changement de couleur au survol */
.jaune:hover {
    background-color: #c29953;
    color: white;
}
.bleu:hover {
    background-color: #5e8596;
    color: white;
}
.turquoise:hover {
    background-color: #8ab1ad;
    color: white;
}
.violet:hover {
    background-color: #92542a;
    color: white;
}
.gris:hover {
    background-color: #6e788d;
    color: white;
}

.orange:hover {
    background-color: #5e1018;
    color: white;
}

/* Menu déroulant (dropdown) */
ul li.dropdown {
  position: relative;                /* Nécessaire pour positionner le sous-menu */
}

ul li .submenu {
  display: none;                     /* Caché par défaut */
  position: absolute;               /* Positionné par rapport au parent */
  top: 100%;                        /* Juste en dessous du parent */
  left: 50%;                        /* Centré horizontalement */
  transform: translateX(-50%);      /* Ajuste le centrage */
  background-color: #92542a;        /* Fond du sous-menu */
  padding: 0;
  margin: 0;
  list-style: none;                 
  width: 180px;                     /* Largeur du sous-menu */
  border-radius: 5px;               /* Coins arrondis */
  box-shadow: 0 2px 6px rgba(0,0,0,0.2); /* Ombre portée */
  z-index: 10;                      /* Affiche au-dessus des autres éléments */
}

ul li.dropdown:hover .submenu {
  display: block;                   /* Affiche le sous-menu au survol */
}

/* Barre supérieure (logo + icônes) */
.top-bar {
    display: flex;                 /* Aligne horizontalement */
    justify-content: space-between; /* Espace entre les éléments */
    align-items: center;           /* Aligne verticalement */
    padding: 15px 30px;            /* Espace intérieur */
    background-color: #fff
}

.logo {
    height: 90px;                  /* Hauteur fixe du logo */
}

.social-icons {
    display: flex;                /* Aligne les icônes en ligne (flexbox) */
    align-items: center;          /* Centre verticalement les icônes */
}

.social-icons a {
    margin-left: 20px;            /* Espace à gauche entre chaque icône */
    color: #333;                  /* Couleur gris foncé des icônes */
    font-size: 35px;              /* Taille des icônes */
    text-decoration: none;        /* Supprime le soulignement des liens */
    transition: color 0.3s;       /* Animation douce au changement de couleur */
    display: flex;                /* Flex pour centrer le contenu de chaque lien */
    align-items: center;          /* Centre verticalement le contenu */
    justify-content: center;      /* Centre horizontalement le contenu */
}

.ient-icon {
    height: 60px;                 /* Hauteur fixe de l’icône */
    width: auto;                  /* Largeur automatique pour garder la proportion */
    display: block;               /* Affichage en bloc (pas en ligne) */
}

h1 {
  text-align: center;            /* Centre horizontalement le texte des titres h1 */
}

.hero-banner {
  background-image: url('images/cfa.png'); /* Image de fond */
  background-size: cover;         /* Image couvre toute la zone */
  background-position: 50% 75%;  /* Positionnement de l’image (centrée horizontalement, un peu en bas verticalement) */
  height: 400px;                 /* Hauteur fixe de la bannière */
  position: relative;            /* Position relative pour gérer les éléments enfants */
  display: flex;                 /* Flexbox pour aligner le contenu */
  align-items: center;           /* Centre verticalement le contenu */
  justify-content: center;       /* Centre horizontalement le contenu */
  color: black;                  /* Couleur du texte en noir */
}

.hero-text {
  padding: 20px 40px;            /* Espacement interne vertical (20px) et horizontal (40px) */
  border-radius: 8px;            /* Bords arrondis */
  text-align: center;            /* Centre le texte à l’intérieur */
}

.hero-text h1 {
  font-size: 2.5rem;             /* Taille du titre principal */
  margin-bottom: 10px;           /* Marge en bas pour espacer du paragraphe */
}

.hero-text p {
  font-size: 1.2rem;             /* Taille du texte des paragraphes */
}

/* Menu déroulant */
ul li .submenu li a {
  display: block;                /* Chaque lien du sous-menu s’affiche en bloc */
  padding: 10px 15px;            /* Espacement autour du texte */
  color: #333;                   /* Couleur gris foncé */
  font-weight: normal;           /* Police normale (pas en gras) */
  text-decoration: none;         /* Pas de soulignement */
  transition: background-color 0.3s ease; /* Transition douce sur le changement de fond */
}

ul li .submenu li a:hover {
  background-color: #7a4423;     /* Fond violet clair au survol */
  color: white;                  /* Texte blanc au survol */
}

ul {
  position: relative;            /* Position relative pour gérer les sous-menus */
  padding: 0;                   /* Pas de padding par défaut */
  margin: 0;                    /* Pas de marge par défaut */
  display: flex;                /* Menu principal en ligne avec flexbox */
}

ul li {
  list-style: none;             /* Supprime les puces */
  flex: 1;                     /* Chaque item prend une largeur égale */
}

ul li a {
  display: block;               /* Chaque lien est un bloc */
  text-align: center;           /* Texte centré */
  padding: 15px 0;              /* Espacement vertical */
  text-decoration: none;        /* Pas de soulignement */
  font-weight: bold;            /* Texte en gras */
  transition: transform 0.2s ease, background-color 0.2s ease;
  color: white;                 /* Texte blanc */
}


.violet {
  background-color: #92542a;     /* Fond jaune clair */
}

.violet:hover {
  background-color: #7a4423;     /* Fond jaune plus foncé au survol */
  color: white;                  /* Texte blanc au survol */
}

.jaune {
  background-color: #ceab5d;     /* Fond jaune clair */
}

.jaune:hover {
  background-color: 	#c29953;     /* Fond jaune plus foncé au survol */
  color: white;                  /* Texte blanc au survol */
}

.orange:hover {
    background-color: #5e1018;
    color: white;
}

/* Pied de page */
.site-footer {
  background-color: #333;        /* Fond gris foncé */
  color: white;                  /* Texte blanc */
  padding: 40px 20px 20px;       /* Espacement interne (haut 40px, côtés 20px, bas 20px) */
  font-size: 14px;               /* Taille de police petite */
}

.footer-container {
  display: flex;                 /* Flexbox pour organiser les sections */
  justify-content: space-around; /* Distribution uniforme */
  flex-wrap: wrap;               /* Retour à la ligne si trop large */
  max-width: 1200px;             /* Largeur max */
  margin: auto;                  /* Centre horizontalement */
  text-align: left;              /* Texte aligné à gauche */
}

.footer-section {
  flex: 1 1 250px;               /* Chaque section prend au moins 250px, s’adapte */
  margin: 10px;                  /* Marge autour */
}

.footer-section h3 {
  margin-bottom: 10px;           /* Marge sous le titre */
  font-size: 18px;               /* Taille du titre */
  color: #f0f0f0;               /* Couleur gris clair */
}

.footer-section p {
  margin: 6px 0;                 /* Marge verticale des paragraphes */
}

.footer-bottom {
  text-align: center;            /* Texte centré */
  margin-top: 30px;              /* Marge au-dessus */
  border-top: 1px solid #555;    /* Ligne horizontale */
  padding-top: 15px;             /* Espacement au-dessus */
  font-size: 13px;               /* Petite taille de police */
  color: #bbb;                   /* Couleur gris clair */
}

/* Section "Nos équipes" */
.image-section {
  width: 100%;                  /* Pleine largeur */
  text-align: center;           /* Centre le contenu */
  margin: 0;                    /* Pas de marge */
}

.image-section img.main-image {
  max-width: 100%;              /* Largeur max 100% du conteneur */
  height: auto;                 /* Hauteur automatique pour garder les proportions */
  border-radius: 0px;           /* Pas de bord arrondi */
  cursor: pointer;              /* Curseur pointeur au survol */
}

/* Galerie d’images */
.gallery {
  display: flex;                /* Flexbox pour aligner les images */
  flex-wrap: wrap;              /* Retour à la ligne si besoin */
  gap: 15px;                   /* Espace entre les images */
  justify-content: center;      /* Centre la galerie */
  padding: 20px;                /* Padding autour */
}

.gallery img {
  width: 250px;                /* Largeur fixe */
  height: 180px;               /* Hauteur fixe */
  object-fit: cover;           /* L’image couvre la zone, rogée si besoin */
  border-radius: 8px;          /* Bords arrondis */
  box-shadow: 0 2px 6px rgba(0,0,0,0.2); /* Ombre légère */
  cursor: pointer;             /* Curseur pointeur */
  transition: transform 0.3s ease; /* Animation sur la transformation */
}

.gallery img:hover {
  transform: scale(1.05);      /* Agrandit légèrement l’image */
  box-shadow: 0 4px 12px rgba(0,0,0,0.3); /* Ombre plus prononcée */
}



/* Sous-menu pour Accueil actif (jaune) */
ul li.dropdown.active.jaune .submenu {
    background-color: #ceab5d; /* jaune clair */
}

ul li.dropdown.active.jaune .submenu li a:hover {
    background-color: 	#c29953; /* jaune foncé */
    color: white;
}

/* Sous-menu pour Formations actif (violet) */
ul li.dropdown.active.violet .submenu {
    background-color: #B4A7D6; /* violet clair */
}

ul li.dropdown.active.violet .submenu li a:hover {
    background-color: #8a7ebc; /* violet plus foncé */
    color: white;
}

/* Sous-menu pour Formations actif (bleu) */
ul li.dropdown.active.bleu .submenu {
    background-color: #87BFFF; /* bleu clair */
}

ul li.dropdown.active.bleu .submenu li a:hover {
    background-color: #337AB7; /* bleu plus foncé */
    color: white;
}


/* Sous-menu pour Formations actif (gris) */
ul li.dropdown.active.gris .submenu {
    background-color: #8b97af; /* gris clair */
}

ul li.dropdown.active.gris .submenu li a:hover {
    background-color: #6e788d; /* gris plus foncé */
    color: white;
}

@media screen and (max-width: 768px) {
  .formation {
    flex-direction: column;
  }
}









/* Formation */

/* Conteneur principal de la galerie de formations */
.formations-gallery {
  padding: 40px 20px;
  background-color: #f9f9f9;
}

.formations-gallery h1 {
  font-size: 2.5rem;
  margin-bottom: 30px;
  color: #333;
  text-align: center;
}

/* Container des cartes formation */
.formations-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Chaque carte formation */
a.formation-card {
  display: block;          /* Le lien est un bloc */
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  width: 280px;
  text-align: center;
  padding: 15px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  color: inherit;          /* Le texte conserve la couleur par défaut */
  text-decoration: none;   /* Pas de soulignement sur le lien */
}

a.formation-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

a.formation-card h2 {
  color: black;
}


.formation-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* Image dans la carte */
.formation-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 15px;
}

/* Titre de la formation */
.formation-card h2 {
  font-size: 1.25rem;
  color: #92542a; /* couleur violet/brique */
  font-weight: 700;
  margin: 0;
}

/* Responsive : sur petits écrans, les cartes s'empilent */
@media (max-width: 768px) {
  .formations-container {
    flex-direction: column;
    align-items: center;
  }

  .formation-card {
    width: 90%;
    max-width: 400px;
  }
}

.bottom-image {
    text-align: center;
    margin: 40px 0;
}

.bottom-image img {
    width: 100%;
    max-width: 900px;  /* largeur confortable et élégante */
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); /* joli effet d'ombre léger */
}

































/* BAC PRO DES METIER DU COMMERCE ET DE LA VENTE  */

.bac-pro-commerce-vente {
  max-width: 1300px;
  margin: 40px auto;
  padding : 10px 15px;
  color: black;
  font-family: 'Roboto', sans-serif;
}

.bac-pro-commerce-vente h1 {
  font-size: 2.2rem;
  margin-bottom: 0.3em;
}

.bac-pro-commerce-vente h2 {
  font-size: 1.5rem;
  margin-bottom: 1em;
  font-weight: 400;
  color: black;
}

.bacpro-commerce h3 {
  margin-top: 0.3em;  /* ou même 0 */
  margin-bottom: 0.6em;
}


.bac-pro-commerce-vente p {
  line-height: 1.6;
  margin-bottom: 1em;
}

.bacpro-commerce {
  max-width: 1300px;
  margin: 40px auto;
  padding : 10px 15px;
  color: black;
  font-family: 'Roboto', sans-serif;
}

.bacpro-commerce h1 {
  font-size: 2rem;        /* Hauteur du titre (ajuste à ta convenance) */
  margin-bottom: 3rem;    /* Espace sous le titre */
  margin-top: 1rem;       /* (optionnel) espace au-dessus du titre */
  text-align: center;     /* (optionnel) centrer le titre */
}


.bacpro-commerce h2 {
  font-size: 1.5rem;
  margin-bottom: 0.8em;
  font-weight: 400;
  color: black;
}

.bacpro-commerce p {
  line-height: 1.6;
  margin-bottom: 1em;
}

.bacpro-commerce p {
  margin-bottom: 0.8em;
  line-height: 1.6;
}

.bacpro-commerce ul li {
  margin-bottom: 0.5em;
}

.bacpro-commerce .content-wrapper {
  margin-bottom: 30px;
  gap: 40px;
  align-items: stretch; /* aligne l’image et le texte en haut */
  overflow: hidden; /* pour englober les flottants */ 
}

.bacpro-commerce .bacpro-pdf-link-left {
  float: left;
  margin-right: 20px;
  display: flex;
  position: relative;
  text-decoration: none;
  color: white;
  margin-left: 0;
  width: 35%; /* ← permet d’occuper toute la largeur disponible */
}

.bacpro-commerce .bacpro-pdf-image-left {
  width: 100%;       /* ← image occupe toute la largeur de son parent */
  height: auto;
  flex-grow: 1; /* ← l'image prend toute la hauteur disponible */
  border-radius: 6px;
  cursor: pointer;
  object-fit: cover; /* ← adapte l'image si nécessaire */
  transition: transform 0.3s ease;
  display: block;
}



.bacpro-commerce .bacpro-pdf-link-left .bacpro-overlay-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px 0;
  background: #ceab5d;
  text-align: center;
  font-weight: 700;
  font-size: 1.1rem;
  border-radius: 0 0 6px 6px;
  pointer-events: none;
}

.bacpro-commerce .bacpro-pdf-link-left:hover .bacpro-overlay-left {
  background: #c29953;
}

.bacpro-commerce .bacpro-text-content {
  flex: 1;
}
.bacpro-commerce .bacpro-text-content p {
  margin-bottom: 1em;
  line-height: 1.5;
}

.bacpro-pdf-right {
  margin: 20px auto 0 auto; /* 20px en haut, auto à gauche et droite pour centrer */
  display: block;           /* block pour que margin auto fonctionne */
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  width: 500px;
  overflow: hidden;         /* pour bien arrondir les coins */
}

.bacpro-pdf-image-right {
  border-radius: 20px;
  display: block;
  width: 100%;
  height: auto;
}

.bacpro-overlay-right {
  display: none; /* Cache complètement le texte */
}


/* Overlay à droite si besoin */
.bacpro-overlay-right {
  display: block;
  text-align: center;
  padding: 8px 0;
  font-size: 1rem;
  font-weight: bold;
  background: #78151e;
  color: white;
  border-radius: 0 0 6px 6px;
  margin-top: -6px;
  transition: background 0.3s ease;
}


/* Wrapper pour tout aligner correctement */
.content-wrapper {
  margin-bottom: 30px;
  gap: 40px;
  overflow: hidden;
}

.grille-salarial {
  width: 900px;
  height: auto;
  display: block;       /* pour que margin auto fonctionne */
  margin: 0 auto 20px;  /* 20px d’espace en bas (tu peux ajuster) */
}























/* 3EME ENSEIGNEMENT AGRICOLE  */
.troisieme-ea {
  max-width: 1300px;
  margin: 40px auto;
  padding : 10px 15px;
  color: black;
  font-family: 'Roboto', sans-serif;
}

.troisieme-ea h1 {
  font-size: 2.2rem;
  margin-top: 0;             /* rapproche du haut */
  margin-bottom: 1.2em;
}

.troisieme-ea h2 {
  font-size: 1.5rem;
  margin-bottom: 0.8em;
  font-weight: 400;
  color: black;
}

.troisieme-ea p {
  line-height: 1.6;
  margin-bottom: 2em;
  line-height: 1.6;
}

.troisieme-ea ul li {
  margin-bottom: 0.5em;
}

.troisieme-ea .content-wrapper {
  margin-bottom: 30px;
  gap: 40px;
  overflow: hidden; /* pour englober les flottants */ 
}

.troisieme-ea .pdf-link-left {
  float: left;           /* fait flotter l'image à gauche */
  margin-right: 20px;    /* espace entre image et texte */
  max-width: 500px;      /* limite la taille de l'image */
  display: block;
  position: relative;    /* pour overlay si tu en as */
  text-decoration: none;
  color: white;
  margin-left: 0;
}

.troisieme-ea .pdf-image-left {
  max-width: 100%;       /* s’adapte à la taille max du parent */
  height: auto;
  border-radius: 6px;
  cursor: pointer;
  transition: transform 0.3s ease;
  display: block;
  margin-left: 0;
}


.troisieme-ea .pdf-link-left .overlay-text-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px 0;
  background: #3B5323;
  text-align: center;
  font-weight: 700;
  font-size: 1.1rem;
  border-radius: 0 0 6px 6px;
  pointer-events: none;
}

.troisieme-ea .pdf-link-left:hover .overlay-text-left {
  background: #556B2F;
}

.troisieme-ea .text-content {
  flex: 1; /* texte prend tout l’espace restant */
}

.troisieme-ea .text-content p {
  margin-bottom: 1em;
  line-height: 1.2sem;
}

.illustration-3eme {
  margin-left: 200px; /* ou plus selon le décalage souhaité */
}

.pdf-block-right {
  margin-left: 400px; /* décale le bloc de 50px vers la droite */
  margin-top: 20px; /* si besoin, pour espacer verticalement */
  display: inline-block; /* pour que le margin-left fonctionne bien */
}


.pdf-link-right {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.pdf-image-right {
  display: block;
  width: 500px; /* Ajuste la taille */
  border-radius: 8px;
}

.overlay-text-right {
  display: none; /* Cache complètement le texte */
}








/* CAP COMMERCIALISATION */
.cap-commercialisation {
  max-width: 1300px;
  margin: 40px auto;
  padding: 10px 15px;
  color: black;
  font-family: 'Roboto', sans-serif;
}

.cap-commercialisation h1 {
  font-size: 2.2rem;
  margin-top: 0;
  margin-bottom: 1.2em;
}

.cap-commercialisation h2 {
  font-size: 1.5rem;
  margin-bottom: 0.8em;
  font-weight: 400;
  color: black;
}

.cap-commercialisation h3 {
  font-weight: 700;
  margin-top: 1.5em;
  font-size: 1.2rem;
}

.cap-commercialisation p {
  line-height: 1.6;
  margin-bottom: 2em;
}

.cap-commercialisation .content-wrapper {
  margin-bottom: 30px;
  gap: 40px;
  overflow: hidden;
}

.cap-commercialisation .commerce-download-btn {
  float: left;
  margin-right: 20px;
  max-width: 500px;
  display: block;
  position: relative;
  text-decoration: none;
  color: white;
  margin-left: 0;
}

.cap-commercialisation .commerce-download-btn img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  cursor: pointer;
  transition: transform 0.3s ease;
  display: block;
  margin-left: 0;
}

.cap-commercialisation .overlay-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px 0;
  background: #8b97af;
  text-align: center;
  font-weight: 700;
  font-size: 1.1rem;
  border-radius: 0 0 6px 6px;
  pointer-events: none;
  color: white;
}

.cap-commercialisation .commerce-download-btn:hover .overlay-text {
  background: #6f7a92;
}

.cap-commercialisation .cap-description {
  flex: 1;
  min-width: 300px;
}

.cap-commercialisation .cap-description p {
  margin-bottom: 1em;
}

/* Responsive */
@media (max-width: 1024px) {
  .cap-commercialisation .content-wrapper {
    flex-direction: column;
    gap: 30px;
  }

  .cap-commercialisation .commerce-download-btn,
  .cap-commercialisation .cap-description {
    float: none;
    max-width: 100%;
    margin: 0 auto;
  }
}

.cap-commercialisation .cap-pdf-right {
  max-width: 500px;         /* réduit la largeur */
  margin: 0 auto;           /* centre horizontalement */
  border-radius: 8px;      /* arrondit les bords */
  overflow: hidden;         /* pour que l'arrondi s'applique aussi à l'image */
  box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* optionnel : ombre légère pour un effet esthétique */
}

.cap-commercialisation .cap-pdf-right img.cap-pdf-image-right {
  width: 100%;              /* image prend toute la largeur du conteneur */
  height: auto;
  display: block;
  border-radius: 8px;      /* arrondit aussi l'image */
}

.insertion-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  margin: 1em 0;
}

.insertion-table th,
.insertion-table td {
  border: 1px solid #ccc;
  padding: 8px 12px;
  text-align: center;
}

.insertion-table thead {
  background-color: #8b97af;
  color: white;
}

.insertion-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}



















/* BTS MCO */
.bts-mco {
  max-width: 1300px;
  margin: 40px auto;
  padding: 10px 15px;
  font-family: 'Roboto', sans-serif;
  color: black;
}

.bts-mco h1 {
  font-size: 2.2rem;
  margin-top: 0;
  margin-bottom: 1.2em;
  color: black;
}

.bts-mco h2 {
  font-size: 1.5rem;
  margin-bottom: 0.8em;
  font-weight: 400;
  color: black;
}

.bts-mco h3 {
  font-weight: 700;
  margin-top: 1.5em;
  font-size: 1.2rem;
}

.bts-mco p {
  line-height: 1.6;
  margin-bottom: 2em;
}

.bts-mco ul li {
  margin-bottom: 0.5em;
}

/* Image PDF à gauche */
.mco-pdf-left {
  float: left;
  margin: 0 20px 20px 0;
  max-width: 550px;
  width: 90%;
}

.image-container {
  position: relative;
}

.mco-pdf-image-left {
  width: 100%;
  border-radius: 6px;
  height: auto;
  display: block;
}

.mco-overlay-text-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #743f20;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  padding: 8px 0;
  border-radius: 0 0 6px 6px;
}

.mco-pdf-link-left:hover .mco-overlay-text-left {
  background: #92542a;
}

/* Bloc PDF à droite */
.mco-pdf {
  margin-left: 400px;
  margin-top: 20px;
  display: inline-block;
}

.mco-pdf-link-right {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.mco-pdf-image-right {
  display: block;
  width: 500px;
  border-radius: 8px;
}


.insertion-table-btsmco {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  margin: 1.5em 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.insertion-table-btsmco th,
.insertion-table-btsmco td {
  border: 1px solid #ccc;
  padding: 12px 16px;
  text-align: center;
}

.insertion-table-btsmco thead {
  background-color: #743f20;
  color: #fff;
}

.insertion-table-btsmco tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
















/* CAP CUISINE */
.cap-cuisine {
  max-width: 1300px;
  margin: 40px auto;
  padding: 10px 15px 10px 15px; /* plus de padding en haut */
  color: black;
  font-family: 'Roboto', sans-serif;
}

.cap-cuisine h1 {
  font-size:2.2rem;
  margin-top: 0.8;      /* on gère l’espace avec le padding du parent */
  margin-bottom: 1em; /* plus proche du contenu suivant */
}

.cap-cuisine h2 {
  font-size: 1.5rem;
  margin-bottom: 0.8em;
  font-weight: 400;
  color: black;
}

.cap-cuisine p {
  line-height: 1.6;
  margin-bottom: 2em;
}

.cap-cuisine ul li {
  margin-bottom: 0.5em;
}

.cap-cuisine-container {
  overflow: hidden; /* pour que le container englobe le float */
  max-width: 1300px;
  margin: 0 auto;
  padding: 10px 15px 10px 15px;
}

.cap-cuisine-image {
  float: left;
  width: 500px;
  margin-right: 30px; /* espace entre image et texte */
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.cap-cuisine-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.cap-cuisine-image .download-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px 0;
  background: #78151e;
  text-align: center;
  font-weight: 700;
  font-size: 1.1rem;
  border-radius: 0 0 6px 6px;
  color: white;
  text-decoration: none;
}

.cap-cuisine-image .download-btn:hover {
  background: #5e1018;
}

.cap-cuisine-content {
  overflow: hidden; /* pour que le texte ne chevauche pas l'image */
}

.cap-cuisine-content p {
  margin-bottom: 1em;
  line-height: 1.5;
}

/* Nouveau bloc PDF à droite pour CAP Cuisine */
.cuisine-pdf-block-right {
  margin-left: 400px;
  margin-top: 20px;
  display: inline-block;
}

.cuisine-pdf-link-right {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.cuisine-pdf-image-right {
  display: block;
  width: 500px;
  border-radius: 8px;
}

.insertion-table-capcuisine {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  margin: 1.5em 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.insertion-table-capcuisine th,
.insertion-table-capcuisine td {
  border: 1px solid #ccc;
  padding: 12px 16px;
  text-align: center;
}

.insertion-table-capcuisine thead {
  background-color: #78151e;
  color: #fff;
}

.insertion-table-capcuisine tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}












/* CAP EPC  */
.cap-epc {
  max-width: 1300px;
  margin: 40px auto;
  padding: 10px 15px 10px 15px; /* plus de padding en haut */
  color: black;
  font-family: 'Roboto', sans-serif;
}

.cap-epc h1 {
  font-size: 2rem;
  margin-bottom: 1em;
  color: black;
}

.cap-epc h2 {
  margin-top: 1.5em;
  color: black;
}

.cap-epc h3 {
  font-weight: 700;
  margin-top: 1.5em;
  font-size: 1.2rem;
}

.cap-epc ul {
  list-style-type: disc;
  margin-left: 20px;
  color: black;
  font-size: 1.1rem;
  line-height: 1.6;
}

/* CAP EPC - bloc image + bouton téléchargement */
.cap-equipier-container {
  display: block;
  overflow: hidden; /* Pour contenir les flottants */
}

/* Image flottante à gauche avec bouton overlay */
.cap-equipier-image {
  float: left;
  width: 400px;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
}

.cap-equipier-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* Bouton de téléchargement avec overlay */
.equipier-download-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  text-decoration: none;
  background: #909b25;
  color: white;
  padding: 10px 0;
  font-weight: 700;
  font-size: 1.1rem;
  border-radius: 0 0 8px 8px;
  transition: background 0.3s ease;
}

.equipier-download-btn:hover {
  background: 	#6d751d;
}

.equipier-download-btn i {
  margin-right: 6px;
  vertical-align: middle;
  font-size: 1.1rem;
}

/* Bloc PDF à droite, si utilisé */
.equipier-pdf-block-right {
  max-width: 500px;
  margin: 40px auto 0 auto;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.equipier-pdf-image-right {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* Responsive */
@media (max-width: 768px) {
  .cap-equipier-container {
    flex-direction: column;
    align-items: center;
  }

  .cap-equipier-image,
  .equipier-pdf-block-right {
    width: 100%;
    max-width: 100%;
  }
}

.insertion-table-capemploye {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  font-family: 'Roboto', sans-serif;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.insertion-table-capemploye th,
.insertion-table-capemploye td {
  border: 1px solid #ccc;
  padding: 12px 16px;
  text-align: center;
}

.insertion-table-capemploye thead {
  background-color: #909b25; /* bleu pro */
  color: #fff;
}

.insertion-table-capemploye tbody tr:nth-child(even) {
  background-color: #f2f8ff;
}






















/* CAP PATISSERIE  */
.cap-patisserie {
max-width: 1300px;
  margin: 40px auto;
  padding: 10px 15px 10px 15px; /* plus de padding en haut */
  color: black;
  font-family: 'Roboto', sans-serif;
}

.cap-patisserie h1 {
  font-size: 2rem;
  margin-bottom: 1em;
  color: black;
}

.cap-patisserie h2 {
  margin-top: 1.5em;
  color: black;
}

.cap-patisserie h3 {
  margin-top: 1.5em;
  color: black;
}


.cap-patisserie ul {
  list-style-type: disc;
  margin-left: 20px;
  color: black;
  font-size: 1.1rem;
  line-height: 1.6;
}

.cap-patisserie p strong {
  font-size: 1.2rem;
  color: #ecc747; 
  margin-top: 20px;
  display: block;
}

/* CAP PÂTISSERIE */
.cap-patisserie-container {
  overflow: hidden;
  max-width: 1300px;
  margin: 40px auto;
  padding: 10px 15px;
  font-family: 'Roboto', sans-serif;
  color: black;
}

.cap-patisserie-image {
  float: left;
  width: 500px;
  margin-right: 30px;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.cap-patisserie-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.patisserie-download-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px 0;
  background: #ecc747;
  text-align: center;
  font-weight: 700;
  font-size: 1.1rem;
  border-radius: 0 0 6px 6px;
  color: white;
  text-decoration: none;
}

.patisserie-download-btn:hover {
  background: 	#c9a234;
}

.insertion-table-cappatissier {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  margin: 1.5em 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.insertion-table-cappatissier th,
.insertion-table-cappatissier td {
  border: 1px solid #ddd;
  padding: 12px 16px;
  text-align: center;
}

.insertion-table-cappatissier thead {
  background-color: #ecc747; /* couleur chocolatée */
  color: #fff;
}

.insertion-table-cappatissier tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}










/* TARIFS  */
.tarif-container {
    max-width: 1300px; /* largeur max augmentée */
    width: 90%;
    padding: 20px;
    box-shadow: 0 0 10px white;
    background: white;
    border-radius: 8px;
    margin: 40px auto;
    text-align: center;
}

.tarif-container img {
    width: 100%;
    max-width: 1300px; /* doit être égal ou inférieur à max-width du conteneur */
    height: auto;
    display: inline-block;
    border-radius: 6px;
}




/* FORMATIONS  */

.formations-gallery {
    padding: 40px;
    background-color: #f9f9f9;
    text-align: center;
}

.formations-gallery h1 {
    font-size: 2.5rem;
    margin-bottom: 30px;
    color: #333;
}

.formations-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.formation-card {
    width: 250px;
    background-color: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
}

.formation-card:hover {
    transform: scale(1.05);
}

.formation-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.formation-card h2 {
    padding: 15px;
    font-size: 1.1rem;
    color: black;
}

@media (max-width: 768px) {
  .cap-patisserie-container {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .cap-patisserie-image {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .cap-patisserie {
    padding: 10px;
  }

  .insertion-table-cappatissier th,
  .insertion-table-cappatissier td {
    padding: 8px 10px;
    font-size: 0.9rem;
  }

  .formation-card {
    width: 90%;
  }
}