/*
Theme Name:     Pitamax
Description:    Thème enfant de Twenty Twenty-Five
Author:         Pitamax
Template:       twentytwentyfive
Version:        1.0
*/

/* elearning.inaformation */

/* ********* couleurs ***********/
/* 
production  #ef7f6c
son         #0b0f80
image-numerique       #e24224
tech-av     #1c4840
medias      #fce84e
patrimoine  #eb477b
*/

/* ******* taille des images de mise en avant des cours (16 x 9) ********* */
/* 2000px x 885px */

/* nouveau (16 x 9) */
/* 1253 x 716 */

/* ******* polices ***** */
@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/pitamax/font/Lato/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/pitamax/font/Lato/Lato-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/pitamax/font/Lato/Lato-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/pitamax/font/Lato/Lato-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/pitamax/font/Lato/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/pitamax/font/Lato/Lato-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/pitamax/font/Lato/Lato-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/pitamax/font/Lato/Lato-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/pitamax/font/Lato/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/pitamax/font/Lato/Lato-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

/* Lavishly_Yours */
@font-face {
    font-family: 'LavishlyYours-Regular';
    src: url('/wp-content/themes/pitamax/font/Lavishly_Yours/LavishlyYours-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* ************************************ */
.clearFloat{
    height: 0;
    opacity: 0;
    clear: both;
}
body {
    font-family: 'Lato', sans-serif !important;
    padding-top: 80px;
    font-size: 1.25em !important;
}
body.home{
    padding-top: 90px;
}
h1, h3 {
    font-family: 'Lato', sans-serif;
    /*font-weight: 700;*/ /* Exemple pour utiliser la version Bold */
}
h2{
    font-family: "Bricolage Grotesque", serif;
}
em {
    font-family: 'Lato', sans-serif;
    font-style: italic;
}



/* =============================================== Encadré INA : info ================================================ */
.ina-info {
  --ina-blue: #1177cc;                /* bleu principal (ajuste si besoin) */
  --ina-blue-bg: #eaf3fb;             /* fond très clair assorti */

  position: relative;
  width: 55%;
  margin: 1.25rem auto;
  padding: 15px 25px !important;
  border: 1px solid var(--ina-blue);
  border-radius: 10px;
  background: var(--ina-blue-bg);
  font-size: .9em;                    /* ≈ “.8em par là” – ajuste si besoin */
  line-height: 1.5;
}

/* Picto “info” (SVG en data-URI) */
/*
.ina-info::before {
  content: "";
  position: absolute;
  left: 0.9rem;
  top: 0.95rem;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23eaf3fb' stroke='%231177cc' stroke-width='2'/%3E%3Cpath d='M12 7.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-1.2 4h2.4v6h-2.4z' fill='%231177cc'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
*/

/* Contenu interne propre (si tu mets plusieurs paragraphes ou listes) */
.ina-info p { margin: 0.4rem 0; }
.ina-info ul { margin: 0.5rem 0 0.5rem 1.2rem; }
.ina-info strong { font-weight: 700; }

.ina-info-icn {
  position: absolute;
  left: 1rem;
  top: 1.1rem;
  font-size: 1.6em;
  color: #00749d;
}

/* Mobile : pleine largeur et padding un peu réduit */
@media (max-width: 640px) {
  .ina-info { width: 100%; padding: 0.9rem 1rem 0.9rem 2.6rem; }
  .ina-info::before { left: 0.75rem; top: 0.8rem; }
}
/* ============================================== /Encadré INA : info ================================================ */




/* Footer collé en bas pour thèmes block (TT5) */
html, body { height: 100%; }
.wp-site-blocks {
  min-height: 100vh;           /* occuper toute la hauteur */
  display: flex;
  flex-direction: column;
}
/* L’aire de contenu doit pousser le footer */
.wp-site-blocks > main { flex: 1; }
/* Sauvegarde si certains modèles n’ont pas <main> */
.wp-site-blocks > .wp-block-post-content,
.wp-site-blocks > .wp-block-group:not(header):not(footer) {
  flex: 1;
}
/* === / Footer collé en bas === */


/* **************************************** header-boss ****************************************** */
.logged-in a{
    /*color: black;*/
}
.header-boss{
    position: fixed;
    width: 100%;
    height: 100px;
    background-color: #fff;
    z-index: 10000;
    top: 0;
}
.header-boss .header-sous-selecteur{
    padding-bottom: 0 !important;
}

.header-boss nav{
    margin: -18px 0 0 !important;
}

.header-boss nav ul.wp-block-navigation__container li a, .header-boss .wp-block-loginout a{
    color: white !important;
    padding: 10px 24px 12px;
    margin-right: 0;
    border-radius: 30px;
    background-color: black;
}
.header-boss nav ul.wp-block-navigation__container li a{
    padding: 9px 24px 11px !important;
}
/*.header-boss nav ul.wp-block-navigation__container ul li a{
    color: white !important;
    padding: 0;
    margin-right: 0;
    border-radius: 0;
    background-color: transparent;
}*/
.header-boss nav ul.wp-block-navigation__container li a:hover, .header-boss .wp-block-loginout a:hover{
    background-color: white;
    color: black !important;
    text-decoration: none;
    border: 1px solid black;
    padding: 10px 24px 12px;
    margin-left: -2px;
}
.header-boss .wp-block-loginout a:hover{
   
}

.header-boss nav ul.wp-block-navigation__container ul li a:hover{
    background-color: transparent;
    color: black !important;
    text-decoration: none;
    border: none;
    padding: 0;
    margin-left: 0;
}

.header-boss .wpml-language-switcher-navigation-block ul.horizontal-list{
    gap: 0.5em !important;
}
.header-boss .wpml-language-switcher-navigation-block ul.wp-block-navigation__submenu-container li > div:hover{
background-color: #fff;
opacity: 1;
}

.header-boss > div{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.header-boss .wpml-language-switcher-block{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 auto;
    flex-wrap: nowrap !important;
    width: 55px !important
}
@media (max-width: 880px) {
    .header-boss .wpml-language-switcher-block{
    margin: -26px auto 0;
    flex-wrap: nowrap !important;
    width: 55px !important
}
}


.header-boss h2{
 
}
.header-boss nav{
    margin-top: -17px;
}
.wp-block-site-logo{
    margin-left: -28px !important;
}
.wpml-ls-list li.wp-block-navigation-item{
    margin: 0 !important;
}


[data-wpml='language-item']:first-of-type{
    margin-top: 0 !important;
}
div.wpml-ls-dropdown ul li{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item a{
    padding: 4px
}






/* ============================================================
   MENU BURGER PLUS TÔT (version moderne pour WP 6.6+ / TT25)
   Active le menu mobile dès 880px
   ============================================================ */
/* TT25 — Burger dès 880px, sans cacher la liste du menu mobile */
@media (max-width: 880px) {

  /* 1) N'afficher que le bouton burger côté nav */
  .wp-block-navigation__responsive-container-open {
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  /* 2) Cacher UNIQUEMENT la liste desktop (enfant direct du <nav>) */
  nav.wp-block-navigation > .wp-block-navigation__container {
    display: none !important;
  }

  /* 3) Style du conteneur responsive ouvert */
  .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    inset: 0;                     /* top/right/bottom/left: 0 */
    display: flex !important;
    flex-direction: column;
    padding: 2rem 1.5rem;
    background: var(--wp--preset--color--background, #fff);
    z-index: 9999;
    overflow-y: auto;
  }

  /* 4) À l'intérieur du conteneur mobile, ré-afficher la liste UL */
  .wp-block-navigation__responsive-container
  .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column;
    gap: 1rem;
  }

  /* 5) Bouton fermer en haut à droite */
  .wp-block-navigation__responsive-container-close {
    align-self: flex-end;
    margin-bottom: 1rem;
    display: inline-flex !important;
  }

  /* Quand le menu N’EST PAS ouvert, on cache tout le contenu interne */
  .wp-block-navigation__responsive-container:not(.is-menu-open)
  .wp-block-navigation__responsive-container-content {
    display: none !important;
  }

  /* Sécurités supplémentaires pour éviter tout recouvrement/scroll fantôme */
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    position: static !important;
    inset: auto !important;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: 0;
  }

  /* Quand le menu est ouvert : plein écran (comme vu précédemment) */
  .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    inset: 0;
    display: flex !important;
    flex-direction: column;
    padding: 2rem 1.5rem;
    background: var(--wp--preset--color--background, #fff);
    z-index: 9999;
    overflow-y: auto;
    opacity: 1;
    pointer-events: auto;
  }
  .header-boss nav ul.wp-block-navigation__container li a, .header-boss .wp-block-loginout{
    margin-bottom: 16px;
}

/* descend le bouton burger au niveau du sélecteur de langues */
button.wp-block-navigation__responsive-container-open{
    padding: 0 0 0;
}
}

@media (max-width: 680px) {
    button.wp-block-navigation__responsive-container-open{
    margin-top: -10px;
}
}



/* **************************************** FIN header-boss ****************************************** */


/* ***************** deco fleur ( une partie est dans functions.php ) **************** */

body.single-sfwd-topic::after{
  content: "";
  position: fixed;
  right: 72px; 
  bottom: 64px;
  width: 160px; 
  height: 160px;
  background: url('/wp-content/themes/pitamax/img/fleur-ina-animated.svg') no-repeat center/contain;
  opacity: .12;
  pointer-events: none;
  z-index: 1;
}

/* === Animation de pulsation sur hover du bouton "Chapitre suivant" === */
@keyframes inaPulse {
  0%, 100% { transform: scale(1); opacity: 0.12; }
  50% { transform: scale(1.15); opacity: 0.18; }
}

/* Applique la pulsation quand le bouton est survolé */
body.single-sfwd-topic.ina-flower-hover::after {
  animation: inaPulse 1.6s ease-in-out infinite;
}

@media (max-width: 720px) {
  body.single-sfwd-topic::after { display: none; }
}
/* ***************** / deco fleur **************** */

.ld-course-list-items .ld_course_grid .btn-primary{
    background-color: #222;
    border-color: #000;
}
.learndash-wrapper.learndash-widget .ld-progress .ld-progress-bar{
    height: 4px;
}

.home h1.wp-block-post-title{
    font-size: 3.5em;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 1em;
}

.home .h2-first-accueil {
    font-family: "Bricolage Grotesque", serif;
    font-optical-sizing: auto;
    font-weight: 600; /*  Use a value from 200 to 800 */
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 40px !important;
    padding-bottom: 7px;
    margin-top: -20px;
  }

.home .video-accueil{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.home #ld_course_categorydropdown form label{
    display: none;
}

/*chevron-down
Icon · 16 x 16*/

/* ***************************************** grille mes cours sur la page d'accueil *************************************** */
.learndash-wrapper .ld-progress .ld-progress-heading{
    font-size: .55em !important;
}
.learndash-wrapper .ld-progress{
    /*margin: 0 !important;*/
}
.mes-cours-accueil .ld_course_grid article{
    height: 350px;
}
.ld-course-list-items .ld_course_grid .entry-title{
    font-size: 0.8em;
    height: 88px;
}


/* ***************************************** grille course-cat-pit sur la page d'accueil *************************************** */
/* Style de la grille */
.grid-course-cat-pit {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(325px, 1fr)); /* Ajuste automatiquement les colonnes */
    gap: 40px; /* Espacement entre les items */
    margin: 0 auto 40px; /* Centrer la grille */
    width: 100%; /* Largeur de la grille */
    flex-shrink: 0;
    align-self: stretch;
}
/* Responsive : une colonne sur mobile */
@media (max-width: 768px) {
    .grid-course-cat-pit {
        grid-template-columns: 1fr; /* Une seule colonne */
    }
}

/* Style des éléments de la grille */
.grid-item {
    display: flex;
    width: 80%;
    height: 150px;
    padding: 10%;
    flex-direction: column;
    gap: 15px;
    flex-shrink: 0;
    border-radius: 15px;
    border: 1px solid #FFE900;
    background: #fff;
    /*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
    position: relative;
    text-decoration: none;
}
.grid-item:hover {
    /*transform: translateY(-3px); */ /* Soulève légèrement */
    transition: transform 0.3s, box-shadow 0.3s;  /* Animation au survol */
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/ /* Ombre */
    /*background-color: #fff;*/

    border-radius: 15px;

background: rgba(249, 222, 75, 0.00);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.grid-item img {
    max-width: 100%;
    height: auto; /* Maintient les proportions */
    border-radius: 5px;
}

.grid-item1{
    border: 1px solid #FF7765;
}
.grid-item2{
    border: 1px solid #130086;
}
.grid-item3{
    border: 1px solid #F52C01;
}
.grid-item4{
    border: 1px solid #004940;
}
.grid-item5{
    border: 1px solid #FFE900;
}
.grid-item6{
    border: 1px solid #FF2F7B;
}
.grid-item1:hover{
    border-top: 2px solid #FF7765;
    border-left: 2px solid #FF7765;
    border-right: none;
    border-bottom: none;
}
.grid-item2:hover{
    border-top: 2px solid #130086;
    border-left: 2px solid #130086;
    border-right: none;
    border-bottom: none;
}
.grid-item3:hover{
    border-top: 2px solid #F52C01;
    border-left: 2px solid #F52C01;
    border-right: none;
    border-bottom: none;
}
.grid-item4:hover{
    border-top: 2px solid #004940;
    border-left: 2px solid #004940;
    border-right: none;
    border-bottom: none;
}
.grid-item5:hover{
    border-top: 2px solid #F9DE4B;
    border-left: 2px solid #F9DE4B;
    border-right: none;
    border-bottom: none;
}
.grid-item6:hover{
    border-top: 2px solid #FF2F7B;
    border-left: 2px solid #FF2F7B;
    border-right: none;
    border-bottom: none;
}


/* Style du titre */
.grid-item h1 {
    font-size: 2.2rem;
    margin: 0;
    padding: 0;
    text-align: left;
}

/* Style du pictogramme */
.grid-item img{
    position: absolute;
    bottom: 15px;
    right: 30px;
    width: 55px;
    height: 55px;
    bottom: 15px;
    right: 15px;
}


/* *************************************************** fin grille course-cat-pit sur la page d'accueil ******************************************************* */

/*    ******************************* Découvrez nos formations à distance (page d'accueil ********************************** */

body.home div.course-list-pit-spinner{
    margin-bottom: 50px;
}

div.course-filter-pit, div.course-filter-pit-2{
  width: 230px;
  float:left;
  margin-right: 20px;
  height: 40px;
}
div.course-filter-pit select, div.course-filter-pit-2 select{
    border-radius: 16px;
    border: 1.5px solid rgba(92, 92, 92, 0.20);
    background: #FCFCFC;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 8px 14px;
}

div.course-filter-pit label, div.course-filter-pit-2 label{
    display: none;
}

#ld_course_categorydropdown{
    margin-bottom: 14px;
}

.course-list-pit {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.course-list-pit.is-visible {
  opacity: 1;
}
.course-list-pit .flickity-viewport{
    /*height: 275px !important;*/
}

.course-item-div{
  width: 300px;
  margin-right: 10px;
  position: relative;
}
.course-list-pit .course-item{
    display: block;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    min-height: 300px;
    background: #f9f9f9;
    text-decoration: none;
    color: #333;
    scroll-snap-align: start;
}
.course-list-pit .course-item:hover{
    background-color: #fff;
}
.course-list-pit .course-item img{
    width: 100%;
    border-radius: 5px;
}
.course-list-pit .course-item h2{
    font-size: 18px;
    text-align: left;
    padding-top: 0;
}
.course-list-pit .course-item .course-category-icons img{
    width: 35px;
    position: absolute;
    bottom: 5px;
    right: 7px;
}

/**debut slider flickity page d'accueil**/

/* external css: flickity.css */

.course-list-pit  {
  /*height: 270px;*/
  
  
}

.carousel-cell.is-selected {
  
}

/* cell number */
.carousel-cell:before {
 
}


/**fin slider flickity page d'accueil**/

/* cadre chiant au focus */
:where(.wp-site-blocks *:focus){
    outline: none !important;
}

/* les boutons */
:where(.wp-block-file__button){
    padding: 0.5em 2em !important;
}

.learndash-wrapper .ld-expand-button{
    border-radius: 30px !important;
    padding: 10px !important;
}


/* menu pit-fixe */
div.menu-fix-pit{
    position: fixed;
    right: -340px;
    width: 340px;
    top: 220px;
    font-size: .7em;
    color: black !important;
    height: 650px;
    overflow-y: scroll;
    padding-left: 36px;

    /* 👇 AJOUTS sûrs (perf & UX) */
    z-index: 1000;                   /* au-dessus du contenu */
    will-change: right;              /* hint perf pour l’animation jQuery */
    -webkit-overflow-scrolling: touch; /* inertie iOS */
}
div.menu-fix-pit .learndash-wrapper{
    padding: 4px;
    background-color: #000;
    border-radius: 20px 0 0 20px;
}
div.menu-fix-pit .learndash-wrapper .ld-item-list{
    margin: 1em 0 1em;
}
div.menu-fix-pit .learndash-wrapper .ld-expand-button{
    /*color: black !important;*/
    /*background-color: white !important;*/
}
div.menu-fix-pit .learndash-wrapper .ld-item-list .ld-item-list-item{
    margin: 4px 0;
}
div.menu-fix-pit .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview{
    padding: 8px;
}
div.menu-fix-pit .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header{
    padding: 6px 50px;
}
div.menu-fix-pit .learndash-wrapper .ld-table-list .ld-table-list-header, .learndash-wrapper .ld-table-list .ld-table-list-item-preview{
    padding: 8px 0 !important;
}

div.menu-fix-pit .learndash-wrapper .ld-status-incomplete.ld-status-icon{
    background-color: #fff;
    border: 2px solid #e2e7ed;
}
div.menu-fix-pit .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
    color: #fff;
    background-color: #000 !important;
}

div.menu-fix-pit .learndash-wrapper .ld-status-icon{
    flex-basis: 12px;
    height: 12px;
    width: 12px;
}

div.menu-fix-pit .ld-section-heading h2{
    font-size: 22px !important;
    color: cadetblue;
}

/* current item */
div.menu-fix-pit a.ld-is-current-item{
    color: #fff !important;
    background-color: #000;
    border-radius: 5px;
}
div.menu-fix-pit .ld-table-list-title, div.menu-fix-pit .ld-table-list-lesson-details{
    color: #fff;
}

.single-sfwd-courses .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-text{
    color: #000 !important;
}

div.menu-fix-pit .learndash-wrapper .ld-item-list .ld-item-list-items .ld-item-list-item-preview a.ld-item-name{
    color: black !important;
}


/* poignée */
div.menu-poignee{
    position: absolute;
    top: 78px;
    left: 6px;
    width: 17px;
    height: 84px;
    background-color: #000;
    writing-mode: vertical-rl;
    padding: 43px 3px 4px 10px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    border-radius: 30px 0 0 30px;
    border: 1px solid #000;
    font-weight: 500;

    /* 👇 AJOUT */
    z-index: 1001; /* au-dessus du panneau pour rester cliquable */
  }
  div.menu-poignee:hover{
    background-color: #fff;
    color: #000;
  }


  /* === Overlay pour le menu fixe pit ====================================== */
  .menu-fix-overlay{
    position: fixed;
    inset: 0;                           /* top:0; right:0; bottom:0; left:0 */
    background: rgba(0,0,0,0.35);       /* légère obscurcissement */
    z-index: 999;                       /* juste sous le panneau (1000) */
    display: none;                      /* caché par défaut */
  }

  /* PANIC BUTTON – masque l’overlay quoi qu'il arrive */
/*.menu-fix-overlay { display: none !important; }*/


/* fin menu fixe */

ul.list-cat-accueil{
    list-style: none;
    padding-left: 0;
    display: none;
}
li.cat-item{
    float: left;
    font-size: 16px;
    margin: 10px;
}
li.cat-item a{
    display: inline-block; /* Pour permettre de définir des dimensions */
    width: 186px; /* Largeur du lien */
    height: 186px; /* Hauteur du lien */
    background-size: cover; /* Adapte l'image à la taille de l'élément */
    background-position: center; /* Centre l'image */
    text-decoration: none; /* Supprime le soulignement */
    color: white; /* Couleur du texte */
    text-align: center; /* Centre le texte horizontalement */
    line-height: 0; /* Centre le texte verticalement pour cette hauteur */
    font-size: 0; /* Taille de la police */
    opacity: .9;
}
li.cat-item a:hover{
    opacity: 1;
}
li.cat-item a:focus{
    border: 2px solid black;
    width: 182px;
    height: 182px;
}
li.cat-item-49 a{ 
    background-image: url('/wp-content/themes/pitamax/img/cours-cat/image-numerique.jpg'); /* Chemin de l'image */
}
li.cat-item-44 a{ 
    background-image: url('/wp-content/themes/pitamax/img/cours-cat/medias.jpg'); /* Chemin de l'image */
}
li.cat-item-53 a{ 
    background-image: url('/wp-content/themes/pitamax/img/cours-cat/patrimoine.jpg'); /* Chemin de l'image */
}
li.cat-item-20 a{ 
    background-image: url('/wp-content/themes/pitamax/img/cours-cat/production-ecriture-realisation.jpg'); /* Chemin de l'image */
}
li.cat-item-51 a{ 
    background-image: url('/wp-content/themes/pitamax/img/cours-cat/son.jpg'); /* Chemin de l'image */
}
li.cat-item-52 a{ 
    background-image: url('/wp-content/themes/pitamax/img/cours-cat/technique.jpg'); /* Chemin de l'image */
}



/* *************************************************** cours ***************************************************** */
/*form.learndash_mark_complete_button,
#learndash_mark_complete_button{ display:none!important; }*/

.ld-tab-bar__panel .ld-featured-image{
    margin-bottom: 0;
}


.ld-navigation__next-link--just-completed{
    background-color: var(--ld-color-system-white);
    border: 2px solid #0000;
    color: var(--ld-color-system-body-text);
    outline-offset: 0;
    outline-width: 4px;
}
.ld-navigation__next-link--just-completed:active, .ld-navigation__next-link--just-completed:hover{
    background-color: var(--ld-color-system-white);
    border: 2px solid #0000;
    color: var(--ld-color-system-body-text);
    outline-offset: 0;
    outline-width: 4px;
}

.ld-navigation__progress-mark-complete-button{
    background-color: #0086b1;
}
.ld-navigation__progress-mark-complete-button:active, .ld-navigation__progress-mark-complete-button:hover{
    background-color: var(--ld-color-system-white);
    border: 2px solid #0000;
    color: var(--ld-color-system-body-text);
    outline-offset: 0;
    outline-width: 4px;
}

.wp-block-image.aligncenter>figcaption{
    display: block;
}


.ld-accordion__header{
    position: relative;
}

h2.ld-accordion__heading{
    margin: 0;
}
.ld-accordion__header button.ld-accordion__expand-button--all{
    position: absolute;
    right: 40px;
    top: 8px;
}



/* date et auteur d'un cours */
.post-meta-date-et-auteur-pit{
    display: none;
}

/* retour au cour ou à la leçon en bas de page */
a.ld-course-step-back{
font-weight: 500;
padding-top: 10px;
}
a.ld-course-step-back:hover{
    color: black !important;
}
a.ld-course-step-back::before{
    font-family: "Font Awesome 6 Free"; /* Assure-toi que FontAwesome est bien chargé */
    font-weight: 900; /* Important pour les icônes solides */
    content: "\f104"; /* Unicode de la flèche vers la gauche */
    margin-right: 8px; /* Ajoute un petit espace entre l'icône et le texte */
}

/* faq et fiches pratiques dans l'intro d'un cours */
.pdf-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 2px 8px;
  padding: 10px 14px 10px 0px;
  background: #f9f9f9;
  border-radius: 8px;
  font-weight: 600;
  font-size: .7em;
  text-decoration: none;
  color: #333;
  transition: 0.2s;
}
.pdf-link:hover {
  background: #e53935;
  color: #fff;
}
.pdf-icon {
  width: 20px;
  height: 20px;
}

/*  
navigation en bas des leçons, chapitres et quiz
*/
.learndash-wrapper .ld-content-actions .ld-content-action a.ld-button {
    color: white !important;
    background-color: black !important;
    border-radius: 30px;
    border: 1px solid black;
    border-bottom: 1px solid black !important;
    padding: 10px 2px !important;
}
.learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-button .ld-text {
    padding: 0 !important;
}
.learndash-wrapper .ld-content-actions .ld-content-action a.ld-button:hover {
    color: #cdcdcd !important;
}

.ld-navigation__progress-completed-action{
    color: #0086b1;
}
.ld-navigation__icon--lesson-complete{
    color: #0086b1;
}
.ld-navigation__back-to-course-link:active, .ld-navigation__back-to-course-link:hover, .ld-navigation__next-link:active, .ld-navigation__next-link:hover, .ld-navigation__previous-link:active, .ld-navigation__previous-link:hover{
    color: #0086b1;
}
.ld-navigation__back-to-course-link:active, .ld-navigation__back-to-course-link:focus, .ld-navigation__back-to-course-link:hover, .ld-navigation__next-link:active, .ld-navigation__next-link:focus, .ld-navigation__next-link:hover, .ld-navigation__previous-link:active, .ld-navigation__previous-link:focus, .ld-navigation__previous-link:hover{
    border-color: #0086b1;
}
.ld-progress-bar__label-icon--complete{
    color: #0086b1;
}
.ld-navigation__back-to-course-link:active, .ld-navigation__back-to-course-link:focus, .ld-navigation__back-to-course-link:hover, .ld-navigation__next-link:active, .ld-navigation__next-link:focus, .ld-navigation__next-link:hover, .ld-navigation__previous-link:active, .ld-navigation__previous-link:focus, .ld-navigation__previous-link:hover{
    border-color: #0086b1;
}


 
/* enlève la marge de la vidéo pour que la transcription soit collée */
.is-type-video{
    margin-bottom: 0;
}

/* transcription vidéos */
.accordion-video{
	text-align: justify;
	position: relative;
	top: -3px;
	/*border-left: 1px solid #feedf0;
	border-right: 1px solid #feedf0*/
}
.accordion-video a.download-pdf-transcription{
    position: absolute;
    right: 8px;
    top: 7px;
    width: 33px; /* Ajuste la taille selon l'icône */
    height: 32px;
    background: url('/wp-content/themes/pitamax/img/flowbite_file-pdf-solid.png') no-repeat center/contain;
    transition: filter 0.3s ease-in-out;

    filter: invert(0%); /* Par défaut, pas d'inversion */
    transition: filter 0.3s ease-in-out; /* Animation fluide */
}
.accordion-video a.download-pdf-transcription:hover{
   filter: invert(80%); /* Inversion des couleurs au survol */
}
.accordion-video h3{
    background: white;
    color: black;
    font-weight: 500;
    border: 0.1px solid black;
    border-radius: 0 0 15px 15px;
    padding: 15px;
    margin: 0;
    font-size: .7em;
    cursor: pointer;
}
.accordion-video h3:hover{
    color: white;
	background-color: black;
}

.accordion-video .ui-accordion-content{
	border-left: 0.1px solid #000;
    padding: 0 15px;
    position: relative;
}


.accordion-pit{

}
.accordion-pit h3{
    background: #ededed;
    color: #000;
    font-weight: 500;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 5px;
    margin: 0;
    font-size: .9em;
    cursor: pointer;
}
/* 1) On masque l'icône injectée par jQuery UI */
.accordion-pit .ui-accordion-header .ui-accordion-header-icon {
  display: none !important;
}

/* 2) On met notre flèche avant le h3 */
.accordion-pit h3.ui-accordion-header::before {
  content: "▸";
  color: #222;
  font-weight: 700;
  display: inline-block;
  margin-right: 8px;
  transform-origin: center;
  transition: transform .25s ease;
}

/* 3) État OUVERT — plusieurs crochets pour être robuste */
.accordion-pit h3.ui-accordion-header.ui-accordion-header-active::before,
.accordion-pit h3.ui-accordion-header.ui-state-active::before,
.accordion-pit h3.ui-accordion-header[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

/* DANS LES ACCUEIL DE COURS (GENERAL A TOUS LES COURS */
/* liste des leçons - les bullets */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon{
    margin-top: 0 !important;
}

.haut-lecon{
    padding-top: 51px !important;
}
.haut-chapitre{
    padding-top: 0 !important;
}


/* boutons de navigation dans les chapitres */
.learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-button .ld-text{
    padding: 0 !important;
}


/* learndash grid */
.ld_course_grid .caption .entry-title{
    font-size: .8em;
    height: 100px;
}
.ld_course_grid .caption .entry-content{
    font-size: .7em;
}

/* Les bullets progression dans les chapitres */
.learndash-chapters {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    font-size: .7em;
}

.learndash-chapters li {
    margin-bottom: 5px;
}

.learndash-chapters li.current a {
    font-weight: bold;
    color: #ff6600; /* Couleur pour le chapitre actuel */
}

.learndash-chapters li a {
    text-decoration: none;
    color: #0073aa;
    display: block;
    position: relative
}

.learndash-chapters li a:hover {
    text-decoration: underline;
}

.learndash-chapters li a:visited {
    color: #551a8b; /* Couleur pour les liens visités */
}

/* fontawesome pour les bullets progression dans les chapitres */

.learndash-chapters li a::before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}




/* barre de progression */
.ld-progress-bar__meter-foreground{
    background-color: #0086b1;
}



/* breadcrumbs */

/* === INA – Breadcrumbs (LearnDash modern) =============================== */
.ld-breadcrumbs.ld-breadcrumbs--modern, .learndash-wrapper .ld-breadcrumbs{
  /* easy to tune */
  --bc-bg:        #fafafa;        /* fond de la capsule */
  --bc-border:    #e6e6e8;        /* bordure fine */
  --bc-text:      #3a3a3c;        /* texte / séparateurs */
  --bc-link:      #0f6df2;        /* liens par défaut */
  --bc-link-hov:  #0b57d0;        /* liens hover/focus */
  --bc-shadow:    0 1px 0 rgba(0,0,0,.03);

  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .35rem .6rem;
  background: var(--bc-bg);
  border: 1px solid var(--bc-border);
  border-radius: 12px;
  color: var(--bc-text);
  box-shadow: var(--bc-shadow);
  line-height: 1.25;
  justify-content: flex-start !important;
}


/* Little pictogram at the start (SVG via mask, inherits currentColor) */
.ld-breadcrumbs.ld-breadcrumbs--modern::before, .learndash-wrapper .ld-breadcrumbs::before{
  content:"";
  width:18px;height:18px;flex:0 0 18px;
  background: currentColor;
  opacity:.85;

  /* mask for Safari/Chromium */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4l2 2h6a2 2 0 0 1 2 2v9a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h3z' fill='%23000'/%3E%3Cpath d='M6.5 12.5h7.5M11 9l3 3-3 3' stroke='%23000' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4l2 2h6a2 2 0 0 1 2 2v9a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h3z' fill='%23000'/%3E%3Cpath d='M6.5 12.5h7.5M11 9l3 3-3 3' stroke='%23000' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Links */
.ld-breadcrumbs.ld-breadcrumbs--modern a, .learndash-wrapper .ld-breadcrumbs a{
  color: var(--bc-link);
  text-decoration: none;
  padding: 2px 4px;
  border-radius: 6px;
}
.ld-breadcrumbs.ld-breadcrumbs--modern a:hover, 
.ld-breadcrumbs.ld-breadcrumbs--modern a:focus-visible, 
.learndash-wrapper .ld-breadcrumbs a:hover, 
.learndash-wrapper .ld-breadcrumbs a:focus-visible{
  color: var(--bc-link-hov);
  text-decoration: underline;
  background: color-mix(in oklab, var(--bc-link) 8%, white);
  outline: 2px solid transparent;
}

/* Current item (if LearnDash uses <span> or aria-current) */
.ld-breadcrumbs.ld-breadcrumbs--modern [aria-current="page"], 
.ld-breadcrumbs.ld-breadcrumbs--modern .ld-breadcrumbs__item--current, 
.learndash-wrapper .ld-breadcrumbs [aria-current="page"], 
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs__item--current{
  font-weight: 600;
}

/* Separators—make them lighter and tighter */
.ld-breadcrumbs.ld-breadcrumbs--modern .ld-breadcrumbs__separator, 
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs__separator{
  opacity: .45;
  margin: 0 .25rem;
}

/* Small screens: allow wrapping nicely */
@media (max-width: 640px){
  .ld-breadcrumbs.ld-breadcrumbs--modern,
  .learndash-wrapper .ld-breadcrumbs{
    flex-wrap: wrap;
    row-gap: .35rem;
  }

  /* ceinture et bretelles pour les segments/links */
  .ld-breadcrumbs.ld-breadcrumbs--modern a,
  .learndash-wrapper .ld-breadcrumbs a,
  .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs__segment{
    white-space: normal;
    min-width: 0; /* évite les débordements en flex */
  }
}
/* / breadcrumbs */





.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) a:not(.button):not(.screen-reader-shortcut):hover{
    color: #222 !important;
}

/* la liste des leçons dans les cours */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview{
    padding: 7px !important;
}

/* les bulettes "vous n'avez pas d'accès à ce cours" */
.ld-item-list-item-preview .ld-tooltip__text{
    background-color: #fdfdfd;
    border: 1px solid #0186b1;
}




.learndash-wrapper .ld-quiz-actions input[name=reShowQuestion], .learndash-wrapper .ld-quiz-actions input[name=restartQuiz]{
    background-color: #dedede !important;
}
input.wpProQuiz_button[name="startQuiz"] {
  margin: 0 auto !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item).wpProQuiz_answerCorrectIncomplete{
    border: 1px solid #6db46d !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item).wpProQuiz_answerCorrectIncomplete label{
    border-color:#6db46d !important;
}
@media (max-width: 640px) {
    .learndash-wrapper .wpProQuiz_content .wpProQuiz_button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2{
        text-align: center !important;
    }

}


/* === INA – LearnDash Accordion (menu cours + quiz, SVG icons) ========= */

.ld-accordion__expand-button--all:hover{
    border-bottom: 2px solid #0086b1;
}

/* 0) Fix "double bordure" (LD encadre aussi des sections) */
.learndash-wrapper .ld-accordion,
.learndash-wrapper .ld-accordion__section{
  border: none !important;
  background: transparent;
  box-shadow: none;
}
.learndash-wrapper .ld-accordion__content{
  overflow: hidden; /* coupe les séparateurs dans les coins arrondis */
}

.ld-accordion__item-icon{
    margin-top: 14px;
}

/* 1) Carte globale + variables couleur */
.ld-accordion__content{
  --menu-bg:       #fafafa;
  --menu-border:   #e6e6e8;
  --menu-text:     #2d2d2f;
  --menu-hover:    #f0f7ff;
  --menu-accent:   #0086b1;   /* leçons/chapitres (hover) */
  --quiz-accent:   #6a4fb6;   /* quiz */

  /* icônes (mask, héritent de currentColor) */
  --svg-lesson: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4.5A2.5 2.5 0 0 1 7.5 2H20v18H7.5A2.5 2.5 0 0 0 5 22V4.5zM7.5 4A.5.5 0 0 0 7 4.5v15A.5.5 0 0 0 7.5 20H18V4H7.5z'/%3E%3Cpath d='M9.5 7H16M9.5 10H16M9.5 13H16' stroke='%23000' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  --svg-topic:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l5 5v13H6z'/%3E%3Cpath d='M15 3v5h5' stroke='%23000' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  --svg-quiz:   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c4.4 0 8 3.1 8 7 0 3.7-3.1 6-6.5 6H12l-3.5 3v-3.2C5.1 15.2 4 13 4 10c0-3.9 3.6-7 8-7z'/%3E%3Cpath d='M9.8 10.2C10 8.8 11.2 8 12.5 8c1.2 0 2 .7 2 1.7 0 1.2-1.1 1.5-1.8 2-.6.4-.9.8-.9 1.5v.3M12.2 16.8h.01' stroke='%23000' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  background: var(--menu-bg);
  border: 1px solid var(--menu-border);
  border-radius: 14px;
  padding: .5rem 0;
  box-shadow: 0 2px 4px rgba(0,0,0,.04);
}

/* 2) Items (leçons) */
.ld-accordion__content .ld-accordion__item{
  margin: .25rem 0;
  border-bottom: 1px solid #eee;
}
.ld-accordion__content .ld-accordion__item:last-child{ border-bottom: none; }

/* En-tête cliquable (leçon) */
.ld-accordion__content .ld-accordion__item-header{
  display: flex; justify-content: space-between; align-items: baseline;
  padding: .6rem .9rem; cursor: auto;
  color: var(--menu-text); font-weight: 500;
  transition: background .2s ease, color .2s ease;
}
.ld-accordion__content .ld-accordion__item-header:hover{
  background: var(--menu-hover); color: var(--menu-accent);
}

/* Titre dans l’en-tête + icône "livre" */
.ld-accordion__content .ld-accordion__item-header a.ld-accordion__item-title{
  position: relative; display: inline-block;
  padding-left: 1.6rem;
  color: inherit; text-decoration: none !important; transition: color .2s ease;
}
.ld-accordion__content .ld-accordion__item-header a.ld-accordion__item-title::before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:16px; height:16px; background: currentColor; opacity:.85;
  -webkit-mask: var(--svg-lesson) center/contain no-repeat;
          mask: var(--svg-lesson) center/contain no-repeat;
}
.ld-accordion__content .ld-accordion__item-header a.ld-accordion__item-title:hover{
  color: var(--menu-accent);
}

