.aller-plus-loin h3 {
text-align: center;
}
.aller-plus-loin > div {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.aller-plus-loin_bloc > div {
align-items: center;
border-radius: 200px;
display: flex;
height: 130px;
margin: auto;
width: 130px;
outline: 0px solid white;
outline-offset: 0px;
transition: all 0.3s;
}
.aller-plus-loin_bloc:hover img {
transform: scale(0.9);
}
.aller-plus-loin_bloc:hover > div {
outline: 6px solid white;
outline-offset: -5px;
box-shadow: 0 0 10px #bbb;
}
.aller-plus-loin_bloc img {
height: 77px;
margin: auto;
transition: all 0.3s;
object-fit: contain;
}
.aller-plus-loin_bloc p {
margin-top: 15px;
text-align: center;
line-height: 1.2;
} .trouver-machouyou {
background-color: rgba(255,255,255,0.5);
margin-top: 50px;
padding: 50px 0;
}
.trouver-machouyou h3 {
color: #f2ac22;
font-family: cocon;
text-align: center;
}
.trouver-machouyou > div {
display: flex;
justify-content: space-evenly;
margin: auto;
margin-top: 20px;
flex-wrap: wrap;
} .trouver-machouyou-triptyque {
position: relative;
top: -130px;
width: 100%;
z-index: -1;
margin-bottom: -130px;
}
.trouver-machouyou a {
margin: 10px auto;
}
@media all and (max-width: 640px) {
.trouver-machouyou h3 {
font-size: 14px;
line-height: 16px;
padding: 0 15px;
}
.trouver-machouyou {
padding: 10px 0 !important;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
.trouver-machouyou a {
margin: 5px 0 0 0 !important;
}
.trouver-machouyou > div {
margin: 0;
}
.aller-plus-loin > div a {
width: 50%;
}
}