html body {
background: #F1F2F7;
}
/*page tunnel*/
.accueil-tunnel .h1 {
color: #003050;
font-size:1.8rem;
line-height: 1.25;
text-align: center;
font-weight: 700;
margin: 3rem auto 4rem;
width: 100%;
}
.accueil-tunnel .btn_orange {
display: inline-flex;
min-height: 4.5rem;
font-size: 1.4rem;
}
.accueil-tunnel {display:block;width: 100%;margin: 1rem auto 0;padding: 0 2rem;}
.grid-blocs-tunnel{padding-bottom:5rem}
.bloc-tunnel{padding:2rem;background: #fff;border-radius:1rem;position:relative;text-align:center;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);transition: transform ease .3s}
.bloc-tunnel p{font-size:1.6rem;margin-bottom:2rem;font-weight:700;color:#003050}
.bloc-tunnel .sub-titre{font-weight:400;margin-bottom:3rem}
.bloc-tunnel p span{color:#005187;display:block;font-weight:700;margin-bottom:1rem}
.bloc-tunnel .info-flash{position: absolute;top: 0;right:0;pointer-events: none}
.bloc-tunnel .picto{margin-bottom:2rem;height:5.3rem}
.titre-footer{background: #f1f2f7;min-height: 6rem;padding: 2rem 2rem;width:100%}
.titre-footer p{text-align: center;font-weight: 700;font-size: 1.4rem;line-height:1.25;color:#003050}
.bloc-tunnel .etiquette{position: absolute;right: -4px;transform:rotate(45deg);color:#fff;top:17px;font-size:1rem;font-weight:700;text-transform:uppercase}
.ss-border .mentions{border:none}
.tripple-grid{color:#fff;text-align:center}
.nombre-block .title{font-size:6rem}
.nombre-block .txt{font-size:1.8rem}
.bg-bleu{background-color:#003050}
@media only screen and (min-width:768px){
html body{display:flex;flex-direction:column;height:100vh}
footer{margin-top:auto}
.accueil-tunnel .h1{font-size:2.8rem;margin-top:4rem;margin-bottom:5rem}
.grid-blocs-tunnel{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:3rem;margin:0 auto} 
}
@media only screen and (min-width:1024px){
.grid-blocs-tunnel{grid-template-columns:48rem 29rem;column-gap:3rem;width:80rem;padding-bottom:20rem}
.bloc-tunnel:hover{transform:translateY(-0.3rem)}
.nombre-block{grid-template-columns:repeat(2, 1fr)}
}
@media (min-width: 1280px) {
.grid-blocs-tunnel{grid-template-columns:40rem 40rem}
.grid-blocs-tunnel{padding-bottom:30rem}
.accueil-tunnel .h1{margin-top:5rem;margin-bottom:7rem}
}
@media only screen and (max-width: 767.98px){
.grid-blocs-tunnel .bloc-tunnel:first-child{margin-bottom:3rem}
}