.sommaire{
margin:30px 0;
}

.sommaire-wrapper{
border:1px solid #7fb6d0;
border-radius:6px;
overflow:hidden;
}

.sommaire-title{
background:#6fb0d1;
color:#000;
font-weight:700;
text-align:center;
padding:15px;
cursor:pointer;
font-size:18px;
}

.sommaire-grid{
background:#cfe8f3;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
padding:20px;
}

.sommaire-bloc strong{
display:block;
margin-bottom:8px;
}

.sommaire-bloc ul{
margin:0;
padding-left:18px;
}

.sommaire-bloc li{
margin:6px 0;
}

.sommaire-bloc a{
text-decoration:none;
color:#000;
}

.sommaire-bloc a:hover{
text-decoration:underline;
}

html{
scroll-behavior:smooth;
}

/* tablette */

@media (max-width:900px){

.sommaire-grid{
grid-template-columns:repeat(2,1fr);
}

}

/* mobile */

@media (max-width:600px){

.sommaire-grid{
grid-template-columns:1fr;
}

}