/*    =============   DEBUT DE SHORTCODE SURLIGNE   =============   */

.surligne {
    padding: 0.1em 0.3em;
    color: #fff !important;
    display: inline-block;
  }
  
  /* Alignements du surlignage */
  .surligne-gauche { 
    text-align: left; 
  }
  
  .surligne-centre { 
    text-align: center;
  }
  
  .surligne-droite { 
    text-align: right;
  }
  
/*    =============   FIN DE SHORTCODE SURLIGNE   =============   */



/*    =============   IMAGE POUR LES POSTS   =============   */


/* --- Image à gauche --- */
  .image-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
  }
  
/* --- Image à droite --- */
  .image-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
  }
  
  .text-with-image-left,
  .text-with-image-right {
    overflow: hidden; /* Pour que le bloc englobe l'image flottante */
  }
  
  /* --- Responsive --- */
  @media only screen and (max-width: 767px) {
    .image-left, .image-right {
        float: none;
        display: block;
        margin: 0 auto 20px;
        width: 100%;
        max-width: 100%;
    }
    .image-gauche img,
    .image-droite img {
      float: none;
      display: block;
      margin: 0 auto 20px;
    }
  }
  
  /* nouveau ajout d'image + texte plus adaptatif */ 
  .image-texte {
  overflow: auto;
  margin-bottom: 10px;
  }
  
  .image-gauche img {
  float: left;
  margin: 15px 20px 5px 0; 
  }
  
  .image-droite img {
  float: right;
  margin: 15px 0px 5px 20px;
  }
  
  .image-gauche img,
  .image-droite img {
  vertical-align: top; /* Aligne le haut de l'image avec le haut du texte */
  }

/*    =============   FIN DE IMAGE POUR LES POSTS  =============   */



/*    =============   DEBUT pour l'iframe (insertion de PDF)  =============   */
.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 141.4%; /* Ratio A4 (210mm x 297mm) */
    height: 0;
    overflow: hidden;
  }
  
  .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
/*    =============   FIN pour l'iframe (insertion de PDF)  =============   */


/*    =============   DEBUT  bouton PDF   =============   */

  /* toggle PDF */
  .pdf-toggle-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  }
  
  .pdf-toggle-content.open {
  max-height: 2000px;
  margin-bottom: 1.5em;
  }
  
  .pdf-toggle-button {
  display: inline-block;
  margin-top: 1em;
  background-color: #e50073;
  color: #fff;
  border: none;
  padding: 0.5em 1em;
  font-size: 1em;
  cursor: pointer;
  }

  /*    =============   FIN  bouton PDF   =============   */