/* Leçon ouverte */
.ld-accordion__content .ld-accordion__item.ld-is-open > .ld-accordion__item-header{
  background: color-mix(in oklab, var(--menu-accent) 8%, white);
  color: var(--menu-accent); font-weight: 600; border-left: 3px solid var(--menu-accent);
}

/* 3) Liste interne des steps (chapitres / quiz) */
.ld-accordion__content .ld-accordion__item-steps{ padding: .4rem 1.2rem .8rem; }

.ld-accordion__content .ld-accordion__item-steps a.ld-accordion__item-title{
  position: relative; display:block;
  padding: .35rem .4rem .35rem 1.6rem;
  border-radius: 6px; min-width: 0;
  color: var(--menu-text); text-decoration: none !important;
  transition: background .2s ease, color .2s ease;
}
.ld-accordion__content .ld-accordion__item-steps a.ld-accordion__item-title::before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:16px; height:16px; background: currentColor; opacity:.75;
  -webkit-mask: var(--svg-topic) center/contain no-repeat;
          mask: var(--svg-topic) center/contain no-repeat;
}
.ld-accordion__content .ld-accordion__item-steps a.ld-accordion__item-title:hover{
  background: var(--menu-hover); color: var(--menu-accent);
}

/* Quiz (classe spécifique) → couleur + icône ? */
.ld-accordion__content .ld-accordion__item-steps a.ld-accordion__item-title--quiz{
  color: var(--quiz-accent);
}
.ld-accordion__content .ld-accordion__item-steps a.ld-accordion__item-title--quiz::before{
  -webkit-mask: var(--svg-quiz) center/contain no-repeat;
          mask: var(--svg-quiz) center/contain no-repeat;
  opacity:.9;
}
.ld-accordion__content .ld-accordion__item-steps a.ld-accordion__item-title--quiz:hover{
  background: color-mix(in oklab, var(--quiz-accent) 8%, white);
  color: var(--quiz-accent);
}

