.grid-container {
  display: grid;
  /*grid-template-rows: repeat(3, 1fr);*/
  gap: 1px 1px;
width:auto;
  /*grid-template-areas: "Evenement Evenement Evenement" "Catalogue Catalogue Catalogue" "Catalogue Catalogue Catalogue";*/
}

.Evenement { /*grid-area: Evenement; */
grid-column: span 3;
float:left;
border:1px solid red;
/*Rajot*/
}

.Catalogue {
grid-template-columns: 33% 33% 33%;
grid-column: span 3;

  
/*  grid-template-columns: repeat(3, 1fr);*/
/*  grid-template-rows: repeat(2, 1fr);*/
  gap: 1px 1px;
  /*grid-template-areas: "Rayon Rayon Rayon" "pr1 pr2 pr3";*/
  /*grid-area: Catalogue;*/
  border:1px solid blue;
}

.Rayon { /*grid-area: Rayon;*/
display:flex;
grid-column: span 3;
border:1px solid green;
width:auto;
text-align:center;
 }

.pr1 { /*grid-area: pr1; */
display: inline-block;
float:left;
border:1px solid black;
width:33.1%;

}





      img.p-img {
        float:left; /*ajout*/
        width: 80px;
        height: 80px;
        padding-right:3px;
      }
      div.p-name {
        /*color:#561010;*/
        font-weight: bold;
        font-size: 1.1em;
        font-family: 'Oswald', sans-serif;

      }
      div.p-price {
        /*color: #561010;*/
        text-align:center;
        font-family: 'Oswald', sans-serif;

      }
      div.p-desc {
        color: #888;
        font-size: 90%;
        line-height: 100%;
        font-family: 'Oswald', sans-serif;

      }
      div.p-add {
        display:block;  
        /*background: #f46b41;*/
        color: #fff;
        border: none;
        width: auto;
        padding: 0px;
        margin:10px 5px 5px 5px;
        font-size: 1.1em;
        font-weight: bold;
        cursor: pointer;
        text-align: right;
        position: absolute;
        bottom:0;
        right:10px;
 }
 
       /* Responsive */
      @media only screen and (max-width: 1024px) {
        .grid-container  { grid-template-columns: 50% 50%; }
		.pr1 { /*grid-area: pr1; */
		width:50%;
		}		
      }
      @media only screen and (max-width: 600px) {
        .grid-container  { grid-template-columns: 100%; }
		.pr1 { /*grid-area: pr1; */
		width:100%;
		}		


      }