301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: cfe57.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <html lang="fr"> <head> <title>CFE : Chauffages Et Fermetures De L'Est</title> <meta name="description" content="Vente et installation de menuiserie, fenêtre, porte de garage et d'entrée, volets battant et roulant, chauffage, sanitaire, pergola, véranda, carport et bien plus !"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="icon" type="image/png" href="https://cfe57.com/assets/logo-789e0663e420b60f574ded006308256abcf0588d55b801396e505f5bf887dd3e.jpg"> <!-- Facebook Meta Tags --> <meta property="og:type" content="website"> <meta property="og:url" content="www.cfe57.com"> <meta property="og:title" content="CFE : Chauffages Et Fermetures De L'Est"> <meta property="og:image" content="https://cfe57.com/assets/image_header-1d7bda34d9181de37e3db924aaf15296490680bb50f73c9937133cd1a6f57c1f.jpg"> <meta property="og:description" content="Vente et installation de menuiserie, fenêtre, porte de garage et d'entrée, volets battant et roulant, chauffage, sanitaire, pergola, véranda, carport et bien plus !"> <meta property="og:site_name" content="CFE : Chauffages Et Fermetures De L'Est"> <meta property="og:locale" content="fr_FR"> <!-- Twitter Meta Tags --> <meta name="twitter:title" content="CFE : Chauffages Et Fermetures De L'Est"> <meta name="twitter:description" content="Vente et installation de menuiserie, fenêtre, porte de garage et d'entrée, volets battant et roulant, chauffage, sanitaire, pergola, véranda, carport et bien plus !"> <meta name="twitter:image" content="https://cfe57.com/assets/image_header-1d7bda34d9181de37e3db924aaf15296490680bb50f73c9937133cd1a6f57c1f.jpg"> <!-- Color Mobile --> <meta name="theme-color" content="#fafafa"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="wxCBXdChebFmbtuZlOw42bL3Uz2Ad4Ol4rteqlMC2CfZw2i0EtdOtsdu8x3uAleTPeQWiYf3k9GfA0pKYAlRcg" /> <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin=""/> <script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin=""></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-geosearch/3.7.0/geosearch.css" integrity="sha512-ai0NxYSxeh+RZ1GBMDY503sdYPVuMEx0sg3vKuFHN5DclEv0QMkHqJuYyogAHK/Eb4SWHlRWKmogCsm3ajgIUQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-geosearch/3.7.0/geosearch.umd.js" integrity="sha512-CL53Td9tFKdaxVWY5Qb9zbBGmMnjmXT/gRt7D25eFZerwSUz9PlCSt2kpraW3S8pwgVUyJXX5w5LdEiMYTXd6A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> <link rel="stylesheet" href="/assets/application-e8e8d9dbbfea2c3c06fe45584aaf441979ab64d359cbfdb4d2386ece10b2f20d.css" media="all" /> <script type="importmap" data-turbo-track="reload">{ "imports": { "application": "/assets/application-58394e9e2045419d64fee9ac11ea63235eaad5b681454d0fb34d7d66b7eb8e19.js", "@hotwired/turbo-rails": "/assets/turbo.min-c6325b8b56619b34aa6e0f34dfed82b010fe049f81b320a4cd0e2d99d3245118.js", "@hotwired/stimulus": "/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js", "@hotwired/stimulus-loading": "/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js", "jquery": "https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.js", "@nathanvda/cocoon": "https://ga.jspm.io/npm:@nathanvda/[email protected]/cocoon.js", "controllers/application": "/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js", "controllers/hello_controller": "/assets/controllers/hello_controller-549135e8e7c683a538c3d6d517339ba470fcfb79d62f738a0a089ba41851a554.js", "controllers": "/assets/controllers/index-2db729dddcc5b979110e98de4b6720f83f91a123172e87281d5a58410fc43806.js", "src/awesome-markers": "/assets/src/awesome-markers-093a514217aaa1994e843b3cb9be57782a3e19b78df4ed17f063f0bd8f98897a.js", "src/jquery": "/assets/src/jquery-3b3dab95323757c7a640aad2d4e2673b745a2a019f92695aa488e58b283be266.js" } }</script> <link rel="modulepreload" href="/assets/application-58394e9e2045419d64fee9ac11ea63235eaad5b681454d0fb34d7d66b7eb8e19.js"> <link rel="modulepreload" href="/assets/turbo.min-c6325b8b56619b34aa6e0f34dfed82b010fe049f81b320a4cd0e2d99d3245118.js"> <link rel="modulepreload" href="/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js"> <link rel="modulepreload" href="/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js"> <link rel="modulepreload" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.js"> <link rel="modulepreload" href="https://ga.jspm.io/npm:@nathanvda/[email protected]/cocoon.js"> <link rel="modulepreload" href="/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js"> <link rel="modulepreload" href="/assets/controllers/hello_controller-549135e8e7c683a538c3d6d517339ba470fcfb79d62f738a0a089ba41851a554.js"> <link rel="modulepreload" href="/assets/controllers/index-2db729dddcc5b979110e98de4b6720f83f91a123172e87281d5a58410fc43806.js"> <link rel="modulepreload" href="/assets/src/awesome-markers-093a514217aaa1994e843b3cb9be57782a3e19b78df4ed17f063f0bd8f98897a.js"> <link rel="modulepreload" href="/assets/src/jquery-3b3dab95323757c7a640aad2d4e2673b745a2a019f92695aa488e58b283be266.js"> <script type="module">import "application"</script> <script src="/assets/application-58394e9e2045419d64fee9ac11ea63235eaad5b681454d0fb34d7d66b7eb8e19.js" data-turbo-track="reload" type="module" defer="defer"></script> <meta name="robots" content="index"> <link href="www.cfe57.com"/> <link rel="stylesheet" href="/assets/home-1f4860c0ffc2b161fdc39ac3793d7f67f20c90832ce0d691eeeea0bf159b6750.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" media="none" onload="if(media!='all')media='all'"/><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"></noscript> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/swiffy-slider.min.js" crossorigin="anonymous" defer></script> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/swiffy-slider.min.css" rel="stylesheet" crossorigin="anonymous"> </head> <body> <nav class="navbar is-background-color"> <div class="navbar-brand"> <a class="navbar-item p-5" href="/" target="_top"> <img alt="CFE : Chauffages Et Fermetures De L'Est" style="height:400px" src="/assets/logo-789e0663e420b60f574ded006308256abcf0588d55b801396e505f5bf887dd3e.png" /> </a> <div class="navbar-burger is-background-color has-text-dark"> <span></span> <span></span> <span></span> </div> </div> <div class="is-hidden-desktop has-text-centered is-background-color"> <div class="buttons"> <a target="_top" href="/formulaire-de-devis" class="button is-fullwidth is-info is-light"> <strong>Formulaire de devis <i class="pl-2 fa fa-calendar-check-o" aria-hidden="true"></i></strong> </a> <a target="_top" href="/service-apres-vente" class="button is-fullwidth is-warning is-light"> <strong>Notre SAV <i class="pl-2 fa fa-envelope" aria-hidden="true"></i></strong> </a> <a href="tel:03 87 06 44 61" class="button is-danger is-fullwidth is-multiline is-light"> <strong>Besoin d'informations ? <i class="pl-2 fa fa-volume-control-phone" aria-hidden="true"></i></strong> <p class="is-size-6 p-0">03 87 06 44 61</p> </a> </div> </div> <div id="navbarExampleTransparentExample" class="navbar-menu is-hidden-touch is-background-color"> <div class="navbar-start has-text-centered is-background-color"> <div class="navbar-item"> <div class="buttons"> <a target="_top" href="/formulaire-de-devis" class="button p-5 is-info is-light"> <strong>Formulaire de devis <i class="pl-2 fa fa-calendar-check-o" aria-hidden="true"></i></strong> </a> <a target="_top" href="/service-apres-vente" class="button p-5 is-warning is-light"> <strong>Notre SAV <i class="pl-2 fa fa-envelope" aria-hidden="true"></i></strong> </a> </div> </div> </div> <div class="navbar-item"> <div class="buttons"> <a href="tel:03 87 06 44 61" class="button p-3 is-danger is-multiline is-light"> <strong>Besoin d'informations ? <i class="pl-2 fa fa-volume-control-phone" aria-hidden="true"></i></strong> <p class="is-size-6 p-0">03 87 06 44 61</p> </a> </div> </div> </div> </div> </nav> <script type="module"> $(document).ready(function () { // Check for click events on the navbar burger icon $(".navbar-burger").click(function () { // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu" $(".navbar-burger").toggleClass("is-active"); $(".navbar-menu").toggleClass("is-active"); }); }); </script> <style> .navcenter { display: flex align-content: center; justify-content: center; } .navbar-menu-center { flex-grow: initial !important; flex-shrink: initial !important; } </style> <nav class="navbar navcenter is-background-color"> <div class="navbar-menu navbar-menu-center is-background-color"> <div class="navbar-start has-text-centered is-background-color"> <div class="navbar-item is-text-light has-dropdown is-hoverable is-mega" style="height:100%"> <div class="navbar-link ml-5 is-text-light is-arrowless"> <a class="is-text-light" href="/services/fenetres-portes"> <p class="p-navbar">Fenêtres & Portes<p> </a> </div> <div class="navbar-dropdown" data-style="width: 18rem;"> <div class="container is-background-color is-fluid"> <div class="columns is-multiline"> <div class="column is-12"> <a target="_top" href="/services/fenetres-portes"> <div class="box is-background-color-secondary has-text-centered "> <p class="has-text-white has-text-weight-bold navbar-uppercase-2"> Notre univers fenêtres & portes </p> </div> </a> </div> <div class="column is-4"> <a target="_top" href="/services/fenetres-portes/fenetres"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBHdz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--740bab178bc797f567203c2673010fd546da28f6/fenetre.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Fenêtres</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> <div class="column is-4"> <a target="_top" href="/services/fenetres-portes/portes-d-entree"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBHZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--bd865ea02fb837e0e29768ab3be84b23dfe3cfec/porte.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Portes d'entrée</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> <div class="column is-4"> <a target="_top" href="/services/fenetres-portes/portes-de-garage"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBDQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--eaccd171a555f517ddf30a81a2aec4d83873818d/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Portes de garage</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> </div> </div> </div> </div> <div class="navbar-item is-text-light has-dropdown is-hoverable is-mega" style="height:100%"> <div class="navbar-link ml-5 is-text-light is-arrowless"> <a class="is-text-light" href="/services/volets-stores"> <p class="p-navbar">Volets & Stores<p> </a> </div> <div class="navbar-dropdown" data-style="width: 18rem;"> <div class="container is-background-color is-fluid"> <div class="columns is-multiline"> <div class="column is-12"> <a target="_top" href="/services/volets-stores"> <div class="box is-background-color-secondary has-text-centered "> <p class="has-text-white has-text-weight-bold navbar-uppercase-2"> Notre univers volets & stores </p> </div> </a> </div> <div class="column is-4"> <a target="_top" href="/services/volets-stores/volets-roulant-battant"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBDUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--300e2ee6318b2d9b0a630c305acf89deee53bbb7/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Volets roulant/battant</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> <div class="column is-4"> <a target="_top" href="/services/volets-stores/bso"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBDZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--11a5b15bedb71a375e86ae0625d9d893f7b1e0c4/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>BSO</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> <div class="column is-4"> <a target="_top" href="/services/volets-stores/stores"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBDdz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--d525b6d1d738b27758c1593a52ae9f1daeec381b/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Stores</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> <div class="column is-4"> <a target="_top" href="/services/volets-stores/moustiquaires"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBEQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--da1caf56b747b89807a145202e4c7563b23a0f31/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Moustiquaires</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> <div class="column is-4"> <a target="_top" href="/services/volets-stores/domotique-alarmes"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBEUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--b207d8b1b4b2d06156d56f8f591cd5f71d43ed54/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Domotique / Alarmes</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> </div> </div> </div> </div> <div class="navbar-item is-text-light has-dropdown is-hoverable is-mega" style="height:100%"> <div class="navbar-link ml-5 is-text-light is-arrowless"> <a class="is-text-light" href="/services/chauffage-sanitaire"> <p class="p-navbar">Chauffage & Sanitaire<p> </a> </div> <div class="navbar-dropdown" data-style="width: 18rem;"> <div class="container is-background-color is-fluid"> <div class="columns is-multiline"> <div class="column is-12"> <a target="_top" href="/services/chauffage-sanitaire"> <div class="box is-background-color-secondary has-text-centered "> <p class="has-text-white has-text-weight-bold navbar-uppercase-2"> Notre univers chauffage & sanitaire </p> </div> </a> </div> <div class="column is-4"> <a target="_top" href="/services/chauffage-sanitaire/chauffages"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBEZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--cbd23708a7147a01cff54717b6b012ae2d930574/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Chauffages</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> <div class="column is-4"> <a target="_top" href="/services/chauffage-sanitaire/sanitaires"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBEdz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--8a8c823d063084731e2195ac76818bf2a0084a8c/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Sanitaires</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> </div> </div> </div> </div> <div class="navbar-item is-text-light has-dropdown is-hoverable is-mega" style="height:100%"> <div class="navbar-link ml-5 is-text-light is-arrowless"> <a class="is-text-light" href="/services/pergola-carport"> <p class="p-navbar">Pergola & Carport<p> </a> </div> <div class="navbar-dropdown" data-style="width: 18rem;"> <div class="container is-background-color is-fluid"> <div class="columns is-multiline"> <div class="column is-12"> <a target="_top" href="/services/pergola-carport"> <div class="box is-background-color-secondary has-text-centered "> <p class="has-text-white has-text-weight-bold navbar-uppercase-2"> Notre univers pergola & carport </p> </div> </a> </div> <div class="column is-4"> <a target="_top" href="/services/pergola-carport/pergolas-bioclimatique"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--073c45955c39f03c6e6796c1406b1109f0cb1727/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Pergolas Bioclimatique</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> <div class="column is-4"> <a target="_top" href="/services/pergola-carport/pergolas-a-toile"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--90d83174497ae7d0a3ea763e46c2ef2b381f800e/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Pergolas à toile</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> <div class="column is-4"> <a target="_top" href="/services/pergola-carport/auvants-jardins-d-hiver"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--ebd9d6d8e18d556f013bef429b83dc9d26ced964/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Auvants / Jardins d'hiver</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> <div class="column is-4"> <a target="_top" href="/services/pergola-carport/carports"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBFdz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--25904ad89615e419e4e146ab3277aa29c5b03278/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Carports</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> </div> </div> </div> </div> <div class="navbar-item is-text-light has-dropdown is-hoverable is-mega" style="height:100%"> <div class="navbar-link ml-5 is-text-light is-arrowless"> <a class="is-text-light" href="/services/portails-garde-corps"> <p class="p-navbar">Portails & Garde-Corps<p> </a> </div> <div class="navbar-dropdown" data-style="width: 18rem;"> <div class="container is-background-color is-fluid"> <div class="columns is-multiline"> <div class="column is-12"> <a target="_top" href="/services/portails-garde-corps"> <div class="box is-background-color-secondary has-text-centered "> <p class="has-text-white has-text-weight-bold navbar-uppercase-2"> Notre univers portails & garde-corps </p> </div> </a> </div> <div class="column is-4"> <a target="_top" href="/services/portails-garde-corps/portails-et-portillons"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBGUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--481e7fbf124accc78819df3b1a377ac526279aa5/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Portails et Portillons</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> <div class="column is-4"> <a target="_top" href="/services/portails-garde-corps/garde-corps"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBGZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--1c353da93744dd8e58437d304da3ddb0948c07af/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Garde-corps</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> <div class="column is-4"> <a target="_top" href="/services/portails-garde-corps/clotures-et-brise-vue"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBGdz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--675b4c2c53110962f5debc8e8a8a3f36683218bd/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Clôtures et brise-vue</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> </div> </div> </div> </div> <div class="navbar-item is-text-light has-dropdown is-hoverable is-mega" style="height:100%"> <div class="navbar-link ml-5 is-text-light is-arrowless"> <a class="is-text-light" href="/services/verandas"> <p class="p-navbar">Vérandas<p> </a> </div> <div class="navbar-dropdown" data-style="width: 18rem;"> <div class="container is-background-color is-fluid"> <div class="columns is-multiline"> <div class="column is-12"> <a target="_top" href="/services/verandas"> <div class="box is-background-color-secondary has-text-centered "> <p class="has-text-white has-text-weight-bold navbar-uppercase-2"> Notre univers vérandas </p> </div> </a> </div> <div class="column is-4"> <a target="_top" href="/services/verandas/verandas"> <!-- Desktop --> <div class="card cardheight card-categories"> <div class="card-background-image card-content cardheight has-text-centered p-5" style="background:linear-gradient(180deg, rgba(227, 31, 36,0.20) 0%, rgba(227, 31, 36,0.20) 100%), url(/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBGQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--cb37ea7858b8eb8f1deb7331c09c6d18b259d342/400.png);"> <div class="hero-body"> <div class="container has-text-centered"> <h3 class="my-element has-text-white" style="text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);"> <span>Vérandas</span></h3> </div> </div> </div> </div> <!-- Mobile/Tablet --> </a> </div> </div> </div> </div> </div> </div> </div> </nav> <section class="is-background-color is-small" style="overflow:hidden"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/> <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script> <div class="wrapper mt-5"> <div class="container-slide"> <div class="inner"> <!-- Slider main container --> <div class="swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide"> <img alt="Slide" class="swipe-img" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBHQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--71d853f8c17ec283679732173ed61e2bbf0020b2/image_header.jpg" /> </div> </div> <div class="swiper-pagination is-text-color-secondary"></div> <div class="swiper-button-next is-text-color-secondary" style="right: -40px;"></div> <div class="swiper-button-prev is-text-color-secondary" style="left: -40px;"></div> </div> </div> </div> </div> <style> .wrapper{ display: flex; align-items: center; width: 77.77%; margin: 0 auto; } .swiper-container{ overflow: hidden; width: 100%; height: 100%; } .centered { position: absolute; bottom: 5%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.3); padding:25px; } .container-slide { position: relative; width: 100%; padding-bottom: 40%/*56.25%; /* 16:9 Aspect Ratio */ /* padding-bottom:74.8%; 4:3 Aspect Ratio */ } .inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .swiper-button { &-next, &-prev { color: #ff0000; } } .swipe-img { display: block; object-fit: cover; border-radius: 9px !important; } .swiper-pagination{ text-align: center; margin-top: 15px; width: 100%; &-bullet{ margin: 0 5px; width: 15px; height: 15px; &-active{ background-color: #000; } } } .swiper-slide { background-position: center center; background-size: cover; text-align: center; font-size: 16px; background-color: #f5f4f2; border-radius: 10px; /* Center slide text vertically */ display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } </style> <script type="module"> $(document).ready(function () { var swiper = new Swiper('.swiper-container', { speed: 500, loop: true, spaceBetween: 30, pagination: { el: ".swiper-pagination", clickable: true, }, autoplay: { delay: 3000, disableOnInteraction: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev" }, }); }); </script> <div class="hero-body mt-1"> <!--<div class="has-text-centered"> <h1 class="is-text-color-secondary h1-main-title mb-5"> </h1> </div>--> </div> </section> <section class="hero is-light"> <div class="hero-body"> <div class="columns is-vcentered"> <div class="column is-offset-1"> <figure class="image sectionshadow"> <img alt="photo" id="one" src="/assets/photos/left4-f531df0763266a3e0f8ce37031cecedd0cf6fc83840ed2de665a27ff1d259d1e.webp" /> </figure> </div> <div class="column is-offset-1"> <p class="is-text-dark has-text-centered h1-main-title">Une équipe compétente au service de ses clients !</p> <p class="p-text-photo is-size-5 has-text-justified"> <br> Fort de notre expérience dans le domaine de la menuiserie, du chauffage et du sanitaire, nous vous proposons et conseillons tout au long de l'année des produits sélectionnés répondant au mieux à vos attentes, afin de vous trouver le meilleur rapport qualité/prix qui doit être en adéquation avec votre besoin. <br><br> Nos équipes de professionnels vous assurerons un travail soigné et effectué dans les règles de l'art avec un accompagnement durant toute la durée de votre projet. <br><br> Nous intervenons sur tout le Grand-Est (<b>Moselle</b>, <b>Alsace</b>, <b>Vosges</b>) ainsi que dans le Luxembourg, l'Allemagne et la Suisse. </p> <hr> <div class="box m-5"> <p class="small-uppercase-buttons has-text-centered"> Remplissez notre formulaire ou contactez-nous par téléphone </p> <p class="has-text-weight-bold has-text-centered"> Nous étudions votre projet dans un temps record !</p> <hr> <a target="_top" href="/formulaire-de-devis" class="button is-fullwidth mt-2 mb-2 p-5 is-info is-light"> <strong>Formulaire de devis <i class="pl-2 fa fa-calendar-check-o" aria-hidden="true"></i></strong> </a> <a href="tel:03 87 06 44 61" class="button p-3 is-danger is-fullwidth is-multiline is-light"> <strong>Besoin d'informations ? <i class="pl-2 fa fa-volume-control-phone" aria-hidden="true"></i></strong> <p class="is-size-6 p-0">03 87 06 44 61</p> </a> <br> </div> </div> </div> </div> </section> <section class="hero is-background-color-secondary"> <div class="hero-body"> <div class="container has-text-centered"> <p class="h1-main-title has-text-white">Nos Certifications</p> <div class="columns is-mobile is-vcentered is-multiline is-centered" style="margin:20px;"> <div class="column is-2 has-text-centered has-text-white"> <figure class="image mb-5" style="margin:0 auto"> <img alt="icon" src="/assets/certifications/qualibat-03b4c7aeb8f15e615ee165efec4567a21de73337f65a55541496967c34b38494.png" /> </figure> </div> <div class="column is-2 has-text-centered has-text-white"> <figure class="image mb-5" style="margin:0 auto"> <img alt="icon" src="/assets/certifications/qualibois-b762c29dea3541badd5ccedbf5c448ca4c16c7d9645d823a4a8eb64aa8415a18.jpg" /> </figure> </div> <div class="column is-2 has-text-centered has-text-white"> <figure class="image mb-5" style="margin:0 auto"> <img alt="icon" src="/assets/certifications/qualienr-b8799cf41ae45ce801cb7bb3593f657d3ed1656f70c28785c4151ae215f869a1.png" /> </figure> </div> <div class="column is-2 has-text-centered has-text-white"> <figure class="image mb-5" style="margin:0 auto"> <img alt="icon" src="/assets/certifications/qualipac-e457932dc4d0267d4b034e528129e0036ba6d0c250729b26912e7dc9e55853c8.jpg" /> </figure> </div> <div class="column is-2 has-text-centered has-text-white"> <figure class="image mb-5" style="margin:0 auto"> <img alt="icon" src="/assets/certifications/qualigaz-56dea3de49d6522a9a0e50f4e318b6cf03c5dc72dc3813a018afcf4a32be7293.jpg" /> </figure> </div> </div> </div> </section> <div class="notification is-background-color has-text-centered has-text-weight-bold is-text-color-secondary desc-normal"> <p>Retrouvez quelques unes de nos dernières installations</p> </div> <section> <div id="map"></div> <style> #map { height: 480px; } .awesome-marker i { font-size: 18px; margin-top: 8px; } </style> <script type="module"> const map = L.map('map').setView([49.00234603881836,7.37999963760376], 12); L.AwesomeMarkers.Icon.prototype.options.prefix = 'ion'; L.tileLayer('//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map); const search = new GeoSearch.GeoSearchControl({ position: 'topright', searchLabel:'Entrer une adresse', notFoundMessage: 'Désolé l\'adresse est introuvable', provider: new GeoSearch.OpenStreetMapProvider(), style: 'bar', }); map.addControl(search); var redMarker = L.AwesomeMarkers.icon({ icon: 'ion-home', markerColor: 'red' }); $('.block-marqueurs').each(function(i, obj) { L.marker(JSON.parse($(this).find('.coordinates').text()), {icon:L.AwesomeMarkers.icon({ icon: $(this).find('.marqueurs-icon').text(), markerColor: $(this).find('.marqueurs-color').text() }) }) .bindTooltip("<img src="+$(this).find('.marqueurs-img').text()+"/><p>"+$(this).find('.marqueurs-titre').text()+"</p><small>"+$(this).find('.marqueurs-desc').text()+"</small>") .addTo(map); }); //Siège de la société L.marker([49.00234603881836,7.37999963760376], {icon: redMarker}).bindTooltip("<p>CFE</p><small>Siège de la société</small>").addTo(map); </script> </section> <div class="cont is-background-color"> <h1 class="has-text-centered">Nos Partenaires</h1> <div class="photobanner"> <img class="first" src="/assets/partenaires/artetportails-cda865b2c0ae70e61f1bf7b81ee1dfb4e5ceed5b1f6a8e763eef0e8bff1a9828.png" /> <img src="/assets/partenaires/dedietrich-98a5d36ceb94c7a58c914a2586088a7015225153900d400f62bd5eccf6b5993d.png" /> <img src="/assets/partenaires/dimplex-51f09b221f27bab9b8f1a08ea1b4e98163e284c76d8a28c00d4c3065b225ec1b.png" /> <img src="/assets/partenaires/euroclima-d8c6ef1ab19a310acbd1dab759c352fdcee8e50474a85b3507aa66ef467af77c.png" /> <img src="/assets/partenaires/froling-89b96871b2637780e40b642ba570ce0101064d83d939257a26a3ac3dcdf0cb44.png" /> <img src="/assets/partenaires/kommerling-1af79b2b5d571d8137fcfa7397362bb4d017fc9976382138d7022679c5e64681.jpg" /> <img src="/assets/partenaires/mequisa-1eadc52f0a61e42895877960abebafd1f2d263b8d4af7c1445d52a08f0ef0f11.png" /> <img src="/assets/partenaires/schuco-1fbd86cc8b1dcaed0ad5ffffddd153f314b8b2a5dc2735bf95dd35edf49e9402.jpg" /> <img src="/assets/partenaires/somfy-47848aa2942254c5036967d41bbc6026d51f8d1030b23e5ec04cb196331f93b7.jpg" /> <img src="/assets/partenaires/stibeleltron-1ee9901770999de3d9abfe0e1dfed2ad69b55c35c4dd4f27678d7a8e8a1c4b2c.png" /> <img src="/assets/partenaires/artetportails-cda865b2c0ae70e61f1bf7b81ee1dfb4e5ceed5b1f6a8e763eef0e8bff1a9828.png" /> <img src="/assets/partenaires/dedietrich-98a5d36ceb94c7a58c914a2586088a7015225153900d400f62bd5eccf6b5993d.png" /> <img src="/assets/partenaires/dimplex-51f09b221f27bab9b8f1a08ea1b4e98163e284c76d8a28c00d4c3065b225ec1b.png" /> <img src="/assets/partenaires/euroclima-d8c6ef1ab19a310acbd1dab759c352fdcee8e50474a85b3507aa66ef467af77c.png" /> <img src="/assets/partenaires/froling-89b96871b2637780e40b642ba570ce0101064d83d939257a26a3ac3dcdf0cb44.png" /> <img src="/assets/partenaires/kommerling-1af79b2b5d571d8137fcfa7397362bb4d017fc9976382138d7022679c5e64681.jpg" /> <img src="/assets/partenaires/mequisa-1eadc52f0a61e42895877960abebafd1f2d263b8d4af7c1445d52a08f0ef0f11.png" /> <img src="/assets/partenaires/schuco-1fbd86cc8b1dcaed0ad5ffffddd153f314b8b2a5dc2735bf95dd35edf49e9402.jpg" /> <img src="/assets/partenaires/somfy-47848aa2942254c5036967d41bbc6026d51f8d1030b23e5ec04cb196331f93b7.jpg" /> <img src="/assets/partenaires/stibeleltron-1ee9901770999de3d9abfe0e1dfed2ad69b55c35c4dd4f27678d7a8e8a1c4b2c.png" /> <img src="/assets/partenaires/artetportails-cda865b2c0ae70e61f1bf7b81ee1dfb4e5ceed5b1f6a8e763eef0e8bff1a9828.png" /> <img src="/assets/partenaires/dedietrich-98a5d36ceb94c7a58c914a2586088a7015225153900d400f62bd5eccf6b5993d.png" /> <img src="/assets/partenaires/dimplex-51f09b221f27bab9b8f1a08ea1b4e98163e284c76d8a28c00d4c3065b225ec1b.png" /> <img src="/assets/partenaires/euroclima-d8c6ef1ab19a310acbd1dab759c352fdcee8e50474a85b3507aa66ef467af77c.png" /> <img src="/assets/partenaires/froling-89b96871b2637780e40b642ba570ce0101064d83d939257a26a3ac3dcdf0cb44.png" /> <img src="/assets/partenaires/kommerling-1af79b2b5d571d8137fcfa7397362bb4d017fc9976382138d7022679c5e64681.jpg" /> <img src="/assets/partenaires/mequisa-1eadc52f0a61e42895877960abebafd1f2d263b8d4af7c1445d52a08f0ef0f11.png" /> <img src="/assets/partenaires/schuco-1fbd86cc8b1dcaed0ad5ffffddd153f314b8b2a5dc2735bf95dd35edf49e9402.jpg" /> <img src="/assets/partenaires/somfy-47848aa2942254c5036967d41bbc6026d51f8d1030b23e5ec04cb196331f93b7.jpg" /> <img src="/assets/partenaires/stibeleltron-1ee9901770999de3d9abfe0e1dfed2ad69b55c35c4dd4f27678d7a8e8a1c4b2c.png" /> </div> </div> <style> /* Photo Banner */ .cont { width: 100%; overflow: hidden; padding: 10px auto; background: white; } .photobanner, .photobanner2 { height: 88px; width: 3550px; margin-bottom: 5px; font-size: 0; } .photobanner img { margin-bottom: 50px; margin-right: 5px; height:100%; } .photobanner img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .photobanner img:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); cursor: pointer; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); box-shadow: 0px 3px 5px rgba(0,0,0,0.2); } /*keyframe animations*/ .first { -webkit-animation: bannermove 60s linear infinite; -moz-animation: bannermove 60s linear infinite; -ms-animation: bannermove 60s linear infinite; -o-animation: bannermove 60s linear infinite; animation: bannermove 60s linear infinite; } @keyframes "bannermove" { 0% {margin-left: 0px;} 100% {margin-left: -2130px;} } @-moz-keyframes bannermove { 0% {margin-left: 0px;} 100% {margin-left: -2130px;} } @-webkit-keyframes "bannermove" { 0% {margin-left: 0px;} 100% {margin-left: -2130px;} } @-ms-keyframes "bannermove" { 0% {margin-left: 0px;} 100% {margin-left: -2130px;} } @-o-keyframes "bannermove" { 0% {margin-left: 0px;} 100% {margin-left: -2130px;} } </style> <footer id="contact" class="footer is-background-color"> <div class="container"> <div class="columns"> <div class="column is-2"> <a target="_top" rel="noopener noreferrer" href="/"><h3 class="h3-main-title is-text-color-secondary">Accueil</h3></a> <a target="_top" rel="noopener noreferrer" href="/#services"><h3 class="h3-main-title is-text-color-secondary">Services</h3></a> <a target="_top" rel="noopener noreferrer" href="/services/fenetres-portes"><p class="h3-main-title is-size-6 is-text-color-secondary">Fenêtres & Portes</p></a> <a target="_top" rel="noopener noreferrer" href="/services/volets-stores"><p class="h3-main-title is-size-6 is-text-color-secondary">Volets & Stores</p></a> <a target="_top" rel="noopener noreferrer" href="/services/chauffage-sanitaire"><p class="h3-main-title is-size-6 is-text-color-secondary">Chauffage & Sanitaire</p></a> <a target="_top" rel="noopener noreferrer" href="/services/pergola-carport"><p class="h3-main-title is-size-6 is-text-color-secondary">Pergola & Carport</p></a> <a target="_top" rel="noopener noreferrer" href="/services/portails-garde-corps"><p class="h3-main-title is-size-6 is-text-color-secondary">Portails & Garde-Corps</p></a> <a target="_top" rel="noopener noreferrer" href="/services/verandas"><p class="h3-main-title is-size-6 is-text-color-secondary">Vérandas</p></a> </div> <div class="column is-4"> <div> <a href="tel:03 87 06 44 61" class="button p-3 is-danger is-multiline is-light"> <strong>Besoin d'informations ? <i class="pl-2 fa fa-volume-control-phone" aria-hidden="true"></i></strong> <p class="is-size-6 p-0">03 87 06 44 61</p> </a> <br> <a target="_top" href="/formulaire-de-devis" class="button mt-5 p-5 is-info is-light"> <strong>Formulaire de devis <i class="pl-2 fa fa-calendar-check-o" aria-hidden="true"></i></strong> </a> <br> <a target="_top" href="/service-apres-vente" class="button mt-5 p-5 is-warning is-light"> <strong>Notre SAV <i class="pl-2 fa fa-envelope" aria-hidden="true"></i></strong> </a> </div> </div> <div class="column is-4"> <img alt="CFE : Chauffages Et Fermetures De L'Est" width="40%" src="/assets/logo-789e0663e420b60f574ded006308256abcf0588d55b801396e505f5bf887dd3e.png" /><br> <span><i class="fa fa-map-marker fa-lg is-text-color-secondary mr-3" aria-hidden="true"></i><span class="p-service is-text-color-secondary">3 Place Théodore Heitzmann, 57620 Lemberg</span></span><br> <span><i class="fa fa-phone fa-lg is-text-color-secondary mr-3" aria-hidden="true"></i><span class="p-service is-text-color-secondary">03 87 06 44 61</span></span><br> <span><i class="fa fa-envelope fa-lg is-text-color-secondary mr-3" aria-hidden="true"></i><span class="p-service is-text-color-secondary">[email protected]</span></span><br> </div> </div> </div> </div> </div> </footer> <section class="hero is-small has-text-white is-background-color-secondary bottom-section"> <div class="hero-body has-text-centered"> <small>© 2025 • CFE : Chauffages Et Fermetures De L'Est • <a href="/legal/mentions-legales" class="footerlink">Mentions Légales</a> • <a href="/legal/politique-de-confidentialite" class="footerlink">Politique de confidentialite</a> • <a rel="nofollow" href="/administration" class="footerlink">Administration</a> • <a rel="nofollow" href="/emploi" class="footerlink">Emploi</a><br> <small>Réalisé par <a target="_blank" rel="noopener noreferrer" href="https://www.kryze.fr" class="footerlink">Benjamin Rath</a></small> </div> </section> <div class="modal modalmentions"> <div class="modal-background"></div> <div class="modal-card" style="width:80%"> <header class="modal-card-head"> <p class="modal-card-title">Mentions Légales</p> <button class="delete deletementions" aria-label="close"></button> </header> <section class="modal-card-body"> <h1>MENTIONS LEGALES :</h1> <p style="text-align:justify"><strong> </strong><br /> Conformément aux dispositions des articles 6-III et 19 de la Loi n° 2004-575 du 21 juin 2004 pour la Confiance dans l'économie numérique, dite L.C.E.N., nous portons à la connaissance des utilisateurs et visiteurs du site : <a href="www.cfe57.com" target="_blank">www.cfe57.com</a> les informations suivantes :</p> <p style="text-align:justify"><strong>ÉDITEUR</strong></p> <p style="text-align:justify">Le site <a href="www.cfe57.com" style="color: rgb(7, 130, 193);" target="_blank">www.cfe57.com</a> est la propriété exclusive de <strong>SARL </strong><strong>CFE : Chauffages Et Fermetures De L'Est</strong>, qui l'édite.</p> <p style="text-align:justify"><strong>CFE : Chauffages Et Fermetures De L'Est</strong><strong> </strong><br /> <strong>SARL </strong>au capital de<strong> </strong><strong>9824 </strong>€Tél : <strong>03 87 06 44 61</strong></p> <p style="text-align:justify"><strong>3 Place Théodore Heitzmann </strong><strong>57620 Lemberg</strong><br /> Immatriculée au Registre du Commerce et des Sociétés de <strong>Sarreguemines B 432 909 299 </strong>sous le numéro<strong> </strong><strong>432909299</strong><strong> </strong></p> <p style="text-align:justify">Numéro TVA intracommunautaire : <strong>FR50432909299</strong><br /> Adresse de courrier électronique : <strong>[email protected]</strong> <br /> <br /> Directeur de la publication : <strong>Christian RIMLINGER</strong><br /> Contactez le responsable de la publication : <strong>[email protected]</strong></p> <p style="text-align:justify"> </p> <p style="text-align:justify"><strong>HÉBERGEMENT</strong></p> <p style="text-align:justify">Le site est hébergé par <strong>OVH 2 rue Kellermann 59100 Roubaix</strong><br /> <p style="text-align:justify"> </p> <p style="text-align:justify"><strong>DESCRIPTION DES SERVICES FOURNIS</strong></p> <p style="text-align:justify">Le site <a href="www.cfe57.com" style="text-align: justify;" target="_blank">www.cfe57.com</a> a pour objet de fournir une information concernant l’ensemble des activités de la société. Le proprietaire du site s’efforce de fournir sur le site <a href="www.cfe57.com" style="text-align: justify;" target="_blank">www.cfe57.com</a> des informations aussi précises que possible. Toutefois, il ne pourra être tenue responsable des omissions, des inexactitudes et des carences dans la mise à jour, qu’elles soient de son fait ou du fait des tiers partenaires qui lui fournissent ces informations. Tous les informations proposées sur le site <a href="www.cfe57.com" style="text-align: justify;" target="_blank">www.cfe57.com</a> sont données à titre indicatif, sont non exhaustives, et sont susceptibles d’évoluer. Elles sont données sous réserve de modifications ayant été apportées depuis leur mise en ligne. </p> <p><strong>PROPRIÉTÉ INTELLECTUELLE ET CONTREFAÇONS</strong></p> <p>Le proprietaire du site est propriétaire des droits de propriété intellectuelle ou détient les droits d’usage sur tous les éléments accessibles sur le site, notamment les textes, images, graphismes, logo, icônes, sons, logiciels… Toute reproduction, représentation, modification, publication, adaptation totale ou partielle des éléments du site, quel que soit le moyen ou le procédé utilisé, est interdite, sauf autorisation écrite préalable à l'email : [email protected] . Toute exploitation non autorisée du site ou de l’un quelconque de ces éléments qu’il contient sera considérée comme constitutive d’une contrefaçon et poursuivie conformément aux dispositions des articles L.335-2 et suivants du Code de Propriété Intellectuelle. </p> <p><strong>LIENS HYPERTEXTES ET COOKIES</strong></p> <p>Le site <a href="www.cfe57.com" style="text-align: justify;" target="_blank">www.cfe57.com</a> contient un certain nombre de liens hypertextes vers d’autres sites (partenaires, informations …) mis en place avec l’autorisation de le proprietaire du site . Cependant, le proprietaire du site n’a pas la possibilité de vérifier le contenu des sites ainsi visités et décline donc toute responsabilité de ce fait quand aux risques éventuels de contenus illicites. L’utilisateur est informé que lors de ses visites sur le site <a href="www.cfe57.com" style="text-align: justify;" target="_blank">www.cfe57.com</a>, un ou des cookies sont susceptible de s’installer automatiquement sur son ordinateur. Un cookie est un fichier de petite taille, qui ne permet pas l’identification de l’utilisateur, mais qui enregistre des informations relatives à la navigation d’un ordinateur sur un site. Les données ainsi obtenues visent à faciliter la navigation ultérieure sur le site, et ont également vocation à permettre diverses mesures de fréquentation. Le paramétrage du logiciel de navigation permet d’informer de la présence de cookie et éventuellement, de refuser de la manière décrite à l’adresse suivante : www.cnil.fr Le refus d’installation d’un cookie peut entraîner l’impossibilité d’accéder à certains services. L’utilisateur peut toutefois configurer son ordinateur de la manière suivante, pour refuser l’installation des cookies : Sous Internet Explorer : onglet outil / options internet. Cliquez sur Confidentialité et choisissez Bloquer tous les cookies. Validez sur Ok. Sous Netscape : onglet édition / préférences. Cliquez sur Avancées et choisissez Désactiver les cookies. Validez sur Ok. </p> <p>Les bases de données sont protégées par les dispositions de la loi du 1er juillet 1998 transposant la directive 96/9 du 11 mars 1996 relative à la protection juridique des bases de données.</p> <u><strong>CREDITS :</strong></u> les mentions légales ont étés générées par <strong><a href="https://www.generer-mentions-legales.com">mentions légales</a></strong><br /> </section> </div> </div> <div class="modal modalconfiden"> <div class="modal-background"></div> <div class="modal-card" style="width:80%"> <header class="modal-card-head"> <p class="modal-card-title">POLITIQUE DE CONFIDENTIALITÉ</p> <button class="delete deleteconfiden" aria-label="close"></button> </header> <section class="modal-card-body"> <h1>POLITIQUE DE CONFIDENTIALITÉ :</h1> <h2>GESTION DES DONNÉES PERSONNELLES ET POLITIQUE DE CONFIDENTIALITÉ</h2> <p> En France, les données personnelles sont notamment protégées par la loi n° 78-87 du 6 janvier 1978, la loi n° 2004-801 du 6 août 2004, l’article L. 226-13 du Code pénal et la Directive Européenne du 24 octobre 1995. A l’occasion de l’utilisation du site <a href="www.cfe57.com">www.cfe57.com</a>, peuvent être recueillies : l’URL des liens par l’intermédiaire desquels l’utilisateur a accédé au site <a href="www.cfe57.com">www.cfe57.com</a>, le fournisseur d’accès de l’utilisateur, l’adresse de protocole Internet (IP) de l’utilisateur. En tout état de cause Christian RIMLINGER propriétaire du site ne collecte des informations personnelles relatives à l’utilisateur que pour le besoin de certains services proposés par le site <a href="www.cfe57.com">www.cfe57.com</a>. L’utilisateur fournit ces informations en toute connaissance de cause, notamment lorsqu’il procède par lui-même à leur saisie. Il est alors précisé à l’utilisateur du site <a href="www.cfe57.com">www.cfe57.com</a> l’obligation ou non de fournir ces informations. Le site n’est pas déclaré à la CNIL car il ne recueille pas d’informations personnelles </p> <!--<h2>FORMULAIRE DE CONTACT</h2> <p> Les informations recueillies sur le formulaire de contact du site internet <a href="www.cfe57.com">www.cfe57.com</a> sont envoyées par e-mail pour réaliser des propositions commerciales relatives aux services de CFE : Chauffages Et Fermetures De L'Est. Ces informations sont envoyées par le protocole https sous un certificat SSL permettant de protéger les informations lors de leur envoi. Elles sont conservées pendant 1 an et sont destinées à Christian RIMLINGER. Ces données sont les suivantes :<br> – Nom et Prénom<br> - Adresse (Numéro,Rue,Code Postal,Ville) – Adresse e-mail <br> – Telephone <br> – Catégorie de services (dans le cas d'une demande de devis) <br> – Message libre dans lequel d’autres données personnelles pourraient être renseignées par l’utilisateur<br> Les données fournies sont uniquement stockées sur la boite e-mail de Christian RIMLINGER, ainsi que dans un fichier Excel sur l’ordinateur de Christian RIMLINGER. Les appareils où ces données sont accessibles (téléphones mobiles et ordinateurs) sont protégés par un mot de passe. Dans tous les cas, l’utilisateur peut refuser de fournir ses données personnelles. Dans ce cas, il ne pourra pas utiliser les services du site, ni solliciter de renseignements sur ces services. Conformément à la loi « informatique et libertés », tout utilisateur dispose d’un droit d’accès, de rectification et d’opposition aux données personnelles le concernant en contactant : Christian RIMLINGER, [email protected], 3 Place Théodore Heitzmann 57620 Lemberg . Aucune information personnelle de l’utilisateur du site CFE : Chauffages Et Fermetures De L'Est n’est publiée à l’insu de l’utilisateur, échangée, transférée, cédée ou vendue sur un support quelconque à des tiers. Seule l’hypothèse du rachat de Christian RIMLINGER du site et de ses droits permettrait la transmission des dites informations à l’éventuel acquéreur qui serait à son tour tenu de la même obligation de conservation et de modification des données vis à vis de l’utilisateur du site CFE : Chauffages Et Fermetures De L'Est. </p>--> <h2>LIENS HYPERTEXTES ET COOKIES</h2> <p> Le site <a href="www.cfe57.com">www.cfe57.com</a> contient un certain nombre de liens hypertextes vers d’autres sites, mis en place avec l’autorisation de Christian RIMLINGER. Cependant, Christian RIMLINGER n’a pas la possibilité de vérifier le contenu des sites ainsi visités, et n’assumera en conséquence aucune responsabilité de ce fait. Dans l’hypothèse où un utilisateur ou visiteur souhaiterait mettre en place un hyperlien en direction d’un des sites internet <a href="www.cfe57.com">www.cfe57.com</a>, il lui appartiendra d’adresser un email accessible sur le site afin de formuler sa demande de mise en place d’un hyperlien. <a href="www.cfe57.com">www.cfe57.com</a> se réserve le droit d’accepter ou de refuser un hyperlien sans avoir à en justifier sa décision. La navigation sur le site <a href="www.cfe57.com">www.cfe57.com</a> est susceptible de provoquer l’installation de cookie(s) sur l’ordinateur de l’utilisateur. Un cookie est un fichier de petite taille, qui ne permet pas l’identification de l’utilisateur, mais qui enregistre des informations relatives à la navigation d’un ordinateur sur un site. Nous collectons ainsi de manière automatique certaines informations vous concernant lors d’une simple navigation sur notre site Internet, notamment : des informations concernant l’utilisation de notre site, comme les zones que vous visitez et les services auxquels vous accédez, votre adresse IP, le type de votre navigateur, vos temps d’accès. De telles informations sont utilisées exclusivement à des fins de statistiques internes et de sécurité du site <a href="www.cfe57.com">www.cfe57.com</a>, ou pour améliorer la qualité des services qui vous sont proposés. Les bases de données sont protégées par les dispositions de la loi du 1er juillet 1998 transposant la directive 96/9 du 11 mars 1996 relative à la protection juridique des bases de données. </p> <!--<p> Le site <a href="www.cfe57.com">www.cfe57.com</a> utilise des solutions de société tierces qui nécessitent l’utilisation de cookies récoltant des informations personnelles : – Solution statistique Google Analytics. </p>--> <p> Le refus d’installation d’un cookie peut entraîner l’impossibilité d’accéder à certains services. L’utilisateur peut toutefois configurer son ordinateur de la manière suivante, pour refuser l’installation des cookies : Sous Internet Explorer : onglet outil (pictogramme en forme de rouage en haut a droite) / options internet. Cliquez sur Confidentialité et choisissez Bloquer tous les cookies. Validez sur Ok. Sous Firefox : en haut de la fenêtre du navigateur, cliquez sur le bouton Firefox, puis aller dans l’onglet Options. Cliquer sur l’onglet Vie privée. Paramétrez les Règles de conservation sur : utiliser les paramètres personnalisés pour l’historique. Enfin décochez-la pour désactiver les cookies. Sous Safari : Cliquez en haut à droite du navigateur sur le pictogramme de menu (symbolisé par un rouage). Sélectionnez Paramètres. Cliquez sur Afficher les paramètres avancés. Dans la section « Confidentialité », cliquez sur Paramètres de contenu. Dans la section « Cookies », vous pouvez bloquer les cookies. Sous Chrome : Cliquez en haut à droite du navigateur sur le pictogramme de menu (symbolisé par trois lignes horizontales). Sélectionnez Paramètres. Cliquez sur Afficher les paramètres avancés. Dans la section « Confidentialité », cliquez sur préférences. Dans l’onglet « Confidentialité », vous pouvez bloquer les cookies. </p> <h2>DROIT APPLICABLE ET ATTRIBUTION DE JURIDICTION</h2> <p> Tout litige en relation avec l’utilisation du site <a href="www.cfe57.com">www.cfe57.com</a> est soumis au droit français. Il est fait attribution exclusive de juridiction aux tribunaux compétents de Paris. </p> <h2>LES PRINCIPALES LOIS CONCERNÉES</h2> <p> Loi n° 78-17 du 6 janvier 1978, notamment modifiée par la loi n° 2004-801 du 6 août 2004 relative à l’informatique, aux fichiers et aux libertés. Loi n° 2004-575 du 21 juin 2004 pour la confiance dans l’économie numérique. </p> <h2>LEXIQUE</h2> <p> Utilisateur : Internaute se connectant, utilisant le site susnommé. Informations personnelles : « les informations qui permettent, sous quelque forme que ce soit, directement ou non, l’identification des personnes physiques auxquelles elles s’appliquent » (article 4 de la loi n° 78-17 du 6 janvier 1978). </p> </section> </div> </div> </div> <script> //Animations const inViewport = (entries, observer) => { entries.forEach(entry => { entry.target.classList.toggle("is-inViewport", entry.isIntersecting); }); }; const Obs = new IntersectionObserver(inViewport); let options = { root: null, rootMargin: '0px', threshold: 1.0 }; // Attach observer to every [data-inviewport] element: const ELs_inViewport = document.querySelectorAll('[datainviewport]'); ELs_inViewport.forEach(EL => { Obs.observe(EL, options); }); //Changement d'images en haut du site var images = ['/assets/photos/left1-c0828cc5235ad6515a0e5278bb8d048a6c912555d9cbcfe1ea1f2272c08f4950.webp','/assets/photos/left2-49817fde8ded3de7dbc435c09476e6e2582bc90f8cb7b611282c077655fcc29b.webp','/assets/photos/left3-d856ba0845bde9bfad43fff8269ac29efd00d87603394298f21c146e1d44d1aa.webp','/assets/photos/left4-f531df0763266a3e0f8ce37031cecedd0cf6fc83840ed2de665a27ff1d259d1e.webp'], index = 0, // starting index maxImages = images.length - 1; var timer = setInterval(function() { var currentImage = images[index]; index = (index == maxImages) ? 0 : ++index; $('#one').fadeOut(1500, function() { $('#one').attr("src", currentImage); $('#one').fadeIn(1500); }); }, 7000); </script> <!-- Import Web Component --> <script type="module" src="https://unpkg.com/@porscheofficial/[email protected]/dist/cookie-consent-banner/cookie-consent-banner.esm.js" ></script> <!-- Update Styles--> <style> :root { --cookie-consent-banner-z-index-container: 101; --cookie-consent-banner-colors-primary: #eecc5e; --cookie-consent-banner-colors-primary-border: var( --cookie-consent-banner-colors-primary ); --cookie-consent-banner-colors-primary-content: #000; --cookie-consent-banner-border-radius-buttons: 100px; --cookie-consent-banner-border-radius-body: 0; --cookie-consent-banner-spacings-container-padding-top: 0; --cookie-consent-banner-spacings-container-padding-left: 0; --cookie-consent-banner-spacings-container-padding-bottom: 0; --cookie-consent-banner-spacings-container-padding-right: 0; } .cc_buttons button{ cursor:pointer !important; color:red !important; } </style> <!-- Init Web Component --> <cookie-consent-banner btn-label-accept-and-continue="Accepter & Continuer" btn-label-persist-selection-and-continue="Sauvegarder la selection et continuer" btn-label-select-all-and-continue="Tous sélectionner et continuer" content-settings-description="Ci-dessous, vous pouvez choisir les cookies que vous souhaitez accepter. (Les cookies techniques sont nécessaire au bon fonctionnement du site)" > Ce site n'utilise que des cookies techniques visant au bon fonctionnement du site. Aucune donnée n'est utilisée ici à des fins d'analyses ou transmise à des partenaires commerciaux. En cliquant sur "Accepter & Continuer", vous acceptez ainsi les cookies techniques. Vous pouvez également lire toutes nos informations légales en cliquant sur le bouton tout en bas du site. </cookie-consent-banner> <!-- Open Banner again --> <!-- Scripts --> <script> /* Update available Cookie Categories */ const cookieConsentBannerElement = document.querySelector( "cookie-consent-banner" ); cookieConsentBannerElement.availableCategories = [ { description: "Permet le bon fonctionnement du site.", key: "technically_required", label: "Cookies techniques (obligatoires)", isMandatory: true, }, ]; /* Init Tag Manager */ function loadScripts(event) { const acceptedCategories = event?.detail?.acceptedCategories; if (acceptedCategories.includes("technically_required")) { cookieConsentBannerElement.display = none; } } window.addEventListener("cookie_consent_preferences_restored", loadScripts); window.addEventListener("cookie_consent_preferences_updated", loadScripts); </script> </body> </html>