/* specific Clonas */
/* contexte général flex sur le conteneur */
/* Layout */

.grille {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  /*grid-auto-rows: minmax(98%, auto);*/
}
.acimage img
{
  border-radius: 10px 0 0 10px;
}

.section_accueil {
  text-align: center;
  background-color: #FFF;
  border-radius: 10px;
}

.my_reduce h2{
    text-transform: uppercase ;
    color: #FFF;
}

/*
    -------------- 900px --------------------
*/

@media only screen and (max-width: 900px) {


}

/*
    smartphone
    -------------- 500px --------------------
*/
@media only screen and (max-width: 500px) {


    .section_4col {
      width: 98%;
    }
}
@media only screen and ( max-width: 62.5em ) {
    }
@media only screen and ( max-width: 40em ) {

}
@media (max-width:499px){
}

/* articles au-delà du quota d'illustrations : une ligne chacun, sous la grille.
   Le bloc est posé sur l'image de fond de l'accueil (vagues sombres et claires) :
   sans panneau opaque, le texte ne se lit pas. Même fond blanc que les cartes. */
.accueil-lignes {
    list-style: none;
    margin: 10px 0 0;
    padding: 0 20px;
    background-color: #FFF;
    border-radius: 10px;
}

.accueil-ligne {
    margin: 0;
    padding: .4rem 0;
    border-top: 1px solid #D5DDE5;
}

.accueil-ligne:first-child {
    border-top: 0;
}

.accueil-ligne a {
    display: inline-block;
    min-height: 44px;
    line-height: 44px;
    font-weight: bold;
}

.accueil-ligne small {
    margin-left: .8rem;
    color: #555;
}