/* 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-annuaire{
    display:flex;
    gap:2em;
    align-items: center;
    margin-bottom:2em;}

.entete-annuaire a.btn {padding:0;}


.moderation {
  
    background-color: var(--secondary-color-2);
    text-align: center;
    border-radius: 8px;
    font-weight: bold;
    color: white;
    font-size:small;
    width:fit-content;
    padding:0 .5rem;
  }
  

   
    .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);}

.picto-elements{
    display:flex; 
    flex-wrap:wrap; 
    gap:1em;
    padding-bottom: 2em;
    border-bottom: 3px solid white;
    margin-bottom: 2em;
}
.bloc-thema {
    border-radius: 5px;
    background-color: white;
    align-content: center;
    display: flex;
    flex-direction: column;
    width: 150px;
    justify-content: center;
    align-items: center;
    padding: .5em;
    text-align:center;
  }
  
.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;}

.auteurs{
    margin-top: 2em;
  padding-top: 2em;
  border-top: 3px solid white;
}