{"id":1156,"date":"2026-10-23T12:47:41","date_gmt":"2026-10-23T10:47:41","guid":{"rendered":"https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/"},"modified":"2026-10-23T12:47:41","modified_gmt":"2026-10-23T10:47:41","slug":"charpentier-sevignacq","status":"publish","type":"page","link":"https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/","title":{"rendered":"charpentier Sevignacq"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1156\" class=\"elementor elementor-1156\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9051d58 e-con-full e-flex e-con e-parent\" data-id=\"9051d58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64c1ffe elementor-widget elementor-widget-menu-anchor\" data-id=\"64c1ffe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"devis\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-170711c elementor-widget elementor-widget-shortcode\" data-id=\"170711c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\n\/* ========== HERO COUVREUR ========== *\/\n\nhtml, body{ overflow-x:clip; }\n\n.fdt{\n  --y:#FFC400;\n  --red:#e30613;\n  font-family:'Inter',sans-serif;\n  color:#fff;\n  box-sizing:border-box;\n  width:100vw;\n  position:relative;\n  left:50%;\n  right:50%;\n  margin-left:-50vw;\n  margin-right:-50vw;\n  overflow:hidden;\n}\n.fdt *{ box-sizing:border-box; }\n.fdt a{ text-decoration:none; color:inherit; }\n\n\/* ========== HERO ========== *\/\n\n.fdt-hero{\n  position:relative;\n  background:\n    linear-gradient(rgba(15,18,24,.72), rgba(15,18,24,.72)),\n    url('https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/10\/IMG-20250416-WA0050.jpg')\n    center\/cover no-repeat;\n  min-height:700px;\n  display:flex;\n  align-items:center;\n}\n\n\/* ========== CONTENEUR ========== *\/\n\n.fdt-hero .in{\n  width:100%;\n  max-width:1280px;\n  margin:0 auto;\n  padding:0 40px;\n}\n\n\/* ========== CONTENU ========== *\/\n\n.fdt-body{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:60px;\n  padding:70px 0;\n}\n\n\/* ========== PARTIE GAUCHE ========== *\/\n\n.fdt-left{\n  max-width:720px;\n  flex:1;\n  min-width:0;\n}\n.fdt-welcome{\n  font-size:14px;\n  margin-bottom:30px;\n  opacity:.9;\n  font-weight:500;\n}\n.fdt-left h1{\n  font-family:'Outfit',sans-serif;\n  font-size:clamp(34px, 3.2vw, 48px);\n  line-height:1.25;\n  font-weight:700;\n  margin:0 0 26px;\n  color:#fff;\n}\n.fdt-left h1 span{\n  color:var(--y);\n  display:block;\n}\n.fdt-left p{\n  font-size:18px;\n  line-height:1.7;\n  max-width:560px;\n  margin:0 0 30px;\n  color:#e8e8e8;\n}\n\n\/* ========== BOUTONS ========== *\/\n\n.fdt-cta{\n  display:flex;\n  align-items:center;\n  gap:18px;\n  flex-wrap:wrap;\n}\n.fdt-cta .rdv{\n  background:var(--y);\n  color:#111;\n  font-weight:700;\n  border-radius:12px;\n  padding:15px 20px;\n  display:inline-flex;\n  align-items:center;\n  gap:14px;\n  transition:.2s ease;\n}\n.fdt-cta .rdv:hover{\n  background:#fff;\n  transform:translateY(-2px);\n}\n.fdt-cta .rdv i{\n  background:#fff;\n  color:#111;\n  border-radius:8px;\n  width:32px;\n  height:32px;\n  display:grid;\n  place-items:center;\n  font-style:normal;\n  flex-shrink:0;\n}\n\n\/* ========== TELEPHONE ========== *\/\n\n.fdt-tel{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  font-weight:700;\n}\n.fdt-tel i{\n  background:#fff;\n  color:var(--y);\n  width:48px;\n  height:48px;\n  border-radius:50%;\n  display:grid;\n  place-items:center;\n  font-style:normal;\n  font-size:20px;\n  flex-shrink:0;\n}\n\n\/* ========== AVIS ========== *\/\n\n.fdt-rate{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  margin-top:26px;\n  background:rgba(0,0,0,.45);\n  border:1px solid rgba(255,255,255,.2);\n  border-radius:99px;\n  padding:10px 18px;\n  font-size:14px;\n}\n.fdt-rate b{ color:#fff; }\n.fdt-rate .s{\n  color:var(--y);\n  letter-spacing:2px;\n}\n\n\/* ========== FORMULAIRE CF7 ========== *\/\n\n#devis{ flex-shrink:0; }\n\n.fdt .wpcf7{\n  width:390px;\n  flex-shrink:0;\n  background:rgba(30,28,28,.82);\n  backdrop-filter:blur(8px);\n  -webkit-backdrop-filter:blur(8px);\n  border:1px solid rgba(255,255,255,.22);\n  border-radius:20px;\n  padding:30px 32px;\n  box-shadow:0 15px 45px rgba(0,0,0,.25);\n  box-sizing:border-box;\n  color:#fff;\n}\n.fdt .wpcf7 form{ margin:0; padding:0; }\n\n\/* ========== NETTOYAGE CF7 ========== *\/\n\n.fdt .wpcf7 form p{ margin:0; padding:0; }\n.fdt .wpcf7 form br{ display:none; }\n.fdt .wpcf7 .wpcf7-form-control-wrap{\n  display:block;\n  width:100%;\n}\n\n\/* ========== TITRE FORMULAIRE ========== *\/\n\n.fdt .wpcf7 h3{\n  font-family:'Outfit',sans-serif;\n  text-align:center;\n  margin:0 0 5px;\n  font-size:22px;\n  color:#fff;\n}\n.fdt .wpcf7 small{\n  display:block;\n  text-align:center;\n  font-size:12px;\n  margin-bottom:18px;\n  opacity:.85;\n  color:#fff;\n}\n\n\/* ========== ONGLETS ========== *\/\n\n.fdt .wpcf7 .fdt-tabs{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:4px;\n  background:#fff;\n  border:1px solid rgba(255,255,255,.3);\n  border-radius:10px;\n  padding:4px;\n  margin-bottom:18px;\n}\n.fdt .wpcf7 .fdt-tabs p{ display:contents; }\n.fdt .wpcf7 .fdt-tabs br{ display:none; }\n.fdt .wpcf7 .fdt-tabs button{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:100%;\n  height:40px;\n  margin:0;\n  padding:0 10px;\n  border:0;\n  border-radius:7px;\n  background:transparent;\n  color:#333;\n  font-family:'Inter',sans-serif;\n  font-size:13px;\n  font-weight:700;\n  line-height:1;\n  text-transform:none;\n  letter-spacing:0;\n  text-align:center;\n  box-shadow:none;\n  cursor:pointer;\n  transition:.2s ease;\n}\n.fdt .wpcf7 .fdt-tabs button[data-target=\"urgence\"]{ color:var(--red); }\n.fdt .wpcf7 .fdt-tabs button:hover{ background:rgba(0,0,0,.06); }\n.fdt .wpcf7 .fdt-tabs button.on{\n  background:var(--y);\n  color:#111;\n}\n.fdt .wpcf7 .fdt-tabs button[data-target=\"urgence\"].on{\n  background:var(--red);\n  color:#fff;\n}\n\n\/* ========== LABELS ========== *\/\n\n.fdt .wpcf7 label{\n  display:block;\n  font-size:13px;\n  font-weight:600;\n  margin:11px 0 6px;\n  color:#fff;\n}\n\n\/* ========== CHAMPS ========== *\/\n\n.fdt .wpcf7 input[type=text],\n.fdt .wpcf7 input[type=tel],\n.fdt .wpcf7 input[type=email],\n.fdt .wpcf7 textarea{\n  display:block;\n  width:100%;\n  height:auto;\n  margin:0;\n  background:rgba(255,255,255,.09);\n  border:1px solid rgba(255,255,255,.28);\n  border-radius:10px;\n  padding:13px 15px;\n  color:#fff;\n  font:600 15px 'Inter',sans-serif;\n  outline:none;\n  box-shadow:none;\n  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;\n}\n.fdt .wpcf7 textarea{\n  height:90px;\n  resize:none;\n}\n.fdt .wpcf7 input[type=text]:focus,\n.fdt .wpcf7 input[type=tel]:focus,\n.fdt .wpcf7 input[type=email]:focus,\n.fdt .wpcf7 textarea:focus{\n  border-color:var(--y);\n  background:rgba(255,255,255,.13);\n  box-shadow:0 0 0 2px rgba(255,196,0,.15);\n}\n.fdt .wpcf7 ::placeholder{\n  color:#fff;\n  opacity:.85;\n}\n\n\/* ========== AUTOFILL ========== *\/\n\n.fdt .wpcf7 input:-webkit-autofill{\n  -webkit-text-fill-color:#fff;\n  transition:background-color 9999s ease-in-out 0s;\n}\n\n\/* ========== RGPD ========== *\/\n\n.fdt .wpcf7 .fdt-check{\n  display:block;\n  font-size:12px;\n  margin:16px 0;\n  line-height:1.4;\n  color:#fff;\n}\n.fdt .wpcf7 .wpcf7-acceptance .wpcf7-list-item{\n  margin:0;\n  display:block;\n}\n.fdt .wpcf7 .wpcf7-acceptance label{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  margin:0;\n  font-size:12px;\n  font-weight:400;\n  line-height:1.4;\n  cursor:pointer;\n}\n.fdt .wpcf7 .wpcf7-acceptance input[type=checkbox]{\n  width:16px;\n  height:16px;\n  margin:0;\n  flex-shrink:0;\n  accent-color:var(--y);\n  cursor:pointer;\n}\n.fdt .wpcf7 .fdt-check a{\n  color:var(--y);\n  text-decoration:underline;\n}\n\n\/* ========== BOUTON ENVOYER ========== *\/\n\n.fdt .wpcf7 input.fdt-send,\n.fdt .wpcf7 input[type=submit]{\n  display:block;\n  width:100%;\n  background:var(--y);\n  color:#111;\n  border:1px solid var(--y);\n  border-radius:10px;\n  padding:14px;\n  font-family:'Inter',sans-serif;\n  font-weight:700;\n  font-size:15px;\n  text-transform:none;\n  letter-spacing:0;\n  box-shadow:none;\n  cursor:pointer;\n  transition:.2s ease;\n  -webkit-appearance:none;\n  appearance:none;\n}\n.fdt .wpcf7 input.fdt-send:hover,\n.fdt .wpcf7 input[type=submit]:hover{\n  background:#fff;\n  border-color:#fff;\n  color:#111;\n}\n\n\/* ========== NOTE ========== *\/\n\n.fdt .wpcf7 .fdt-note{\n  text-align:center;\n  font-size:11.5px;\n  margin-top:12px;\n  opacity:.8;\n  color:#fff;\n}\n\n\/* ========== SPINNER + MESSAGES CF7 ========== *\/\n\n.fdt .wpcf7 .wpcf7-spinner{\n  display:block;\n  margin:10px auto 0;\n}\n.fdt .wpcf7 .wpcf7-not-valid{ border-color:#ff6b6b !important; }\n.fdt .wpcf7 .wpcf7-not-valid-tip{\n  font-size:12px;\n  color:#ff8a8a;\n  margin-top:4px;\n}\n.fdt .wpcf7 .wpcf7-response-output{\n  margin:14px 0 0 !important;\n  padding:10px 12px !important;\n  border-radius:10px;\n  border-width:1px !important;\n  font-size:12px;\n  text-align:center;\n  color:#fff;\n}\n\n\/* ========== BOUTON URGENCE FLOTTANT ========== *\/\n\n.fdt-float{\n  position:absolute;\n  right:20px;\n  top:40px;\n  display:flex;\n  align-items:center;\n  gap:8px;\n}\n.fdt-float span{\n  background:#0f1f3d;\n  padding:10px 14px;\n  border-radius:10px;\n  font-size:14px;\n  font-weight:600;\n  border:1px solid rgba(255,255,255,.1);\n}\n.fdt-float i{\n  background:var(--y);\n  color:#111;\n  width:64px;\n  height:64px;\n  border-radius:50%;\n  display:grid;\n  place-items:center;\n  font-style:normal;\n  font-size:26px;\n  flex-shrink:0;\n}\n\n\/* ========== RESPONSIVE TABLETTE \/ MOBILE (inchang\u00e9) ========== *\/\n\n@media(max-width:900px){\n\n  .fdt .wpcf7{\n    display:block;\n    width:100%;\n    max-width:500px;\n    margin:35px auto 0;\n  }\n  .fdt-float{ display:none; }\n  .fdt-hero .in{ padding:0 18px; }\n  .fdt-body{\n    padding:50px 0;\n    gap:0;\n    flex-direction:column;\n    align-items:stretch;\n  }\n  .fdt-left{\n    max-width:100%;\n    width:100%;\n  }\n  .fdt-left h1{\n    font-size:30px;\n    font-weight:900;\n    line-height:1.12;\n    letter-spacing:-0.4px;\n    margin:0 0 18px;\n  }\n  .fdt-left p{\n    font-size:15px;\n    line-height:1.6;\n  }\n  #devis{ width:100%; }\n  .fdt-hero{ min-height:auto; }\n  .fdt-cta{ gap:12px; }\n}\n\n\/* ========== PETITS TELEPHONES (inchang\u00e9) ========== *\/\n\n@media(max-width:500px){\n\n  .fdt-hero .in{ padding:0 15px; }\n  .fdt-body{ padding:40px 0; }\n  .fdt-left h1{\n    font-size:30px;\n    font-weight:900;\n    line-height:1.5 !important;\n    letter-spacing:-0.4px;\n    margin:0 0 18px;\n  }\n  .fdt-left p{\n    font-size:15px;\n    line-height:1.6;\n  }\n  .fdt-cta{\n    align-items:flex-start;\n    flex-direction:column;\n    gap:12px;\n  }\n  .fdt-tel{ font-size:15px; }\n  .fdt-rate{\n    margin-top:20px;\n    font-size:13px;\n    padding:9px 15px;\n  }\n  .fdt .wpcf7{\n    margin-top:30px;\n    padding:25px 20px;\n    border-radius:16px;\n  }\n}\n\n<\/style>\n\n\n<!-- ========== HTML ========== -->\n\n<div class=\"fdt\">\n  <section class=\"fdt-hero\">\n    <div class=\"in\">\n      <div class=\"fdt-body\">\n\n        <!-- PARTIE GAUCHE -->\n        <div class=\"fdt-left\">\n\n          <h1>\n         Charpentier-Couvreur \u00e0   <span>Sevignacq<\/span> & ses alentours\n          <\/h1>\n\n          <p>\n            R\u00e9paration et r\u00e9novation de charpente : nous intervenons\nsur tous types de chantiers, de la charpente la plus\ntraditionnelle \u00e0 la plus contemporaine.\n          <\/p>\n\n          <div class=\"fdt-cta\">\n\n            <!-- BOUTON RDV -->\n            <a class=\"rdv\" href=\"#devis\">\n              <span style=\"display:flex;align-items:center;gap:9px;\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\n                  <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line>\n                  <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line>\n                  <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line>\n                <\/svg>\n                Prendre RDV\n              <\/span>\n              <i>\u2192<\/i>\n            <\/a>\n\n            <!-- TELEPHONE -->\n            <a class=\"fdt-tel\" href=\"tel:0675576958\">\n              <i>\n                <svg width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n                <\/svg>\n              <\/i>\n              <span>06 75 57 69 58<\/span>\n            <\/a>\n\n          <\/div>\n\n          <!-- AVIS -->\n          <div class=\"fdt-rate\">\n            <span class=\"s\">\u2605\u2605\u2605\u2605\u2605<\/span>\n            <b>4.9\/5<\/b>\n            <span>\u00b7 73 avis<\/span>\n            <b style=\"color:#4285F4\">G<\/b>\n          <\/div>\n\n        <\/div>\n\n        <!-- FORMULAIRE CF7 -->\n        <div id=\"devis\">\n          \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f29-o1\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"29\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/1156#wpcf7-f29-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulaire de contact\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"29\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.3\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f29-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<h3>Devis gratuit en 5 minutes\n<\/h3>\n<p><small>RDV visite technique rapide<\/small>\n<\/p>\n\n<!-- ONGLETS -->\n<div class=\"fdt-tabs\">\n\t<p><button type=\"button\" class=\"on\" data-target=\"standard\">Standard<\/button><br \/>\n<button type=\"button\" data-target=\"urgence\">Urgence ?<\/button>\n\t<\/p>\n<\/div>\n<input class=\"wpcf7-form-control wpcf7-hidden\" value=\"Standard\" type=\"hidden\" name=\"type_demande\" \/>\n\n<!-- NOM -->\n<p><label for=\"fdtNom\">Nom et pr\u00e9nom<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"nom\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"fdtNom\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nom et pr\u00e9nom\" value=\"\" type=\"text\" name=\"nom\" \/><\/span>\n<\/p>\n\n<!-- TELEPHONE -->\n<p><label for=\"fdtTel\">T\u00e9l\u00e9phone<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" id=\"fdtTel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"T\u00e9l\u00e9phone\" value=\"\" type=\"tel\" name=\"tel\" \/><\/span>\n<\/p>\n\n<!-- EMAIL -->\n<p><label for=\"fdtEmail\">Email<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"fdtEmail\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n<\/p>\n\n<!-- MESSAGE -->\n<p><label for=\"fdtMessage\">Message<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" id=\"fdtMessage\" aria-invalid=\"false\" placeholder=\"D\u00e9crivez votre projet...\" name=\"message\"><\/textarea><\/span>\n<\/p>\n\n<!-- RGPD -->\n<div class=\"fdt-check\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"rgpd\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"rgpd\" value=\"1\" id=\"fdtRgpd\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">J'accepte la <a href=\"\/politique-de-confidentialite\" target=\"_blank\">politique de confidentialit\u00e9<\/a><\/span><\/label><\/span><\/span><\/span>\n\t<\/p>\n<\/div>\n\n<!-- BOUTON ENVOYER -->\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner fdt-send\" id=\"fdtSend\" type=\"submit\" value=\"Envoyer \u27a4\" \/>\n<\/p>\n<div class=\"fdt-note\">\n\t<p>Vos donn\u00e9es sont prot\u00e9g\u00e9es et ne seront jamais partag\u00e9es.\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n\n<!-- ========== JAVASCRIPT ========== -->\n\n<script>\ndocument.addEventListener('click', function(e){\n\n  var btn = e.target.closest('.fdt-tabs button');\n  if(!btn) return;\n\n  var tabs = btn.closest('.fdt-tabs');\n  if(!tabs) return;\n\n  tabs.querySelectorAll('button').forEach(function(b){\n    b.classList.remove('on');\n  });\n  btn.classList.add('on');\n\n  var isUrgence = btn.dataset.target === 'urgence';\n\n  var form = btn.closest('form');\n  if(!form) return;\n\n  var hidden = form.querySelector('input[name=\"type_demande\"]');\n  if(hidden){\n    hidden.value = isUrgence ? 'Urgence' : 'Standard';\n  }\n\n  var msg = form.querySelector('textarea');\n  if(msg){\n    msg.placeholder = isUrgence\n      ? 'D\u00e9crivez votre urgence (fuite, tuiles envol\u00e9es...)'\n      : 'D\u00e9crivez votre projet...';\n  }\n\n});\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-807a81a e-con-full e-flex e-con e-parent\" data-id=\"807a81a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a8d52b elementor-widget elementor-widget-menu-anchor\" data-id=\"8a8d52b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"avis\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f910d3 elementor-widget elementor-widget-shortcode\" data-id=\"1f910d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n  .reviews-section {\n    width: 100%;\n    position: relative;\n    margin: 0;\n    padding: 60px 20px;\n    background: #ffffff;\n    color: #111111;\n    font-family: 'Inter', sans-serif;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  .reviews-section *,\n  .reviews-section *::before,\n  .reviews-section *::after {\n    box-sizing: border-box;\n  }\n\n  .reviews-container {\n    width: 100%;\n    max-width: 1000px;\n    margin: 0 auto;\n  }\n\n  .reviews-header {\n    text-align: center;\n    font-family: 'Outfit', sans-serif;\n    font-size: 32px;\n    font-weight: 700;\n    line-height: 1.2;\n    margin: 0 0 10px;\n    text-transform: uppercase;\n    color: #111111;\n  }\n\n  .reviews-sub {\n    text-align: center;\n    font-size: 16px;\n    color: #555555;\n    margin: 0 0 20px;\n  }\n\n  .blue-badge {\n    color: #4285f4;\n    font-weight: 700;\n  }\n\n  .reviews-logos {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 30px;\n  }\n\n  .google-logo {\n    width: auto !important;\n    height: 76px !important;\n    max-width: 150px;\n    object-fit: contain;\n    display: block;\n  }\n\n  .reviews-slider {\n    display: flex;\n    gap: 20px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    padding: 5px 5px 18px;\n    scrollbar-width: thin;\n    scrollbar-color: #FFC400 #eeeeee;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .reviews-slider::-webkit-scrollbar {\n    height: 7px;\n  }\n\n  .reviews-slider::-webkit-scrollbar-track {\n    background: #eeeeee;\n    border-radius: 99px;\n  }\n\n  .reviews-slider::-webkit-scrollbar-thumb {\n    background: #FFC400;\n    border-radius: 99px;\n  }\n\n  .review-card {\n    min-width: 280px;\n    max-width: 280px;\n    background: #ffffff;\n    border-radius: 16px;\n    padding: 20px;\n    border: 1px solid #eeeeee;\n    border-top: 4px solid #FFC400;\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);\n    flex: 0 0 280px;\n    position: relative;\n  }\n\n  .review-name {\n    font-family: 'Outfit', sans-serif;\n    font-weight: 700;\n    font-size: 17px;\n    line-height: 1.3;\n    margin: 0 0 6px;\n    color: #111111;\n  }\n\n  .review-stars {\n    color: #FFC400;\n    letter-spacing: 2px;\n    font-size: 16px;\n    line-height: 1;\n    margin-bottom: 10px;\n  }\n\n  .review-text {\n    font-size: 14px;\n    color: #333333;\n    line-height: 1.6;\n    margin: 0 0 10px;\n  }\n\n  .review-footer {\n    font-size: 12px;\n    color: #777777;\n    line-height: 1.4;\n    margin-top: 10px;\n    font-style: italic;\n  }\n\n  @media (max-width: 900px) {\n    .reviews-section {\n      padding: 45px 15px;\n    }\n\n    .reviews-header {\n      font-size: 25px;\n    }\n\n    .reviews-sub {\n      font-size: 15px;\n    }\n\n    .google-logo {\n      height: 60px !important;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .reviews-section {\n      padding: 40px 10px;\n    }\n\n    .reviews-header {\n      font-size: 22px;\n    }\n\n    .reviews-sub {\n      font-size: 14px;\n    }\n\n    .review-card {\n      min-width: 270px;\n      max-width: 270px;\n      flex-basis: 270px;\n    }\n\n    .google-logo {\n      height: 55px !important;\n    }\n  }\n<\/style>\n\n<div class=\"reviews-section\">\n\n  <div class=\"reviews-container\">\n\n    <div class=\"reviews-header\">\n      Ce que nos clients pensent\n    <\/div>\n\n    <div class=\"reviews-sub\">\n      <span class=\"blue-badge\">\u2714\ufe0f<\/span>\n      Avis certifi\u00e9s et authentiques\n    <\/div>\n\n    <div class=\"reviews-logos\">\n      <img decoding=\"async\"\n        src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/300\/300221.png\"\n        alt=\"Google\"\n        class=\"google-logo\"\n      >\n    <\/div>\n\n    <div class=\"reviews-slider\">\n\n      <div class=\"review-card\">\n        <div class=\"review-name\">R\u00e9paration de charpente ab\u00eem\u00e9e<\/div>\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"review-text\">\n          Certaines pi\u00e8ces de notre charpente \u00e9taient endommag\u00e9es. L\u2019\u00e9quipe a effectu\u00e9 les r\u00e9parations avec s\u00e9rieux. Travail propre et soign\u00e9.\n        <\/div>\n        <div class=\"review-footer\">\u2014 Laurent G., 12-06-2025<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"review-name\">R\u00e9novation de charpente ancienne<\/div>\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"review-text\">\n          Notre ancienne charpente n\u00e9cessitait une r\u00e9novation. Les travaux ont \u00e9t\u00e9 r\u00e9alis\u00e9s avec soin et les explications \u00e9taient claires.\n        <\/div>\n        <div class=\"review-footer\">\u2014 Manon V., 10-06-2025<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"review-name\">Remplacement de poutres en bois<\/div>\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"review-text\">\n          Plusieurs poutres \u00e9taient fragilis\u00e9es. L\u2019\u00e9quipe les a remplac\u00e9es efficacement et a laiss\u00e9 le chantier propre. Tr\u00e8s satisfait du r\u00e9sultat.\n        <\/div>\n        <div class=\"review-footer\">\u2014 Hugo F., 06-06-2025<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"review-name\">Renforcement de charpente<\/div>\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"review-text\">\n          Nous avions besoin de renforcer notre charpente. Le travail a \u00e9t\u00e9 r\u00e9alis\u00e9 avec professionnalisme et dans les d\u00e9lais annonc\u00e9s.\n        <\/div>\n        <div class=\"review-footer\">\u2014 Amandine L., 02-06-2025<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"review-name\">Pose de charpente neuve<\/div>\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"review-text\">\n          Pose de la charpente de notre nouvelle construction. Travail pr\u00e9cis, \u00e9quipe s\u00e9rieuse et finitions impeccables.\n        <\/div>\n        <div class=\"review-footer\">\u2014 Julien N., 29-05-2025<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"review-name\">R\u00e9fection de charpente en bois<\/div>\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"review-text\">\n          Notre charpente avait besoin d\u2019une remise en \u00e9tat. Les \u00e9l\u00e9ments ab\u00eem\u00e9s ont \u00e9t\u00e9 r\u00e9par\u00e9s et l\u2019ensemble est d\u00e9sormais solide.\n        <\/div>\n        <div class=\"review-footer\">\u2014 Elodie J., 25-05-2025<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"review-name\">Remplacement de chevrons<\/div>\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"review-text\">\n          Plusieurs chevrons \u00e9taient d\u00e9t\u00e9rior\u00e9s. L\u2019intervention a \u00e9t\u00e9 rapide, avec un travail soign\u00e9 et de bonnes explications.\n        <\/div>\n        <div class=\"review-footer\">\u2014 S\u00e9bastien R., 21-05-2025<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"review-name\">Traitement de charpente<\/div>\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"review-text\">\n          Nous souhaitions prot\u00e9ger notre charpente en bois. L\u2019intervention a \u00e9t\u00e9 r\u00e9alis\u00e9e s\u00e9rieusement et les diff\u00e9rentes \u00e9tapes nous ont \u00e9t\u00e9 expliqu\u00e9es.\n        <\/div>\n        <div class=\"review-footer\">\u2014 C\u00e9line K., 17-05-2025<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"review-name\">Installation de charpente traditionnelle<\/div>\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"review-text\">\n          R\u00e9alisation d\u2019une charpente traditionnelle pour notre projet. Tr\u00e8s bonne organisation, respect des d\u00e9lais et finitions soign\u00e9es.\n        <\/div>\n        <div class=\"review-footer\">\u2014 Thomas D., 13-05-2025<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"review-name\">R\u00e9paration d\u2019une ferme de charpente<\/div>\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"review-text\">\n          Une partie de la structure en bois n\u00e9cessitait une r\u00e9paration. Le travail a \u00e9t\u00e9 effectu\u00e9 avec soin et le chantier est rest\u00e9 propre.\n        <\/div>\n        <div class=\"review-footer\">\u2014 Nathalie C., 09-05-2025<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"review-name\">R\u00e9novation de charpente traditionnelle<\/div>\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"review-text\">\n          Les \u00e9l\u00e9ments anciens de notre charpente ont \u00e9t\u00e9 r\u00e9nov\u00e9s avec attention. Le r\u00e9sultat est conforme \u00e0 nos attentes.\n        <\/div>\n        <div class=\"review-footer\">\u2014 Claire D., 05-05-2025<\/div>\n      <\/div>\n\n      <div class=\"review-card\">\n        <div class=\"review-name\">Modification de charpente<\/div>\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <div class=\"review-text\">\n          Nous avions besoin d\u2019adapter notre charpente \u00e0 notre projet de r\u00e9novation. L\u2019\u00e9quipe a r\u00e9alis\u00e9 les travaux avec m\u00e9thode et professionnalisme.\n        <\/div>\n        <div class=\"review-footer\">\u2014 Marc T., 01-05-2025<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const dateElements = document.querySelectorAll(\".review-footer\");\n\n  \/*\n   * Date de r\u00e9f\u00e9rence :\n   * le 13-06-2025 correspond \u00e0 la date du premier avis.\n   *\/\n  const referenceDate = new Date(\"2025-06-13T00:00:00\");\n\n  \/*\n   * Date actuelle\n   *\/\n  const today = new Date();\n  today.setHours(0, 0, 0, 0);\n\n  \/*\n   * Nombre de jours \u00e9coul\u00e9s depuis la date de r\u00e9f\u00e9rence\n   *\/\n  const daysPassed = Math.floor(\n    (today - referenceDate) \/ (1000 * 60 * 60 * 24)\n  );\n\n  dateElements.forEach(function (element) {\n\n    const text = element.textContent.trim();\n\n    const lastCommaIndex = text.lastIndexOf(\",\");\n\n    if (lastCommaIndex === -1) {\n      return;\n    }\n\n    const namePart = text\n      .slice(0, lastCommaIndex)\n      .trim();\n\n    const baseDateStr = text\n      .slice(lastCommaIndex + 1)\n      .trim();\n\n    const parts = baseDateStr.split(\"-\");\n\n    if (parts.length !== 3) {\n      return;\n    }\n\n    const day = parts[0];\n    const month = parts[1];\n    const year = parts[2];\n\n    const originalDate = new Date(\n      year + \"-\" + month + \"-\" + day + \"T00:00:00\"\n    );\n\n    if (isNaN(originalDate.getTime())) {\n      return;\n    }\n\n    \/*\n     * D\u00e9cale automatiquement la date\n     * du m\u00eame nombre de jours que depuis la date de r\u00e9f\u00e9rence.\n     *\/\n    const newDate = new Date(originalDate);\n\n    newDate.setDate(\n      originalDate.getDate() + daysPassed\n    );\n\n    const newDay = String(\n      newDate.getDate()\n    ).padStart(2, \"0\");\n\n    const newMonth = String(\n      newDate.getMonth() + 1\n    ).padStart(2, \"0\");\n\n    const newYear = newDate.getFullYear();\n\n    element.textContent =\n      namePart +\n      \", \" +\n      newDay +\n      \"-\" +\n      newMonth +\n      \"-\" +\n      newYear;\n\n  });\n\n});\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d00e8c e-con-full e-flex e-con e-parent\" data-id=\"4d00e8c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d200d81 elementor-widget elementor-widget-menu-anchor\" data-id=\"d200d81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"services\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e78214b elementor-widget elementor-widget-shortcode\" data-id=\"e78214b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n.svc{\n  --y:#FFC400;\n  width:100vw;\n  position:relative;\n  left:50%;\n  right:50%;\n  margin:0 -50vw;\n  background:#F8FAFC;\n  color:#111;\n  font-family:'Inter',sans-serif;\n  padding:90px 20px;\n  box-sizing:border-box;\n}\n\n.svc *{\n  box-sizing:border-box;\n}\n\n.svc-in{\n  width:100%;\n  max-width:1800px;\n  margin:auto;\n}\n\n\n\/* =========================\n   TITRE\n========================= *\/\n\n.svc-kicker{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:12px;\n  color:var(--y);\n  font-weight:700;\n  font-size:14px;\n  text-transform:uppercase;\n  letter-spacing:2px;\n  margin-bottom:12px;\n}\n\n.svc-kicker:before,\n.svc-kicker:after{\n  content:\"\";\n  width:35px;\n  height:2px;\n  background:var(--y);\n}\n\n.svc-title{\n  font-family:'Outfit',sans-serif;\n  text-align:center;\n  font-size:46px;\n  line-height:1.15;\n  font-weight:800;\n  margin:0 0 16px;\n  color:#111;\n}\n\n.svc-title span{\n  color:var(--y);\n}\n\n.svc-sub{\n  text-align:center;\n  color:#555;\n  font-size:17px;\n  max-width:720px;\n  margin:0 auto 55px;\n  line-height:1.6;\n}\n\n\n\/* =========================\n   GRILLE\n========================= *\/\n\n.svc-grid{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:32px;\n}\n\n\n\/* =========================\n   CARTE\n========================= *\/\n\n.svc-card{\n  background:#fff;\n  border:1px solid #eee;\n  border-top:4px solid var(--y);\n  border-radius:16px;\n  overflow:hidden;\n  box-shadow:0 6px 18px rgba(0,0,0,.07);\n  display:flex;\n  flex-direction:column;\n  transition:\n    transform .25s,\n    box-shadow .25s;\n}\n\n.svc-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 14px 30px rgba(0,0,0,.12);\n}\n\n\n\/* =========================\n   PHOTOS\n========================= *\/\n\n.svc-photos{\n  position:relative;\n  height:330px;\n  background:#eee;\n  cursor:pointer;\n  overflow:hidden;\n}\n\n.svc-photos img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:none;\n  transition:transform .4s;\n}\n\n.svc-photos img:first-child{\n  display:block;\n}\n\n.svc-card:hover .svc-photos img:first-child{\n  transform:scale(1.04);\n}\n\n\n\/* =========================\n   CONTENU\n========================= *\/\n\n.svc-body{\n  padding:26px 26px 30px;\n}\n\n.svc-body h3{\n  font-family:'Outfit',sans-serif;\n  font-size:25px;\n  font-weight:700;\n  margin:0 0 12px;\n  color:#111;\n}\n\n.svc-body p{\n  font-size:15px;\n  line-height:1.65;\n  color:#444;\n  margin:0 0 18px;\n}\n\n.svc-body ul{\n  list-style:none;\n  margin:0;\n  padding:0;\n  display:grid;\n  gap:10px;\n}\n\n.svc-body li{\n  position:relative;\n  padding-left:30px;\n  font-size:14px;\n  line-height:1.5;\n  color:#222;\n}\n\n.svc-body li::before{\n  content:\"\u2713\";\n  position:absolute;\n  left:0;\n  top:1px;\n  width:20px;\n  height:20px;\n  border-radius:50%;\n  background:var(--y);\n  color:#111;\n  font-size:12px;\n  font-weight:800;\n  display:grid;\n  place-items:center;\n}\n\n\n\/* =========================\n   LIGHTBOX\n========================= *\/\n\n.svc-lb{\n  position:fixed;\n  inset:0;\n  background:rgba(10,12,16,.94);\n  z-index:99999;\n  display:none;\n  align-items:center;\n  justify-content:center;\n  padding:30px;\n}\n\n.svc-lb.open{\n  display:flex;\n}\n\n.svc-lb img{\n  max-width:92vw;\n  max-height:88vh;\n  width:auto;\n  height:auto;\n  border-radius:12px;\n  object-fit:contain;\n  box-shadow:0 10px 50px rgba(0,0,0,.4);\n}\n\n.svc-lb button{\n  position:absolute;\n  background:#FFC400;\n  color:#111;\n  border:0;\n  width:52px;\n  height:52px;\n  border-radius:50%;\n  font-size:25px;\n  font-weight:700;\n  cursor:pointer;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.svc-lb .x{\n  top:20px;\n  right:20px;\n}\n\n.svc-lb .prev{\n  left:25px;\n  top:50%;\n  transform:translateY(-50%);\n}\n\n.svc-lb .next{\n  right:25px;\n  top:50%;\n  transform:translateY(-50%);\n}\n\n.svc-lb .cap{\n  position:absolute;\n  bottom:20px;\n  left:0;\n  right:0;\n  text-align:center;\n  color:#fff;\n  font:600 14px 'Inter',sans-serif;\n}\n\n\n\/* =========================\n   TABLETTE\n========================= *\/\n\n@media(max-width:1100px){\n\n  .svc-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:28px;\n  }\n\n  .svc-photos{\n    height:340px;\n  }\n\n  .svc-title{\n    font-size:40px;\n    line-height:1.15;\n    font-weight:800;\n  }\n\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:640px){\n\n  .svc{\n    padding:60px 16px;\n  }\n\n  .svc-kicker{\n    font-size:12px;\n    letter-spacing:1.7px;\n    gap:10px;\n  }\n\n  .svc-kicker:before,\n  .svc-kicker:after{\n    width:22px;\n  }\n\n  .svc-title{\n    font-size:31px;\n    line-height:1.18;\n    font-weight:800;\n    margin-bottom:16px;\n  }\n\n  .svc-sub{\n    font-size:15px;\n    margin-bottom:38px;\n  }\n\n  .svc-grid{\n    grid-template-columns:1fr;\n    gap:24px;\n  }\n\n  .svc-photos{\n    height:290px;\n  }\n\n  .svc-body{\n    padding:23px 20px 27px;\n  }\n\n  .svc-body h3{\n    font-size:23px;\n  }\n\n  .svc-lb{\n    padding:15px;\n  }\n\n  .svc-lb img{\n    max-width:96vw;\n    max-height:80vh;\n  }\n\n  .svc-lb button{\n    width:45px;\n    height:45px;\n  }\n\n  .svc-lb .prev{\n    left:10px;\n  }\n\n  .svc-lb .next{\n    right:10px;\n  }\n\n}\n\n\n\/* =========================\n   PETIT MOBILE\n========================= *\/\n\n@media(max-width:400px){\n\n  .svc-title{\n    font-size:28px;\n    line-height:1.18;\n    font-weight:800;\n  }\n\n}\n<\/style>\n\n<section class=\"svc\">\n\n  <div class=\"svc-in\">\n\n    <div class=\"svc-kicker\">\n      Nos prestations\n    <\/div>\n\n    <h2 class=\"svc-title\">\n      Nos services de <span>charpente<\/span>\n    <\/h2>\n\n    <p class=\"svc-sub\">\n      Des solutions compl\u00e8tes pour r\u00e9parer, renforcer, r\u00e9nover et entretenir votre charpente.\n    <\/p>\n\n    <div class=\"svc-grid\">\n\n      <!-- 1. R\u00c9PARATION DE CHARPENTE -->\n      <article class=\"svc-card\">\n\n        <div class=\"svc-photos\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/03\/traditionelle.jpg\"\n            alt=\"R\u00e9paration de charpente en bois\">\n        <\/div>\n\n        <div class=\"svc-body\">\n          <h3>R\u00e9paration de charpente<\/h3>\n\n          <p>\n            Nous r\u00e9parons les \u00e9l\u00e9ments endommag\u00e9s de votre charpente afin de pr\u00e9server la solidit\u00e9 et la stabilit\u00e9 de la structure.\n          <\/p>\n\n          <ul>\n            <li>R\u00e9paration de charpente en bois<\/li>\n            <li>Remplacement des pi\u00e8ces ab\u00eem\u00e9es<\/li>\n            <li>R\u00e9paration des assemblages<\/li>\n            <li>Travaux adapt\u00e9s \u00e0 la structure<\/li>\n          <\/ul>\n        <\/div>\n\n      <\/article>\n\n      <!-- 2. R\u00c9NOVATION DE CHARPENTE -->\n      <article class=\"svc-card\">\n\n        <div class=\"svc-photos\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/10\/IMG-20250910-WA0011.jpg\"\n            alt=\"R\u00e9novation de charpente traditionnelle\">\n        <\/div>\n\n        <div class=\"svc-body\">\n          <h3>R\u00e9novation de charpente<\/h3>\n\n          <p>\n            Nous r\u00e9novons les charpentes anciennes ou d\u00e9t\u00e9rior\u00e9es en adaptant les travaux \u00e0 leur \u00e9tat et aux besoins du b\u00e2timent.\n          <\/p>\n\n          <ul>\n            <li>R\u00e9novation de charpente ancienne<\/li>\n            <li>Remplacement des \u00e9l\u00e9ments us\u00e9s<\/li>\n            <li>Remise en \u00e9tat de la structure<\/li>\n            <li>Travaux de r\u00e9novation sur mesure<\/li>\n          <\/ul>\n        <\/div>\n\n      <\/article>\n\n      <!-- 3. CHARPENTE TRADITIONNELLE & INDUSTRIELLE -->\n      <article class=\"svc-card\">\n\n        <div class=\"svc-photos\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/10\/IMG-20250416-WA0079.jpg\"\n            alt=\"Charpente traditionnelle et industrielle\">\n        <\/div>\n\n        <div class=\"svc-body\">\n          <h3>Charpente traditionnelle & industrielle<\/h3>\n\n          <p>\n            Nous intervenons sur les charpentes traditionnelles et industrielles pour les projets de construction et de r\u00e9novation, selon les besoins du b\u00e2timent.\n          <\/p>\n\n          <ul>\n            <li>Charpente traditionnelle en bois<\/li>\n            <li>Charpente industrielle<\/li>\n            <li>Assemblage des \u00e9l\u00e9ments de charpente<\/li>\n            <li>Solutions adapt\u00e9es \u00e0 votre toiture<\/li>\n          <\/ul>\n        <\/div>\n\n      <\/article>\n\n      <!-- 4. REMPLACEMENT DE POUTRES -->\n      <article class=\"svc-card\">\n\n        <div class=\"svc-photos\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/10\/isolation-comble.jpg\"\n            alt=\"Remplacement de poutres en bois\">\n        <\/div>\n\n        <div class=\"svc-body\">\n          <h3>Remplacement de poutres<\/h3>\n\n          <p>\n            Nous rempla\u00e7ons les poutres de charpente d\u00e9t\u00e9rior\u00e9es lorsque leur \u00e9tat n\u00e9cessite une intervention pour pr\u00e9server la structure du b\u00e2timent.\n          <\/p>\n\n          <ul>\n            <li>Remplacement de poutres en bois<\/li>\n            <li>Remplacement des pi\u00e8ces fragilis\u00e9es<\/li>\n            <li>R\u00e9paration des supports<\/li>\n            <li>Travaux adapt\u00e9s \u00e0 la charpente<\/li>\n          <\/ul>\n        <\/div>\n\n      <\/article>\n\n      <!-- 5. TRAITEMENT DE CHARPENTE -->\n      <article class=\"svc-card\">\n\n        <div class=\"svc-photos\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/10\/anti.png\"\n            alt=\"Traitement de charpente en bois\">\n        <\/div>\n\n        <div class=\"svc-body\">\n          <h3>Traitement de charpente<\/h3>\n\n          <p>\n            Un traitement adapt\u00e9 contribue \u00e0 prot\u00e9ger le bois de charpente contre les insectes xylophages et \u00e0 pr\u00e9server sa durabilit\u00e9.\n          <\/p>\n\n          <ul>\n            <li>Traitement pr\u00e9ventif du bois<\/li>\n            <li>Traitement contre les insectes<\/li>\n            <li>Protection de la charpente<\/li>\n            <li>Entretien des \u00e9l\u00e9ments en bois<\/li>\n          <\/ul>\n        <\/div>\n\n      <\/article>\n\n      <!-- 6. REMPLACEMENT DE CHEVRONS -->\n      <article class=\"svc-card\">\n\n        <div class=\"svc-photos\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/10\/IMG-20250416-WA0134.jpg\"\n            alt=\"Remplacement de chevrons en bois\">\n        <\/div>\n\n        <div class=\"svc-body\">\n          <h3>Remplacement de chevrons<\/h3>\n\n          <p>\n            Les chevrons endommag\u00e9s peuvent \u00eatre remplac\u00e9s afin de conserver une structure de toiture adapt\u00e9e et durable.\n          <\/p>\n\n          <ul>\n            <li>Remplacement de chevrons ab\u00eem\u00e9s<\/li>\n            <li>R\u00e9paration des \u00e9l\u00e9ments en bois<\/li>\n            <li>Remise en \u00e9tat des supports<\/li>\n            <li>Travaux adapt\u00e9s \u00e0 la charpente<\/li>\n          <\/ul>\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================\n     LIGHTBOX\n========================= -->\n\n<div class=\"svc-lb\" id=\"svcLb\" aria-hidden=\"true\">\n\n  <button class=\"x\" type=\"button\" aria-label=\"Fermer\">\n    \u00d7\n  <\/button>\n\n  <button class=\"prev\" type=\"button\" aria-label=\"Photo pr\u00e9c\u00e9dente\">\n    \u2039\n  <\/button>\n\n  <img decoding=\"async\" src=\"\" alt=\"\">\n\n  <button class=\"next\" type=\"button\" aria-label=\"Photo suivante\">\n    \u203a\n  <\/button>\n\n  <div class=\"cap\"><\/div>\n\n<\/div>\n\n\n<script>\n(function(){\n\n  var lb = document.getElementById('svcLb');\n\n  if(!lb) return;\n\n  var im = lb.querySelector('img');\n  var cap = lb.querySelector('.cap');\n\n  var list = [];\n  var i = 0;\n\n\n  function show(){\n\n    if(!list.length) return;\n\n    im.src = list[i].src;\n    im.alt = list[i].alt;\n\n    cap.textContent =\n      list[i].alt + ' \u2014 ' +\n      (i + 1) + '\/' +\n      list.length;\n\n  }\n\n\n  function close(){\n\n    lb.classList.remove('open');\n\n    lb.setAttribute(\n      'aria-hidden',\n      'true'\n    );\n\n    document.body.style.overflow = '';\n\n  }\n\n\n  function move(d){\n\n    i = (i + d + list.length) % list.length;\n\n    show();\n\n  }\n\n\n  document\n    .querySelectorAll('.svc-photos')\n    .forEach(function(box){\n\n      var imgs =\n        box.querySelectorAll('img');\n\n\n      box.addEventListener(\n        'click',\n        function(){\n\n          list =\n            Array.prototype.slice.call(imgs);\n\n          i = 0;\n\n          show();\n\n          lb.classList.add('open');\n\n          lb.setAttribute(\n            'aria-hidden',\n            'false'\n          );\n\n          document.body.style.overflow =\n            'hidden';\n\n        }\n      );\n\n    });\n\n\n  lb.querySelector('.x').onclick =\n    close;\n\n\n  lb.querySelector('.prev').onclick =\n    function(){\n\n      move(-1);\n\n    };\n\n\n  lb.querySelector('.next').onclick =\n    function(){\n\n      move(1);\n\n    };\n\n\n  lb.addEventListener(\n    'click',\n    function(e){\n\n      if(e.target === lb){\n\n        close();\n\n      }\n\n    }\n  );\n\n\n  document.addEventListener(\n    'keydown',\n    function(e){\n\n      if(!lb.classList.contains('open'))\n        return;\n\n      if(e.key === 'Escape')\n        close();\n\n      if(e.key === 'ArrowLeft')\n        move(-1);\n\n      if(e.key === 'ArrowRight')\n        move(1);\n\n    }\n  );\n\n})();\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ada630c e-con-full e-flex e-con e-parent\" data-id=\"ada630c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6f94ca elementor-widget elementor-widget-shortcode\" data-id=\"c6f94ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* =========================\n   POURQUOI NOUS CHOISIR\n========================= *\/\n\n.choose{\n  --yellow:#FFC400;\n  --black:#111111;\n  --grey:#666666;\n\n  width:100vw;\n  position:relative;\n  left:50%;\n  right:50%;\n  margin-left:-50vw;\n  margin-right:-50vw;\n\n  background:#fff;\n  color:var(--black);\n\n  font-family:'Inter',sans-serif;\n\n  padding:95px 25px 105px;\n\n  box-sizing:border-box;\n}\n\n.choose *{\n  box-sizing:border-box;\n}\n\n.choose-in{\n  width:100%;\n  max-width:1450px;\n  margin:0 auto;\n}\n\n\n\/* =========================\n   EN-T\u00caTE\n========================= *\/\n\n.choose-kicker{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  gap:12px;\n\n  color:var(--yellow);\n\n  font-size:14px;\n  font-weight:700;\n\n  letter-spacing:2px;\n  text-transform:uppercase;\n\n  margin-bottom:12px;\n}\n\n.choose-kicker:before,\n.choose-kicker:after{\n  content:\"\";\n\n  width:35px;\n  height:2px;\n\n  background:var(--yellow);\n}\n\n.choose-title{\n  font-family:'Outfit',sans-serif;\n\n  text-align:center;\n\n  font-size:46px;\n  line-height:1.15;\n\n  font-weight:800;\n\n  margin:0 0 16px;\n\n  color:var(--black);\n}\n\n.choose-title span{\n  color:var(--yellow);\n}\n\n.choose-sub{\n  max-width:760px;\n\n  margin:0 auto 60px;\n\n  text-align:center;\n\n  color:#666;\n\n  font-size:16px;\n  line-height:1.7;\n}\n\n\n\/* =========================\n   GRILLE\n========================= *\/\n\n.choose-grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,minmax(0,1fr));\n\n  gap:28px;\n}\n\n\n\/* =========================\n   CARTE\n========================= *\/\n\n.choose-card{\n  position:relative;\n\n  background:#fff;\n\n  border:1px solid #e7e7e7;\n\n  padding:38px 32px 36px;\n\n  min-height:285px;\n\n  overflow:hidden;\n\n  box-shadow:0 5px 18px rgba(0,0,0,.055);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    border-color .25s ease;\n}\n\n.choose-card:hover{\n  transform:translateY(-7px);\n\n  border-color:var(--yellow);\n\n  box-shadow:\n    0 16px 38px rgba(0,0,0,.11);\n}\n\n\n\/* Petite barre jaune *\/\n\n.choose-card:before{\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  left:0;\n\n  width:100%;\n  height:5px;\n\n  background:var(--yellow);\n}\n\n\n\/* =========================\n   IC\u00d4NE\n========================= *\/\n\n.choose-icon{\n  width:62px;\n  height:62px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:#fff;\n\n  border:1px solid #e5e5e5;\n\n  color:#111;\n\n  font-size:27px;\n\n  margin-bottom:24px;\n\n  position:relative;\n}\n\n.choose-icon:after{\n  content:\"\";\n\n  position:absolute;\n\n  width:8px;\n  height:8px;\n\n  background:var(--yellow);\n\n  right:-4px;\n  bottom:-4px;\n}\n\n\n\/* =========================\n   TITRE\n========================= *\/\n\n.choose-card h3{\n  font-family:'Outfit',sans-serif;\n\n  font-size:22px;\n  line-height:1.2;\n\n  font-weight:700;\n\n  margin:0 0 12px;\n\n  color:#111;\n}\n\n\n\/* =========================\n   TEXTE\n========================= *\/\n\n.choose-card p{\n  margin:0;\n\n  color:#666;\n\n  font-size:14px;\n\n  line-height:1.7;\n}\n\n\n\/* =========================\n   PETIT LABEL\n========================= *\/\n\n.choose-label{\n  display:inline-flex;\n\n  align-items:center;\n\n  margin-top:22px;\n\n  padding:7px 11px;\n\n  background:#fff8d9;\n\n  color:#111;\n\n  font-size:11px;\n\n  font-weight:700;\n\n  letter-spacing:.5px;\n\n  text-transform:uppercase;\n}\n\n.choose-label:before{\n  content:\"\";\n\n  width:7px;\n  height:7px;\n\n  background:var(--yellow);\n\n  margin-right:7px;\n\n  border-radius:50%;\n}\n\n\n\/* =========================\n   BLOC BAS\n========================= *\/\n\n.choose-bottom{\n  margin:55px auto 0;\n\n  max-width:1000px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:18px;\n\n  padding:22px 28px;\n\n  background:#111;\n\n  color:#fff;\n\n  text-align:center;\n}\n\n.choose-bottom strong{\n  color:var(--yellow);\n\n  font-family:'Outfit',sans-serif;\n\n  font-size:18px;\n}\n\n.choose-bottom span{\n  font-size:14px;\n\n  line-height:1.5;\n\n  color:#ddd;\n}\n\n\n\/* =========================\n   TABLETTE\n========================= *\/\n\n@media(max-width:1000px){\n\n  .choose{\n    padding:80px 22px 90px;\n  }\n\n  .choose-title{\n    font-size:40px;\n  }\n\n  .choose-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n\n    gap:24px;\n  }\n\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:650px){\n\n  .choose{\n    padding:65px 16px 75px;\n  }\n\n  .choose-kicker{\n    font-size:12px;\n\n    letter-spacing:1.7px;\n  }\n\n  .choose-kicker:before,\n  .choose-kicker:after{\n    width:22px;\n  }\n\n  .choose-title{\n    font-size:31px;\n\n    line-height:1.18;\n  }\n\n  .choose-sub{\n    font-size:15px;\n\n    margin-bottom:38px;\n  }\n\n  .choose-grid{\n    grid-template-columns:1fr;\n\n    gap:18px;\n  }\n\n  .choose-card{\n    min-height:auto;\n\n    padding:30px 24px 30px;\n  }\n\n  .choose-card h3{\n    font-size:21px;\n  }\n\n  .choose-bottom{\n    margin-top:38px;\n\n    padding:22px 18px;\n\n    display:block;\n  }\n\n  .choose-bottom strong{\n    display:block;\n\n    margin-bottom:7px;\n  }\n\n}\n\n\n\/* =========================\n   PETIT MOBILE\n========================= *\/\n\n@media(max-width:400px){\n\n  .choose-title{\n    font-size:28px;\n  }\n\n}\n<\/style>\n\n\n<section class=\"choose\">\n\n  <div class=\"choose-in\">\n\n\n    <!-- EN-T\u00caTE -->\n\n    <div class=\"choose-kicker\">\n      Notre engagement\n    <\/div>\n\n    <h2 class=\"choose-title\">\n      Pourquoi <span>nous choisir ?<\/span>\n    <\/h2>\n\n    <p class=\"choose-sub\">\n      Pour vos travaux de toiture, nous privil\u00e9gions une approche\n      claire, s\u00e9rieuse et adapt\u00e9e \u00e0 chaque projet.\n    <\/p>\n\n\n    <!-- CARTES -->\n\n    <div class=\"choose-grid\">\n\n\n      <!-- 1 -->\n\n      <article class=\"choose-card\">\n\n        <div class=\"choose-icon\">\n          \u2713\n        <\/div>\n\n        <h3>\n          Travail soign\u00e9\n        <\/h3>\n\n        <p>\n          Chaque intervention est r\u00e9alis\u00e9e avec attention,\n          avec le souci d'un travail propre et adapt\u00e9 aux\n          caract\u00e9ristiques de votre toiture.\n        <\/p>\n\n        <div class=\"choose-label\">\n          Qualit\u00e9 de r\u00e9alisation\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 2 -->\n\n      <article class=\"choose-card\">\n\n        <div class=\"choose-icon\">\n          \u26a1\n        <\/div>\n\n        <h3>\n          R\u00e9activit\u00e9\n        <\/h3>\n\n        <p>\n          Nous accordons une attention particuli\u00e8re aux demandes\n          de r\u00e9paration, de fuite et aux situations n\u00e9cessitant\n          une intervention rapide.\n        <\/p>\n\n        <div class=\"choose-label\">\n          Intervention rapide\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 3 -->\n\n      <article class=\"choose-card\">\n\n        <div class=\"choose-icon\">\n          \ud83d\udd0d\n        <\/div>\n\n        <h3>\n          Diagnostic pr\u00e9cis\n        <\/h3>\n\n        <p>\n          Avant les travaux, nous cherchons \u00e0 identifier\n          pr\u00e9cis\u00e9ment les probl\u00e8mes pr\u00e9sents afin de d\u00e9terminer\n          les interventions n\u00e9cessaires.\n        <\/p>\n\n        <div class=\"choose-label\">\n          Analyse du besoin\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 4 -->\n\n      <article class=\"choose-card\">\n\n        <div class=\"choose-icon\">\n          \ud83d\udccb\n        <\/div>\n\n        <h3>\n          Devis clair\n        <\/h3>\n\n        <p>\n          Les travaux envisag\u00e9s sont pr\u00e9sent\u00e9s de mani\u00e8re\n          compr\u00e9hensible afin que vous puissiez conna\u00eetre\n          pr\u00e9cis\u00e9ment le contenu de votre projet.\n        <\/p>\n\n        <div class=\"choose-label\">\n          Transparence\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 5 -->\n\n      <article class=\"choose-card\">\n\n        <div class=\"choose-icon\">\n          \ud83c\udfe0\n        <\/div>\n\n        <h3>\n          Savoir-faire toiture\n        <\/h3>\n\n        <p>\n          Nous intervenons sur diff\u00e9rents travaux li\u00e9s \u00e0 la\n          couverture, \u00e0 la r\u00e9paration et \u00e0 l'entretien de toiture.\n        <\/p>\n\n        <div class=\"choose-label\">\n          Travaux de toiture\n        <\/div>\n\n      <\/article>\n\n\n      <!-- 6 -->\n\n      <article class=\"choose-card\">\n\n        <div class=\"choose-icon\">\n          \ud83e\udd1d\n        <\/div>\n\n        <h3>\n          Accompagnement\n        <\/h3>\n\n        <p>\n          Nous restons \u00e0 votre \u00e9coute tout au long du projet\n          afin de r\u00e9pondre \u00e0 vos questions et de vous accompagner\n          dans vos travaux.\n        <\/p>\n\n        <div class=\"choose-label\">\n          \u00c0 votre \u00e9coute\n        <\/div>\n\n      <\/article>\n\n\n    <\/div>\n\n\n    <!-- BLOC FINAL -->\n\n    <div class=\"choose-bottom\">\n\n      <strong>\n        Un projet de toiture ?\n      <\/strong>\n\n      <span>\n        \u00c9changez avec nous pour pr\u00e9senter votre besoin\n        et obtenir davantage d'informations sur votre projet.\n      <\/span>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f1d4fa1 e-con-full e-flex e-con e-parent\" data-id=\"f1d4fa1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ece0937 elementor-widget elementor-widget-shortcode\" data-id=\"ece0937\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n.zn{\n  --y:#FFC400;\n  width:100vw;\n  position:relative;\n  left:50%;\n  right:50%;\n  margin:0 -50vw;\n  background:#F8FAFC;\n  color:#111;\n  font-family:'Inter',sans-serif;\n  padding:110px 30px;\n  box-sizing:border-box;\n}\n\n.zn *{\n  box-sizing:border-box;\n}\n\n.zn-in{\n  max-width:1200px;\n  margin:auto;\n}\n\n\/* KICKER *\/\n.zn-kicker{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:12px;\n  color:var(--y);\n  font-weight:700;\n  font-size:15px;\n  text-transform:uppercase;\n  letter-spacing:2.5px;\n  margin-bottom:14px;\n}\n\n.zn-kicker:before,\n.zn-kicker:after{\n  content:\"\";\n  width:35px;\n  height:2px;\n  background:var(--y);\n}\n\n\/* TITRE *\/\n.zn-title{\n  font-family:'Outfit',sans-serif;\n  text-align:center;\n  font-size:46px;\n  line-height:1.15;\n  font-weight:800;\n  margin:0 0 16px;\n  color:#111;\n}\n\n.zn-title span{\n  color:var(--y);\n}\n\n\/* SOUS-TITRE *\/\n.zn-sub{\n  text-align:center;\n  color:#555;\n  font-size:18px;\n  max-width:820px;\n  margin:0 auto 65px;\n  line-height:1.7;\n}\n\n\/* GRILLE *\/\n.zn-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n}\n\n\/* CARTE *\/\n.zn-card{\n  display:flex;\n  align-items:center;\n  gap:17px;\n  background:#fff;\n  border:1px solid #eee;\n  border-left:5px solid var(--y);\n  border-radius:16px;\n  padding:24px;\n  min-height:88px;\n  box-shadow:0 7px 22px rgba(0,0,0,.07);\n  transition:transform .25s,box-shadow .25s;\n}\n\n.zn-card:hover{\n  transform:translateY(-5px);\n  box-shadow:0 16px 34px rgba(0,0,0,.12);\n}\n\n\/* ICONE *\/\n.zn-ico{\n  flex-shrink:0;\n  width:46px;\n  height:46px;\n  border-radius:50%;\n  background:var(--y);\n  display:grid;\n  place-items:center;\n}\n\n.zn-ico svg{\n  width:22px;\n  height:22px;\n  fill:#111;\n}\n\n\/* NOM DES VILLES *\/\n.zn-card h3{\n  font-family:'Outfit',sans-serif;\n  font-size:21px;\n  font-weight:700;\n  margin:0;\n  color:#111;\n  line-height:1.2;\n}\n\n\n\/* TABLETTE *\/\n@media(max-width:900px){\n\n  .zn{\n    padding:90px 25px;\n  }\n\n  .zn-title{\n    font-size:40px;\n  }\n\n  .zn-grid{\n    grid-template-columns:repeat(2,1fr);\n    gap:20px;\n  }\n}\n\n\n\/* MOBILE *\/\n@media(max-width:640px){\n\n  .zn{\n    padding:70px 18px;\n  }\n\n  .zn-kicker{\n    font-size:12px;\n    letter-spacing:1.7px;\n    gap:10px;\n  }\n\n  .zn-kicker:before,\n  .zn-kicker:after{\n    width:22px;\n  }\n\n  .zn-title{\n    font-size:31px;\n    line-height:1.18;\n    font-weight:800;\n  }\n\n  .zn-sub{\n    font-size:16px;\n    margin-bottom:45px;\n  }\n\n  .zn-grid{\n    grid-template-columns:1fr;\n    gap:16px;\n  }\n\n  .zn-card{\n    min-height:82px;\n    padding:20px;\n  }\n\n  .zn-card h3{\n    font-size:20px;\n  }\n}\n\n\n\/* PETITS MOBILES *\/\n@media(max-width:400px){\n\n  .zn-title{\n    font-size:28px;\n  }\n\n  .zn-card{\n    padding:18px;\n  }\n}\n<\/style>\n\n\n<section class=\"zn\">\n\n  <div class=\"zn-in\">\n\n    <div class=\"zn-kicker\">\n      Zone d'intervention\n    <\/div>\n\n    <h2 class=\"zn-title\">\n      Nous intervenons \u00e0 <span>Sevignacq<\/span> & ses environs\n    <\/h2>\n\n    <p class=\"zn-sub\">\n      Nos \u00e9quipes se d\u00e9placent dans tout le d\u00e9partement. Devis gratuit et d\u00e9placement rapide dans les villes ci-dessous et leurs environs.\n    <\/p>\n\n    <div class=\"zn-grid\">\n\n      <!-- PAU -->\n      <div class=\"zn-card\">\n        <span class=\"zn-ico\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 0 0 5z\"\/>\n          <\/svg>\n        <\/span>\n        <h3>Pau<\/h3>\n      <\/div>\n\n      <!-- BAYONNE -->\n      <div class=\"zn-card\">\n        <span class=\"zn-ico\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 0 0 5z\"\/>\n          <\/svg>\n        <\/span>\n        <h3>Bayonne<\/h3>\n      <\/div>\n\n      <!-- ANGLET -->\n      <div class=\"zn-card\">\n        <span class=\"zn-ico\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 0 0 5z\"\/>\n          <\/svg>\n        <\/span>\n        <h3>Anglet<\/h3>\n      <\/div>\n\n      <!-- BIARRITZ -->\n      <div class=\"zn-card\">\n        <span class=\"zn-ico\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 0 0 5z\"\/>\n          <\/svg>\n        <\/span>\n        <h3>Biarritz<\/h3>\n      <\/div>\n\n      <!-- HENDAYE -->\n      <div class=\"zn-card\">\n        <span class=\"zn-ico\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 0 0 5z\"\/>\n          <\/svg>\n        <\/span>\n        <h3>Hendaye<\/h3>\n      <\/div>\n\n      <!-- SAINT-JEAN-DE-LUZ -->\n      <div class=\"zn-card\">\n        <span class=\"zn-ico\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 0 0 5z\"\/>\n          <\/svg>\n        <\/span>\n        <h3>Saint-Jean-de-Luz<\/h3>\n      <\/div>\n\n      <!-- ORTHEZ -->\n      <div class=\"zn-card\">\n        <span class=\"zn-ico\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 0 0 5z\"\/>\n          <\/svg>\n        <\/span>\n        <h3>Orthez<\/h3>\n      <\/div>\n\n      <!-- OLORON-SAINTE-MARIE -->\n      <div class=\"zn-card\">\n        <span class=\"zn-ico\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 0 0 5z\"\/>\n          <\/svg>\n        <\/span>\n        <h3>Oloron-Sainte-Marie<\/h3>\n      <\/div>\n\n      <!-- LESCAR -->\n      <div class=\"zn-card\">\n        <span class=\"zn-ico\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 0 0 5z\"\/>\n          <\/svg>\n        <\/span>\n        <h3>Lescar<\/h3>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac7486a e-con-full e-flex e-con e-parent\" data-id=\"ac7486a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23da6d5 elementor-widget elementor-widget-menu-anchor\" data-id=\"23da6d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"realisations\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2caac9f elementor-widget elementor-widget-shortcode\" data-id=\"2caac9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* =========================\n   SECTION R\u00c9ALISATIONS\n========================= *\/\n\n.real{\n  --yellow:#FFC400;\n  --black:#111111;\n  --grey:#666666;\n\n  width:100vw;\n  position:relative;\n  left:50%;\n  right:50%;\n  margin-left:-50vw;\n  margin-right:-50vw;\n\n  background:#ffffff;\n  color:var(--black);\n\n  font-family:'Inter',sans-serif;\n  padding:95px 25px 105px;\n\n  box-sizing:border-box;\n}\n\n.real *{\n  box-sizing:border-box;\n}\n\n.real-in{\n  width:100%;\n  max-width:1600px;\n  margin:0 auto;\n}\n\n\/* EN-T\u00caTE *\/\n.real-kicker{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:12px;\n\n  color:var(--yellow);\n  font-size:14px;\n  font-weight:700;\n  letter-spacing:2px;\n  text-transform:uppercase;\n\n  margin-bottom:12px;\n}\n\n.real-kicker:before,\n.real-kicker:after{\n  content:\"\";\n  width:35px;\n  height:2px;\n  background:var(--yellow);\n}\n\n.real-title{\n  font-family:'Outfit',sans-serif;\n  text-align:center;\n  font-size:46px;\n  line-height:1.15;\n  font-weight:800;\n  margin:0 0 16px;\n  color:var(--black);\n}\n\n.real-title span{\n  color:var(--yellow);\n}\n\n.real-sub{\n  max-width:700px;\n  margin:0 auto 55px;\n  text-align:center;\n  color:#666;\n  font-size:16px;\n  line-height:1.7;\n}\n\n\/* GRILLE *\/\n.real-grid{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:32px;\n}\n\n\/* CARTE *\/\n.real-card{\n  position:relative;\n  background:#fff;\n  overflow:hidden;\n  border:1px solid #e9e9e9;\n  box-shadow:0 5px 18px rgba(0,0,0,.07);\n  transition:transform .25s ease, box-shadow .25s ease;\n}\n\n.real-card:hover{\n  transform:translateY(-5px);\n  box-shadow:0 14px 35px rgba(0,0,0,.13);\n}\n\n\/* PHOTO *\/\n.real-photo{\n  position:relative;\n  width:100%;\n  height:390px;\n  overflow:hidden;\n  background:#ddd;\n}\n\n.real-photo img{\n  width:100%;\n  height:100%;\n  display:block;\n  object-fit:cover;\n  transition:transform .5s ease;\n}\n\n.real-card:hover .real-photo img{\n  transform:scale(1.04);\n}\n\n\/* BADGE *\/\n.real-badge{\n  position:absolute;\n  left:18px;\n  bottom:18px;\n  background:var(--yellow);\n  color:#111;\n  padding:8px 13px;\n  font-size:12px;\n  font-weight:700;\n  text-transform:uppercase;\n  letter-spacing:.8px;\n}\n\n\/* INFOS *\/\n.real-content{\n  padding:22px 24px 25px;\n  border-top:4px solid var(--yellow);\n}\n\n.real-content h3{\n  font-family:'Outfit',sans-serif;\n  font-size:23px;\n  line-height:1.2;\n  font-weight:700;\n  margin:0 0 9px;\n  color:#111;\n}\n\n\/* TAGS *\/\n.real-tags{\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px;\n  margin:0 0 12px;\n}\n\n.real-tags span{\n  display:inline-block;\n  background:rgba(255,196,0,.2);\n  color:#7a5c00;\n  border:1px solid rgba(255,196,0,.55);\n  border-radius:99px;\n  padding:5px 12px;\n  font-size:12px;\n  font-weight:700;\n  line-height:1.2;\n}\n\n.real-detail{\n  margin:0;\n  color:#555;\n  font-size:14px;\n  line-height:1.55;\n}\n\n\/* BOUTON *\/\n.real-bottom{\n  text-align:center;\n  margin-top:48px;\n}\n\n.real-button{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n  background:var(--yellow);\n  color:#111;\n  padding:14px 25px;\n  text-decoration:none;\n  font-family:'Outfit',sans-serif;\n  font-size:15px;\n  font-weight:700;\n  transition:background .2s ease, transform .2s ease;\n}\n\n.real-button:hover{\n  background:#111;\n  color:#fff;\n  transform:translateY(-2px);\n}\n\n.real-button-arrow{\n  font-size:18px;\n  line-height:1;\n}\n\n\/* TABLETTE *\/\n@media(max-width:1000px){\n  .real{ padding:80px 22px 90px; }\n  .real-title{ font-size:40px; }\n  .real-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:24px;\n  }\n  .real-photo{ height:330px; }\n}\n\n\/* MOBILE *\/\n@media(max-width:650px){\n  .real{ padding:65px 16px 75px; }\n  .real-kicker{ font-size:12px; letter-spacing:1.7px; }\n  .real-kicker:before,\n  .real-kicker:after{ width:22px; }\n  .real-title{ font-size:31px; line-height:1.18; }\n  .real-sub{ font-size:15px; margin-bottom:38px; }\n  .real-grid{ grid-template-columns:1fr; gap:24px; }\n  .real-photo{ height:290px; }\n  .real-content{ padding:19px 20px 21px; }\n  .real-content h3{ font-size:21px; }\n  .real-detail{ font-size:14px; }\n}\n\n\/* PETIT MOBILE *\/\n@media(max-width:400px){\n  .real-photo{ height:250px; }\n  .real-title{ font-size:28px; }\n}\n<\/style>\n\n<section class=\"real\">\n\n  <div class=\"real-in\">\n\n    <!-- EN-T\u00caTE -->\n    <div class=\"real-kicker\">Nos r\u00e9alisations<\/div>\n\n    <h2 class=\"real-title\">\n      Nos travaux de charpente <span>r\u00e9alis\u00e9s avec soin<\/span>\n    <\/h2>\n\n    <p class=\"real-sub\">\n      D\u00e9couvrez quelques exemples de travaux de charpente,\n      de r\u00e9novation, de r\u00e9paration et de remplacement d'\u00e9l\u00e9ments en bois.\n    <\/p>\n\n    <!-- R\u00c9ALISATIONS -->\n    <div class=\"real-grid\">\n\n      <!-- 1 -->\n      <article class=\"real-card\">\n        <div class=\"real-photo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/03\/IMG-20250415-WA0039-1.jpg\"\n            alt=\"R\u00e9novation de charpente en bois\"\n            loading=\"lazy\"\n          >\n          <div class=\"real-badge\">R\u00e9novation<\/div>\n        <\/div>\n        <div class=\"real-content\">\n          <h3>R\u00e9novation de charpente<\/h3>\n          <div class=\"real-tags\"><span>Structure en bois<\/span><span>R\u00e9novation<\/span><\/div>\n          <p class=\"real-detail\">Remise en \u00e9tat des \u00e9l\u00e9ments de charpente et r\u00e9novation de la structure en bois.<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- 2 -->\n      <article class=\"real-card\">\n        <div class=\"real-photo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/10\/IMG-20250416-WA0102.jpg\"\n            alt=\"R\u00e9paration de charpente\"\n            loading=\"lazy\"\n          >\n          <div class=\"real-badge\">R\u00e9paration<\/div>\n        <\/div>\n        <div class=\"real-content\">\n          <h3>R\u00e9paration de charpente<\/h3>\n          <div class=\"real-tags\"><span>Bois<\/span><span>R\u00e9paration<\/span><\/div>\n          <p class=\"real-detail\">R\u00e9paration des \u00e9l\u00e9ments endommag\u00e9s pour pr\u00e9server la stabilit\u00e9 de la charpente.<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- 3 -->\n      <article class=\"real-card\">\n        <div class=\"real-photo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/10\/IMG-20250416-WA0047.jpg\"\n            alt=\"Travaux de charpente traditionnelle\"\n            loading=\"lazy\"\n          >\n          <div class=\"real-badge\">Charpente<\/div>\n        <\/div>\n        <div class=\"real-content\">\n          <h3>Charpente traditionnelle<\/h3>\n          <div class=\"real-tags\"><span>Bois massif<\/span><span>Assemblages<\/span><\/div>\n          <p class=\"real-detail\">Travaux sur les \u00e9l\u00e9ments de charpente traditionnelle et les assemblages en bois.<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- 4 -->\n      <article class=\"real-card\">\n        <div class=\"real-photo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/10\/IMG-20250415-WA0079.jpg\"\n            alt=\"Travaux sur la structure de charpente\"\n            loading=\"lazy\"\n          >\n          <div class=\"real-badge\">R\u00e9novation<\/div>\n        <\/div>\n        <div class=\"real-content\">\n          <h3>R\u00e9novation de structure en bois<\/h3>\n          <div class=\"real-tags\"><span>Structure<\/span><span>Remise en \u00e9tat<\/span><\/div>\n          <p class=\"real-detail\">R\u00e9novation des \u00e9l\u00e9ments de la structure en bois selon l'\u00e9tat de la charpente existante.<\/p>\n        <\/div>\n      <\/article>\n\n<!-- 5 -->\n<article class=\"real-card\">\n  <div class=\"real-photo\">\n    <img decoding=\"async\"\n      src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/03\/IMG-20250416-WA0164.jpg\"\n      alt=\"Extension de maison en ossature bois\"\n      loading=\"lazy\"\n    >\n    <div class=\"real-badge\">Extension bois<\/div>\n  <\/div>\n  <div class=\"real-content\">\n    <h3>Extension de maison en bois<\/h3>\n    <div class=\"real-tags\"><span>Ossature bois<\/span><span>Agrandissement<\/span><\/div>\n    <p class=\"real-detail\">R\u00e9alisation d'une extension en ossature bois pour agrandir votre maison et cr\u00e9er un nouvel espace de vie adapt\u00e9 \u00e0 vos besoins.<\/p>\n  <\/div>\n<\/article>\n\n      <!-- 6 -->\n      <article class=\"real-card\">\n        <div class=\"real-photo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/10\/creneaux.jpg\"\n            alt=\"R\u00e9paration des \u00e9l\u00e9ments de charpente\"\n            loading=\"lazy\"\n          >\n          <div class=\"real-badge\">R\u00e9paration<\/div>\n        <\/div>\n        <div class=\"real-content\">\n          <h3>R\u00e9paration des \u00e9l\u00e9ments en bois<\/h3>\n          <div class=\"real-tags\"><span>Bois<\/span><span>Entretien<\/span><\/div>\n          <p class=\"real-detail\">Remise en \u00e9tat des pi\u00e8ces de bois ab\u00eem\u00e9es et entretien de la charpente existante.<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- 7 -->\n      <article class=\"real-card\">\n        <div class=\"real-photo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/10\/IMG-20250416-WA0145.jpg\"\n            alt=\"Remplacement de chevrons de charpente\"\n            loading=\"lazy\"\n          >\n          <div class=\"real-badge\">Remplacement<\/div>\n        <\/div>\n        <div class=\"real-content\">\n          <h3>Remplacement de chevrons<\/h3>\n          <div class=\"real-tags\"><span>Chevrons<\/span><span>Bois<\/span><\/div>\n          <p class=\"real-detail\">Remplacement des chevrons endommag\u00e9s pour maintenir une structure de toiture adapt\u00e9e.<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- 8 -->\n      <article class=\"real-card\">\n        <div class=\"real-photo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/10\/IMG-20250416-WA0081.jpg\"\n            alt=\"R\u00e9novation de charpente ancienne\"\n            loading=\"lazy\"\n          >\n          <div class=\"real-badge\">R\u00e9novation<\/div>\n        <\/div>\n        <div class=\"real-content\">\n          <h3>R\u00e9novation de charpente ancienne<\/h3>\n          <div class=\"real-tags\"><span>Bois ancien<\/span><span>R\u00e9novation<\/span><\/div>\n          <p class=\"real-detail\">Remise en \u00e9tat de la charpente existante avec des travaux adapt\u00e9s \u00e0 l'\u00e9tat du bois.<\/p>\n        <\/div>\n      <\/article>\n\n      <!-- 9 -->\n      <article class=\"real-card\">\n        <div class=\"real-photo\">\n          <img decoding=\"async\"\n            src=\"https:\/\/romeo-renovation.fr\/wp-content\/uploads\/2026\/10\/IMG-20250416-WA0088.jpg\"\n            alt=\"Travaux sur les \u00e9l\u00e9ments en bois de charpente\"\n            loading=\"lazy\"\n          >\n          <div class=\"real-badge\">Charpente<\/div>\n        <\/div>\n        <div class=\"real-content\">\n          <h3>R\u00e9paration des assemblages en bois<\/h3>\n          <div class=\"real-tags\"><span>Assemblages<\/span><span>Structure<\/span><\/div>\n          <p class=\"real-detail\">R\u00e9paration des assemblages et des jonctions en bois pour pr\u00e9server la stabilit\u00e9 de la charpente.<\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<!-- BOUTON DEVIS -->\n<div class=\"real-bottom\">\n  <a href=\"#devis\" class=\"real-button\">\n    Demander un devis\n    <span class=\"real-button-arrow\">\u2192<\/span>\n  <\/a>\n<\/div>\n\n<\/section><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-049fbdd e-con-full e-flex e-con e-parent\" data-id=\"049fbdd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a576c2b elementor-widget elementor-widget-shortcode\" data-id=\"a576c2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* =========================\n   SECTION COMMENT \u00c7A MARCHE\n========================= *\/\n\n.process{\n  --yellow:#FFC400;\n  --black:#111111;\n  --grey:#666666;\n\n  width:100vw;\n  position:relative;\n  left:50%;\n  right:50%;\n  margin-left:-50vw;\n  margin-right:-50vw;\n\n  background:#F8FAFC;\n  color:var(--black);\n\n  font-family:'Inter',sans-serif;\n\n  padding:95px 25px 105px;\n\n  box-sizing:border-box;\n}\n\n.process *{\n  box-sizing:border-box;\n}\n\n.process-in{\n  width:100%;\n  max-width:1450px;\n  margin:0 auto;\n}\n\n\n\/* =========================\n   EN-T\u00caTE\n========================= *\/\n\n.process-kicker{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  gap:12px;\n\n  color:var(--yellow);\n\n  font-size:14px;\n  font-weight:700;\n\n  letter-spacing:2px;\n  text-transform:uppercase;\n\n  margin-bottom:12px;\n}\n\n.process-kicker:before,\n.process-kicker:after{\n  content:\"\";\n\n  width:35px;\n  height:2px;\n\n  background:var(--yellow);\n}\n\n.process-title{\n  font-family:'Outfit',sans-serif;\n\n  text-align:center;\n\n  font-size:46px;\n  line-height:1.15;\n\n  font-weight:800;\n\n  margin:0 0 16px;\n\n  color:var(--black);\n}\n\n.process-title span{\n  color:var(--yellow);\n}\n\n.process-sub{\n  max-width:760px;\n\n  margin:0 auto 65px;\n\n  text-align:center;\n\n  color:#666;\n\n  font-size:16px;\n  line-height:1.7;\n}\n\n\n\/* =========================\n   \u00c9TAPES\n========================= *\/\n\n.process-grid{\n  display:grid;\n\n  grid-template-columns:repeat(4,minmax(0,1fr));\n\n  gap:25px;\n\n  position:relative;\n}\n\n\n\/* =========================\n   LIGNE JAUNE\n========================= *\/\n\n.process-grid:before{\n  content:\"\";\n\n  position:absolute;\n\n  top:45px;\n\n  left:12%;\n\n  right:12%;\n\n  height:2px;\n\n  background:var(--yellow);\n\n  z-index:0;\n}\n\n\n\/* =========================\n   CARTE\n========================= *\/\n\n.process-card{\n  position:relative;\n\n  z-index:1;\n\n  background:#fff;\n\n  border:1px solid #e9e9e9;\n\n  padding:35px 28px 32px;\n\n  text-align:center;\n\n  min-height:290px;\n\n  box-shadow:0 5px 18px rgba(0,0,0,.06);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    border-color .25s ease;\n}\n\n.process-card:hover{\n  transform:translateY(-6px);\n\n  border-color:var(--yellow);\n\n  box-shadow:\n    0 15px 38px rgba(0,0,0,.12);\n}\n\n\n\/* =========================\n   NUM\u00c9RO\n========================= *\/\n\n.process-number{\n  width:72px;\n  height:72px;\n\n  margin:0 auto 25px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:var(--yellow);\n\n  color:#111;\n\n  border:7px solid #fff;\n\n  outline:1px solid #e5e5e5;\n\n  border-radius:50%;\n\n  font-family:'Outfit',sans-serif;\n\n  font-size:25px;\n  font-weight:800;\n\n  box-shadow:0 5px 15px rgba(0,0,0,.08);\n}\n\n\n\/* =========================\n   IC\u00d4NE\n========================= *\/\n\n.process-icon{\n  font-size:30px;\n\n  line-height:1;\n\n  margin-bottom:17px;\n}\n\n\n\/* =========================\n   TITRE CARTE\n========================= *\/\n\n.process-card h3{\n  font-family:'Outfit',sans-serif;\n\n  font-size:22px;\n  line-height:1.2;\n\n  font-weight:700;\n\n  margin:0 0 12px;\n\n  color:#111;\n}\n\n\n\/* =========================\n   TEXTE\n========================= *\/\n\n.process-card p{\n  margin:0;\n\n  color:#666;\n\n  font-size:14px;\n\n  line-height:1.65;\n}\n\n\n\/* =========================\n   BLOC FINAL\n========================= *\/\n\n.process-bottom{\n  margin:55px auto 0;\n\n  max-width:850px;\n\n  text-align:center;\n}\n\n.process-bottom p{\n  margin:0;\n\n  color:#555;\n\n  font-size:15px;\n\n  line-height:1.7;\n}\n\n\n\/* =========================\n   TABLETTE\n========================= *\/\n\n@media(max-width:1000px){\n\n  .process{\n    padding:80px 22px 90px;\n  }\n\n  .process-title{\n    font-size:40px;\n  }\n\n  .process-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n\n    gap:25px;\n  }\n\n  .process-grid:before{\n    display:none;\n  }\n\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:650px){\n\n  .process{\n    padding:65px 16px 75px;\n  }\n\n  .process-kicker{\n    font-size:12px;\n\n    letter-spacing:1.7px;\n  }\n\n  .process-kicker:before,\n  .process-kicker:after{\n    width:22px;\n  }\n\n  .process-title{\n    font-size:31px;\n\n    line-height:1.18;\n  }\n\n  .process-sub{\n    font-size:15px;\n\n    margin-bottom:38px;\n  }\n\n  .process-grid{\n    grid-template-columns:1fr;\n\n    gap:20px;\n  }\n\n  .process-card{\n    min-height:auto;\n\n    padding:28px 23px 30px;\n  }\n\n  .process-number{\n    width:65px;\n    height:65px;\n\n    font-size:23px;\n\n    margin-bottom:20px;\n  }\n\n  .process-card h3{\n    font-size:21px;\n  }\n\n}\n\n\n\/* =========================\n   PETIT MOBILE\n========================= *\/\n\n@media(max-width:400px){\n\n  .process-title{\n    font-size:28px;\n  }\n\n}\n<\/style>\n\n\n<section class=\"process\">\n\n  <div class=\"process-in\">\n\n\n    <!-- EN-T\u00caTE -->\n\n    <div class=\"process-kicker\">\n      Notre m\u00e9thode\n    <\/div>\n\n    <h2 class=\"process-title\">\n      Comment se d\u00e9roule votre <span>projet ?<\/span>\n    <\/h2>\n\n    <p class=\"process-sub\">\n      De votre premi\u00e8re prise de contact jusqu'\u00e0 la r\u00e9alisation des travaux,\n      nous vous accompagnons \u00e0 chaque \u00e9tape de votre projet de toiture.\n    <\/p>\n\n\n    <!-- \u00c9TAPES -->\n\n    <div class=\"process-grid\">\n\n\n      <!-- \u00c9TAPE 1 -->\n\n      <article class=\"process-card\">\n\n        <div class=\"process-number\">\n          01\n        <\/div>\n\n        <div class=\"process-icon\">\n          \ud83d\udcde\n        <\/div>\n\n        <h3>\n          Prise de contact\n        <\/h3>\n\n        <p>\n          Contactez-nous par t\u00e9l\u00e9phone ou via notre formulaire\n          et expliquez-nous votre besoin concernant votre toiture.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- \u00c9TAPE 2 -->\n\n      <article class=\"process-card\">\n\n        <div class=\"process-number\">\n          02\n        <\/div>\n\n        <div class=\"process-icon\">\n          \ud83d\udd0d\n        <\/div>\n\n        <h3>\n          \u00c9valuation\n        <\/h3>\n\n        <p>\n          Nous \u00e9changeons avec vous afin de comprendre les travaux\n          n\u00e9cessaires et d'\u00e9valuer l'\u00e9tat de votre toiture.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- \u00c9TAPE 3 -->\n\n      <article class=\"process-card\">\n\n        <div class=\"process-number\">\n          03\n        <\/div>\n\n        <div class=\"process-icon\">\n          \ud83d\udccb\n        <\/div>\n\n        <h3>\n          Devis\n        <\/h3>\n\n        <p>\n          Les travaux \u00e0 pr\u00e9voir sont d\u00e9finis afin de vous proposer\n          un devis adapt\u00e9 \u00e0 votre projet.\n        <\/p>\n\n      <\/article>\n\n\n      <!-- \u00c9TAPE 4 -->\n\n      <article class=\"process-card\">\n\n        <div class=\"process-number\">\n          04\n        <\/div>\n\n        <div class=\"process-icon\">\n          \ud83c\udfe0\n        <\/div>\n\n        <h3>\n          Intervention\n        <\/h3>\n\n        <p>\n          Une fois le projet valid\u00e9, notre \u00e9quipe intervient\n          pour r\u00e9aliser les travaux de toiture pr\u00e9vus.\n        <\/p>\n\n      <\/article>\n\n\n    <\/div>\n\n\n    <!-- TEXTE FINAL -->\n\n    <div class=\"process-bottom\">\n\n      <p>\n        Notre objectif : vous permettre de comprendre clairement\n        les travaux \u00e0 r\u00e9aliser avant le d\u00e9but de l'intervention.\n      <\/p>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af65797 e-con-full e-flex e-con e-parent\" data-id=\"af65797\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdb9146 elementor-widget elementor-widget-menu-anchor\" data-id=\"bdb9146\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"faq\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd2a875 elementor-widget elementor-widget-shortcode\" data-id=\"cd2a875\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* =========================\n   SECTION FAQ\n========================= *\/\n\n.faq{\n  --yellow:#FFC400;\n  --black:#111111;\n  --grey:#666666;\n\n  width:100vw;\n  position:relative;\n  left:50%;\n  right:50%;\n  margin-left:-50vw;\n  margin-right:-50vw;\n\n  background:#ffffff;\n  color:var(--black);\n\n  font-family:'Inter',sans-serif;\n\n  padding:95px 25px 105px;\n\n  box-sizing:border-box;\n}\n\n.faq *{\n  box-sizing:border-box;\n}\n\n.faq-in{\n  width:100%;\n  max-width:1100px;\n  margin:0 auto;\n}\n\n\n\/* =========================\n   EN-T\u00caTE\n========================= *\/\n\n.faq-kicker{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  gap:12px;\n\n  color:var(--yellow);\n\n  font-size:14px;\n  font-weight:700;\n\n  letter-spacing:2px;\n  text-transform:uppercase;\n\n  margin-bottom:12px;\n}\n\n.faq-kicker:before,\n.faq-kicker:after{\n  content:\"\";\n\n  width:35px;\n  height:2px;\n\n  background:var(--yellow);\n}\n\n.faq-title{\n  font-family:'Outfit',sans-serif;\n\n  text-align:center;\n\n  font-size:46px;\n  line-height:1.15;\n\n  font-weight:800;\n\n  margin:0 0 16px;\n\n  color:var(--black);\n}\n\n.faq-title span{\n  color:var(--yellow);\n}\n\n.faq-sub{\n  max-width:720px;\n\n  margin:0 auto 55px;\n\n  text-align:center;\n\n  color:#666;\n\n  font-size:16px;\n  line-height:1.7;\n}\n\n\n\/* =========================\n   QUESTIONS\n========================= *\/\n\n.faq-list{\n  display:flex;\n  flex-direction:column;\n\n  gap:14px;\n}\n\n\n\/* =========================\n   ITEM\n========================= *\/\n\n.faq-item{\n  border:1px solid #e5e5e5;\n\n  background:#fff;\n\n  transition:\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n.faq-item:hover{\n  border-color:var(--yellow);\n\n  box-shadow:0 8px 25px rgba(0,0,0,.07);\n}\n\n\n\/* =========================\n   QUESTION\n========================= *\/\n\n.faq-item summary{\n  position:relative;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:25px;\n\n  cursor:pointer;\n\n  list-style:none;\n\n  padding:23px 25px;\n\n  font-family:'Outfit',sans-serif;\n\n  font-size:18px;\n  font-weight:700;\n\n  color:#111;\n}\n\n.faq-item summary::-webkit-details-marker{\n  display:none;\n}\n\n\n\/* =========================\n   IC\u00d4NE +\n========================= *\/\n\n.faq-icon{\n  flex-shrink:0;\n\n  width:34px;\n  height:34px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  background:var(--yellow);\n\n  color:#111;\n\n  font-size:22px;\n  font-weight:700;\n\n  line-height:1;\n\n  transition:transform .25s ease;\n}\n\n.faq-item[open] .faq-icon{\n  transform:rotate(45deg);\n}\n\n\n\/* =========================\n   R\u00c9PONSE\n========================= *\/\n\n.faq-answer{\n  padding:0 25px 24px;\n\n  color:#666;\n\n  font-size:15px;\n  line-height:1.75;\n}\n\n.faq-answer p{\n  margin:0;\n\n  max-width:900px;\n}\n\n\n\/* =========================\n   PETITE BARRE JAUNE\n========================= *\/\n\n.faq-item[open]{\n  border-left:4px solid var(--yellow);\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:650px){\n\n  .faq{\n    padding:65px 16px 75px;\n  }\n\n  .faq-kicker{\n    font-size:12px;\n    letter-spacing:1.7px;\n  }\n\n  .faq-kicker:before,\n  .faq-kicker:after{\n    width:22px;\n  }\n\n  .faq-title{\n    font-size:31px;\n    line-height:1.18;\n  }\n\n  .faq-sub{\n    font-size:15px;\n    margin-bottom:38px;\n  }\n\n  .faq-item summary{\n    padding:20px;\n\n    font-size:16px;\n\n    gap:15px;\n  }\n\n  .faq-icon{\n    width:30px;\n    height:30px;\n\n    font-size:20px;\n  }\n\n  .faq-answer{\n    padding:0 20px 21px;\n\n    font-size:14px;\n  }\n\n}\n<\/style>\n\n\n<section class=\"faq\">\n\n  <div class=\"faq-in\">\n\n    <!-- EN-T\u00caTE -->\n\n    <div class=\"faq-kicker\">\n      Questions fr\u00e9quentes\n    <\/div>\n\n    <h2 class=\"faq-title\">\n      Tout savoir sur vos travaux de <span>couverture<\/span>\n    <\/h2>\n\n    <p class=\"faq-sub\">\n      Retrouvez les r\u00e9ponses aux questions les plus fr\u00e9quentes\n      concernant nos interventions, nos services et l'accompagnement\n      propos\u00e9 pour vos travaux de toiture.\n    <\/p>\n\n\n<!-- FAQ -->\n\n<div class=\"faq-list\">\n\n  <!-- 1 -->\n  <details class=\"faq-item\">\n    <summary>\n      <span>\n        Quels travaux de charpente r\u00e9alisons-nous ?\n      <\/span>\n      <span class=\"faq-icon\">+<\/span>\n    <\/summary>\n\n    <div class=\"faq-answer\">\n      <p>\n        Nous intervenons pour diff\u00e9rents travaux de charpente, notamment\n        la r\u00e9paration de charpente, la r\u00e9novation de structures en bois,\n        le remplacement de poutres et de chevrons, le renforcement de\n        charpente et la pose de charpente neuve. Nous adaptons nos\n        interventions \u00e0 l'\u00e9tat de la structure et aux besoins de votre projet.\n      <\/p>\n    <\/div>\n  <\/details>\n\n  <!-- 2 -->\n  <details class=\"faq-item\">\n    <summary>\n      <span>\n        Comment se d\u00e9roule notre intervention sur une charpente ?\n      <\/span>\n      <span class=\"faq-icon\">+<\/span>\n    <\/summary>\n\n    <div class=\"faq-answer\">\n      <p>\n        Nous commen\u00e7ons par examiner votre charpente afin d'identifier\n        les \u00e9ventuelles d\u00e9gradations, les pi\u00e8ces endommag\u00e9es et les travaux\n        n\u00e9cessaires. Selon la situation, nous pouvons proposer une r\u00e9paration,\n        un remplacement d'\u00e9l\u00e9ments ou une r\u00e9novation plus importante afin\n        de pr\u00e9server la solidit\u00e9 de la structure.\n      <\/p>\n    <\/div>\n  <\/details>\n\n  <!-- 3 -->\n  <details class=\"faq-item\">\n    <summary>\n      <span>\n        Que faire en cas de charpente endommag\u00e9e ?\n      <\/span>\n      <span class=\"faq-icon\">+<\/span>\n    <\/summary>\n\n    <div class=\"faq-answer\">\n      <p>\n        Une charpente endommag\u00e9e n\u00e9cessite d'identifier pr\u00e9cis\u00e9ment l'origine\n        et l'\u00e9tendue des d\u00e9gradations. Selon l'\u00e9tat du bois et des assemblages,\n        les travaux peuvent comprendre la r\u00e9paration de certaines pi\u00e8ces,\n        le remplacement de poutres ou de chevrons, ou le renforcement\n        des \u00e9l\u00e9ments concern\u00e9s.\n      <\/p>\n    <\/div>\n  <\/details>\n\n  <!-- 4 -->\n  <details class=\"faq-item\">\n    <summary>\n      <span>\n        Est-il possible de r\u00e9parer uniquement une partie de la charpente ?\n      <\/span>\n      <span class=\"faq-icon\">+<\/span>\n    <\/summary>\n\n    <div class=\"faq-answer\">\n      <p>\n        Oui. Lorsque les dommages sont localis\u00e9s, il est parfois possible\n        d'intervenir uniquement sur les \u00e9l\u00e9ments concern\u00e9s, comme une poutre,\n        un chevron ou un assemblage en bois. Une v\u00e9rification de la structure\n        permet de d\u00e9terminer si une r\u00e9paration cibl\u00e9e est adapt\u00e9e ou si\n        des travaux compl\u00e9mentaires sont n\u00e9cessaires.\n      <\/p>\n    <\/div>\n  <\/details>\n\n  <!-- 5 -->\n  <details class=\"faq-item\">\n    <summary>\n      <span>\n        Comment se d\u00e9roule une r\u00e9novation de charpente ?\n      <\/span>\n      <span class=\"faq-icon\">+<\/span>\n    <\/summary>\n\n    <div class=\"faq-answer\">\n      <p>\n        Une r\u00e9novation de charpente commence par l'examen de la structure\n        existante et de l'\u00e9tat des pi\u00e8ces en bois. Les travaux peuvent\n        inclure la r\u00e9paration des \u00e9l\u00e9ments d\u00e9t\u00e9rior\u00e9s, le remplacement\n        de certaines poutres, le renforcement de la structure ou la reprise\n        des assemblages, selon les besoins constat\u00e9s.\n      <\/p>\n    <\/div>\n  <\/details>\n\n  <!-- 6 -->\n  <details class=\"faq-item\">\n    <summary>\n      <span>\n        Proposons-nous un devis adapt\u00e9 aux travaux de charpente ?\n      <\/span>\n      <span class=\"faq-icon\">+<\/span>\n    <\/summary>\n\n    <div class=\"faq-answer\">\n      <p>\n        Oui. Le devis tient compte de la nature des travaux, de l'\u00e9tat\n        de la charpente, des mat\u00e9riaux n\u00e9cessaires et de l'ampleur\n        de l'intervention. Ces \u00e9l\u00e9ments permettent de d\u00e9finir une solution\n        adapt\u00e9e \u00e0 votre projet, qu'il s'agisse d'une r\u00e9paration, d'un\n        renforcement ou d'une r\u00e9novation de charpente.\n      <\/p>\n    <\/div>\n  <\/details>\n\n  <!-- 7 -->\n  <details class=\"faq-item\">\n    <summary>\n      <span>\n        Intervenons-nous sur les charpentes traditionnelles et industrielles ?\n      <\/span>\n      <span class=\"faq-icon\">+<\/span>\n    <\/summary>\n\n    <div class=\"faq-answer\">\n      <p>\n        Les travaux de charpente peuvent concerner diff\u00e9rentes structures,\n        notamment les charpentes traditionnelles en bois massif et les\n        charpentes industrielles \u00e0 fermettes. Le type de structure, son \u00e9tat\n        et les contraintes du b\u00e2timent doivent \u00eatre pris en compte pour\n        d\u00e9terminer les travaux appropri\u00e9s.\n      <\/p>\n    <\/div>\n  <\/details>\n\n  <!-- 8 -->\n  <details class=\"faq-item\">\n    <summary>\n      <span>\n        Pourquoi faire appel \u00e0 notre entreprise pour vos travaux de charpente ?\n      <\/span>\n      <span class=\"faq-icon\">+<\/span>\n    <\/summary>\n\n    <div class=\"faq-answer\">\n      <p>\n        Faire appel \u00e0 un professionnel permet d'\u00e9valuer l'\u00e9tat de votre\n        charpente et de d\u00e9terminer les interventions n\u00e9cessaires.\n        Nous vous accompagnons dans votre projet de r\u00e9paration, de r\u00e9novation,\n        de remplacement d'\u00e9l\u00e9ments en bois ou de pose de charpente neuve,\n        avec une solution adapt\u00e9e aux caract\u00e9ristiques de votre b\u00e2timent.\n      <\/p>\n    <\/div>\n  <\/details>\n\n<\/div>\n\n<\/div>\n\n<\/section><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd901dc e-con-full e-flex e-con e-parent\" data-id=\"bd901dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-036fd0a elementor-widget elementor-widget-shortcode\" data-id=\"036fd0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n.rr-urgence{\n    width:100%;\n    padding:70px 20px;\n    background:#F8FAFC;\n    font-family:Arial, sans-serif;\n    box-sizing:border-box;\n}\n\n.rr-urgence *{\n    box-sizing:border-box;\n}\n\n.rr-urgence-box{\n    max-width:1100px;\n    margin:auto;\n    background:#fff;\n    border-radius:18px;\n    padding:48px 55px;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:50px;\n    border:1px solid #e9e9e9;\n    box-shadow:0 12px 40px rgba(0,0,0,.07);\n    position:relative;\n    overflow:hidden;\n}\n\n\/* Barre jaune sur le c\u00f4t\u00e9 *\/\n.rr-urgence-box:before{\n    content:\"\";\n    position:absolute;\n    left:0;\n    top:0;\n    width:6px;\n    height:100%;\n    background:#FFC400;\n}\n\n.rr-urgence-left{\n    flex:1;\n}\n\n.rr-urgence-tag{\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n    margin-bottom:16px;\n    font-size:13px;\n    font-weight:800;\n    text-transform:uppercase;\n    letter-spacing:1.2px;\n    color:#222;\n}\n\n.rr-urgence-dot{\n    width:9px;\n    height:9px;\n    background:#FFC400;\n    border-radius:50%;\n    box-shadow:0 0 0 5px rgba(255,196,0,.18);\n}\n\n.rr-urgence h2{\n    margin:0;\n    color:#151515;\n    font-size:32px;\n    line-height:1.60;\n    font-weight:800;\n    letter-spacing:-.8px;\n}\n\n.rr-urgence h2 span{\n    color:#d59f00;\n}\n\n.rr-urgence-sub{\n    margin:18px 0 0;\n    color:#666;\n    font-size:18px;\n    line-height:1.5;\n}\n\n.rr-urgence-right{\n    width:330px;\n    text-align:center;\n    padding-left:35px;\n    border-left:1px solid #e5e5e5;\n}\n\n.rr-urgence-label{\n    font-size:13px;\n    color:#777;\n    margin-bottom:7px;\n}\n\n.rr-urgence-phone{\n    display:block;\n    color:#151515;\n    font-size:29px;\n    line-height:1.2;\n    font-weight:800;\n    text-decoration:none;\n    margin-bottom:18px;\n    white-space:nowrap;\n}\n\n.rr-urgence-phone:hover{\n    color:#d59f00;\n}\n\n.rr-urgence-btn{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    width:100%;\n    min-height:52px;\n    padding:14px 22px;\n    background:#FFC400;\n    color:#111;\n    border-radius:8px;\n    text-decoration:none;\n    font-size:16px;\n    font-weight:800;\n    transition:.2s ease;\n    box-shadow:0 7px 18px rgba(255,196,0,.20);\n}\n\n.rr-urgence-btn:hover{\n    background:#eeb600;\n    transform:translateY(-2px);\n    box-shadow:0 10px 24px rgba(255,196,0,.28);\n}\n\n\n\/* MOBILE *\/\n@media(max-width:800px){\n\n    .rr-urgence{\n        padding:45px 15px;\n    }\n\n    .rr-urgence-box{\n        display:block;\n        padding:38px 25px;\n        border-radius:15px;\n        text-align:center;\n    }\n\n    .rr-urgence-box:before{\n        width:100%;\n        height:5px;\n        top:0;\n        left:0;\n    }\n\n    .rr-urgence-tag{\n        margin-bottom:14px;\n    }\n\n    .rr-urgence h2{\n        font-size:22px;\n        line-height:1.7;\n        letter-spacing:-.4px;\n    }\n\n    .rr-urgence-sub{\n        font-size:16px;\n        margin-top:14px;\n    }\n\n    .rr-urgence-right{\n        width:100%;\n        padding:28px 0 0;\n        margin-top:28px;\n        border-left:0;\n        border-top:1px solid #e8e8e8;\n    }\n\n    .rr-urgence-phone{\n        font-size:27px;\n    }\n\n    .rr-urgence-btn{\n        min-height:54px;\n    }\n}\n<\/style>\n\n\n<section class=\"rr-urgence\">\n\n    <div class=\"rr-urgence-box\">\n\n        <div class=\"rr-urgence-left\">\n\n            <div class=\"rr-urgence-tag\">\n                <span class=\"rr-urgence-dot\"><\/span>\n                Intervention rapide\n            <\/div>\n\n            <h2>\n                Charpente ab\u00eem\u00e9e ?<br>\n                Poutre endommag\u00e9e ?<br>\n                <span>Appelez maintenant !<\/span>\n            <\/h2>\n\n            <p class=\"rr-urgence-sub\">\n                Devis gratuit pour vos travaux de charpente\n            <\/p>\n\n        <\/div>\n\n        <div class=\"rr-urgence-right\">\n\n            <div class=\"rr-urgence-label\">\n                Appelez-nous directement\n            <\/div>\n\n            <a \n                class=\"rr-urgence-phone\" \n                href=\"tel:0675576958\">\n                06 75 57 69 58\n            <\/a>\n\n            <a \n                class=\"rr-urgence-btn\" \n                href=\"#devis\">\n                Obtenir un devis\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Charpentier-Couvreur \u00e0 Sevignacq &#038; ses alentours R\u00e9paration et r\u00e9novation de charpente : nous intervenons sur tous types de chantiers, de la charpente la plus traditionnelle \u00e0 la plus contemporaine. Prendre RDV \u2192 06 75 57 69 58 \u2605\u2605\u2605\u2605\u2605 4.9\/5 \u00b7 73 avis G Ce que nos clients pensent \u2714\ufe0f Avis certifi\u00e9s et authentiques R\u00e9paration de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":41,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1156","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>charpentier Sevignacq - couvreur 64<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"charpentier Sevignacq - couvreur 64\" \/>\n<meta property=\"og:description\" content=\"Charpentier-Couvreur \u00e0 Sevignacq &#038; ses alentours R\u00e9paration et r\u00e9novation de charpente : nous intervenons sur tous types de chantiers, de la charpente la plus traditionnelle \u00e0 la plus contemporaine. Prendre RDV \u2192 06 75 57 69 58 \u2605\u2605\u2605\u2605\u2605 4.9\/5 \u00b7 73 avis G Ce que nos clients pensent \u2714\ufe0f Avis certifi\u00e9s et authentiques R\u00e9paration de [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/\" \/>\n<meta property=\"og:site_name\" content=\"couvreur 64\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lafleur-couverture.com\/wp-content\/uploads\/2026\/10\/Logo-toiture-LAFLEUR-COUVERTURE.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"819\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lafleur-couverture.com\\\/index.php\\\/charpentier-sevignacq\\\/\",\"url\":\"https:\\\/\\\/lafleur-couverture.com\\\/index.php\\\/charpentier-sevignacq\\\/\",\"name\":\"charpentier Sevignacq - couvreur 64\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lafleur-couverture.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/lafleur-couverture.com\\\/index.php\\\/charpentier-sevignacq\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/lafleur-couverture.com\\\/index.php\\\/charpentier-sevignacq\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lafleur-couverture.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Logo-toiture-LAFLEUR-COUVERTURE.png\",\"datePublished\":\"2026-10-23T10:47:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lafleur-couverture.com\\\/index.php\\\/charpentier-sevignacq\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lafleur-couverture.com\\\/index.php\\\/charpentier-sevignacq\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/lafleur-couverture.com\\\/index.php\\\/charpentier-sevignacq\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lafleur-couverture.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Logo-toiture-LAFLEUR-COUVERTURE.png\",\"contentUrl\":\"https:\\\/\\\/lafleur-couverture.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Logo-toiture-LAFLEUR-COUVERTURE.png\",\"width\":1920,\"height\":819},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lafleur-couverture.com\\\/index.php\\\/charpentier-sevignacq\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/lafleur-couverture.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"charpentier Sevignacq\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lafleur-couverture.com\\\/#website\",\"url\":\"https:\\\/\\\/lafleur-couverture.com\\\/\",\"name\":\"couvreur 64\",\"description\":\"Couvreur, renovation et r\u00e9paration de toiture\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lafleur-couverture.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"charpentier Sevignacq - couvreur 64","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/","og_locale":"fr_FR","og_type":"article","og_title":"charpentier Sevignacq - couvreur 64","og_description":"Charpentier-Couvreur \u00e0 Sevignacq &#038; ses alentours R\u00e9paration et r\u00e9novation de charpente : nous intervenons sur tous types de chantiers, de la charpente la plus traditionnelle \u00e0 la plus contemporaine. Prendre RDV \u2192 06 75 57 69 58 \u2605\u2605\u2605\u2605\u2605 4.9\/5 \u00b7 73 avis G Ce que nos clients pensent \u2714\ufe0f Avis certifi\u00e9s et authentiques R\u00e9paration de [&hellip;]","og_url":"https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/","og_site_name":"couvreur 64","og_image":[{"width":1920,"height":819,"url":"https:\/\/lafleur-couverture.com\/wp-content\/uploads\/2026\/10\/Logo-toiture-LAFLEUR-COUVERTURE.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/","url":"https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/","name":"charpentier Sevignacq - couvreur 64","isPartOf":{"@id":"https:\/\/lafleur-couverture.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/#primaryimage"},"image":{"@id":"https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/#primaryimage"},"thumbnailUrl":"https:\/\/lafleur-couverture.com\/wp-content\/uploads\/2026\/10\/Logo-toiture-LAFLEUR-COUVERTURE.png","datePublished":"2026-10-23T10:47:41+00:00","breadcrumb":{"@id":"https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/#primaryimage","url":"https:\/\/lafleur-couverture.com\/wp-content\/uploads\/2026\/10\/Logo-toiture-LAFLEUR-COUVERTURE.png","contentUrl":"https:\/\/lafleur-couverture.com\/wp-content\/uploads\/2026\/10\/Logo-toiture-LAFLEUR-COUVERTURE.png","width":1920,"height":819},{"@type":"BreadcrumbList","@id":"https:\/\/lafleur-couverture.com\/index.php\/charpentier-sevignacq\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lafleur-couverture.com\/"},{"@type":"ListItem","position":2,"name":"charpentier Sevignacq"}]},{"@type":"WebSite","@id":"https:\/\/lafleur-couverture.com\/#website","url":"https:\/\/lafleur-couverture.com\/","name":"couvreur 64","description":"Couvreur, renovation et r\u00e9paration de toiture","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lafleur-couverture.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/lafleur-couverture.com\/index.php\/wp-json\/wp\/v2\/pages\/1156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lafleur-couverture.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lafleur-couverture.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lafleur-couverture.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lafleur-couverture.com\/index.php\/wp-json\/wp\/v2\/comments?post=1156"}],"version-history":[{"count":0,"href":"https:\/\/lafleur-couverture.com\/index.php\/wp-json\/wp\/v2\/pages\/1156\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lafleur-couverture.com\/index.php\/wp-json\/wp\/v2\/media\/41"}],"wp:attachment":[{"href":"https:\/\/lafleur-couverture.com\/index.php\/wp-json\/wp\/v2\/media?parent=1156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}