/* 4) Statut “complété” */
.ld-accordion__content .ld-status-complete a.ld-accordion__item-title{
  color:#2c7a3f; font-weight:500;
}

/* 5) Micro-ajustements mobiles (respire mieux) */
@media (max-width: 640px){
  .ld-accordion__content .ld-accordion__item-header{ padding:.55rem .75rem; }
  .ld-accordion__content .ld-accordion__item-steps{ padding:.35rem .9rem .65rem; }
}



/* === PATCH – Alignement + icônes quiz ================================== */

.ld-accordion__content .ld-accordion__item-header a.ld-accordion__item-title{
  line-height: 1.25;
}

/* Vars SVG (si pas déjà définies dans ton bloc icônes) */
.ld-accordion__content{
  --svg-topic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l5 5v13H6z'/%3E%3Cpath d='M15 3v5h5' stroke='%23000' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  --svg-quiz:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c4.4 0 8 3.1 8 7 0 3.7-3.1 6-6.5 6H12l-3.5 3v-3.2C5.1 15.2 4 13 4 10c0-3.9 3.6-7 8-7z'/%3E%3Cpath d='M9.8 10.2C10 8.8 11.2 8 12.5 8c1.2 0 2 .7 2 1.7 0 1.2-1.1 1.5-1.8 2-.6.4-.9.8-.9 1.5v.3M12.2 16.8h.01' stroke='%23000' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* — A. LIGNE QUIZ (row) — remplace l’icône LD par la nôtre + couleur */
.ld-accordion__content .ld-accordion__item-header--quiz .ld-accordion__item-icon{
  width: 18px; height: 18px; align-self: center;
  background: var(--quiz-accent, #6a4fb6);
  -webkit-mask: var(--svg-quiz) center/contain no-repeat;
          mask: var(--svg-quiz) center/contain no-repeat;
}
.ld-accordion__content .ld-accordion__item-header--quiz .ld-accordion__item-icon svg{
  display: none !important;      /* cache le SVG par défaut de LearnDash */
}
.ld-accordion__content .ld-accordion__item-header--quiz:hover{
  color: var(--quiz-accent, #6a4fb6);
  background: color-mix(in oklab, var(--quiz-accent, #6a4fb6) 8%, white);
  border-left-color: var(--quiz-accent, #6a4fb6);
  cursor: auto;
}

/* — B. LIENS de la liste interne : quiz vs chapitres — */
.ld-accordion__content .ld-accordion__item-steps a.ld-accordion__item-title{
  position: relative;
  padding-left: 1.6rem;
}
.ld-accordion__content .ld-accordion__item-steps a.ld-accordion__item-title::before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:16px; height:16px; background: currentColor; opacity:.75;
  -webkit-mask: var(--svg-topic) center/contain no-repeat;
          mask: var(--svg-topic) center/contain no-repeat;
}
/* Icône + couleur spécifiques pour les quiz */
.ld-accordion__content .ld-accordion__item-steps a.ld-accordion__item-title--quiz{
  color: var(--quiz-accent, #6a4fb6);
}
.ld-accordion__content .ld-accordion__item-steps a.ld-accordion__item-title--quiz::before{
  -webkit-mask: var(--svg-quiz) center/contain no-repeat;
          mask: var(--svg-quiz) center/contain no-repeat;
  opacity:.9;
}

/* 1) En-tête "Quiz" (ligne parent) : cacher l’icône LD à droite */
.ld-accordion__content .ld-accordion__item-header--quiz .ld-accordion__item-icon,
.ld-accordion__content .ld-accordion__item-header--quiz .ld-svgicon{
  display: none !important;
}

/* 2) Ne pas insérer notre pseudo-icône sur le header "Quiz" */
.ld-accordion__content .ld-accordion__item-header a.ld-accordion__item-title--quiz::before{
  content: none !important;
  display: none !important;
}

/* 3) Dans la liste des steps : pas d’icône custom pour les liens de quiz */
.ld-accordion__content .ld-accordion__item-steps a.ld-accordion__item-title--quiz::before{
  content: none !important;
  display: none !important;
}

/* (optionnel) Garde l’alignement du texte des quiz avec les topics */
.ld-accordion__content .ld-accordion__item-steps a.ld-accordion__item-title--quiz{
  padding-left: 1.6rem;  /* même retrait que les chapitres */
  /* si tu préfères resserrer : .4rem */
}

/* 4) correctif "pit" devenu inutile */
.ld-accordion__items--quizzes .ld-svgicon, .ld-accordion__item-icon--progress{
  margin-top: 14px !important;
  color: #0086b1;
}
.ld-accordion__item-attribute-icon--progress{
  color: #0086b1;
}

.ld-accordion__expand-button:hover{
  color: #0086b1
}
.ld-accordion.ld-breakpoint--small .ld-accordion__item:focus-within .ld-accordion__expand-button:hover .ld-accordion__expand-button-text, .ld-accordion.ld-breakpoint--small .ld-accordion__item:hover .ld-accordion__expand-button:hover .ld-accordion__expand-button-text{
    border-bottom: 1px solid #0086b1 !important;
}

/* Focus visible propre (clavier / accessibilité) */
.ld-breadcrumbs a:focus-visible,
.ld-accordion__content a.ld-accordion__item-title:focus-visible{
  outline: 2px solid color-mix(in oklab, #0086b1 35%, white);
  outline-offset: 2px;
  border-radius: 6px;
  text-decoration: none;
}

/* Anti “saut” d’icônes (Safari/iOS) */
.ld-accordion__content .ld-accordion__item-title::before{
  display:block; /* évite les décalages de ligne */
}

/* Version imprimable propre (masque le chrome, garde le contenu) */
@media print{
  header, footer, .menu-fix, .ld-navigation, .ina-chatbot, .menu { display:none !important; }
  .ld-accordion__content{ border:0; box-shadow:none; background:#fff; }
}

/* / === INA – LearnDash Accordion (menu cours + quiz) ===================== */



/* ======================================================================
   COURS — Contenu des chapitres  (single-sfwd-topic)
   Accent #0086b1 — Lato
   ====================================================================== */

/* --- Accroche (paragraphe d'introduction) -------------------------- */
.single-sfwd-topic p.accroche {
  font-style: italic;
  font-size: 1.05em;
  color: #1a1a1a;
  line-height: 1.75;
  padding: .9rem 1.25rem .9rem 1.4rem;
  margin: 1.5rem 0 2rem;
  border-left: 4px solid #0086b1;
  background: linear-gradient(90deg, rgba(0,134,177,.06) 0%, transparent 75%);
  border-radius: 0 8px 8px 0;
}

/* --- À retenir (encadré de synthèse en fin de chapitre) ------------ */
.single-sfwd-topic .a-retenir {
  padding: 0 !important;
  border: 1px solid rgba(0,134,177,.25);
  border-radius: 10px;
  overflow: hidden;
  margin: 2.5rem 0 1.5rem;
  background: rgba(0,134,177,.04);
}
.single-sfwd-topic .a-retenir::before {
  content: "★ À retenir";
  display: block;
  padding: .5rem 1.25rem;
  background: #0086b1;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: .78em;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.single-sfwd-topic .a-retenir p,
.single-sfwd-topic .a-retenir ul,
.single-sfwd-topic .a-retenir ol {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  margin: .4rem 0 !important;
}
.single-sfwd-topic .a-retenir ul,
.single-sfwd-topic .a-retenir ol {
  padding-left: 2.4rem !important;
}
.single-sfwd-topic .a-retenir > *:first-child { padding-top: .75rem !important; }
.single-sfwd-topic .a-retenir > *:last-child  { padding-bottom: 1.1rem !important; }

/* --- RDV pédagogique ----------------------------------------------- */
.single-sfwd-topic .rdv {
  padding: .9rem 1.25rem .9rem 1.4rem !important;
  margin: 2rem 0;
  background: #fffbf0;
  border-left: 4px solid #f5a623;
  border-radius: 0 8px 8px 0;
}
.single-sfwd-topic .rdv::before {
  content: "📅 Rendez-vous pédagogique";
  display: block;
  font-weight: 700;
  font-size: .78em;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #b07800;
  margin-bottom: .5rem;
}

/* --- H3 dans les chapitres ----------------------------------------- */
.single-sfwd-topic h3.wp-block-heading {
  font-family: 'Lato', sans-serif;
  font-size: 1.1em;
  font-weight: 700;
  color: #0086b1;
  margin: 2.2rem 0 .7rem;
  padding-bottom: .3rem;
  border-bottom: 2px solid rgba(0,134,177,.2);
}

/* --- Tables dans les chapitres ------------------------------------- */
.single-sfwd-topic .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: .88em;
  margin: 1.25rem 0;
}
.single-sfwd-topic .wp-block-table thead th {
  background: #0086b1;
  color: #fff;
  padding: .55rem .9rem;
  text-align: left;
  font-weight: 700;
  font-size: .85em;
  letter-spacing: .03em;
}
.single-sfwd-topic .wp-block-table tbody td {
  padding: .55rem .9rem;
  border-bottom: 1px solid #e0eaf0;
  vertical-align: top;
  line-height: 1.5;
}
.single-sfwd-topic .wp-block-table tbody tr:nth-child(even) td {
  background: rgba(0,134,177,.04);
}
.single-sfwd-topic .wp-block-table figcaption {
  font-size: .8em;
  color: #666;
  text-align: center;
  margin-top: .4rem;
  font-style: italic;
}

/* --- Listes dans les chapitres ------------------------------------- */
.single-sfwd-topic .wp-block-list {
  padding-left: 1.4rem;
  margin: .6rem 0 1.2rem;
}
.single-sfwd-topic .wp-block-list li {
  margin-bottom: .35rem;
  line-height: 1.6;
}
.single-sfwd-topic .wp-block-list li::marker {
  color: #0086b1;
}

/* --- Responsive ----------------------------------------------------- */
@media (max-width: 640px) {
  .single-sfwd-topic p.accroche {
    padding: .75rem 1rem .75rem 1.1rem;
    margin: 1rem 0 1.5rem;
  }
  .single-sfwd-topic .wp-block-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* / === COURS — Contenu des chapitres ================================= */





/* ****************************************************************** VIE PRIVEE VIE PUBLIQUE ********************************************************************** */
/* EMILE 6 Vie privée / vie professionnelle */
.pit-titre-emile6{
    /*position: relative;*/
}
.pit-titre-emile6 h2{
    margin: 0;
    color: #050c51;
    /*background: #f2ffff;*/
	background-color: rgba(242, 255, 255, .72);
    border: #050c51 1px solid;
    padding: 5px;
    text-transform: uppercase;
	text-align: center;
	font-size: 3.8rem;
    /*position: absolute;
    cursor: pointer;
    top: -160px;
    left: 0px;*/
	
}
.pit-titre-emile6 h3{
    font-family: 'Roboto', sans-serif;
    margin: 0;
    color: #050c51;
    background-color: rgba(242, 255, 255, .9);
    border: #050c51 1px solid;
    padding: 3px 7px;
    text-transform: uppercase;
    font-size: 1em;
	text-align: left;
    opacity: .85;
    width: fit-content;
    /*position: absolute;
	top: -79px;
    left: 5px;*/
    margin-top: -7px;
    margin-left: 5px;
}
/* h5 de la page d'accueil d'emile 6 vie privée vie pro */
.h5-bleu{
    margin: 34px 0;
    color: #fff;
    background-color: #050c51;
    padding: 7px 10px 7px;
    position: relative;
	width: fit-content
}
.h5-bleu::before{
    content: url(/wp-content/themes/pitamax/img/emile-new/sous-titre-emile6.png);
    position: absolute;
    bottom: -54px;
    left: -24px
}
body.postid-5117 h6{
    margin: 0 45px 15px;
    font-size: 16px;
    position: relative;
    color: #050c51
}

h6.ateliers{
    margin: 35px 45px 0;
}
h6.ateliers::before{
    content: url(/wp-content/themes/pitamax/img/emile-new/sous-titre-emile6-2.png);
    position: absolute;
    top: -7px;
    left: -70px
}

body.postid-5117 h1.wp-block-post-title{
    /*display: none;*/
}
.amaury-emile6 h1 {
    cursor: pointer;
    background: #34dfff;
    padding: 7px 9px;
    font-size: 14px;
    margin: 0;
    color: #ffffff;
    position: relative;
    height: 30px;
    border-radius: 4px;
  }   

/* etiquette replay sur emile6 */
.live-emile6 a.live-emile6-1::after,.live-emile6 a.live-emile6-2::after, .live-emile6 a.live-emile6-3::after, .live-emile6 a.live-emile6-4::after, .live-emile6 a.live-emile6-5::after{
    content: url(/wp-content/themes/pitamax/img/emile-new/replay-rose.png);
    position: absolute;
    top: -16px;
    right: 20px
}

.live-emile6{
    margin-bottom: 5px;
	position: relative
}
.live-emile6 a{
    display: inline-block;
    font-size: .8em;
    padding: 2px 6px 0px 6px;
    margin-bottom: 5px;
    margin-left: 75px;
    position: relative;
    /* border: 1px solid !important; */
    color: #050c51;
    background: #efefef;
    transition: all .20s;
    width: fit-content;
    min-height: 25px;
    /*border: 1px dotted #050c51;
    border-bottom: 1px dotted #050c51 !important*/
}
.live-emile6 a::before{
    content: url(/wp-content/themes/pitamax/img/emile-new/play-video.png);
    position: absolute;
    top: -2px;
    left: -74px
}
.live-emile6 a:hover{
    color: white;
    background: #34dfff;
    /*border: 1px solid #050c51 !important*/
}

body.postid-5117 span.date-zoom, body.postid-5117 span.heure-zoom{
	font-size: 12px;
    padding: 2px 5px 0;
    border: #050c51 1px solid;
    background-color: rgba(242, 255, 255, .72);
    color: #050c51;
    position: absolute;
    line-height: 1.4;
}
body.postid-5117 span.date-zoom{
	bottom: 14px;
	left: 97px
}
body.postid-5117 span.heure-zoom{
	bottom: 14px;
	left: 192px
}


p.amaury-present-forum{
    font-size: 14px;
    margin-top: 0;
    margin-left: 25px
}
/* accordeon fichiers Amaury */
.amaury-emile6{
	margin-bottom: 40px;
    margin-left: 25px;
}
.amaury-emile6 h1{
	cursor: pointer;
    background: #34dfff;
    padding: 7px 9px;
    font-size: 14px;
    margin: 0;
    color: #ffffff;
    position: relative;
    height: 30px;
    border-radius: 4px
}
.amaury-emile6 h1:hover{
	background: #f2ffff;
    color: #050c51
}
.amaury-emile6 h1:after{
	content: url(/wp-content/themes/pitamax/img/emile-new/fleche-bas.png);
    position: absolute;
    top: 8px;
    right: 8px
}
.amaury-fichiers {
	display: none;
}
.amaury-fichiers a{
	font-size: 14px;
	display: block;
	min-height: 30px;
    margin: 4px 0;
    background-color: rgba(242, 255, 255, .72);
    color: #050c51;
    border-top: 1px solid #050c51 !important;
    border-bottom: 1px solid #050c51 !important;
    /*border-left: 1px solid #050c51 !important;
    border-right: 1px solid #050c51 !important;*/
    padding: 4px 10px 0;
    position: relative;
}
.amaury-fichiers a:hover{
	color: #fff;
	background-color: #050c51
}
.amaury-fichiers a.telecharger::after{
    position: absolute
}
.amaury-fichiers a.voir::after{
    position: absolute
}
.amaury-fichiers a.tout-telecharger{
    font-weight: bold
}
.amaury-fichiers a.tout-telecharger::after{
    content: url(/wp-content/themes/pitamax/img/emile-new/tout-telecharger.png);
    position: absolute;
    top: 0;
    right: 0
}

/*.amaury-fichiers a img{
	width: 30px;
    float: left;
    margin-right: 5px;
}*/

/* lien forum */
#lien-forum-emile6{
    display: block;
    width: 100%;
    height: 195px;
    background: url(/wp-content/themes/pitamax/img/emile-new/forum-emile6.png) no-repeat;
    background-size: auto;
    background-position: center;
    margin-top: 20px
}
#lien-forum-emile6:hover{
    background: url(/wp-content/themes/pitamax/img/emile-new/forum-emile6-hover.png) no-repeat;
    background-size: auto;
    background-position: center;
}
/* menu contenu cours */
body.postid-5117 .learndash_course_content{
    margin-left: 25px
}
body.postid-5117 #lessons_list .list-count, body.postid-5117 #quiz_list .list-count{
    display: none
}


body.postid-5117 #learndash_lessons a, body.postid-5117 #learndash_quizzes a, body.postid-5117 .expand_collapse a, body.postid-5117 .learndash_topic_dots a, body.postid-5117 .learndash_topic_dots a > span, body.postid-5117 #learndash_lesson_topics_list span a, body.postid-5117 #learndash_profile a, body.postid-5117 #learndash_profile a span{
    color: #050c51 !important;
}
body.postid-5117 #learndash_lesson_topics_list ul>li>span.topic_item:hover{
    background-color: rgba(242, 255, 255, .72) !important;
    /*color: #fff !important*/
}


body.postid-5117 #learndash_lessons .right, body.postid-5117 #learndash_profile .learndash_profile_heading .ld_profile_status, body.postid-5117 #learndash_quizzes .right{
    width: 30px
}
body.postid-5117 #lesson_heading{
    /*background-color: #050c51 !important;
    background-color: #fff !important;
    color: #34dfff !important;*/
    background-color: rgba(242, 255, 255, .72)!important;
    color: #050c51 !important;
    font-weight: bold;
    font-size: 14px;
}
body.postid-5117 .lessons_list{
    background-color: rgba(242, 255, 255, .72);
}

body.postid-5117 #quiz_heading{
    /*background-color: #050c51 !important;
    background-color: #fff !important;
    color: #34dfff !important;*/
    background-color: rgba(242, 255, 255, .72)!important;
    color: #050c51 !important;
    font-weight: bold;
    font-size: 14px;
}
body.postid-5117 .quiz_list div{
    background-color: rgba(242, 255, 255, .72) !important;
}
/* boutons quiz et formulaire sur accueil emile6 et emile7 */
a.btn-emile6-quiz, a.btn-emile6-form{
    display: block;
    float: left;
    width: 50%;
    margin: 0;
    padding: 2% 4%;
    background-color: rgba(242, 255, 255, .72) !important;
    color: #050c51 !important;
    /*border: 1px solid #050c51 !important;
    border-bottom: 1px solid #050c51 !important;*/
    text-transform: uppercase;
    text-align: center;
    font-size: 1.3rem;
}
a.btn-emile6-form{
    float: right
}
div.btn-emile7-form{
	cursor: pointer
}
a.btn-emile6-quiz:hover, a.btn-emile6-form:hover{
    background-color: #050c51 !important;
    color: #fff !important
}

/* formulaire de satisfaction */

#lien-formulaire-emile, #lien-formulaire-emile2{
    background-color: rgba(242, 255, 255, .72) !important;
    color: #050c51;
    border: 1px solid #050c51 !important;
    text-transform: uppercase;
    padding: 7px;
    margin: 40px auto 0;
    width: 80%;
    cursor: pointer;
    position: relative;
    text-align: center;
}


