/* Par le Trou de la Serrure - styles sous la ligne de flottaison (le haut de page est en ligne dans include_page.php) */
/* Habillage repris de parletrou.ca : anthracite #323232, gris #f6f6f6 à lignes verticales, filets dorés fins. */

/* Bande des 4 chiffres (gris à lignes) */
.icons_container{background:#f6f6f6 url('images/parletrou-lignes.jpg') center top repeat-y;padding:60px 0;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.icon_item{text-align:center;padding:10px 15px}
.icon_item .chiffre{display:block;font-family:'Asap Condensed',sans-serif;font-weight:400;font-size:46px;line-height:48px;letter-spacing:.04em;color:#896c25;margin-bottom:12px}
.icon_item p{font-size:12px;line-height:20px;letter-spacing:.12em;text-transform:uppercase;color:#555}

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

/* Produits : photo produit sur anthracite */
.services_container{padding:90px 0;background:linear-gradient(90deg,rgba(50,50,50,.97) 0%,rgba(50,50,50,.9) 45%,rgba(50,50,50,.2) 80%),url('images/parletrou-produits.jpg') right center / cover no-repeat #323232}
.liste_services h3{color:#fff}
.liste_services ul{display:flex;flex-wrap:wrap;margin:0 -10px}
.liste_services li{width:50%;padding:11px 10px 11px 34px;color:#d8d8d8;font-size:14px;line-height:23px;position:relative}
.liste_services li::before{content:'';position:absolute;left:10px;top:22px;width:14px;height:1px;background:#d4a32a}
.liste_services strong{font-weight:500;color:#fff}

/* Paragraphe mots-clés (marques) : gris à lignes */
.keywords_container{padding:90px 0;background:#f6f6f6 url('images/parletrou-lignes.jpg') center top repeat-y}
.paragraphe_keywords{font-size:15px;line-height:28px}
.paragraphe_keywords h2::after,.paragraphe_keywords h3::after{content:'';display:block;position:absolute;bottom:0;left:50%;margin-left:-20px;width:40px;height:1px;background:#d4a32a}

/* Appel à l'action : anthracite, bouton au trait */
.cta_container{background:#323232;padding:70px 0;text-align:center}
.cta_container p{font-family:'Asap Condensed',sans-serif;font-weight:400;font-size:34px;line-height:40px;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:28px}

/* 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}
.services_container{background:linear-gradient(rgba(50,50,50,.9),rgba(50,50,50,.9)),url('images/parletrou-produits.jpg') 75% center / cover no-repeat #323232}
}
@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%}
}
@media (max-width:767.98px){
.main_text2 h3,.liste_services h3,.paragraphe_keywords h2,.paragraphe_keywords h3{font-size:22px;line-height:30px}
.icon_item .chiffre{font-size:34px;line-height:36px}
.icon_item p{font-size:11px;line-height:17px;letter-spacing:.08em}
.cta_container p{font-size:26px;line-height:32px}
.cta_container .contact.btn{display:inline-block}
}