* {
  box-sizing: border-box;
}
.container {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap : 0
}


h1{
  text-align: center;
  font-family: Dinadisplayregular;
  color: #a3296a;
}

h2{
  text-align: center;
}
.sommaire {
  padding: 0;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin-top: 10px;
  gap:10px
}

p{
  color: #ffffff;
  background-color: #a3296a;
  border: 2px solid #a3296a;
  border-radius: 6px;
  text-align: center;
  padding: 10px 0
  
}

strong{
  color:#a3296a
}
.item {
  
  border: 1px solid #a3296a;
  padding: 15px;
  background-color: rgb(255, 255, 255);
  border-radius: 10%;
}
.item strong { 
  display: block;
}

body{
  padding-top: 2vh;
  font-family: Dinanormal;
}


.item-8 {
  grid-column: 6;
}
/* 
.item-9{
  grid-row: 1;
  grid-column: 7;
}

.item-10{
  grid-row: 2;
  grid-column: 1;
}


.item-11{
  grid-row: 2;
  grid-column: 2;
}

.item-12{
  grid-row: 2;
  grid-column: 3;
}

.item-13{
  grid-row: 2;
  grid-column: 4;
}

.item-14{
  grid-row: 2;
  grid-column: 5;
}

.item-15{
  grid-row: 2;
  grid-column: 6;
}

.item-16{
  grid-row: 2;
  grid-column: 7;
}

.item-17{
  grid-row: 3;
  grid-column: 1;
}

.item-18{
  grid-row: 3;
  grid-column: 2;
}

.item-19{
  grid-row: 3;
  grid-column: 3;
}

.item-20{
  grid-row: 3;
  grid-column: 4;
}

.item-21{
  grid-row: 3;
  grid-column: 5;
}

.item-22{
  grid-row: 3;
  grid-column: 6;
}

.item-23{
  grid-row: 3;
  grid-column: 7;
}
.item-24{
  grid-row: 4;
  grid-column: 1;
}

.item-25{
  grid-row: 4;
  grid-column: 2;
}

.item-26{
  grid-row: 4;
  grid-column: 3;
}

.item-27{
  grid-row: 4;
  grid-column: 4;
}

.item-28{
  grid-row: 4;
  grid-column: 5;
}

.item-29{
  grid-row: 4;
  grid-column: 6;
}

.item-30{
  grid-row: 4;
  grid-column: 7;
}

.item-31{
  grid-row: 5;
  grid-column: 1;
}

.item-32{
  grid-row: 5;
  grid-column: 2;
}

.item-33{
  grid-row: 5;
  grid-column: 3;
}

.item-34{
  grid-row: 5;
  grid-column: 4;
}

.item-35{
  grid-row: 5;
  grid-column: 5;
}

.item-36{
  grid-row: 5;
  grid-column: 6;
}

.item-37{
  grid-row: 5;
  grid-column: 7;
} */