#questionnaireSatisfactionEmile, #questionnaireSatisfactionEmile2{
    display: none
}
/* *********** slide down question - réponse ************ */
.btn-toggle{
	cursor: pointer;
    background: #050c51;
    padding: 2px 9px;
    font-size: 14px;
    margin: 0 0 30px !important;
    color: #ffffff;
    position: relative;
}
.btn-toggle:hover{
	background: #f2ffff;
    color: #050c51
}
.btn-toggle:after{
	content: url(/wp-content/themes/pitamax/img/emile-new/fleche-bas.png);
    position: absolute;
    top: 2px;
    right: 8px
}
.objet-toggle {
	display: none;
}
/* ********** fin slide down ********** */

/* *** slider *** */
/*! http://responsiveslides.com v1.55 by @arielsalminen */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 74%;
  padding: 0;
  margin: 0 auto;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
/* partie pit */
#pit-slider{
    position: relative
}
#emile-slider{
    
}
#emile-slider li{
    padding: 10px;
    border: 1px solid #050c51
}
#emile-slider li#rslides1_s0{
    
}
#emile-slider li#rslides1_s1{
    
}
#emile-slider li#rslides1_s2{
    
}
#emile-slider li#rslides1_s3{
    
}
#emile-slider li#rslides1_s4{
    
}

