.mip-maillage-bloc {
margin: 2.5em 0 1.5em;
padding: 0;
border: none;
background: none;
}
.mip-maillage-titre {
margin: 0 0 1em;
padding-bottom: .6em;
font-size: 1.15em;
font-weight: 600;
color: #1a1a1a;
border-bottom: 2px solid #e2e2e2;
letter-spacing: .01em;
}
.mip-maillage-liens {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 0;
}
.mip-maillage-liens li {
border-bottom: 1px solid #f0f0f0;
}
.mip-maillage-liens li:last-child {
border-bottom: none;
}
.mip-maillage-liens li a {
display: flex;
align-items: center;
gap: .6em;
padding: .7em .4em;
text-decoration: none;
color: #2c3e50;
font-size: .95em;
line-height: 1.4;
transition: color .15s, padding-left .15s;
}
.mip-maillage-liens li a::before {
content: "\203A";
flex-shrink: 0;
font-size: 1.3em;
font-weight: 700;
color: #b0b0b0;
transition: color .15s;
}
.mip-maillage-liens li a:hover {
color: #1a73e8;
padding-left: .3em;
}
.mip-maillage-liens li a:hover::before {
color: #1a73e8;
}
.mip-lien-mere a {
font-weight: 600;
}
.mip-lien-mere a::before {
content: "\2190";
color: #1a73e8;
}
@media (max-width: 600px) {
.mip-maillage-liens {
grid-template-columns: 1fr;
}
}