/* Abri Spec - page 586 - styles sous la ligne de flottaison (le haut de page est en ligne dans include_page.php) */

/* Bande des 4 services (visuel du site client) */
.icons_container{background:#202020;padding:45px 0}
.icon_item{text-align:center;color:#fff;padding:10px 15px}
.icon_item .rond{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:#f4a947;margin-bottom:18px}
.icon_item .rond img{width:56px;height:56px}
.icon_item p{font-family:'Bebas Neue',sans-serif;font-size:26px;line-height:28px;color:#fff}

/* À propos */
.apropos_container{background:#f5f5f5;padding:60px 0}
.apropos_img{width:100%;height:100%;min-height:320px;object-fit:cover}

/* Services */
.services_container{padding:70px 0;background:linear-gradient(rgba(11,11,11,.78),rgba(11,11,11,.78)),url('images/abri-air.jpg') center center / cover no-repeat}
.liste_services h3{color:#fff}
.liste_services ul{display:flex;flex-wrap:wrap;margin:0 -10px}
.liste_services li{width:50%;padding:12px 10px 12px 38px;color:#fff;font-size:17px;line-height:25px;position:relative}
.liste_services li::before{content:'';position:absolute;left:12px;top:19px;width:12px;height:12px;background:#f4a947}
.liste_services strong{font-weight:800;color:#f4a947}

/* Paragraphe mots-clés + démarches */
.keywords_container{padding:60px 0}
.paragraphe_keywords{font-size:16px;line-height:27px}
.paragraphe_keywords h2::after,.paragraphe_keywords h3::after{content:'';display:block;position:absolute;bottom:0;left:50%;margin-left:-30px;width:60px;height:4px;background:#f4a947}
.paragraphe_keywords ol{counter-reset:etape;display:flex;flex-wrap:wrap;margin:10px -10px 25px;padding:0;text-align:left}
.paragraphe_keywords ol li{counter-increment:etape;width:33.333%;padding:10px}
.paragraphe_keywords ol li::before{content:counter(etape);display:block;font-family:'Bebas Neue',sans-serif;font-size:44px;color:#f4a947;line-height:44px}
.paragraphe_keywords ol li strong{display:block;font-weight:800;margin-bottom:6px}

/* Appel à l'action */
.cta_container{background:#f4a947;padding:45px 0;text-align:center}
.cta_container p{font-family:'Bebas Neue',sans-serif;font-size:42px;line-height:44px;color:#0b0b0b;margin-bottom:20px}

/* Pied de page commun (footer_template_v9) : règles reprises telles quelles de projet_template_script/generique-2019/style.css */
#footer_box{width:100%;background:#000;padding:10px 0}
#footer_text{text-align:left;line-height:22px;margin:0;float:left;color:#fff;font-size:12px}
#footer_text a{color:#fff}
#footer_text,#footer_text a{font-family:'Lato',sans-serif}
#footer_img a{float:right}
#footer_img img{margin:0 12px 0 0}

@media (max-width:1199.98px){
#footer_box.body-container{padding:10px 0!important}
.apropos_img{min-height:0;margin-top:30px}
.apropos_container,.services_container,.keywords_container{padding:30px 0}
}
@media (max-width:991.98px){
#footer_text{text-align:center}
#footer_img a{margin:10px auto 0;display:block;width:160px;float:none}
.liste_services li{width:100%}
.paragraphe_keywords ol li{width:50%}
}
@media (max-width:767.98px){
.main_text2 h3,.liste_services h3,.paragraphe_keywords h2,.paragraphe_keywords h3{font-size:32px;line-height:34px}
.paragraphe_keywords ol li{width:100%}
.cta_container p{font-size:32px;line-height:34px}
}