#emile-slider li a{
    display: block;
    text-align: center;
    background-color: rgba(242, 255, 255, .72);
    color: #050c51;
    text-transform: uppercase;
    padding: 2px 6px 0;
    width: fit-content;
    margin: 0 auto;
    border: 1px solid #050c51;
    border-bottom: 1px solid #050c51 !important
}
#emile-slider li a:hover{
    background-color: #050c51;
    color: #fff
}
#pit-slider a.prev{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 38px;
    height: 61px;
    background: transparent url("/wp-content/themes/pitamax/img/emile-new/flecheG.png") no-repeat left top;
    text-indent: -9999px;
    margin-top: 35px;
}
#pit-slider a.next{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 38px;
    height: 61px;
    background: transparent url("/wp-content/themes/pitamax/img/emile-new/flecheD.png") no-repeat left top;
    text-indent: -9999px;
    margin-top: 35px;
}

.rslides_tabs{
    list-style: none;
    width: 136px;
    margin: 0 auto 80px
}
.rslides_tabs li{
    
}
.rslides_tabs li a{
    display: block;
    float: left;
    margin: 4px;
    padding: 0 5px;
    border: 1px solid #050c51;
    border-bottom: 1px solid #050c51 !important;
	color: #050c51;
    background-color: #fff;
    font-size: 12px
}
.rslides_tabs li a:hover{
	color: #fff;
	background-color: #050c51
}
/* *** fin slider *** */

