/* your styles go here */


/* responsive utilities (reprise de stylegreen.css */

/* @media (max-width: 767px) {
  .text-center-xs {
    text-align: center !important;
  }
  .text-center-xs img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    float: none; /* rajout pour éviter le flottement sur les smartphones
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-center-sm {
    text-align: center !important;
  }
  .text-center-sm img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
  }
}
  */


.box-image-text .image {
    min-height: 190px;
    max-height: 190px;
}

.box-image-text .image img {
    max-height: 190px;
    margin: auto;
}

.box-simple {
    min-height: 230px;
}

/* Vu avec Claire : si on veut changer tous les posts */
#post-content p {
    font-size: 18px;
}


/* Mise en forme des textes du Home Carousel */
.home-carousel h1 {
  font-weight: 700;
  text-transform: none;
  font-size: 46px;
  letter-spacing: 0.03em;
}

.home-carousel h2 {
  font-size: 28px;
  font-weight: 700;
  padding: 0;
  text-transform: none;
  letter-spacing: 0.03em;
}

.home-carousel h3 {
  font-size: 20px;
  font-weight: 500;
  padding: 0;
  text-transform: none;
  letter-spacing: 0.03em;
}

/* Mise en forme des titres des pages .md */
#heading-breadcrumbs h1 {
  color: #333333;
  text-transform: none;
  font-size: 35px;
  font-weight: 700;
  letter-spacing: 0.07em;
}

.mdresponsive {
  max-width: 100%;
  height: auto;
}

.imgcustomtop {
  max-width: 100%;
  height: auto;
  min-height: 100px;
  border-radius: 5%;
}

.imgcustom {
  max-width: 100%;
  height: auto;
  min-height: 100px;
  border-radius: 5%;
  transition: all 0.3s ease-in;
}

.imgcustom:hover {
  display: block;
  transform:scale(1.5);
}

.paragraphecustom {
  text-align: justify;
}


/* pour écraser le stylegreen qui se refait automatiquement au build : inversion couleur des icônes des carousels partenaires et bénéficiaires */
.customers .item img {
  display: inline-block;
  filter: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.customers .item img:hover {
  max-width: auto;
  -webkit-filter: none;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/* modification de la bande background see more en background agenda */

.bar.background-image-fixed-2 {
  background: url('../img/agendaimg/20250331agendaDLA.svg') center top no-repeat;
  background-attachment: fixed;
  background-size: 70%;
}

.bar .dark-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  filter: alpha(opacity=30);
}

/* pour centrer l'image agenda de la page d'accueil : */
.prochainedateimg {
  display: flex;
  justify-content: center;
}

/* pour réduire l'écart entre les items (bar) de la page d'accueil : */
.bar {
  padding: 30px 0; /* au lieu de 60px dans stylegreen.css */
}