/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://example.com/twentytwentyfive-child/
 Description:  Un thème enfant pour Twenty Twenty-Five
 Author:       Votre Nom
 Author URI:   https://example.com
 Template:     twentytwentyfive
 Version:      1.0.0
 Text Domain:  twentytwentyone-child
*/

body { 
  --wp--style--root--padding-left:0; 
  --wp--style--root--padding-right:0px;
}
div { border:0px solid red; }

.e-con {
  padding-left:0;
  padding-right:0px;
}

.mon-carrousel {
  height: 100vh;
  overflow: hidden;
}

.mon-carrousel img {
  height: 100vh;
  width: auto;
  object-fit: cover;
  object-position: center;
}

.texte-barre-bleu {
  color:rgb(255, 255, 255);
  /*font-family: "Open Sans" !important;*/
  font-family: Arial, sans-serif; 
  /*font-weight: normal;*/
  line-height:1.2;
  font-size: 28px;
  text-transform: none;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjaVc.ttf) format('truetype');
  text-align:center;
}

.wp-block-post-title { display:none; }


.wp-block-group alignfull, .has-global-padding, .is-layout-constrained, .wp-block-group-is-layout-constrained { padding-top:0 !important; }

main { margin-top:0 !important;}


.zoom-container {
    overflow: hidden; /* Empêche l'image de déborder */
    position: relative; /* Assure un bon positionnement */
}

.zoom-container img {
    transition: transform 0.3s ease, filter 0.3s ease; /* Animation fluide pour le zoom et l'assombrissement */
    width: 100%; /* L'image remplit le conteneur */
    height: auto; /* Conserve les proportions */
}

.zoom-container:hover img {
    transform: scale(1.1); /* Zoom de 10 % */
    filter: brightness(60%);
}

footer { 
    background-color:rgb(12, 63, 120);
    padding-top:20px;
    color:white;
 }Â

.menu_fr_en {
  text-decoration: none;
}

.menu_fr_en:hover {
  text-decoration: underline;
}

header { display:none !important; }


.quote-fixed {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
}

.quote-fixed img {
    width: auto; /* ou fixe si tu veux ex: 100px */
    height: auto; /* ou fixe si tu veux ex: 100px */
}




.quote-custom-button {
      background-color: #4a4a4a; /* gris foncé comme l'image */
      color: white;
      padding: 12px 24px;
      border: none;
      border-radius: 4px;
      font-family: Arial, sans-serif;
      font-size: 14px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      line-height: 1.4;
      cursor: pointer;
}

.quote-custom-button span {
  display: block;
}