{"id":7,"date":"2026-04-10T10:48:01","date_gmt":"2026-04-10T10:48:01","guid":{"rendered":"https:\/\/compagnons-cp.fr\/?page_id=7"},"modified":"2026-06-04T12:46:38","modified_gmt":"2026-06-04T12:46:38","slug":"devis-gratuit","status":"publish","type":"page","link":"https:\/\/compagnons-cp.fr\/","title":{"rendered":"devis-gratuit"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2044f058 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2044f058\" data-element_type=\"section\" data-e-type=\"section\" id=\"home-hero\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_direction&quot;:&quot;negative&quot;,&quot;background_motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;background_motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;background_motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-4f2e3f6b\" data-id=\"4f2e3f6b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4b24dcb9 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"4b24dcb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">D\u00e9j\u00e0 +500 propri\u00e9taires entre La Rochelle et les Sables-d'Olonne font confiance \u00e0 Compagnons CP.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5770929c elementor-widget-divider--separator-type-pattern elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5770929c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\" style=\"--divider-pattern-url: url(&quot;data:image\/svg+xml,%3Csvg xmlns=&#039;http:\/\/www.w3.org\/2000\/svg&#039; preserveAspectRatio=&#039;none&#039; overflow=&#039;visible&#039; height=&#039;100%&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;black&#039; stroke=&#039;none&#039;%3E%3Cpolygon points=&#039;9.4,2 24,2 14.6,21.6 0,21.6&#039;\/%3E%3C\/svg%3E&quot;);\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cf1a419 elementor-widget elementor-widget-heading\" data-id=\"7cf1a419\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Fuite, r\u00e9paration, r\u00e9novation de toiture : <br>  intervention rapide et devis gratuit.<\/h6>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a871ee9 e-grid elementor-hidden-tablet elementor-hidden-mobile e-con-full e-con e-parent\" data-id=\"a871ee9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5738dd66 e-con-full e-flex e-con e-child\" data-id=\"5738dd66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1877fb1 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"1877fb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"430\" height=\"430\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/05\/wired-outline-760-review-hover-pinch-1.svg\" class=\"attachment-full size-full wp-image-175\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d13fddd elementor-widget elementor-widget-text-editor\" data-id=\"4d13fddd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>25 ans d&rsquo;exp\u00e9rience<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5809e2a2 e-con-full e-flex e-con e-child\" data-id=\"5809e2a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4864102a elementor-widget elementor-widget-image\" data-id=\"4864102a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"430\" height=\"430\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/05\/wired-outline-3234-badge-ribbon-check-hover-pinch-1.svg\" class=\"attachment-full size-full wp-image-174\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3f8b9f elementor-widget elementor-widget-text-editor\" data-id=\"c3f8b9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Garantie d\u00e9c\u00e9nale<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83a28d5 e-con-full e-flex e-con e-child\" data-id=\"83a28d5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24c5b99a elementor-widget elementor-widget-image\" data-id=\"24c5b99a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"430\" height=\"430\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/05\/wired-outline-1004-management-team-hover-smooth-1.svg\" class=\"attachment-full size-full wp-image-176\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-512ecd18 elementor-widget elementor-widget-text-editor\" data-id=\"512ecd18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Dispo 7 jours\/7<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-374b4ede elementor-align-center open-call elementor-widget elementor-widget-button\" data-id=\"374b4ede\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Urgence toiture ? Appelez maintenant<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-b8bbb6c\" data-id=\"b8bbb6c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5aeae3f5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5aeae3f5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7b2ad744\" data-id=\"7b2ad744\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-38d1f2d0 elementor-widget elementor-widget-heading\" data-id=\"38d1f2d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Devis gratuit en 24h<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35b55a53 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"35b55a53\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Suivant&quot;,&quot;step_previous_label&quot;:&quot;Pr\\u00e9c\\u00e9dent&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Nouveau formulaire\" aria-label=\"Nouveau formulaire\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"7\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"35b55a53\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"7\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tNom\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\" Nom\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_4991e5b elementor-col-50\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_4991e5b\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tT\u00e9l\u00e9phone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_4991e5b]\" id=\"form-field-field_4991e5b\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\" T\u00e9l\u00e9phone\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Seuls les caract\u00e8res de num\u00e9ros de t\u00e9l\u00e9phone (#, -, *, etc.) sont accept\u00e9s.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tE-mail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\" E-mail\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_0ed5b37 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_0ed5b37\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\t Services\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[field_0ed5b37]\" id=\"form-field-field_0ed5b37\" class=\"elementor-field-textual elementor-size-sm\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"R\u00e9novation toiture\">R\u00e9novation toiture<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Peinture toiture\">Peinture toiture<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"R\u00e9novation fa\u00e7ade\">R\u00e9novation fa\u00e7ade<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Zinguerie\">Zinguerie<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Charpenterie\">Charpenterie<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Nettoyage toiture\">Nettoyage toiture<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-recaptcha_v3 elementor-field-group elementor-column elementor-field-group-field_c6c112b elementor-col-100 recaptcha_v3-bottomright\">\n\t\t\t\t\t<div class=\"elementor-field\" id=\"form-field-field_c6c112b\"><div class=\"elementor-g-recaptcha\" data-sitekey=\"6LfGirUsAAAAABVjaOAOJt9_85vxxzby60HqL7Km\" data-type=\"v3\" data-action=\"Form\" data-badge=\"bottomright\" data-size=\"invisible\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Demander un devis gratuit<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-e7ef3b4 e-flex e-con-boxed e-con e-parent\" data-id=\"e7ef3b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d0f3dd elementor-widget elementor-widget-html\" data-id=\"6d0f3dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"cta-mobile\">\r\n  <a href=\"tel:0634448034\" class=\"cta-call\">\r\n    \ud83d\udcde 06 34 44 80 34\r\n  <\/a>\r\n  <a href=\"#formulaire\" class=\"cta-devis\">\r\n    Demander un devis\r\n  <\/a>\r\n<\/div>\r\n\r\n<style>\r\n.cta-mobile{\r\n  position:fixed;\r\n  bottom:0;\r\n  left:0;\r\n  width:100%;\r\n  display:flex;\r\n  z-index:9999;\r\n  font-family:'Poppins',sans-serif;\r\n}\r\n\r\n\/* Bouton t\u00e9l\u00e9phone (GRIS ZINC) *\/\r\n.cta-call{\r\n  flex:1;\r\n  text-align:center;\r\n  background:#6E6E73;\r\n  color:#fff;\r\n  padding:14px 10px;\r\n  text-decoration:none;\r\n  font-weight:600;\r\n  font-size:14px;\r\n}\r\n\r\n\/* Bouton devis (ORANGE TUILE) *\/\r\n.cta-devis{\r\n  flex:1;\r\n  text-align:center;\r\n  background:#F88F2B;\r\n  color:#fff;\r\n  padding:14px 10px;\r\n  text-decoration:none;\r\n  font-weight:700;\r\n  font-size:14px;\r\n}\r\n\r\n\/* Responsive : seulement mobile *\/\r\n@media(min-width:768px){\r\n  .cta-mobile{\r\n    display:none;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e554454 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"5e554454\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56cdb1d elementor-widget-mobile__width-initial elementor-widget elementor-widget-counter\" data-id=\"56cdb1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Fuites d\u00e9tect\u00e9es<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\">+<\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"300\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-153da145 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"153da145\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10b55476 elementor-widget elementor-widget-counter\" data-id=\"10b55476\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Chantiers r\u00e9alis\u00e9s<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\">+<\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"463\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a360ab6 elementor-widget elementor-widget-counter\" data-id=\"6a360ab6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Ans d'exp\u00e9rience<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\">+<\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"25\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-224e40d8 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"224e40d8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-290529b6 e-con-full e-grid e-con e-child\" data-id=\"290529b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d56522d elementor-widget elementor-widget-counter\" data-id=\"4d56522d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Chantiers r\u00e9alis\u00e9s<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\">+<\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"463\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-767f7c83 elementor-widget elementor-widget-counter\" data-id=\"767f7c83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Ans d'exp\u00e9rience<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\">+<\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"25\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c99775e elementor-widget elementor-widget-counter\" data-id=\"3c99775e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">m\u00b2 r\u00e9alis\u00e9s<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\">+<\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"18000\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2dc88f2e elementor-widget elementor-widget-counter\" data-id=\"2dc88f2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Fuites d\u00e9tect\u00e9es<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\">+<\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"300\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28606873 e-con-full e-flex e-con e-parent\" data-id=\"28606873\" data-element_type=\"container\" data-e-type=\"container\" id=\"Engagement\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49fd5cd9 elementor-widget elementor-widget-html\" data-id=\"49fd5cd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n:root{\r\n  --ccv-bg: #FAFAF8;\r\n  --ccv-text: #1C1210;\r\n  --ccv-muted: #6D5D55;\r\n  --ccv-border: rgba(28,18,16,.08);\r\n  --ccv-shadow: 0 20px 60px rgba(28,18,16,.10);\r\n  --ccv-shadow-soft: 0 8px 32px rgba(28,18,16,.06);\r\n\r\n  --ccv-red: #F88F2B !important;\r\n  --ccv-red-dark: #d97520 !important;\r\n  --ccv-red-light: #ffaa55 !important;\r\n  --ccv-red-glow: rgba(248,143,43,.15) !important;\r\n  --ccv-red-glow2: rgba(248,143,43,.08) !important;\r\n\r\n  --ccv-warm-light: #FFF9F4;\r\n  --ccv-warm-border: rgba(248,143,43,.12);\r\n\r\n  --ccv-radius: 24px;\r\n  --ccv-radius-card: 20px;\r\n  --ccv-max: 1240px;\r\n}\r\n\r\n*{ box-sizing: border-box; }\r\n\r\n.ccv-why{\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n  background: #FAFAF8 !important;\r\n  padding: clamp(32px, 5vw, 72px) 20px !important;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.ccv-why__wrap{\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.1fr .9fr;\r\n  gap: clamp(24px, 3vw, 40px);\r\n  align-items: stretch;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT PANEL \u2500\u2500 *\/\r\n.ccv-left{\r\n  position: relative;\r\n  border: 1px solid rgba(28,18,16,.08) !important;\r\n  border-radius: 24px;\r\n  padding: clamp(28px, 3.5vw, 48px);\r\n  box-shadow: 0 8px 32px rgba(28,18,16,.06) !important;\r\n  overflow: hidden;\r\n  background: #fff !important;\r\n}\r\n.ccv-left::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -2px;\r\n  background:\r\n    radial-gradient(700px 300px at 10% 0%, rgba(248,143,43,.10), transparent 60%),\r\n    radial-gradient(500px 400px at 90% 100%, rgba(248,143,43,.04), transparent 50%) !important;\r\n  pointer-events: none;\r\n}\r\n.ccv-left::after{\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -80px; right: -80px;\r\n  width: 220px; height: 220px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(248,143,43,.06), transparent 70%) !important;\r\n  pointer-events: none;\r\n}\r\n\r\n.ccv-badge{\r\n  position: relative; z-index: 1;\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  padding: 10px 18px; border-radius: 999px;\r\n  border: 1px solid rgba(248,143,43,.25) !important;\r\n  background: linear-gradient(135deg, rgba(248,143,43,.08), rgba(248,143,43,.03)) !important;\r\n  font-weight: 700; font-size: 13px; color: #1C1210 !important;\r\n  letter-spacing: 0.01em;\r\n  backdrop-filter: blur(8px);\r\n}\r\n.ccv-badge i{\r\n  width: 8px; height: 8px; border-radius: 50%;\r\n  background: #F88F2B !important;\r\n  box-shadow: 0 0 0 4px rgba(248,143,43,.18), 0 0 0 8px rgba(248,143,43,.08) !important;\r\n  animation: ccv-pulse 2.5s ease-in-out infinite;\r\n}\r\n@keyframes ccv-pulse{\r\n  0%,100%{ box-shadow: 0 0 0 4px rgba(248,143,43,.18), 0 0 0 8px rgba(248,143,43,.08); }\r\n  50%{ box-shadow: 0 0 0 6px rgba(248,143,43,.25), 0 0 0 12px rgba(248,143,43,.10); }\r\n}\r\n\r\n.ccv-title{\r\n  position: relative; z-index: 1;\r\n  margin: 22px 0 14px;\r\n  font-size: clamp(26px, 3vw, 42px);\r\n  line-height: 1.15;\r\n  letter-spacing: -0.025em;\r\n  font-weight: 900;\r\n  color: #1C1210 !important;\r\n}\r\n.ccv-title span{\r\n  color: #F88F2B !important;\r\n  background: none !important;\r\n  -webkit-background-clip: unset !important;\r\n  background-clip: unset !important;\r\n  -webkit-text-fill-color: #F88F2B !important;\r\n}\r\n\r\n.ccv-lead{\r\n  position: relative; z-index: 1;\r\n  color: #6D5D55 !important;\r\n  font-size: 16px; font-weight: 400;\r\n  line-height: 1.75;\r\n  margin: 0 0 24px;\r\n  max-width: 50ch;\r\n}\r\n\r\n.ccv-list{\r\n  position: relative; z-index: 1;\r\n  list-style: none; padding: 0; margin: 0 0 28px;\r\n  display: grid; gap: 14px;\r\n}\r\n.ccv-li{\r\n  display: flex; gap: 14px; align-items: flex-start;\r\n  color: #1C1210 !important; font-size: 15px; line-height: 1.65;\r\n  font-weight: 450;\r\n}\r\n.ccv-check{\r\n  flex: 0 0 24px; width: 24px; height: 24px; border-radius: 8px;\r\n  background: linear-gradient(135deg, rgba(248,143,43,.14), rgba(248,143,43,.07)) !important;\r\n  border: 1px solid rgba(248,143,43,.25) !important;\r\n  display: grid; place-items: center;\r\n  color: #F88F2B !important;\r\n  font-weight: 900; font-size: 11px; margin-top: 2px;\r\n}\r\n\r\n.ccv-cta{\r\n  position: relative; z-index: 1;\r\n  display: flex; gap: 14px; flex-wrap: wrap; align-items: center;\r\n}\r\n.ccv-btn{\r\n  display: inline-flex; align-items: center; justify-content: center; gap: 10px;\r\n  padding: 15px 28px; border-radius: 999px; text-decoration: none;\r\n  font-weight: 700; font-size: 15px; letter-spacing: 0.01em;\r\n  border: none; cursor: pointer;\r\n  transition: all .25s cubic-bezier(.4,0,.2,1);\r\n}\r\n.ccv-btn:hover{ transform: translateY(-2px); }\r\n.ccv-btn:active{ transform: translateY(0) scale(.98); }\r\n\r\n.ccv-btn-primary{\r\n  color: #fff !important;\r\n  background: linear-gradient(135deg, #F88F2B, #d97520) !important;\r\n  box-shadow: 0 8px 24px rgba(248,143,43,.35), 0 2px 8px rgba(248,143,43,.22) !important;\r\n}\r\n.ccv-btn-primary:hover{\r\n  box-shadow: 0 12px 32px rgba(248,143,43,.45), 0 4px 12px rgba(248,143,43,.28) !important;\r\n}\r\n\r\n.ccv-btn-ghost{\r\n  color: #1C1210 !important;\r\n  background: #fff !important;\r\n  border: 1px solid rgba(28,18,16,.10) !important;\r\n  box-shadow: 0 4px 16px rgba(28,18,16,.06) !important;\r\n  font-weight: 600;\r\n}\r\n.ccv-btn-ghost:hover{\r\n  background: #FFF9F4 !important;\r\n  border-color: rgba(248,143,43,.22) !important;\r\n  box-shadow: 0 8px 24px rgba(28,18,16,.08) !important;\r\n  color: #F88F2B !important;\r\n}\r\n\r\n\/* \u2500\u2500 RIGHT PANEL \/ SLIDER \u2500\u2500 *\/\r\n.ccv-right{\r\n  border: 1px solid rgba(28,18,16,.08) !important;\r\n  border-radius: 24px;\r\n  box-shadow: 0 8px 32px rgba(28,18,16,.06) !important;\r\n  background: #fff !important;\r\n  padding: 22px;\r\n  position: relative; overflow: hidden;\r\n  display: flex; flex-direction: column; justify-content: center;\r\n}\r\n\r\n.ccv-slider{\r\n  display: flex; gap: 14px;\r\n  overflow-x: auto; overflow-y: hidden;\r\n  scroll-behavior: smooth; scroll-snap-type: x mandatory;\r\n  -webkit-overflow-scrolling: touch;\r\n  height: 100%; padding: 4px 2px;\r\n}\r\n.ccv-slider::-webkit-scrollbar{ height: 0; }\r\n.ccv-slider{ scrollbar-width: none; }\r\n.ccv-slide{\r\n  scroll-snap-align: start;\r\n  flex: 0 0 100%;\r\n  display: flex;\r\n}\r\n\r\n.ccv-card{\r\n  flex: 1;\r\n  border: 1px solid rgba(28,18,16,.07) !important;\r\n  border-radius: 20px;\r\n  padding: 36px;\r\n  background: linear-gradient(180deg, #fff 0%, #FFF9F4 100%) !important;\r\n  box-shadow: 0 12px 40px rgba(28,18,16,.06) !important;\r\n  display: flex; flex-direction: column; justify-content: center;\r\n  transition: box-shadow .3s ease;\r\n}\r\n.ccv-card-top{\r\n  display: flex; gap: 16px; align-items: flex-start; margin-bottom: 14px;\r\n}\r\n.ccv-icon{\r\n  width: 50px; height: 50px; border-radius: 14px;\r\n  background: linear-gradient(135deg, rgba(248,143,43,.14), rgba(248,143,43,.06)) !important;\r\n  border: 1px solid rgba(248,143,43,.22) !important;\r\n  display: grid; place-items: center; flex: 0 0 50px;\r\n  color: #F88F2B !important;\r\n  transition: all .25s ease;\r\n}\r\n.ccv-icon svg{ width: 24px; height: 24px; }\r\n\r\n.ccv-card h3{\r\n  margin: 0;\r\n  font-size: 22px; line-height: 1.2;\r\n  font-weight: 800; color: #1C1210 !important;\r\n  letter-spacing: -0.015em;\r\n}\r\n.ccv-card p{\r\n  margin: 16px 0 0;\r\n  color: #6D5D55 !important;\r\n  font-size: 15.5px; line-height: 1.75;\r\n  font-weight: 400;\r\n}\r\n.ccv-card b{ color: #1C1210 !important; font-weight: 700; }\r\n\r\n.ccv-pill{\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  padding: 7px 14px; border-radius: 999px;\r\n  background: linear-gradient(135deg, rgba(248,143,43,.12), rgba(248,143,43,.05)) !important;\r\n  border: 1px solid rgba(248,143,43,.22) !important;\r\n  color: #F88F2B !important; font-weight: 700; font-size: 12.5px;\r\n  letter-spacing: 0.02em; text-transform: uppercase;\r\n  margin-top: 6px;\r\n}\r\n\r\n.ccv-bullets{\r\n  margin: 18px 0 0; padding: 0;\r\n  list-style: none; display: grid; gap: 10px;\r\n}\r\n.ccv-bullets li{\r\n  display: flex; gap: 12px; align-items: flex-start;\r\n  font-size: 15px; line-height: 1.65;\r\n  color: #6D5D55 !important; font-weight: 450;\r\n}\r\n.ccv-bullets li::before{\r\n  content: \"\\2713\";\r\n  flex: 0 0 22px; width: 22px; height: 22px; border-radius: 7px;\r\n  background: linear-gradient(135deg, rgba(248,143,43,.14), rgba(248,143,43,.06)) !important;\r\n  border: 1px solid rgba(248,143,43,.22) !important;\r\n  color: #F88F2B !important; font-weight: 900; font-size: 11px;\r\n  display: grid; place-items: center; margin-top: 2px;\r\n}\r\n\r\n\/* \u2500\u2500 NAVIGATION \u2500\u2500 *\/\r\n.ccv-nav{ position: absolute; inset: 0; pointer-events: none; z-index: 2; }\r\n.ccv-arrow{\r\n  pointer-events: auto; position: absolute; top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 42px; height: 42px; border-radius: 999px;\r\n  background: rgba(255,255,255,.92) !important;\r\n  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\r\n  border: 1px solid rgba(248,143,43,.22) !important;\r\n  box-shadow: 0 8px 24px rgba(28,18,16,.10) !important;\r\n  display: grid; place-items: center; cursor: pointer;\r\n  transition: all .25s cubic-bezier(.4,0,.2,1);\r\n  color: #F88F2B !important; font-size: 20px; line-height: 1;\r\n}\r\n.ccv-arrow:hover{\r\n  transform: translateY(-50%) scale(1.08) !important;\r\n  background: #fff !important;\r\n  box-shadow: 0 12px 32px rgba(28,18,16,.14), 0 0 0 4px rgba(248,143,43,.12) !important;\r\n}\r\n.ccv-arrow:active{ transform: translateY(-50%) scale(.95) !important; }\r\n.ccv-arrow.prev{ left: 12px; }\r\n.ccv-arrow.next{ right: 12px; }\r\n\r\n.ccv-dots{\r\n  display: flex; justify-content: center; gap: 8px; margin-top: 16px;\r\n}\r\n.ccv-dot{\r\n  width: 8px; height: 8px; border-radius: 999px;\r\n  background: rgba(28,18,16,.12) !important;\r\n  cursor: pointer; border: none; padding: 0;\r\n  transition: all .3s ease;\r\n}\r\n.ccv-dot.is-active{\r\n  width: 24px !important;\r\n  background: linear-gradient(135deg, #F88F2B, #ffaa55) !important;\r\n  box-shadow: 0 2px 8px rgba(248,143,43,.32) !important;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1024px){\r\n  .ccv-why__wrap{ grid-template-columns: 1fr; gap: 20px; }\r\n  .ccv-left{ padding: 28px; }\r\n  .ccv-right{ padding: 18px; justify-content: flex-start; }\r\n}\r\n\r\n@media (max-width: 640px){\r\n  .ccv-why{ padding: 20px 14px !important; }\r\n  .ccv-badge{ width: 100%; font-size: 12px; padding: 10px 14px; justify-content: center; }\r\n  .ccv-title{ font-size: 26px; line-height: 1.12; margin-top: 18px; }\r\n  .ccv-lead{ font-size: 14.5px; margin-bottom: 18px; }\r\n  .ccv-li{ font-size: 14px; }\r\n  .ccv-list{ gap: 12px; margin-bottom: 22px; }\r\n  .ccv-cta{ gap: 10px; }\r\n  .ccv-btn{ width: 100%; justify-content: center; padding: 14px 20px; font-size: 14.5px; }\r\n  .ccv-left{ padding: 22px 18px; }\r\n  .ccv-right{ padding: 14px; }\r\n  .ccv-card{ padding: 24px 20px; }\r\n  .ccv-card h3{ font-size: 19px; }\r\n  .ccv-card p{ font-size: 14.5px; }\r\n  .ccv-card-top{ gap: 12px; }\r\n  .ccv-icon{ width: 44px !important; height: 44px !important; flex: 0 0 44px !important; border-radius: 12px; }\r\n  .ccv-bullets{ gap: 8px; }\r\n  .ccv-bullets li{ font-size: 14px; }\r\n  .ccv-arrow{ display: none !important; }\r\n  .ccv-dots{ margin-top: 12px; }\r\n  .ccv-dot{ width: 8px !important; height: 8px !important; }\r\n  .ccv-dot.is-active{ width: 22px !important; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ccv-why\" aria-label=\"Pourquoi nous choisir\">\r\n  <div class=\"ccv-why__wrap\">\r\n\r\n    <div class=\"ccv-left\">\r\n      <div class=\"ccv-badge\"><i><\/i> Compagnons CP<\/div>\r\n\r\n      <h2 class=\"ccv-title\">\r\n        Pourquoi confier votre toiture &agrave; <span>Compagnons CP<\/span>&nbsp;?\r\n      <\/h2>\r\n\r\n      <p class=\"ccv-lead\">\r\n        Un savoir-faire local pour prot&eacute;ger durablement votre toiture&nbsp;: long&eacute;vit&eacute; et tranquillit&eacute;.\r\n      <\/p>\r\n\r\n      <ul class=\"ccv-list\">\r\n        <li class=\"ccv-li\"><span class=\"ccv-check\">&#10003;<\/span><span><b>Devis gratuit<\/b> et conseils clairs, sans engagement.<\/span><\/li>\r\n        <li class=\"ccv-li\"><span class=\"ccv-check\">&#10003;<\/span><span><b>Travail soign&eacute;<\/b>&nbsp;: mat&eacute;riaux pro, finitions nettes.<\/span><\/li>\r\n        <li class=\"ccv-li\"><span class=\"ccv-check\">&#10003;<\/span><span><b>R&eacute;activit&eacute;<\/b> pour limiter les d&eacute;g&acirc;ts en cas de fuite.<\/span><\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"ccv-cta\">\r\n        <button class=\"ccv-btn ccv-btn-primary open-call\" type=\"button\">Appelez maintenant<\/button>\r\n        <a class=\"ccv-btn ccv-btn-ghost\" href=\"#\">Demander un devis<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ccv-right\" data-ccv>\r\n      <div class=\"ccv-nav\" aria-hidden=\"true\">\r\n        <button class=\"ccv-arrow prev\" type=\"button\" aria-label=\"Pr&eacute;c&eacute;dent\">&#8249;<\/button>\r\n        <button class=\"ccv-arrow next\" type=\"button\" aria-label=\"Suivant\">&#8250;<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"ccv-slider\">\r\n        <div class=\"ccv-slide\">\r\n          <div class=\"ccv-card\">\r\n            <div class=\"ccv-card-top\">\r\n              <div class=\"ccv-icon\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M12 2l8 4v6c0 5-3.4 9.4-8 10-4.6-.6-8-5-8-10V6l8-4z\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/>\r\n                  <path d=\"M9 12l2 2 4-5\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Un travail durable et garanti<\/h3>\r\n            <\/div>\r\n            <div class=\"ccv-pill\">Garantie d&eacute;cennale<\/div>\r\n            <p>Nous utilisons des solutions professionnelles (tuiles, zinc...) pour assurer <b>solidit&eacute;<\/b> et <b>long&eacute;vit&eacute;<\/b> &agrave; votre toiture, m&ecirc;me en conditions difficiles.<\/p>\r\n            <ul class=\"ccv-bullets\">\r\n              <li>Finitions propres et durables<\/li>\r\n              <li>R&eacute;sistance aux intemp&eacute;ries<\/li>\r\n              <li>Contr&ocirc;le qualit&eacute; en fin de chantier<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ccv-slide\">\r\n          <div class=\"ccv-card\">\r\n            <div class=\"ccv-card-top\">\r\n              <div class=\"ccv-icon\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M4 21V9l8-6 8 6v12\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/>\r\n                  <path d=\"M9 21v-7h6v7\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Une entreprise locale &agrave; votre &eacute;coute<\/h3>\r\n            <\/div>\r\n            <div class=\"ccv-pill\">Entreprise locale<\/div>\r\n            <p>Proches de nos clients, nous vous accompagnons avec des explications simples et un <b>devis gratuit<\/b> pour choisir la meilleure solution, sans mauvaise surprise.<\/p>\r\n            <ul class=\"ccv-bullets\">\r\n              <li>Diagnostic + devis rapide<\/li>\r\n              <li>Suivi du chantier de A &agrave; Z<\/li>\r\n              <li>Disponibilit&eacute; et conseils personnalis&eacute;s<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ccv-slide\">\r\n          <div class=\"ccv-card\">\r\n            <div class=\"ccv-card-top\">\r\n              <div class=\"ccv-icon\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M12 3v6l4 2\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                  <path d=\"M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Des experts en &eacute;tanch&eacute;it&eacute;<\/h3>\r\n            <\/div>\r\n            <div class=\"ccv-pill\">Anti-infiltration<\/div>\r\n            <p>Infiltrations, humidit&eacute;, tuiles d&eacute;plac&eacute;es&nbsp;: on identifie l'origine du probl&egrave;me et on applique une solution durable pour &eacute;viter les r&eacute;cidives.<\/p>\r\n            <ul class=\"ccv-bullets\">\r\n              <li>Recherche de fuite cibl&eacute;e<\/li>\r\n              <li>&Eacute;tanch&eacute;it&eacute; (zinc, solins, noues)<\/li>\r\n              <li>Pr&eacute;vention et protection long terme<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ccv-slide\">\r\n          <div class=\"ccv-card\">\r\n            <div class=\"ccv-card-top\">\r\n              <div class=\"ccv-icon\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M3 13h7l3 3h8\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                  <path d=\"M3 7h11l3 3h4\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h3>Une intervention rapide<\/h3>\r\n            <\/div>\r\n            <div class=\"ccv-pill\">Urgence 24\/48h<\/div>\r\n            <p>Une fuite n'attend pas&nbsp;: nous intervenons rapidement dans le 44 pour limiter les d&eacute;g&acirc;ts et s&eacute;curiser votre toiture.<\/p>\r\n            <ul class=\"ccv-bullets\">\r\n              <li>D&eacute;placement rapide<\/li>\r\n              <li>Protection et s&eacute;curisation<\/li>\r\n              <li>R&eacute;paration efficace, sans tra&icirc;ner<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ccv-dots\" aria-label=\"Pagination\">\r\n        <button class=\"ccv-dot is-active\" type=\"button\" aria-label=\"Slide 1\"><\/button>\r\n        <button class=\"ccv-dot\" type=\"button\" aria-label=\"Slide 2\"><\/button>\r\n        <button class=\"ccv-dot\" type=\"button\" aria-label=\"Slide 3\"><\/button>\r\n        <button class=\"ccv-dot\" type=\"button\" aria-label=\"Slide 4\"><\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  document.querySelectorAll('[data-ccv]').forEach(function(block){\r\n    var slider = block.querySelector('.ccv-slider');\r\n    var slides = Array.from(block.querySelectorAll('.ccv-slide'));\r\n    var prev   = block.querySelector('.ccv-arrow.prev');\r\n    var next   = block.querySelector('.ccv-arrow.next');\r\n    var dots   = Array.from(block.querySelectorAll('.ccv-dot'));\r\n    var index  = 0;\r\n\r\n    function goTo(i){\r\n      index = (i + slides.length) % slides.length;\r\n      slider.scrollTo({ left: slides[index].offsetLeft - slider.offsetLeft, behavior:'smooth' });\r\n      dots.forEach(function(d,di){ d.classList.toggle('is-active', di === index); });\r\n    }\r\n\r\n    if(prev) prev.addEventListener('click', function(){ goTo(index - 1); });\r\n    if(next) next.addEventListener('click', function(){ goTo(index + 1); });\r\n    dots.forEach(function(d,i){ d.addEventListener('click', function(){ goTo(i); }); });\r\n\r\n    var t;\r\n    slider.addEventListener('scroll', function(){\r\n      clearTimeout(t);\r\n      t = setTimeout(function(){\r\n        var current = slides.reduce(function(best,s,i){\r\n          var dist = Math.abs(s.offsetLeft - slider.scrollLeft);\r\n          return dist < best.dist ? {i:i,dist:dist} : best;\r\n        }, {i:0,dist:Infinity}).i;\r\n        index = current;\r\n        dots.forEach(function(d,di){ d.classList.toggle('is-active', di === index); });\r\n      }, 80);\r\n    }, { passive:true });\r\n\r\n    goTo(0);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70d4778e e-con-full e-flex e-con e-parent\" data-id=\"70d4778e\" data-element_type=\"container\" data-e-type=\"container\" id=\"services\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b07d610 elementor-widget elementor-widget-html\" data-id=\"7b07d610\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"gb-services\" id=\"services\">\r\n  <div class=\"gb-services__container\">\r\n\r\n    <div class=\"gb-services__head\">\r\n      <span class=\"gb-services__eyebrow\">SERVICES<\/span>\r\n      <h2 class=\"gb-services__title\">Des prestations soign\u00e9es pour valoriser votre habitation<\/h2>\r\n      <p class=\"gb-services__intro\">\r\n        D\u00e9couvrez nos six domaines d'intervention pour prot\u00e9ger, entretenir et embellir votre bien.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gb-services__body\">\r\n\r\n      <!-- Thumbs gauche (slides 0-2) -->\r\n      <div class=\"gb-carousel__thumbs gb-carousel__thumbs--left\" role=\"tablist\" aria-label=\"Navigation des services - gauche\">\r\n        <button class=\"gb-carousel__thumb is-active\" type=\"button\" data-slide=\"0\" aria-label=\"Voir r\u00e9novation toiture\">\r\n          <img decoding=\"async\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/04\/renovation_toiture.png\" alt=\"\" \/>\r\n          <span>R\u00e9novation toiture<\/span>\r\n        <\/button>\r\n        <button class=\"gb-carousel__thumb\" type=\"button\" data-slide=\"1\" aria-label=\"Voir peinture toiture\">\r\n          <img decoding=\"async\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/04\/peinture_toiture.png\" alt=\"\" \/>\r\n          <span>Peinture toiture<\/span>\r\n        <\/button>\r\n        <button class=\"gb-carousel__thumb\" type=\"button\" data-slide=\"2\" aria-label=\"Voir r\u00e9novation fa\u00e7ade\">\r\n          <img decoding=\"async\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/04\/renovation_facade.png\" alt=\"\" \/>\r\n          <span>R\u00e9novation fa\u00e7ade<\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- Carousel -->\r\n      <div class=\"gb-carousel\" data-gb-carousel>\r\n        <div class=\"gb-carousel__viewport\">\r\n\r\n          <!-- Slide 1 : R\u00e9novation toiture -->\r\n          <article class=\"gb-service-card is-active\" data-index=\"0\">\r\n            <div class=\"gb-service-card__content\">\r\n              <h3>R\u00e9novation toiture<\/h3>\r\n              <p>Redonnez une seconde vie \u00e0 votre toiture gr\u00e2ce \u00e0 notre expertise en r\u00e9novation compl\u00e8te. Nous intervenons sur tous types de couvertures pour garantir \u00e9tanch\u00e9it\u00e9 et long\u00e9vit\u00e9.<\/p>\r\n              <ul class=\"gb-service-card__list\">\r\n                <li>R\u00e9fection totale ou partielle<\/li>\r\n                <li>Tuiles, ardoises, bac acier<\/li>\r\n                <li>Isolation et \u00e9tanch\u00e9it\u00e9 incluses<\/li>\r\n              <\/ul>\r\n              <div class=\"gb-service-card__actions\">\r\n                <a href=\"#\" class=\"gb-btn gb-btn--primary\">Demander un devis<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"gb-service-card__media\">\r\n              <button class=\"gb-carousel__arrow gb-carousel__arrow--prev\" type=\"button\" aria-label=\"Service pr\u00e9c\u00e9dent\">\u2039<\/button>\r\n              <div class=\"gb-service-card__image-wrap\">\r\n                <img decoding=\"async\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/04\/renovation_toiture.png\" alt=\"R\u00e9novation toiture\" \/>\r\n              <\/div>\r\n              <button class=\"gb-carousel__arrow gb-carousel__arrow--next\" type=\"button\" aria-label=\"Service suivant\">\u203a<\/button>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Slide 2 : Peinture toiture -->\r\n          <article class=\"gb-service-card\" data-index=\"1\">\r\n            <div class=\"gb-service-card__content\">\r\n              <h3>Peinture toiture<\/h3>\r\n              <p>Prot\u00e9gez et embellissez votre toiture avec nos traitements de peinture professionnels. Une solution esth\u00e9tique et durable qui renforce la r\u00e9sistance de votre couverture face aux intemp\u00e9ries.<\/p>\r\n              <ul class=\"gb-service-card__list\">\r\n                <li>Peinture imperm\u00e9abilisante<\/li>\r\n                <li>Traitement anti-mousse int\u00e9gr\u00e9<\/li>\r\n                <li>Large choix de coloris<\/li>\r\n              <\/ul>\r\n              <div class=\"gb-service-card__actions\">\r\n                <a href=\"#\" class=\"gb-btn gb-btn--primary\">Demander un devis<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"gb-service-card__media\">\r\n              <button class=\"gb-carousel__arrow gb-carousel__arrow--prev\" type=\"button\" aria-label=\"Service pr\u00e9c\u00e9dent\">\u2039<\/button>\r\n              <div class=\"gb-service-card__image-wrap\">\r\n                <img decoding=\"async\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/04\/peinture_toiture.png\" alt=\"Peinture toiture\" \/>\r\n              <\/div>\r\n              <button class=\"gb-carousel__arrow gb-carousel__arrow--next\" type=\"button\" aria-label=\"Service suivant\">\u203a<\/button>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Slide 3 : R\u00e9novation fa\u00e7ade -->\r\n          <article class=\"gb-service-card\" data-index=\"2\">\r\n            <div class=\"gb-service-card__content\">\r\n              <h3>R\u00e9novation fa\u00e7ade<\/h3>\r\n              <p>Revalorisation compl\u00e8te de votre fa\u00e7ade pour un r\u00e9sultat impeccable et durable. Nous assurons une pr\u00e9paration soign\u00e9e des supports et des finitions de qualit\u00e9 adapt\u00e9es \u00e0 votre bien.<\/p>\r\n              <ul class=\"gb-service-card__list\">\r\n                <li>Ragr\u00e9age et rebouchage<\/li>\r\n                <li>Enduits et rev\u00eatements fa\u00e7ade<\/li>\r\n                <li>Valorisation immobili\u00e8re garantie<\/li>\r\n              <\/ul>\r\n              <div class=\"gb-service-card__actions\">\r\n                <a href=\"#\" class=\"gb-btn gb-btn--primary\">Demander un devis<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"gb-service-card__media\">\r\n              <button class=\"gb-carousel__arrow gb-carousel__arrow--prev\" type=\"button\" aria-label=\"Service pr\u00e9c\u00e9dent\">\u2039<\/button>\r\n              <div class=\"gb-service-card__image-wrap\">\r\n                <img decoding=\"async\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/04\/renovation_facade.png\" alt=\"R\u00e9novation fa\u00e7ade\" \/>\r\n              <\/div>\r\n              <button class=\"gb-carousel__arrow gb-carousel__arrow--next\" type=\"button\" aria-label=\"Service suivant\">\u203a<\/button>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Slide 4 : Zinguerie -->\r\n          <article class=\"gb-service-card\" data-index=\"3\">\r\n            <div class=\"gb-service-card__content\">\r\n              <h3>Zinguerie<\/h3>\r\n              <p>Des travaux de zinguerie pr\u00e9cis pour une \u00e9vacuation des eaux parfaitement ma\u00eetris\u00e9e et une esth\u00e9tique irr\u00e9prochable. Goutti\u00e8res, ch\u00e9neaux et habillages zinc r\u00e9alis\u00e9s dans les r\u00e8gles de l'art.<\/p>\r\n              <ul class=\"gb-service-card__list\">\r\n                <li>Goutti\u00e8res et ch\u00e9neaux sur-mesure<\/li>\r\n                <li>Habillages et solins zinc<\/li>\r\n                <li>\u00c9tanch\u00e9it\u00e9 et \u00e9vacuation optimis\u00e9es<\/li>\r\n              <\/ul>\r\n              <div class=\"gb-service-card__actions\">\r\n                <a href=\"#\" class=\"gb-btn gb-btn--primary\">Demander un devis<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"gb-service-card__media\">\r\n              <button class=\"gb-carousel__arrow gb-carousel__arrow--prev\" type=\"button\" aria-label=\"Service pr\u00e9c\u00e9dent\">\u2039<\/button>\r\n              <div class=\"gb-service-card__image-wrap\">\r\n                <img decoding=\"async\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/04\/zinguerie.png\" alt=\"Zinguerie\" \/>\r\n              <\/div>\r\n              <button class=\"gb-carousel__arrow gb-carousel__arrow--next\" type=\"button\" aria-label=\"Service suivant\">\u203a<\/button>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Slide 5 : Charpenterie -->\r\n          <article class=\"gb-service-card\" data-index=\"4\">\r\n            <div class=\"gb-service-card__content\">\r\n              <h3>Charpenterie<\/h3>\r\n              <p>Conception et r\u00e9novation de charpentes robustes alliant tradition et innovation pour soutenir votre toit en toute s\u00e9curit\u00e9. Nous garantissons solidit\u00e9 et p\u00e9rennit\u00e9 de votre structure.<\/p>\r\n              <ul class=\"gb-service-card__list\">\r\n                <li>Charpente traditionnelle et fermette<\/li>\r\n                <li>R\u00e9novation et renforcement<\/li>\r\n                <li>Traitement anti-insectes et fongicide<\/li>\r\n              <\/ul>\r\n              <div class=\"gb-service-card__actions\">\r\n                <a href=\"#\" class=\"gb-btn gb-btn--primary\">Demander un devis<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"gb-service-card__media\">\r\n              <button class=\"gb-carousel__arrow gb-carousel__arrow--prev\" type=\"button\" aria-label=\"Service pr\u00e9c\u00e9dent\">\u2039<\/button>\r\n              <div class=\"gb-service-card__image-wrap\">\r\n                <img decoding=\"async\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/04\/charpenterie.png\" alt=\"Charpenterie\" \/>\r\n              <\/div>\r\n              <button class=\"gb-carousel__arrow gb-carousel__arrow--next\" type=\"button\" aria-label=\"Service suivant\">\u203a<\/button>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Slide 6 : Nettoyage toiture -->\r\n          <article class=\"gb-service-card\" data-index=\"5\">\r\n            <div class=\"gb-service-card__content\">\r\n              <h3>Nettoyage toiture<\/h3>\r\n              <p>Entretien professionnel de votre toiture pour prolonger sa dur\u00e9e de vie et pr\u00e9server son apparence. D\u00e9moussage, traitement hydrofuge et nettoyage haute pression r\u00e9alis\u00e9s en toute s\u00e9curit\u00e9.<\/p>\r\n              <ul class=\"gb-service-card__list\">\r\n                <li>D\u00e9moussage et d\u00e9kararchage<\/li>\r\n                <li>Traitement hydrofuge longue dur\u00e9e<\/li>\r\n                <li>Nettoyage haute pression s\u00e9curis\u00e9<\/li>\r\n              <\/ul>\r\n              <div class=\"gb-service-card__actions\">\r\n                <a href=\"#\" class=\"gb-btn gb-btn--primary\">Demander un devis<\/a>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"gb-service-card__media\">\r\n              <button class=\"gb-carousel__arrow gb-carousel__arrow--prev\" type=\"button\" aria-label=\"Service pr\u00e9c\u00e9dent\">\u2039<\/button>\r\n              <div class=\"gb-service-card__image-wrap\">\r\n                <img decoding=\"async\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/04\/nettoyage_toiture.png\" alt=\"Nettoyage toiture\" \/>\r\n              <\/div>\r\n              <button class=\"gb-carousel__arrow gb-carousel__arrow--next\" type=\"button\" aria-label=\"Service suivant\">\u203a<\/button>\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n      <\/div><!-- \/.gb-carousel -->\r\n\r\n      <!-- Thumbs droite (slides 3-5) -->\r\n      <div class=\"gb-carousel__thumbs gb-carousel__thumbs--right\" role=\"tablist\" aria-label=\"Navigation des services - droite\">\r\n        <button class=\"gb-carousel__thumb\" type=\"button\" data-slide=\"3\" aria-label=\"Voir zinguerie\">\r\n          <img decoding=\"async\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/04\/zinguerie.png\" alt=\"\" \/>\r\n          <span>Zinguerie<\/span>\r\n        <\/button>\r\n        <button class=\"gb-carousel__thumb\" type=\"button\" data-slide=\"4\" aria-label=\"Voir charpenterie\">\r\n          <img decoding=\"async\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/04\/charpenterie.png\" alt=\"\" \/>\r\n          <span>Charpenterie<\/span>\r\n        <\/button>\r\n        <button class=\"gb-carousel__thumb\" type=\"button\" data-slide=\"5\" aria-label=\"Voir nettoyage toiture\">\r\n          <img decoding=\"async\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/04\/nettoyage_toiture.png\" alt=\"\" \/>\r\n          <span>Nettoyage toiture<\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/.gb-services__body -->\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .gb-services{\r\n    --gb-red:#F88F2B;\r\n    --gb-red-dark:#d97520;\r\n    --gb-gold:#919191;\r\n    --gb-gold-soft:#e8e8e8;\r\n    --gb-text:#433c35;\r\n    --gb-ink:#111111;\r\n    --gb-white:#ffffff;\r\n    --gb-border:#e0e0e0;\r\n    --gb-shadow:0 18px 50px rgba(0,0,0,.06);\r\n    --gb-shadow-soft:0 12px 30px rgba(0,0,0,.05);\r\n    --gb-radius:28px;\r\n    --gb-radius-sm:20px;\r\n\r\n    padding: 12px 45px 20px;\r\n    font-family: \"Poppins\",\"Segoe UI\",Arial,sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .gb-services__container{\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2500\u2500 Head \u2500\u2500 *\/\r\n  .gb-services__head{\r\n    text-align:center;\r\n    max-width: 900px;\r\n    margin: 0 auto 36px;\r\n  }\r\n\r\n  .gb-services__eyebrow{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    color:var(--gb-red);\r\n    text-transform:uppercase;\r\n    letter-spacing:.16em;\r\n    font-family:\"Inter\",\"Segoe UI\",Arial,sans-serif;\r\n    font-size:18px;\r\n    font-weight:700;\r\n    margin-bottom:12px;\r\n  }\r\n\r\n  .gb-services__title{\r\n    margin:0 0 10px;\r\n    color:var(--gb-ink);\r\n    font-size:42px;\r\n    line-height:1.08;\r\n    font-weight:800;\r\n    letter-spacing:-0.03em;\r\n  }\r\n\r\n  .gb-services__intro{\r\n    margin:0 auto;\r\n    max-width:760px;\r\n    color:#665e57;\r\n    font-size:18px;\r\n    line-height:1.85;\r\n  }\r\n\r\n  \/* \u2500\u2500 Body : 3 colonnes desktop \u2500\u2500 *\/\r\n  .gb-services__body{\r\n    display: grid;\r\n    grid-template-columns: 150px 1fr 150px;\r\n    gap: 24px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  \/* \u2500\u2500 Thumbs \u2500\u2500 *\/\r\n  .gb-carousel__thumbs{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n  }\r\n\r\n  .gb-carousel__thumb{\r\n    appearance:none;\r\n    border:2px solid rgba(145,145,145,.34);\r\n    background:transparent;\r\n    border-radius:16px;\r\n    overflow:hidden;\r\n    cursor:pointer;\r\n    padding:0;\r\n    text-align:left;\r\n    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n    box-shadow:var(--gb-shadow-soft);\r\n    aspect-ratio: unset;\r\n    flex: 1;\r\n    position:relative;\r\n    display:block;\r\n    width: 100%;\r\n  }\r\n\r\n  .gb-carousel__thumb:hover{\r\n    transform:translateY(-3px);\r\n    border-color:rgba(248,143,43,.40);\r\n  }\r\n\r\n  .gb-carousel__thumb.is-active{\r\n    border-color:var(--gb-red);\r\n    box-shadow:0 12px 28px rgba(248,143,43,.20);\r\n  }\r\n\r\n  .gb-carousel__thumb img{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n  }\r\n\r\n  .gb-carousel__thumb span{\r\n    position:absolute;\r\n    bottom:0;\r\n    left:0;\r\n    right:0;\r\n    padding:20px 10px 8px;\r\n    color:#fff;\r\n    font-size:11px;\r\n    font-weight:700;\r\n    line-height:1.3;\r\n    background:linear-gradient(to top, rgba(0,0,0,.62) 0%, transparent 100%);\r\n  }\r\n\r\n  \/* \u2500\u2500 Carousel viewport \u2500\u2500 *\/\r\n  .gb-carousel{\r\n    position:relative;\r\n  }\r\n\r\n  .gb-carousel__viewport{\r\n    position:relative;\r\n    min-height: 500px;\r\n  }\r\n\r\n  \/* \u2500\u2500 Cards \u2500\u2500 *\/\r\n  .gb-service-card{\r\n    position:absolute;\r\n    inset:0;\r\n    display:grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap:54px;\r\n    align-items:stretch;\r\n    opacity:0;\r\n    visibility:hidden;\r\n    transform:translateX(40px);\r\n    transition:\r\n      opacity .55s ease,\r\n      transform .55s ease,\r\n      visibility .55s ease;\r\n  }\r\n\r\n  .gb-service-card.is-active{\r\n    opacity:1;\r\n    visibility:visible;\r\n    transform:translateX(0);\r\n    position:relative;\r\n  }\r\n\r\n  .gb-service-card__content{\r\n    padding:16px 0 16px 4px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n  }\r\n\r\n  .gb-service-card h3{\r\n    margin:0 0 18px;\r\n    color:var(--gb-ink);\r\n    font-size:42px;\r\n    line-height:1.08;\r\n    font-weight:800;\r\n    letter-spacing:-0.03em;\r\n  }\r\n\r\n  .gb-service-card p{\r\n    margin:0 0 24px;\r\n    color:#6a625a;\r\n    font-size:18px;\r\n    line-height:1.9;\r\n    max-width: 95%;\r\n  }\r\n\r\n  .gb-service-card__list{\r\n    list-style:none;\r\n    padding:0;\r\n    margin:0 0 28px;\r\n    display:grid;\r\n    gap:12px;\r\n  }\r\n\r\n  .gb-service-card__list li{\r\n    position:relative;\r\n    padding-left:28px;\r\n    color:var(--gb-text);\r\n    font-size:16px;\r\n    line-height:1.65;\r\n    font-weight:500;\r\n  }\r\n\r\n  .gb-service-card__list li::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    top:9px;\r\n    width:10px;\r\n    height:10px;\r\n    border-radius:50%;\r\n    background:linear-gradient(135deg, var(--gb-red), var(--gb-gold));\r\n    box-shadow:0 0 0 5px rgba(145,145,145,.14);\r\n  }\r\n\r\n  .gb-service-card__actions{ margin-top:6px; }\r\n\r\n  .gb-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:58px;\r\n    padding:16px 30px;\r\n    border-radius:999px;\r\n    text-decoration:none;\r\n    font-size:16px;\r\n    font-weight:700;\r\n    transition:\r\n      transform .25s ease,\r\n      box-shadow .25s ease,\r\n      background .25s ease,\r\n      border-color .25s ease;\r\n  }\r\n\r\n  .gb-btn:hover{ transform:translateY(-2px); }\r\n\r\n  .gb-btn--primary{\r\n    background:linear-gradient(135deg, var(--gb-red), var(--gb-red-dark));\r\n    color:#fff;\r\n    box-shadow:0 14px 28px rgba(248,143,43,.28);\r\n  }\r\n\r\n  .gb-btn--primary:hover{ box-shadow:0 18px 34px rgba(248,143,43,.40); }\r\n\r\n  .gb-service-card__media{\r\n    position:relative;\r\n    display:flex;\r\n    align-items:stretch;\r\n    justify-content:center;\r\n  }\r\n\r\n  .gb-service-card__image-wrap{\r\n    position:relative;\r\n    width:100%;\r\n    border-radius:32px;\r\n    overflow:hidden;\r\n    background:#ddd;\r\n    border:1px solid rgba(145,145,145,.28);\r\n    box-shadow:var(--gb-shadow);\r\n    aspect-ratio: unset;\r\n    min-height: 100%;\r\n  }\r\n\r\n  .gb-service-card__image-wrap img{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n  }\r\n\r\n  .gb-carousel__arrow{\r\n    position:absolute;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    z-index:5;\r\n    width:52px;\r\n    height:52px;\r\n    border:none;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.88);\r\n    color:var(--gb-red);\r\n    font-size:34px;\r\n    line-height:1;\r\n    cursor:pointer;\r\n    box-shadow:var(--gb-shadow-soft);\r\n    transition:transform .25s ease, background .25s ease, color .25s ease;\r\n  }\r\n\r\n  .gb-carousel__arrow:hover{\r\n    transform:translateY(-50%) scale(1.06);\r\n    background:var(--gb-red);\r\n    color:#fff;\r\n  }\r\n\r\n  .gb-carousel__arrow--prev{ left:-22px; }\r\n  .gb-carousel__arrow--next{ right:-22px; }\r\n\r\n  \/* \u2500\u2500 Tablette \u2500\u2500 *\/\r\n  @media (max-width: 1150px){\r\n    .gb-services__body{\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .gb-carousel__thumbs{\r\n      flex-direction: row;\r\n      justify-content: center;\r\n      flex-wrap: nowrap;\r\n      gap: 8px;\r\n    }\r\n\r\n    .gb-carousel__thumbs--left{ order: 2; }\r\n    .gb-carousel__thumbs--right{ order: 3; }\r\n    .gb-carousel{ order: 1; }\r\n\r\n    .gb-carousel__thumbs--left,\r\n    .gb-carousel__thumbs--right{\r\n      flex: 1;\r\n    }\r\n\r\n    .gb-carousel__thumb{\r\n      flex: 1 1 0;\r\n      max-width: 180px;\r\n    }\r\n\r\n    .gb-carousel__viewport{ min-height: unset; }\r\n\r\n    .gb-service-card{\r\n      position:relative;\r\n      display:none;\r\n      opacity:1;\r\n      visibility:visible;\r\n      transform:none;\r\n      grid-template-columns: 1fr;\r\n      gap:28px;\r\n    }\r\n\r\n    .gb-service-card.is-active{ display:grid; }\r\n\r\n    .gb-service-card__content{\r\n      order:2;\r\n      padding:0;\r\n    }\r\n\r\n    .gb-service-card__media{ order:1; }\r\n\r\n    .gb-service-card__image-wrap{\r\n      aspect-ratio: 16 \/ 11;\r\n      min-height: unset;\r\n    }\r\n\r\n    .gb-carousel__arrow--prev{ left:14px; }\r\n    .gb-carousel__arrow--next{ right:14px; }\r\n  }\r\n\r\n  \/* \u2500\u2500 Mobile \u2500\u2500 *\/\r\n  @media (max-width: 767px){\r\n    .gb-services{ padding:30px 16px 16px; }\r\n\r\n    .gb-services__body{\r\n      gap: 12px;\r\n    }\r\n\r\n    .gb-carousel__thumbs{\r\n      flex-direction: row;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n      gap: 6px;\r\n    }\r\n\r\n    .gb-carousel__thumbs--left{ order: 1; }\r\n    .gb-carousel__thumbs--right{ order: 2; }\r\n    .gb-carousel{ order: 3; }\r\n\r\n    .gb-carousel__thumb{\r\n      flex: 0 0 calc(33.33% - 6px);\r\n      min-width: 0;\r\n      max-width: none;\r\n    }\r\n\r\n    .gb-carousel__thumb span{\r\n      font-size: 10px;\r\n      padding: 18px 6px 6px;\r\n    }\r\n\r\n    .gb-services__eyebrow{ font-size:12px; }\r\n    .gb-services__title{ font-size:22px; }\r\n    .gb-services__intro{ font-size:13px; line-height:1.75; }\r\n    .gb-service-card h3{ font-size:18px; }\r\n    .gb-service-card p{ font-size:13px; line-height:1.8; max-width:none; }\r\n    .gb-service-card__list li{ font-size:11px; }\r\n    .gb-carousel__arrow{ width:46px; height:46px; font-size:30px; }\r\n    .gb-btn{ width:100%; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const carousel = document.querySelector('[data-gb-carousel]');\r\n    if (!carousel) return;\r\n\r\n    const body = carousel.closest('.gb-services__body') || carousel;\r\n\r\n    const slides      = Array.from(carousel.querySelectorAll('.gb-service-card'));\r\n    const thumbs      = Array.from(body.querySelectorAll('.gb-carousel__thumb'));\r\n    const prevButtons = Array.from(carousel.querySelectorAll('.gb-carousel__arrow--prev'));\r\n    const nextButtons = Array.from(carousel.querySelectorAll('.gb-carousel__arrow--next'));\r\n\r\n    let current = 0;\r\n    let autoPlay;\r\n\r\n    function showSlide(index) {\r\n      current = (index + slides.length) % slides.length;\r\n      slides.forEach((slide, i) => slide.classList.toggle('is-active', i === current));\r\n      thumbs.forEach((thumb, i) => thumb.classList.toggle('is-active', i === current));\r\n    }\r\n\r\n    function nextSlide() { showSlide(current + 1); }\r\n    function prevSlide() { showSlide(current - 1); }\r\n\r\n    function startAutoPlay() {\r\n      stopAutoPlay();\r\n      autoPlay = setInterval(nextSlide, 5500);\r\n    }\r\n\r\n    function stopAutoPlay() {\r\n      if (autoPlay) clearInterval(autoPlay);\r\n    }\r\n\r\n    thumbs.forEach(thumb => {\r\n      thumb.addEventListener('click', () => {\r\n        showSlide(parseInt(thumb.dataset.slide, 10));\r\n        startAutoPlay();\r\n      });\r\n    });\r\n\r\n    prevButtons.forEach(btn => btn.addEventListener('click', () => { prevSlide(); startAutoPlay(); }));\r\n    nextButtons.forEach(btn => btn.addEventListener('click', () => { nextSlide(); startAutoPlay(); }));\r\n\r\n    body.addEventListener('mouseenter', stopAutoPlay);\r\n    body.addEventListener('mouseleave', startAutoPlay);\r\n\r\n    showSlide(0);\r\n    startAutoPlay();\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4933404f e-flex e-con-boxed e-con e-parent\" data-id=\"4933404f\" data-element_type=\"container\" data-e-type=\"container\" id=\"realisations\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-077eca5 e-con-full e-flex e-con e-child\" data-id=\"077eca5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db5149d elementor-widget elementor-widget-heading\" data-id=\"db5149d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">NOS REALISATIONS<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbb6948 elementor-widget elementor-widget-heading\" data-id=\"fbb6948\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">D\u00e9couvrez quelques-unes<br>\nde nos r\u00e9alisations<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2caed1d elementor-widget elementor-widget-text-editor\" data-id=\"2caed1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #f88f2b; font-weight: bold;\">Compagnons CP<\/span> r\u00e9alise des travaux de toiture sur mesure pour les particuliers, alliant expertise, qualit\u00e9 et finitions irr\u00e9prochables.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49d609be elementor-widget elementor-widget-html\" data-id=\"49d609be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== BLOC AVANT \/ APRES \u2014 4 comparaisons en grille ===== -->\r\n<style>\r\n\/* \u2500\u2500 Conteneur section \u2500\u2500 *\/\r\n.ba-section{\r\n  max-width:1200px;\r\n  margin:0 auto;\r\n  padding:0px 16px 0px;\r\n  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n}\r\n.ba-section *{ box-sizing:border-box; }\r\n\r\n\/* Titre *\/\r\n.ba-section-title{\r\n  text-align:center;\r\n  margin-bottom:12px;\r\n  font-size:clamp(26px, 4vw, 42px);\r\n  font-weight:800;\r\n  color:#1a1a2e;\r\n  letter-spacing:-.02em;\r\n  line-height:1.15;\r\n}\r\n.ba-section-subtitle{\r\n  text-align:center;\r\n  margin-bottom:40px;\r\n  font-size:clamp(14px, 2vw, 18px);\r\n  font-weight:400;\r\n  color:#64748b;\r\n  max-width:600px;\r\n  margin-left:auto;\r\n  margin-right:auto;\r\n  line-height:1.5;\r\n}\r\n\r\n\/* \u2500\u2500 Grille 2\u00d72 desktop \/ 1 col mobile \u2500\u2500 *\/\r\n.ba-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:24px;\r\n}\r\n@media(max-width:768px){\r\n  .ba-grid{ grid-template-columns:1fr; gap:20px; }\r\n}\r\n\r\n\/* \u2500\u2500 Carte individuelle \u2500\u2500 *\/\r\n.ba-card{\r\n  border-radius:16px;\r\n  overflow:hidden;\r\n  box-shadow:\r\n    0 4px 6px -1px rgba(0,0,0,.08),\r\n    0 10px 30px -5px rgba(0,0,0,.12);\r\n  transition: transform .3s ease, box-shadow .3s ease;\r\n}\r\n.ba-card:hover{\r\n  transform:translateY(-4px);\r\n  box-shadow:\r\n    0 8px 16px -2px rgba(0,0,0,.1),\r\n    0 20px 50px -8px rgba(0,0,0,.18);\r\n}\r\n\r\n\/* \u2500\u2500 Comparateur Avant\/Apr\u00e8s \u2500\u2500 *\/\r\n.ba2{\r\n  --p:50%;\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n  background:#0f172a;\r\n  aspect-ratio:4\/3;\r\n}\r\n\r\n.ba2-base{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n}\r\n\r\n.ba2-top{\r\n  position:absolute;\r\n  inset:0;\r\n  overflow:hidden;\r\n  width:var(--p);\r\n}\r\n.ba2-top img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n}\r\n\r\n\/* Labels Avant \/ Apr\u00e8s *\/\r\n.ba2-tag{\r\n  position:absolute;\r\n  top:14px;\r\n  padding:6px 14px;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:.04em;\r\n  text-transform:uppercase;\r\n  color:#fff;\r\n  border-radius:999px;\r\n  z-index:5;\r\n  backdrop-filter:blur(8px);\r\n  -webkit-backdrop-filter:blur(8px);\r\n  transition: opacity .2s;\r\n}\r\n.ba2-left{\r\n  left:14px;\r\n  background:linear-gradient(135deg,rgba(239,68,68,.85),rgba(185,28,28,.85));\r\n}\r\n.ba2-right{\r\n  right:14px;\r\n  background:linear-gradient(135deg,rgba(34,197,94,.85),rgba(21,128,61,.85));\r\n}\r\n\r\n\/* Ligne + poign\u00e9e *\/\r\n.ba2-handle{\r\n  position:absolute;\r\n  top:0; bottom:0;\r\n  left:var(--p);\r\n  transform:translateX(-50%);\r\n  z-index:4;\r\n  pointer-events:none;\r\n}\r\n.ba2-line{\r\n  position:absolute;\r\n  top:0; bottom:0;\r\n  left:50%;\r\n  width:3px;\r\n  margin-left:-1.5px;\r\n  background:rgba(255,255,255,.95);\r\n  box-shadow:0 0 8px rgba(0,0,0,.3);\r\n}\r\n.ba2-knob{\r\n  position:absolute;\r\n  top:50%; left:50%;\r\n  transform:translate(-50%,-50%);\r\n  width:48px; height:48px;\r\n  border-radius:999px;\r\n  display:grid;\r\n  place-items:center;\r\n  background:rgba(255,255,255,.95);\r\n  color:#1a1a2e;\r\n  font-size:20px;\r\n  font-weight:700;\r\n  box-shadow:\r\n    0 4px 12px rgba(0,0,0,.25),\r\n    0 0 0 3px rgba(255,255,255,.3);\r\n  transition: transform .15s ease;\r\n}\r\n.ba2:hover .ba2-knob{\r\n  transform:translate(-50%,-50%) scale(1.1);\r\n}\r\n\r\n\/* Range invisible *\/\r\n.ba2-range{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  margin:0;\r\n  background:transparent;\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n  cursor:ew-resize;\r\n  z-index:6;\r\n}\r\n.ba2-range:focus{ outline:none; }\r\n.ba2-range::-webkit-slider-thumb{\r\n  -webkit-appearance:none;\r\n  width:48px; height:48px;\r\n  background:transparent;\r\n  border:none;\r\n}\r\n.ba2-range::-moz-range-thumb{\r\n  width:48px; height:48px;\r\n  background:transparent;\r\n  border:none;\r\n}\r\n\r\n\/* Petit indicateur sous la grille *\/\r\n.ba-hint{\r\n  text-align:center;\r\n  margin-top:24px;\r\n  font-size:13px;\r\n  color:#94a3b8;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:6px;\r\n}\r\n.ba-hint svg{ opacity:.6; }\r\n<\/style>\r\n\r\n<div class=\"ba-section\">\r\n\r\n  <div class=\"ba-grid\">\r\n\r\n    <!-- Comparaison 1 -->\r\n    <div class=\"ba-card\">\r\n      <div class=\"ba2\" data-start=\"50\">\r\n        <img decoding=\"async\" class=\"ba2-base\" src=\"https:\/\/couvreur-zimmermann.fr\/wp-content\/uploads\/2026\/04\/Apres1.jpg\" alt=\"Apr\u00e8s\">\r\n        <div class=\"ba2-top\">\r\n          <img decoding=\"async\" src=\"https:\/\/couvreur-zimmermann.fr\/wp-content\/uploads\/2026\/04\/Avant1.jpg\" alt=\"Avant\">\r\n        <\/div>\r\n        <span class=\"ba2-tag ba2-left\">Avant<\/span>\r\n        <span class=\"ba2-tag ba2-right\">Apr&egrave;s<\/span>\r\n        <div class=\"ba2-handle\" aria-hidden=\"true\">\r\n          <span class=\"ba2-line\"><\/span>\r\n          <span class=\"ba2-knob\">&#8644;<\/span>\r\n        <\/div>\r\n        <input class=\"ba2-range\" type=\"range\" min=\"0\" max=\"100\" value=\"50\" aria-label=\"Avant apr\u00e8s\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Comparaison 2 -->\r\n    <div class=\"ba-card\">\r\n      <div class=\"ba2\" data-start=\"50\">\r\n        <img decoding=\"async\" class=\"ba2-base\" src=\"https:\/\/couvreur-zimmermann.fr\/wp-content\/uploads\/2026\/04\/Apres2.webp\" alt=\"Apr\u00e8s\">\r\n        <div class=\"ba2-top\">\r\n          <img decoding=\"async\" src=\"https:\/\/couvreur-zimmermann.fr\/wp-content\/uploads\/2026\/04\/Avant2.webp\" alt=\"Avant\">\r\n        <\/div>\r\n        <span class=\"ba2-tag ba2-left\">Avant<\/span>\r\n        <span class=\"ba2-tag ba2-right\">Apr&egrave;s<\/span>\r\n        <div class=\"ba2-handle\" aria-hidden=\"true\">\r\n          <span class=\"ba2-line\"><\/span>\r\n          <span class=\"ba2-knob\">&#8644;<\/span>\r\n        <\/div>\r\n        <input class=\"ba2-range\" type=\"range\" min=\"0\" max=\"100\" value=\"50\" aria-label=\"Avant apr\u00e8s\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/ba-grid -->\r\n\r\n<\/div><!-- \/ba-section -->\r\n\r\n<script>\r\n(function(){\r\n  document.querySelectorAll('.ba2').forEach(function(b){\r\n    var r = b.querySelector('.ba2-range');\r\n    var start = b.getAttribute('data-start') || 50;\r\n    r.value = start;\r\n    function set(v){\r\n      b.style.setProperty('--p', Math.max(0, Math.min(100, Number(v))) + '%');\r\n    }\r\n    set(r.value);\r\n    r.addEventListener('input', function(e){ set(e.target.value); });\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7039537c e-con-full e-flex e-con e-parent\" data-id=\"7039537c\" data-element_type=\"container\" data-e-type=\"container\" id=\"deroulement\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22e7bec9 elementor-widget elementor-widget-html\" data-id=\"22e7bec9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');\r\n\r\n:root{\r\n  --ccv-text: #1C1210;\r\n  --ccv-muted: #6D5D55;\r\n  --ccv-border: rgba(28,18,16,.08);\r\n  --ccv-shadow-soft: 0 8px 32px rgba(28,18,16,.06);\r\n\r\n  --ccv-red: #C0392B;\r\n  --ccv-red-dark: #96281B;\r\n  --ccv-red-light: #E74C3C;\r\n  --ccv-accent-rgb: 192,57,43;\r\n\r\n  --ccv-warm-light: #FFF8F6;\r\n  --ccv-radius: 24px;\r\n  --ccv-max: 1240px;\r\n}\r\n\r\n*{ box-sizing: border-box; }\r\n\r\n.ccv-process{\r\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  padding: 40px 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n.ccv-process::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: -20%;\r\n  background:\r\n    radial-gradient(800px 500px at 20% 15%, rgba(var(--ccv-accent-rgb),.07), transparent 60%),\r\n    radial-gradient(600px 400px at 80% 80%, rgba(var(--ccv-accent-rgb),.04), transparent 55%);\r\n  pointer-events: none;\r\n}\r\n\r\n.ccv-process__wrap{\r\n  max-width: var(--ccv-max);\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.ccv-process__header{\r\n  text-align: center;\r\n  margin-bottom: clamp(40px, 5vw, 72px);\r\n}\r\n\r\n.ccv-process__eyebrow{\r\n  display: inline-flex;\r\n  align-items: center;\r\n  color: var(--ccv-red);\r\n  text-transform: uppercase;\r\n  letter-spacing: .16em;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.ccv-process__badge{\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  padding: 10px 18px; border-radius: 999px;\r\n  border: 1px solid rgba(var(--ccv-accent-rgb),.18);\r\n  background: linear-gradient(135deg, rgba(var(--ccv-accent-rgb),.06), rgba(var(--ccv-accent-rgb),.02));\r\n  font-weight: 700; font-size: 13px; color: var(--ccv-text);\r\n  letter-spacing: 0.01em;\r\n  backdrop-filter: blur(8px);\r\n}\r\n.ccv-process__badge i{\r\n  width: 8px; height: 8px; border-radius: 50%;\r\n  background: var(--ccv-red);\r\n  box-shadow: 0 0 0 4px rgba(var(--ccv-accent-rgb),.15), 0 0 0 8px rgba(var(--ccv-accent-rgb),.06);\r\n  animation: ccv-pulse2 2.5s ease-in-out infinite;\r\n}\r\n@keyframes ccv-pulse2{\r\n  0%,100%{ box-shadow: 0 0 0 4px rgba(var(--ccv-accent-rgb),.15), 0 0 0 8px rgba(var(--ccv-accent-rgb),.06); }\r\n  50%{ box-shadow: 0 0 0 6px rgba(var(--ccv-accent-rgb),.20), 0 0 0 12px rgba(var(--ccv-accent-rgb),.08); }\r\n}\r\n\r\n.ccv-process__title{\r\n  margin: 24px 0 16px;\r\n  font-size: clamp(26px, 3.2vw, 44px);\r\n  font-weight: 900; line-height: 1.15;\r\n  letter-spacing: -0.025em; color: var(--ccv-text);\r\n}\r\n.ccv-process__title span{\r\n  color: transparent;\r\n  background: linear-gradient(135deg, var(--ccv-red), var(--ccv-red-light));\r\n  -webkit-background-clip: text; background-clip: text;\r\n}\r\n\r\n.ccv-process__lead{\r\n  max-width: 62ch; margin: 0 auto;\r\n  color: var(--ccv-muted); font-size: 16.5px; line-height: 1.75; font-weight: 400;\r\n}\r\n\r\n\/* \u2500\u2500 STEPS GRID \u2500\u2500 *\/\r\n.ccv-steps{\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 0;\r\n  position: relative;\r\n}\r\n\r\n\/* connector line between cards *\/\r\n.ccv-steps::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 52px;\r\n  left: calc(16.66% + 24px);\r\n  right: calc(16.66% + 24px);\r\n  height: 2px;\r\n  background: linear-gradient(90deg,\r\n    rgba(var(--ccv-accent-rgb),.15),\r\n    rgba(var(--ccv-accent-rgb),.30),\r\n    rgba(var(--ccv-accent-rgb),.15));\r\n  z-index: 0;\r\n  border-radius: 2px;\r\n}\r\n\r\n.ccv-step{\r\n  background: #fff;\r\n  border-radius: var(--ccv-radius);\r\n  border: 1px solid rgba(28,18,16,.06);\r\n  padding: 40px 32px 36px;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 1;\r\n  transition: all .35s cubic-bezier(.4,0,.2,1);\r\n  margin: 0 10px;\r\n}\r\n.ccv-step:hover{\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 24px 56px rgba(28,18,16,.10), 0 0 0 1px rgba(var(--ccv-accent-rgb),.08);\r\n}\r\n\r\n\/* step number circle *\/\r\n.ccv-step__num{\r\n  width: 56px; height: 56px; border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin: 0 auto 24px;\r\n  font-weight: 900; font-size: 22px;\r\n  color: #fff;\r\n  background: linear-gradient(145deg, var(--ccv-red), var(--ccv-red-dark));\r\n  box-shadow: 0 8px 24px rgba(var(--ccv-accent-rgb),.25), 0 0 0 6px rgba(var(--ccv-accent-rgb),.08);\r\n  position: relative;\r\n  transition: all .35s cubic-bezier(.4,0,.2,1);\r\n}\r\n.ccv-step:hover .ccv-step__num{\r\n  box-shadow: 0 12px 32px rgba(var(--ccv-accent-rgb),.30), 0 0 0 8px rgba(var(--ccv-accent-rgb),.10);\r\n  transform: scale(1.05);\r\n}\r\n\r\n.ccv-step__icon{\r\n  width: 52px; height: 52px; border-radius: 16px;\r\n  background: linear-gradient(135deg, rgba(var(--ccv-accent-rgb),.10), rgba(var(--ccv-accent-rgb),.04));\r\n  border: 1px solid rgba(var(--ccv-accent-rgb),.14);\r\n  display: grid; place-items: center;\r\n  color: var(--ccv-red);\r\n  margin: 0 auto 20px;\r\n  transition: all .35s ease;\r\n}\r\n.ccv-step:hover .ccv-step__icon{\r\n  background: linear-gradient(135deg, rgba(var(--ccv-accent-rgb),.14), rgba(var(--ccv-accent-rgb),.06));\r\n  border-color: rgba(var(--ccv-accent-rgb),.22);\r\n}\r\n.ccv-step__icon svg{ width: 24px; height: 24px; }\r\n\r\n.ccv-step__title{\r\n  font-size: 21px; font-weight: 800;\r\n  margin-bottom: 12px; color: var(--ccv-text);\r\n  letter-spacing: -0.015em;\r\n}\r\n.ccv-step__text{\r\n  font-size: 15.5px; color: var(--ccv-muted);\r\n  line-height: 1.75; font-weight: 400;\r\n}\r\n\r\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\r\n.ccv-process__cta{\r\n  margin-top: clamp(48px, 5vw, 72px);\r\n  display: flex; flex-wrap: wrap; gap: 14px; justify-content: center;\r\n}\r\n\r\n.ccv-btn{\r\n  display: inline-flex; align-items: center; justify-content: center; gap: 10px;\r\n  padding: 15px 28px; border-radius: 999px; text-decoration: none;\r\n  font-weight: 700; font-size: 15px; letter-spacing: 0.01em;\r\n  border: none; cursor: pointer;\r\n  transition: all .25s cubic-bezier(.4,0,.2,1);\r\n}\r\n.ccv-btn:hover{ transform: translateY(-2px); }\r\n.ccv-btn:active{ transform: translateY(0) scale(.98); }\r\n\r\n.ccv-btn--primary{\r\n  color: #fff !important;\r\n  background: linear-gradient(135deg, var(--ccv-red), var(--ccv-red-dark)) !important;\r\n  box-shadow: 0 8px 24px rgba(var(--ccv-accent-rgb),.30), 0 2px 8px rgba(var(--ccv-accent-rgb),.20) !important;\r\n}\r\n.ccv-btn--primary:hover{\r\n  box-shadow: 0 12px 32px rgba(var(--ccv-accent-rgb),.35), 0 4px 12px rgba(var(--ccv-accent-rgb),.25) !important;\r\n}\r\n.ccv-btn--light{\r\n  background: #fff;\r\n  border: 1px solid rgba(28,18,16,.10) !important;\r\n  color: var(--ccv-text);\r\n  box-shadow: 0 4px 16px rgba(28,18,16,.06);\r\n  font-weight: 600;\r\n}\r\n.ccv-btn--light:hover{\r\n  background: var(--ccv-warm-light);\r\n  border-color: rgba(var(--ccv-accent-rgb),.15) !important;\r\n  box-shadow: 0 8px 24px rgba(28,18,16,.08);\r\n  color: var(--ccv-red);\r\n}\r\n\r\n.ccv-process__note{\r\n  margin-top: 20px;\r\n  text-align: center;\r\n  font-weight: 600; font-size: 14px;\r\n  color: var(--ccv-muted);\r\n  display: flex; align-items: center; justify-content: center; gap: 8px;\r\n}\r\n.ccv-process__note::before{\r\n  content: \"\";\r\n  width: 8px; height: 8px; border-radius: 50%;\r\n  background: #2ECC71;\r\n  box-shadow: 0 0 0 3px rgba(46,204,113,.20);\r\n  animation: ccv-live 2s ease-in-out infinite;\r\n}\r\n@keyframes ccv-live{\r\n  0%,100%{ opacity: 1; }\r\n  50%{ opacity: .5; }\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 1024px){\r\n  .ccv-steps{\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n    max-width: 520px;\r\n    margin: 0 auto;\r\n  }\r\n  .ccv-steps::before{ display: none; }\r\n  .ccv-step{\r\n    margin: 0;\r\n    display: grid;\r\n    grid-template-columns: auto 1fr;\r\n    grid-template-rows: auto auto;\r\n    column-gap: 20px;\r\n    text-align: left;\r\n    padding: 28px;\r\n  }\r\n  .ccv-step__num{\r\n    grid-row: 1 \/ 3;\r\n    margin: 0;\r\n    width: 48px; height: 48px;\r\n    font-size: 20px;\r\n    align-self: start;\r\n  }\r\n  .ccv-step__icon{ display: none; }\r\n  .ccv-step__title{\r\n    margin-bottom: 6px;\r\n    font-size: 19px;\r\n    align-self: end;\r\n  }\r\n  .ccv-step__text{\r\n    font-size: 14.5px;\r\n    align-self: start;\r\n  }\r\n  .ccv-btn{ width: 100%; }\r\n}\r\n\r\n@media (max-width: 640px){\r\n  .ccv-process{ padding: 36px 14px; }\r\n  .ccv-process__title{ font-size: 24px; margin-top: 18px; }\r\n  .ccv-process__lead{ font-size: 14.5px; }\r\n  .ccv-process__header{ margin-bottom: 32px; }\r\n  .ccv-step{ padding: 22px 18px; border-radius: 18px; column-gap: 16px; }\r\n  .ccv-step__num{ width: 42px; height: 42px; font-size: 18px; }\r\n  .ccv-step__title{ font-size: 17px; }\r\n  .ccv-step__text{ font-size: 14px; line-height: 1.65; }\r\n  .ccv-process__cta{ margin-top: 36px; gap: 10px; }\r\n  .ccv-btn{ padding: 14px 20px; font-size: 14.5px; }\r\n  .ccv-process__note{ font-size: 13px; margin-top: 16px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ccv-process\" aria-label=\"&Eacute;tapes d'accompagnement\">\r\n  <div class=\"ccv-process__wrap\">\r\n\r\n    <div class=\"ccv-process__header\">\r\n      <span class=\"ccv-process__eyebrow\">D\u00c9ROULEMENT<\/span>\r\n      <h2 class=\"ccv-process__title\">\r\n        Un accompagnement <span>simple et efficace<\/span><br> pour prot&eacute;ger votre toiture\r\n      <\/h2>\r\n\r\n      <p class=\"ccv-process__lead\">\r\n        De votre appel &agrave; l'intervention, tout est pens&eacute; pour une prise en charge rapide et sans stress.\r\n        On identifie la cause, on propose la bonne solution, et on s&eacute;curise votre toiture durablement.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ccv-steps\">\r\n\r\n      <article class=\"ccv-step\">\r\n        <div class=\"ccv-step__num\">1<\/div>\r\n        <div class=\"ccv-step__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M22 16.9v2a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 3.18 2 2 0 0 1 4.1 1h2a2 2 0 0 1 2 1.72c.12.86.33 1.7.62 2.5a2 2 0 0 1-.45 2.11L7.1 8.6a16 16 0 0 0 6.3 6.3l1.27-1.18a2 2 0 0 1 2.11-.45c.8.29 1.64.5 2.5.62A2 2 0 0 1 22 16.9Z\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"ccv-step__title\">Contact imm&eacute;diat<\/h3>\r\n        <p class=\"ccv-step__text\">\r\n          Appelez-nous et &eacute;changez directement avec un expert&nbsp;: on comprend votre situation,\r\n          on vous conseille et on vous guide d&egrave;s la premi&egrave;re minute.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"ccv-step\">\r\n        <div class=\"ccv-step__num\">2<\/div>\r\n        <div class=\"ccv-step__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M10 3h4\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M12 3v3\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M7 9h10\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M7 21h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2Z\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M9.2 13.2 11 15l4-4\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"ccv-step__title\">Diagnostic pr&eacute;cis<\/h3>\r\n        <p class=\"ccv-step__text\">\r\n          Nous analysons votre toiture pour identifier l'origine du probl&egrave;me (infiltration, tuiles, zinguerie)\r\n          et vous proposer la solution la plus adapt&eacute;e.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"ccv-step\">\r\n        <div class=\"ccv-step__num\">3<\/div>\r\n        <div class=\"ccv-step__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M3 13h7l3 3h8\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M3 7h11l3 3h4\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"ccv-step__title\">Intervention efficace<\/h3>\r\n        <p class=\"ccv-step__text\">\r\n          Nos &eacute;quipes interviennent rapidement pour s&eacute;curiser votre toiture et r&eacute;aliser une r&eacute;paration durable,\r\n          propre, et conforme aux bonnes pratiques.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ccv-process__cta\">\r\n      <button class=\"ccv-btn ccv-btn--primary open-call\" type=\"button\">Appelez maintenant<\/button>\r\n      <a class=\"ccv-btn ccv-btn--light\" href=\"#\">Demandez un devis gratuit<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"ccv-process__note\">\r\n      90% de nos demandes sont prises en charge en moins de 24h.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-632786fd elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"632786fd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-50576808 e-con-full e-flex e-con e-child\" data-id=\"50576808\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15579fec elementor-widget elementor-widget-heading\" data-id=\"15579fec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ils nous font confiance pour prot\u00e9ger leur toiture<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6554c04a elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"6554c04a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">D\u00e9couvrez les retours de clients qui nous ont confi\u00e9 la protection et l'\u00e9tanch\u00e9it\u00e9 de leur toiture.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-35b3ecdc elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"35b3ecdc\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-551778ee\" data-id=\"551778ee\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-775275b9 elementor-widget elementor-widget-shortcode\" data-id=\"775275b9\" 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\">[trustindex no-registration=google]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-5a2cfc93 e-con-full engagements e-flex e-con e-parent\" data-id=\"5a2cfc93\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-527c2baa e-con-full e-flex e-con e-child\" data-id=\"527c2baa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b6ada7 elementor-widget elementor-widget-heading\" data-id=\"1b6ada7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">ENGAGEMENTS<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-155b9b12 elementor-widget elementor-widget-heading\" data-id=\"155b9b12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Une approche s\u00e9rieuse, claire et professionnelle<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96acee9 elementor-widget elementor-widget-text-editor\" data-id=\"96acee9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tChez<span style=\"color: #F88F2B; font-weight: bold;\"> Compagnons CP<\/span>, nous nous engageons \u00e0 r\u00e9aliser chaque chantier avec s\u00e9rieux, transparence et exigence.<br data-start=\"947\" data-end=\"950\" \/>Notre priorit\u00e9 est de vous offrir des prestations de qualit\u00e9, des conseils adapt\u00e9s et un r\u00e9sultat durable.\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc0d14 e-flex e-con-boxed e-con e-child\" data-id=\"dc0d14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2fe92a38 e-grid e-con-full mobile-carousel e-con e-child\" data-id=\"2fe92a38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f9011e2 e-con-full gb-card e-flex e-con e-child\" data-id=\"f9011e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f1b5249 elementor-widget__width-initial elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"2f1b5249\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/compagnons-cp.fr\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/wired-outline-410-painting-hover-roll.json&quot;,&quot;id&quot;:24,&quot;size&quot;:&quot;&quot;},&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac4220f elementor-widget elementor-widget-heading\" data-id=\"ac4220f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Travail soign\u00e9<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-241e25ac elementor-widget elementor-widget-text-editor\" data-id=\"241e25ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Nous veillons \u00e0 offrir un rendu net, esth\u00e9tique et durable gr\u00e2ce \u00e0 une ex\u00e9cution appliqu\u00e9e.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47c609aa e-con-full gb-card e-flex e-con e-child\" data-id=\"47c609aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1261157f elementor-widget__width-initial elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"1261157f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/compagnons-cp.fr\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/wired-outline-981-consultation-hover-conversation.json&quot;,&quot;id&quot;:25,&quot;size&quot;:&quot;&quot;},&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69e59204 elementor-widget elementor-widget-heading\" data-id=\"69e59204\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Conseils personnalis\u00e9s<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28ffcec0 elementor-widget elementor-widget-text-editor\" data-id=\"28ffcec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"relative w-full mt-4 mb-1\"><div class=\"\"><div class=\"relative\"><div class=\"h-full min-h-0 min-w-0\"><div class=\"h-full min-h-0 min-w-0\"><div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\"><div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\"><div class=\"pe-11 pt-3\"><div class=\"relative z-0 flex max-w-full\"><div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\"><div class=\"cm-scroller\"><div class=\"cm-content q9tKkq_readonly\">Nous vous orientons selon votre projet, vos envies et les contraintes de votre habitation.<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31580048 e-con-full gb-card e-flex e-con e-child\" data-id=\"31580048\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51e1c4d3 elementor-widget__width-initial elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"51e1c4d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/compagnons-cp.fr\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/wired-outline-1368-best-seller-hover-pinch.json&quot;,&quot;id&quot;:26,&quot;size&quot;:&quot;&quot;},&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4da45c elementor-widget elementor-widget-heading\" data-id=\"a4da45c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Mat\u00e9riaux de qualit\u00e9<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1233b271 elementor-widget elementor-widget-text-editor\" data-id=\"1233b271\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"relative w-full mt-4 mb-1\"><div class=\"\"><div class=\"relative\"><div class=\"h-full min-h-0 min-w-0\"><div class=\"h-full min-h-0 min-w-0\"><div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\"><div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\"><div class=\"pe-11 pt-3\"><div class=\"relative z-0 flex max-w-full\"><div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\"><div class=\"cm-scroller\"><div class=\"cm-content q9tKkq_readonly\">Nous privil\u00e9gions des produits professionnels pour garantir la tenue et la long\u00e9vit\u00e9 des travaux.<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9aa9c8 e-con-full gb-card e-flex e-con e-child\" data-id=\"9aa9c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36fac2a2 elementor-widget__width-initial elementor-align-center elementor-widget elementor-widget-lottie\" data-id=\"36fac2a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/compagnons-cp.fr\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/wired-outline-501-free-0-hover-roll.json&quot;,&quot;id&quot;:27,&quot;size&quot;:&quot;&quot;},&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61726e24 elementor-widget elementor-widget-heading\" data-id=\"61726e24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Devis gratuit<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23c19466 elementor-widget elementor-widget-text-editor\" data-id=\"23c19466\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"relative w-full mt-4 mb-1\"><div class=\"\"><div class=\"relative\"><div class=\"h-full min-h-0 min-w-0\"><div class=\"h-full min-h-0 min-w-0\"><div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\"><div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\"><div class=\"pe-11 pt-3\"><div class=\"relative z-0 flex max-w-full\"><div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cs \u037c16\" dir=\"ltr\"><div class=\"cm-scroller\"><div class=\"cm-content q9tKkq_readonly\">Nous \u00e9tudions votre besoin avec s\u00e9rieux et vous proposons un devis clair, sans engagement.<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27822dfd e-flex e-con-boxed e-con e-parent\" data-id=\"27822dfd\" data-element_type=\"container\" data-e-type=\"container\" id=\"intervention\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5bee5d4f e-con-full e-flex e-con e-child\" data-id=\"5bee5d4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52cab81c elementor-widget elementor-widget-heading\" data-id=\"52cab81c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">ZONE D'INTERVENTION<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fb211e3 elementor-widget elementor-widget-heading\" data-id=\"2fb211e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Une pr\u00e9sence locale pour intervenir<br>\navec r\u00e9activit\u00e9<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56da357b elementor-widget elementor-widget-text-editor\" data-id=\"56da357b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #f88f2b; font-weight: bold;\">Compagnons CP<\/span>\u00a0intervient aupr\u00e8s des particuliers pour leurs travaux de peinture int\u00e9rieure, ext\u00e9rieure et r\u00e9novation de facade.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83ff87f e-con-full e-flex e-con e-child\" data-id=\"83ff87f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7e994991 e-con-full e-flex e-con e-child\" data-id=\"7e994991\" 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-28e6d022 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"28e6d022\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-374fd3a4 elementor-widget elementor-widget-heading\" data-id=\"374fd3a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Nous intervenons entre La Rochelle et les Sables-d'Olonne.<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dfccd2c elementor-widget elementor-widget-text-editor\" data-id=\"5dfccd2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Nous accompagnons nos clients dans leurs projets de r\u00e9novation avec s\u00e9rieux et exigence. Notre objectif est de proposer un service de proximit\u00e9, des conseils adapt\u00e9s et une intervention r\u00e9active selon la nature de votre chantier.<\/p><p>Nous intervenons principalement autour de <strong data-start=\"480\" data-end=\"495\">La Rochelle<\/strong>, <strong data-start=\"497\" data-end=\"522\">Talmont-Saint-Hilaire<\/strong> et <strong data-start=\"526\" data-end=\"549\">Les Sables-d\u2019Olonne<\/strong>, ainsi que dans les communes voisines selon votre projet.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-721bdc3d e-con-full gb-zone-cities e-flex e-con e-child\" data-id=\"721bdc3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21e096d4 gb-zone-city elementor-widget elementor-widget-button\" data-id=\"21e096d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">La Rochelle<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-752258cb gb-zone-city is-medium elementor-widget elementor-widget-button\" data-id=\"752258cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Talmont-Saint-Hilaire<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c60add5 gb-zone-city elementor-widget elementor-widget-button\" data-id=\"4c60add5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Les Sables-d\u2019Olonne<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e88c01 e-con-full e-flex e-con e-child\" data-id=\"3e88c01\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8048ec8 elementor-widget elementor-widget-heading\" data-id=\"8048ec8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Votre commune n\u2019appara\u00eet pas ?<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83c432b elementor-widget elementor-widget-text-editor\" data-id=\"83c432b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Contactez-nous pour v\u00e9rifier rapidement si nous pouvons intervenir dans votre secteur.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37859a3 e-con-full e-flex e-con e-child\" data-id=\"37859a3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-698aafe4 gb-btn-solid elementor-widget elementor-widget-button\" data-id=\"698aafe4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Nous contacter<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39892612 gb-btn-ghost elementor-widget elementor-widget-button\" data-id=\"39892612\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjE0MCIsInRvZ2dsZSI6ZmFsc2V9\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Appeler maintenant<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41a98bb5 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"41a98bb5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54f384a5 elementor-widget elementor-widget-image\" data-id=\"54f384a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/06\/zone-intervention-683x1024.png\" class=\"attachment-large size-large wp-image-198\" alt=\"\" srcset=\"https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/06\/zone-intervention-683x1024.png 683w, https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/06\/zone-intervention-200x300.png 200w, https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/06\/zone-intervention-768x1152.png 768w, https:\/\/compagnons-cp.fr\/wp-content\/uploads\/2026\/06\/zone-intervention.png 1024w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-178cb82f e-flex e-con-boxed e-con e-child\" data-id=\"178cb82f\" data-element_type=\"container\" data-e-type=\"container\" id=\"faq\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37d026d4 elementor-widget elementor-widget-heading\" data-id=\"37d026d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">FAQ<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ac9d261 elementor-widget elementor-widget-heading\" data-id=\"7ac9d261\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Questions fr\u00e9quentes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1511ad76 elementor-widget elementor-widget-accordion\" data-id=\"1511ad76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"accordion.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-3531\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-3531\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Le devis est-il gratuit ?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3531\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-3531\"><p>Oui, nous r\u00e9alisons un diagnostic de votre situation et vous fournissons un devis clair et d\u00e9taill\u00e9, sans engagement. Le d\u00e9placement pour \u00e9valuer l\u2019\u00e9tat de votre toiture est \u00e9galement offert, sans engagement de votre part.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-3532\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-3532\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Dans quelles zones intervenez-vous ?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3532\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-3532\"><p data-start=\"49\" data-end=\"222\">Nos \u00e9quipes interviennent rapidement \u00e0<strong> La Rochelle, Talmont-Saint-Hilaire et Les Sables-d\u2019Olonne<\/strong>, ainsi que dans les communes voisines selon la nature de votre chantier.<\/p><p data-start=\"224\" data-end=\"332\">Nous couvrons principalement le secteur entre la Vend\u00e9e et la Charente-Maritime, sur la c\u00f4te Atlantique.<\/p><p data-start=\"334\" data-end=\"404\" data-is-last-node=\"\" data-is-only-node=\"\">Contactez-nous pour confirmer une intervention dans votre secteur.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-3533\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-3533\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Comment savoir si ma toiture est \u00e0 r\u00e9nover ?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3533\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-3533\"><p data-start=\"274\" data-end=\"513\">Des signes comme des tuiles cass\u00e9es, des infiltrations, de la mousse ou une perte d\u2019\u00e9tanch\u00e9it\u00e9 indiquent qu\u2019une r\u00e9novation est n\u00e9cessaire.<br data-start=\"414\" data-end=\"417\" \/>Nous pouvons r\u00e9aliser un diagnostic complet gratuitement pour \u00e9valuer l\u2019\u00e9tat de votre toiture.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-3534\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-3534\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><svg class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><svg class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Proposez-vous des solutions durables pour ma toiture ?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3534\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-3534\"><p>Oui, nous utilisons des mat\u00e9riaux de qualit\u00e9 et des techniques adapt\u00e9es pour garantir la durabilit\u00e9 de votre toiture et am\u00e9liorer sa r\u00e9sistance face aux intemp\u00e9ries.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32ac4865 e-con-full e-flex e-con e-parent\" data-id=\"32ac4865\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78e11b13 elementor-widget elementor-widget-html\" data-id=\"78e11b13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     CALL OVERLAY\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"call-overlay\" aria-hidden=\"true\" id=\"callOverlay\">\r\n  <div class=\"call-panel\">\r\n    <button class=\"call-close\" aria-label=\"Fermer\">&times;<\/button>\r\n    <div class=\"call-icon-wrap\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n        <path d=\"M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    <p class=\"call-label\">Appelez-nous<\/p>\r\n    <a class=\"call-number\" href=\"tel:0634448034\">06 34 44 80 34<\/a>\r\n    <a class=\"call-btn-tel\" href=\"tel:0634448034\">Lancer l'appel<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SECTION CTA\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"mkc-cta\">\r\n  <div class=\"mkc-cta__wrap\">\r\n    <h2 class=\"mkc-cta__title\">\r\n      Ne laissez pas un probl&egrave;me de toiture mettre votre bien en danger\r\n    <\/h2>\r\n    <div class=\"mkc-cta__actions\">\r\n      <button class=\"mkc-btn mkc-btn--primary open-call\" type=\"button\">\r\n        Appelez maintenant\r\n      <\/button>\r\n      <a class=\"mkc-btn mkc-btn--ghost\" href=\"#\">\r\n        Demandez un devis\r\n      <\/a>\r\n    <\/div>\r\n    <p class=\"mkc-cta__note\">R&eacute;ponse rapide &bull; Devis gratuit &bull; Intervention Compagnons CP<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n\/* \u2500\u2500 CALL OVERLAY \u2500\u2500 *\/\r\n.call-overlay{\r\n  display: none; position: fixed; inset: 0; z-index: 99998;\r\n  background: rgba(28,18,16,.50) !important;\r\n  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\r\n  align-items: center; justify-content: center;\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n}\r\n.call-overlay.is-open{ display: flex; }\r\n\r\n.call-panel{\r\n  position: relative;\r\n  background: #fff !important;\r\n  border-radius: 24px;\r\n  padding: 52px 44px 44px;\r\n  max-width: 380px; width: 90%;\r\n  text-align: center;\r\n  box-shadow:\r\n    0 32px 80px rgba(28,18,16,.18),\r\n    0 0 0 1px rgba(28,18,16,.05) !important;\r\n  animation: callPanelIn .28s cubic-bezier(.22,1,.36,1) both;\r\n}\r\n@keyframes callPanelIn{\r\n  from{ opacity: 0; transform: scale(.92) translateY(16px); }\r\n  to  { opacity: 1; transform: scale(1) translateY(0); }\r\n}\r\n\r\n.call-close{\r\n  position: absolute; top: 16px; right: 18px;\r\n  background: none !important; border: none;\r\n  font-size: 24px; cursor: pointer;\r\n  color: #6D5D55 !important; line-height: 1;\r\n  padding: 6px 10px; border-radius: 8px;\r\n  transition: all .2s ease;\r\n}\r\n.call-close:hover{\r\n  color: #1C1210 !important;\r\n  background: rgba(28,18,16,.06) !important;\r\n}\r\n\r\n.call-icon-wrap{\r\n  width: 72px; height: 72px; border-radius: 50%;\r\n  background: linear-gradient(135deg, rgba(248,143,43,.12), rgba(248,143,43,.05)) !important;\r\n  border: 1px solid rgba(248,143,43,.22) !important;\r\n  display: grid; place-items: center;\r\n  margin: 0 auto 20px;\r\n  color: #F88F2B !important;\r\n  box-shadow: 0 0 0 8px rgba(248,143,43,.08) !important;\r\n  animation: callIconPulse 2.5s ease-in-out infinite;\r\n}\r\n@keyframes callIconPulse{\r\n  0%,100%{ box-shadow: 0 0 0 8px rgba(248,143,43,.08); }\r\n  50%{ box-shadow: 0 0 0 14px rgba(248,143,43,.12); }\r\n}\r\n.call-icon-wrap svg{ width: 32px; height: 32px; }\r\n\r\n.call-label{\r\n  font-size: 12px; font-weight: 700;\r\n  text-transform: uppercase; letter-spacing: .10em;\r\n  color: #6D5D55 !important; margin: 0 0 8px;\r\n}\r\n\r\n.call-number{\r\n  display: block;\r\n  font-size: 32px; font-weight: 900;\r\n  color: #1C1210 !important;\r\n  text-decoration: none; letter-spacing: .02em;\r\n  margin-bottom: 20px;\r\n  transition: color .2s ease;\r\n}\r\n.call-number:hover{ color: #F88F2B !important; }\r\n\r\n.call-hours{ font-size: 13px; color: #6D5D55 !important; margin: 0 0 24px; }\r\n\r\n.call-btn-tel{\r\n  display: inline-flex; align-items: center; justify-content: center; gap: 10px;\r\n  width: 100%; padding: 16px 24px; border-radius: 999px; border: none;\r\n  background: linear-gradient(135deg, #F88F2B, #d97520) !important;\r\n  color: #fff !important; font-weight: 800; font-size: 15px;\r\n  text-decoration: none; cursor: pointer;\r\n  box-shadow: 0 8px 28px rgba(248,143,43,.35), 0 2px 8px rgba(248,143,43,.22) !important;\r\n  transition: all .25s cubic-bezier(.4,0,.2,1);\r\n  letter-spacing: 0.01em;\r\n}\r\n.call-btn-tel:hover{\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 36px rgba(248,143,43,.45), 0 4px 12px rgba(248,143,43,.28) !important;\r\n}\r\n\r\n\/* \u2500\u2500 CTA SECTION \u2500\u2500 *\/\r\n.mkc-cta{\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  position: relative;\r\n  padding: clamp(48px, 6vw, 80px) 20px;\r\n  overflow: hidden;\r\n  color: #fff !important;\r\n  background:\r\n    radial-gradient(800px 450px at 15% 20%, rgba(255,255,255,.12), transparent 55%),\r\n    radial-gradient(700px 400px at 85% 75%, rgba(0,0,0,.15), transparent 55%),\r\n    linear-gradient(135deg, #F88F2B, #d97520) !important;\r\n}\r\n.mkc-cta::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(600px 300px at 50% 0%, rgba(255,170,85,.25), transparent 60%) !important;\r\n  pointer-events: none;\r\n}\r\n.mkc-cta::after{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: repeating-linear-gradient(\r\n    135deg,\r\n    rgba(255,255,255,.04) 0 6px,\r\n    transparent 6px 18px\r\n  ) !important;\r\n  opacity: .3;\r\n  pointer-events: none;\r\n}\r\n\r\n.mkc-cta__wrap{\r\n  max-width: 820px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.mkc-cta__title{\r\n  margin: 0 auto 28px;\r\n  font-weight: 900;\r\n  letter-spacing: -0.025em;\r\n  line-height: 1.15;\r\n  font-size: clamp(24px, 3.2vw, 42px);\r\n  color: #fff !important;\r\n  text-shadow: 0 4px 20px rgba(0,0,0,.15) !important;\r\n}\r\n\r\n.mkc-cta__actions{\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.mkc-btn{\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 15px 28px;\r\n  border-radius: 999px;\r\n  font-weight: 700;\r\n  font-size: 15px;\r\n  text-decoration: none;\r\n  letter-spacing: 0.01em;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all .25s cubic-bezier(.4,0,.2,1);\r\n}\r\n.mkc-btn:hover{ transform: translateY(-2px); }\r\n.mkc-btn:active{ transform: translateY(0) scale(.98); }\r\n\r\n.mkc-btn--primary{\r\n  color: #F88F2B !important;\r\n  background: #fff !important;\r\n  box-shadow: 0 8px 28px rgba(0,0,0,.18), 0 2px 8px rgba(0,0,0,.10) !important;\r\n  font-weight: 800;\r\n}\r\n.mkc-btn--primary:hover{\r\n  box-shadow: 0 14px 40px rgba(0,0,0,.22), 0 4px 12px rgba(0,0,0,.12) !important;\r\n}\r\n\r\n.mkc-btn--ghost{\r\n  color: #fff !important;\r\n  background: rgba(255,255,255,.12) !important;\r\n  border: 1px solid rgba(255,255,255,.30) !important;\r\n  box-shadow: 0 4px 16px rgba(0,0,0,.10) !important;\r\n  backdrop-filter: blur(8px);\r\n  font-weight: 600;\r\n}\r\n.mkc-btn--ghost:hover{\r\n  background: rgba(255,255,255,.22) !important;\r\n  border-color: rgba(255,255,255,.45) !important;\r\n  box-shadow: 0 8px 28px rgba(0,0,0,.15) !important;\r\n}\r\n\r\n.mkc-cta__note{\r\n  margin: 22px 0 0;\r\n  font-weight: 500;\r\n  font-size: 14px;\r\n  color: rgba(255,255,255,.80) !important;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n@media (max-width: 640px){\r\n  .mkc-btn{ width: 100%; max-width: 400px; }\r\n  .mkc-cta__title{ font-size: 22px; }\r\n  .mkc-cta__actions{ gap: 10px; }\r\n  .call-panel{ padding: 40px 24px 32px; border-radius: 20px; }\r\n  .call-number{ font-size: 26px; }\r\n  .call-icon-wrap{ width: 64px !important; height: 64px !important; }\r\n  .call-icon-wrap svg{ width: 28px; height: 28px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\r\n\r\n  function openCall(){\r\n    var o = document.getElementById('callOverlay');\r\n    if(!o) return;\r\n    o.classList.add('is-open');\r\n    o.setAttribute('aria-hidden','false');\r\n    document.body.style.overflow     = 'hidden';\r\n    document.body.style.paddingRight = scrollbarWidth + 'px';\r\n  }\r\n\r\n  function closeCall(){\r\n    var o = document.getElementById('callOverlay');\r\n    if(!o) return;\r\n    o.classList.remove('is-open');\r\n    o.setAttribute('aria-hidden','true');\r\n    document.body.style.overflow     = '';\r\n    document.body.style.paddingRight = '';\r\n  }\r\n\r\n  document.addEventListener('click', function(e){\r\n    if(e.target.closest('.open-call')){\r\n      if(window.innerWidth < 768){\r\n        window.location.href = 'tel:0603262831';\r\n        return;\r\n      }\r\n      e.preventDefault();\r\n      openCall();\r\n      return;\r\n    }\r\n    if(e.target.closest('.call-close')){ closeCall(); return; }\r\n    var o = document.getElementById('callOverlay');\r\n    if(o && e.target === o) closeCall();\r\n  });\r\n\r\n  document.addEventListener('keydown', function(e){\r\n    if(e.key === 'Escape') closeCall();\r\n  });\r\n})();\r\n<\/script>\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>D\u00e9j\u00e0 +500 propri\u00e9taires entre La Rochelle et les Sables-d&rsquo;Olonne font confiance \u00e0 Compagnons CP. Fuite, r\u00e9paration, r\u00e9novation de toiture : intervention rapide et devis gratuit. 25 ans d&rsquo;exp\u00e9rience Garantie d\u00e9c\u00e9nale Dispo 7 jours\/7 Urgence toiture ? Appelez maintenant Devis gratuit en 24h \ud83d\udcde 06 34 44 80 34 Demander un devis Fuites d\u00e9tect\u00e9es + 0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/compagnons-cp.fr\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/compagnons-cp.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/compagnons-cp.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/compagnons-cp.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/compagnons-cp.fr\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":110,"href":"https:\/\/compagnons-cp.fr\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":208,"href":"https:\/\/compagnons-cp.fr\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/208"}],"wp:attachment":[{"href":"https:\/\/compagnons-cp.fr\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}