#pills-cours_ecrit body {
        max-width: 880px;
        margin: 0 auto;
        padding: 32px 80px;
        position: relative;
        box-sizing: border-box;
        font-family: 'Times New Roman', serif;
        line-height: 1.6;
        color: #000;
        background: #fff;
        font-size: 12pt;
      }

      #pills-cours_ecrit   .page-header {
        text-align: center;
        margin-bottom: 40px;
        border-bottom: 2px solid #000;
        padding-bottom: 20px;
      }

      #pills-cours_ecrit  h1 {
        font-size: 18pt;
        font-weight: bold;
        text-align: center;
        margin: 0 0 10px 0;
        text-transform: uppercase;
      }

      #pills-cours_ecrit .subtitle {
        font-size: 14pt;
        text-align: center;
        margin: 5px 0;
        font-style: italic;
      }

      #pills-cours_ecrit .lesson-section {
        page-break-inside: avoid;
        margin-bottom: 30px;
        padding: 15px 0;
      }

      #pills-cours_ecrit h2 {
        font-size: 14pt;
        font-weight: bold;
        color: #000;
        margin: 25px 0 15px 0;
        padding: 8px 0;
        border-bottom: 1px solid #333;
        page-break-after: avoid;
      }

      #pills-cours_ecrit h3 {
        font-size: 12pt;
        font-weight: bold;
        margin: 20px 0 10px 0;
        page-break-after: avoid;
      }

      #pills-cours_ecrit h4 {
        font-size: 11pt;
        font-weight: bold;
        margin: 15px 0 8px 0;
        page-break-after: avoid;
      }

      #pills-cours_ecrit p {
        margin: 10px 0;
        text-align: justify;
        text-indent: 20px;
      }

      #pills-cours_ecrit .intro-questions {
        background-color: #f8f8f8;
        padding: 12px;
        margin: 15px 0;
        border-left: 4px solid #333;
      }

      #pills-cours_ecrit .intro-questions p {
        text-indent: 0;
        margin: 5px 0;
        font-weight: bold;
      }

      #pills-cours_ecrit  ul, ol {
        margin: 10px 0;
        padding-left: 30px;
      }

      #pills-cours_ecrit li {
        margin: 8px 0;
        line-height: 1.5;
      }

      #pills-cours_ecrit .definition-box {
        background-color: #f5f5f5;
        padding: 12px;
        margin: 15px 0;
        border: 1px solid #ccc;
      }

      #pills-cours_ecrit .definition-box p {
        text-indent: 0;
        margin: 5px 0;
      }

      #pills-cours_ecrit .highlight {
        font-weight: bold;
        text-decoration: underline;
      }

      #pills-cours_ecrit .center {
        text-align: center;
      }

      #pills-cours_ecrit .no-indent {
        text-indent: 0;
      }

      {
        #pills-cours_ecrit body {
          margin: 0;
          padding: 2cm;
          font-size: 11pt;
        }

        #pills-cours_ecrit .lesson-section {
          #pills-cours_ecrit page-break-inside: avoid;
        }

        #pills-cours_ecrit h2, h3,h4 {
          #pills-cours_ecrit page-break-after: avoid;
        }
      }
    

    #pills-cours_ecrit .genspark-badge-button {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background-color: #333;
      color: white;
      border: none;
      border-radius: 4px;
      padding: 8px 12px;
      font-size: 12px;
      cursor: pointer;
      z-index: 9999;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    
    #pills-cours_ecrit .genspark-modal {
      display: none;
      position: fixed;
      bottom: 80px;
      right: 20px;
      z-index: 10000;
      justify-content: end;
    }
    
    #pills-cours_ecrit .genspark-modal-content {
      background-color: white;
      border-radius: 8px;
      max-width: 450px;
      width: 100%;
      box-sizing: border-box;
      padding: 20px;
      position: relative;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      font-size: 14px;
    }
    @media (max-width: 768px) {
      .genspark-modal-content {
        max-width: 90%;
      }
    }
    
    #pills-cours_ecrit .genspark-close {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 20px;
      cursor: pointer;
      background: none;
      border: none;
    }
    
    #pills-cours_ecrit .genspark-title {
      margin-bottom: 8px;
      font-weight: normal;
      display: inline;
      font-size: 14px;
    }
    
    #pills-cours_ecrit .genspark-report {
      color: #909499;
      text-decoration: underline;
      cursor: pointer;
      margin-bottom: 14px;
      display: inline;
    }
    
    #pills-cours_ecrit .genspark-info {
      margin: 25px 0;
      color: #333;
      font-size: 14px;
    }
    
    #pills-cours_ecrit .genspark-buttons {
      display: flex;
      gap: 10px;
    }
    
    #pills-cours_ecrit .genspark-remove-btn {
      background-color: #f5f5f5;
      border: 1px solid #ddd;
      color: #333;
      padding: 4px 14px;
      border-radius: 8px;
      cursor: pointer;
      flex: 1;
      font-size: 14px;
      box-sizing: border-box;
    }
    
    #pills-cours_ecrit .genspark-go-btn {
      background-color: #222;
      border: none;
      color: white;
      padding: 4px 14px;
      border-radius: 8px;
      cursor: pointer;
      flex: 1;
      font-size: 14px;
      box-sizing: border-box;
    }
  

    #pills-cours_ecrit .genspark-notice-dialog {
      display: flex;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 10001;
      align-items: center;
      justify-content: center;
    }

    #pills-cours_ecrit .genspark-notice-content {
      background-color: white;
      border-radius: 8px;
      max-width: 600px;
      width: 90%;
      box-sizing: border-box;
      padding: 10px 30px 30px 30px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      font-size: 16px;
    }

    #pills-cours_ecrit .genspark-notice-title {
      color: #000;
      font-family: Arial;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%; 
    }

    #pills-cours_ecrit .genspark-notice-list {
      margin: 24px 0;
      
      color: #606366;
      font-family: Arial;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      padding-left: 12px;
    }

    #pills-cours_ecrit .genspark-notice-list li {
      margin-bottom: 12px;
      list-style-type: disc;
    }

    #pills-cours_ecrit .genspark-notice-list li a {
      color: #606366;
      text-decoration: underline;
    }

    #pills-cours_ecrit .genspark-notice-checkbox {
      display: flex;
      align-items: center;
      margin-top: 20px;
      gap: 10px;

      color: #232425;

      font-family: Arial;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }

    #pills-cours_ecrit .genspark-notice-actions {
      display: flex;
      justify-content: center;
      margin-top: 20px;
    }
      
    #pills-cours_ecrit .genspark-notice-ok {
      color: #232425;

      text-align: center;
      font-family: Arial;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%; 

      cursor: pointer;
      display: flex;
      height: 40px;
      padding: 6px 14px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      align-self: stretch;
      border-radius: 8px;
      border: 1px solid #000;
      box-sizing: border-box;
      width: 100%;
    }
  
/* Style du titre de leçon */
#pills-cours_ecrit h1 {
  font-size: 24pt;
  border: 3px solid #000;
  padding: 10px;
  margin: 40px 0 20px;
}
/* Ligne de séparation entre leçons/chapitres */
#pills-cours_ecrit hr.lesson-separator {
  border: none;
  border-top: 2px solid #000;
  margin: 30px 0;
}


/* CSS des podcast */
.dialogue { max-width: 600px; margin: auto; font-family: Arial, sans-serif; }
.speaker { padding: 8px 12px; border-radius: 8px; margin-bottom: 6px; }
.daisy-studious { background-color: #f0e68c; }
.damien-black { background-color: #add8e6; }
.andrew-chipper { background-color: #90ee90; }
.ana-florence { background-color: #ffcccb; }
strong { color: #333; }