h3.emile-aP, h3.emile-aG{
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
}

p.p-lettrine:first-of-type:first-letter {
    float: left; 
    text-shadow:3px 3px 3px silver;  
    font-size: 4em;  
    line-height: 100%; 
    margin:-.1em 0px;
    padding-right: .15em
    }

    h3.emile-aG{
        position: relative;
        margin: 23px 0 30px 50px !important;
    }
    h3.emile-aP{
        position: relative;
        margin: 30px 0 30px 50px !important
    }
    h3.emile-aG::before{
        content: url(/wp-content/themes/pitamax/img/emile-new/sous-titre-emile6.png);
        position: absolute;
        top: -48px;
        left: -72px
    }
    h3.emile-aP::before{
        content: url(/wp-content/themes/pitamax/img/emile-new/sous-titre-emile6-2.png);
        position: absolute;
        top: -2px;
        left: -72px
    }
    h4.emile-aG{
        position: relative;
        margin: 0 0 10px 48px !important;
    }
    h4.emile-aP{
        position: relative;
        margin: 30px 0 30px 50px !important;
    }
    h4.emile-aG::before{
        content: url(/wp-content/themes/pitamax/img/emile-new/sous-titre-emile6.png);
        position: absolute;
        top: -46px;
        left: -72px
    }
    h4.emile-aP::before{
        content: url(/wp-content/themes/pitamax/img/emile-new/sous-titre-emile6-2.png);
        position: absolute;
        top: -2px;
        left: -72px
    }
    
    figure.emile6-unite2-tableau table tr:first-child td:first-child{
        background-color: rgba(242, 255, 255, .72)
    }

    .emile6-cit-haut{
        margin-bottom: 0
    }
    p.emile6-cit{
        font-size: 12px;
        font-weight: bold;
        margin: 0
    }
    
    p.emile6-unite1-p1{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.emile6-unite1-p2{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.emile6-unite2-p1{
        margin-bottom: 0
    }
    .marge-bottom-0{
        margin-bottom: 0
    }
    p.emile6-unite3-p1{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.emile6-unite3-p2{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.donot-track{
        margin-bottom: 0;
        font-size: 14px;
        font-style: italic;
    }
    p.emile6-journal-fr2{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.emile6-unite5-p1{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.emile6-unite5-p2{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.emile6-etape5-pder{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }

    .paragraphe-consulter{
        margin: 0 0 20px;
        font-size: 16px;
        width: 76%;
        float: left;
    }
    .paragraphe-consulter-btn{
        width: 110px;
        float: right;
    }
    .paragraphe-consulter-btn a{
        display: block;
        width: 102px;
        padding: 5px 10px !important;
        background-color: rgba(242, 255, 255, .72) !important;
        color: #050c51 !important;
        border: 1px solid #050c51 !important;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
    }
    
    .emile6-liens-externes h4{
        margin: 0;
        font-size: 20px
    }
    .emile6-liens-externes p{
        margin: 0 0 20px;
        font-size: 16px;
        width: 76%;
        float: left
    }
    .emile6-liens-externes p.lien-ext{
        width: 110px;
        float: right
    }
    .emile6-liens-externes p.lien-ext a{
        display: block;
        width: 102px;
        padding: 5px 10px !important;
        background-color: rgba(242, 255, 255, .72) !important;
        color: #050c51 !important;
        border: 1px solid #050c51 !important;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
    }
    .emile6-liens-externes p.lien-ext a:hover{
        background-color: #050c51 !important;
        color: #fff !important
    }
    
    .articles-reportages-btn a{
        width: 136px;
        padding: 5px !important;
        background-color: rgba(242, 255, 255, .72) !important;
        color: #050c51 !important;
        border: 1px solid #050c51 !important;
    }
    .articles-reportages-btn a:hover{
        background-color: #050c51 !important;
        color: #fff !important
    }


    

    /* bouton quiz final (sur unité 5) */
.quiz-emile6 input.wpProQuiz_button{
    width: 100% !important
}

/* page formulaires emile 6 */ /* organiser et ajouter (les deux btn form et atelier-form */
body.page-id-514 #lien-formulaire-emile, body.page-id-514 #lien-formulaire-emile2 {
    background-color: rgba(242, 255, 255, .72) !important;
    color: #050c51;
    border: 1px solid #050c51 !important;
    text-transform: uppercase;
    padding: 7px;
    margin: 40px auto 0;
    width: 80%;
    cursor: pointer;
    position: relative;
    text-align: center;
}

/* *********************************************************************************** FIN VIE PRIVEE VIE PUBLIQUE ******************************************************** */
/* ********************************************************************** emile 7 : Comment utiliser les contenus numériques dans le respect du droit ********************* */
/* style : background: rgba(242, 255, 255, .72);
    border: 1px solid #050c51; */
h2.emile-a1{
	color: #fff;
    background-color: #050c51;
    width: fit-content;
    padding: 5px 12px;
    text-transform: uppercase;
    font-size: 28px;
	font-family: 'Roboto', sans-serif;
}

h3.emile-aP, h3.emile-aG{
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
}
/* !!!!!!!!!!!!!!!!!! */
h4{
	margin: 0 0 10px;
    font-size: 22px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}
p.p-lettrine:first-of-type:first-letter {
    float: left; 
    text-shadow:3px 3px 3px silver;  
    font-size: 4em;  
    line-height: 100%; 
    margin:-.1em 0px;
    padding-right: .15em
    }

/* ********************************************************************** FIN emile 7 : Comment utiliser les contenus numériques dans le respect du droit ********************* */

/* pages domaines */
.menu-domaines {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap; /* Permet de passer à la ligne sur petits écrans */
    justify-content: left; /* ferre à gauche le menu */
    gap: 10px; /* Espacement entre les liens */
}
.menu-domaines li {
    margin: 0;
}
.menu-domaines li.current-menu-domaines a{
    background: black;
    color: white;
    pointer-events: none;
    cursor: default;
}
.menu-domaines a {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid black;
    border-radius: 25px; /* Effet gélule */
    text-decoration: none;
    color: black;
    background: transparent;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
}
.menu-domaines a:hover {
    background: black;
    color: white;
}
.menu-domaines a.current-item-domaines{
    background: black;
    color: white;
    pointer-events: none; /* Désactive le clic */
    cursor: default;
}

@media (max-width: 600px) {
    .menu-domaines {
        flex-direction: column;
        align-items: center;
    }

    .menu-domaines a {
        width: 90%; /* Facilite le clic sur mobile */
        text-align: center;
    }
}








/* ************************************** CERTIFICAT / PAGE REUSSITE ******************************************** */

/* === CENTRAGE TOTAL DE LA CARTE === */
.ina-landing{
  max-width: 820px;
  margin: 3rem auto;
  padding: 2.5rem 2rem;
  background:#f8fcff;
  border:2px solid #0086b1;
  border-radius:18px;
  box-shadow:0 8px 18px rgba(0,0,0,.06);

  /* centrage fort */
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

/* Quand Gutenberg applique is-layout-flex/flow à l'intérieur */
.ina-landing .is-layout-flex{ 
  justify-content: center !important; 
  align-items: center !important; 
}
.ina-landing .is-layout-flow > * { margin-left:auto; margin-right:auto; }

/* Titres & paragraphes */
.ina-landing h1, 
.ina-landing h2, 
.ina-landing h3, 
.ina-landing p{
  text-align:center;
  max-width: 720px;
}

/* === Badge pro (centré) === */
.ina-badge-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  margin:1.75rem auto;
  padding:1.6rem 2rem;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
  text-align:center;
  max-width:260px;
  transition:transform .3s ease, box-shadow .3s ease;
}
.ina-badge-card:hover{ transform: translateY(-3px); box-shadow:0 16px 32px rgba(0,0,0,.12); }

.ina-badge-img{ width:180px; height:auto; display:block; animation:inaPop .9s ease-out; }

@keyframes inaPop{ from{transform:scale(.6);opacity:0} to{transform:scale(1);opacity:1} }

/* Boutons LD dans la carte */
.ina-landing .ld-button, 
.ina-landing .btn, 
.ina-landing a.button{
  border-radius:999px; padding:.85rem 1.3rem; font-weight:600;
  background:#0086b1; color:#fff; text-decoration:none;
  box-shadow:0 6px 12px rgba(0,0,0,.08);
}
.ina-landing .ld-button:hover, 
.ina-landing .btn:hover, 
.ina-landing a.button:hover{ filter:brightness(1.05); }

/* Impression */
@media print{
  header, footer, .site-footer, .site-header{display:none !important;}
  .ina-landing{border:0; box-shadow:none;}
}

/* Bouton "Retour à mes formations" */
.ina-back-wrap { margin-top: 1.25rem; text-align: center; }
.ina-back-btn{
  display:inline-block;
  padding: .85rem 1.25rem;
  border-radius: 999px;
  background:#e7f5fb;
  color:#0a3240;
  border:1px solid #bfe3f2;
  font-weight:700;
  text-decoration:none;
  box-shadow: 0 6px 12px rgba(0,0,0,.05);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.ina-back-btn:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 10px 16px rgba(0,0,0,.08);
}

/* Harmonisation dans la carte réussite */
.ina-landing .ina-back-wrap { margin-top: 1.5rem; }

/* Ne pas imprimer le bouton */
@media print { .ina-back-wrap { display:none !important; } }

.ina-certificat-btn {
  display: inline-block;
  background-color: #0086b1;
  color: white;
  font-weight: 600;
  padding: 0.8rem 1.6rem;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.3s ease;
}
.ina-certificat-btn:hover {
  background-color: #006d8c;
}

/* ************************************* / CERTIFICAT ******************************************** */
/* enlève la phrase de ninja form "Les champs marqués d’un <span class="ninja-forms-req-symbol">*</span> sont obligatoires" */
.nf-form-fields-required {
  display: none !important;
}


/* ================================== INA Swiper =============================== */
.ina-swiper { 
    max-width: 820px; 
    margin: 1.5rem auto;
    position: relative !important;
    padding: 0 0 2.5rem !important;
    overflow: hidden; /* évite qu’un bout du slide voisin apparaisse */
    --swiper-navigation-sides-offset: 10px;
}

/* Cadre de l’image : largeur max cohérente et hauteur mini pour la stabilité */
.ina-swiper .ina-slide-figure {
  margin: 0;
  width: min(100%, 820px);
  min-height: 340px; /* anti-saut entre slides */
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff; /* ou transparent si tu préfères */
}

/* Image multi-formats : jamais rognée, toujours centrée */
.ina-swiper img {
  display: block;
  max-width: 100%;
  max-height: clamp(320px, 55vh, 520px); /* s’adapte à l’écran, borne haute */
  height: auto;
  width: auto;
  object-fit: contain;  /* pas de déformation/rognage */
  border-radius: 10px;
  margin: 0 auto;
}

.ina-swiper .swiper-button-prev,
.ina-swiper .swiper-button-next {
  box-shadow: 0 0 6px rgba(0,0,0,.15);
}

.ina-swiper .swiper-button-prev{
  width: 38px; height: 38px; border-radius: 999px;
  background: rgba(0,0,0,.25); 
  left: 0.5rem;
} 
.ina-swiper .swiper-button-next {
  width: 38px; height: 38px; border-radius: 999px;
  background: rgba(0,0,0,.25);
  right: 0.5rem;
}

.ina-swiper .swiper-button-prev:after,
.ina-swiper .swiper-button-next:after { font-size: 16px; color: #fff; }
.ina-swiper .swiper-pagination-bullet { 
    opacity:.5;
    margin: 0 6px !important;
    transform: scale(1.1);
}

.ina-swiper .swiper-pagination {
  bottom: 0.5rem !important;
  text-align: center !important;
}

.ina-swiper .swiper-pagination-bullet-active { opacity:1; }


/* Aligne verticalement le contenu du wrapper */
.ina-swiper .swiper-wrapper { 
  align-items: center;
}

/* Centre chaque slide et évite que l’image “colle” à un bord */
.ina-swiper .swiper-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0; /* ⟵ on retire le padding latéral qui doublait les margins */
  flex-shrink: 0;
  width: 100% !important;
  box-sizing: border-box;
}


@media (max-width: 640px) {
  .ina-swiper .swiper-button-prev,
  .ina-swiper .swiper-button-next {
    width: 28px;
    height: 28px;
    background: rgba(0,0,0,.3);
  }
  .ina-swiper { padding: 0 1rem 2.5rem !important; }
  .ina-swiper .swiper-slide { padding: 0 8px; }
}
/* ================================= /INA Swiper =============================== */



/* Correction fiable du centrage des blocs Image */
.wp-block-image.aligncenter,
.wp-block-image .aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center; /* centre aussi une éventuelle légende */
}
.wp-block-image.aligncenter img,
.wp-block-image .aligncenter img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Optionnel : centre la légende systématiquement */
.wp-block-image figcaption { text-align: center; }




/* *************** forum ****************** */
/* bouton forum dans cours */
.forum-btn a {
  display: inline-block;
  background-color: #0086b1;       /* bleu INA */
  color: #fff;
  padding: 0.6em 1.2em;
  border-radius: 6px;
  font-weight: 500;
  font-size: 0.95em;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  border: 1px solid #0086b1;
}

.forum-btn a:hover {
  background-color: #fff;
  color: #0086b1;
  border-color: #0086b1;
  text-decoration: none;
  box-shadow: 0 0 6px rgba(0, 134, 177, 0.3);
}

.forum-btn a:active {
  transform: scale(0.98);
}

/* variante light */
/* ===== Variante plus sobre du bouton Forum ===== <a href="/forum" class="forum-btn forum-btn--light">Forum</a> */
.forum-btn--light {
  background-color: transparent;
  color: #0086b1;
  border: 1px solid #0086b1;
  padding: 0.5em 1.1em;
  border-radius: 6px;
  font-weight: 500;
  font-size: 0.95em;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.forum-btn--light:hover {
  background-color: #0086b1;
  color: #fff;
  box-shadow: 0 0 6px rgba(0, 134, 177, 0.25);
  text-decoration: none;
}

.forum-btn--light:active {
  transform: scale(0.98);
}
/* /bouton forum dans cours */
/* ===== Variante 3 : lien Forum en mode texte souligné animé ===== <a href="/forum" class="forum-btn forum-btn--link">Forum</a> */
.forum-btn--link {
  position: relative;
  display: inline-block;
  color: #0086b1;
  font-weight: 500;
  font-size: 0.95em;
  text-decoration: none;
  padding-bottom: 2px;
  transition: color 0.2s ease-in-out;
}

.forum-btn--link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #0086b1;
  transition: width 0.25s ease-in-out;
}

.forum-btn--link:hover {
  color: #006d91;
}

.forum-btn--link:hover::after {
  width: 100%;
}




/* ************** /forum ****************** */


/* *************************************************************************** FOOTER ****************************************************************************** */
footer > div{
    margin-bottom: 0 !important;
}


ul.menu-pied-de-page-ina{
    list-style: none;
    font-size: 16px;
    padding-left: 0;
}
ul.menu-pied-de-page-ina li{
    margin: 0;
}
ul.menu-pied-de-page-ina li a{
    text-decoration: none;
}
ul.menu-pied-de-page-ina li a:hover, ul.menu-pied-de-page li a:hover{
    color: cadetblue;
}

ul.menu-pied-de-page{
    list-style: none;
    font-size: 16px;
    padding-left: 0;
}
ul.menu-pied-de-page li{
    margin: 0;
}
ul.menu-pied-de-page li a{
    text-decoration: none;
}