/* RESSOURCES */
/*.bandeau-infos{ background-color: var(--neutral-light-color);margin-top: 50px;}*/
.BAZ_fiche_titre::after {
    content: none;
    }

.d-flex {display:flex;justify-content:flex-start;gap:1em;}
@media (width <= 800px) {
    .d-flex{display:flex;flex-direction:column;}
}

.entete{display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    margin-bottom:2em;
    column-gap:2em;}


   
    .entete .BAZ_fiche_titre { font-size: 1.8rem;  }
  
    .entete h2 {    font-size: 1.4rem;  }
  
@media (width <= 600px) {
    .entete{flex-direction:column;align-items: center;}
    .BAZ_fiche_titre{font-size:2rem;text-align:center;}
    .sous-titre{font-size:1.5rem;text-align:center;}
    .entete img{width:250px;height:auto;}
}
.bloc-titre{
    justify-content: space-between;
    display: flex;
    flex-direction: column;}
.infos-ressource {
    display: flex;
    gap:2em;
    justify-content: space-between;
}

.bloc-texte {
    background-color: white;
    padding: 1em;
}


.meta-donnees {

    min-width: 370px;
    max-width: 400px;
    background-color: #f5f5f5;
  padding: 1em;
  

}


.cadre {
   border:1px solid;
    padding: 0.1em .5em;
    margin:.5em;
    white-space: pre;
    word-break: break-word;
    line-height: 35px;
}
.cadre.secondary-color-1{background-color:var(--secondary-color-1);color:white;}
.type-ressource-1{background-color: #6cc293;color:white;}
.type-ressource-2{background-color: #7ebbd6;color:white;}
.type-ressource-3{background-color:#b15a99;color:white;}

.thema {background-color:var(--secondary-color-1);color:var(--neutral-light-color); border: 1px solid var(--neutral-color);}

.tag {
  color: #7ab1e8;
  background-color: white;
  border-radius: 10px;
  padding: 0px .3em;
  text-align: left;
  word-break: break-word;
}
span.tag::before {
  content: "#";
}

.btn {
    margin-top: .5em;
    }


.meta {

    font-size: .9em;
    opacity: .8;
    margin: 1em 0;
    color: var(--neutral-soft-color);

}

.picto-tempo{max-width:300px;}