<!DOCTYPE html>
<html lang="fr">
<head>
<title> Accueil | Degis, bureau d’études en ingénierie des ouvrages d’art et génie civil </title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="charset=utf-8">
<meta name="keywords" content=" ">
<meta name="description" content=" Degis, bureau d’études en ingénierie des ouvrages d’art et génie civil ">
<meta property="og:title" content="Accueil | Degis, bureau d’études en ingénierie des ouvrages d’art et génie civil ">
<meta property="og:description" content=" Degis, bureau d’études en ingénierie des ouvrages d’art et génie civil ">
<meta property="og:type" content="website">
<meta property="og:url" content=" https://degis.fr/ ">
<meta property="og:site_name" content="Accueil">
<meta property="og:image" content=" https://serveur-images.devil-it-applications.fr/degis/logo/opengraph.jpg ">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="360">
<meta property="og:image:height" content="360">
<meta property="og:locale" content="fr_FR">
<meta name="robots" content="index, follow">
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:url" content=" https://degis.fr/ ">
<meta name="twitter:title" content="Accueil | Degis, bureau d’études en ingénierie des ouvrages d’art et génie civil ">
<meta name="twitter:description" content=" Degis, bureau d’études en ingénierie des ouvrages d’art et génie civil ">
<meta name="twitter:image" content=" https://serveur-images.devil-it-applications.fr/degis/logo/opengraph.jpg ">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color">
<link rel="canonical" href="https://degis.fr/%0A%20%20%20%20%20%20%20%20">
<!-- Favicon -->
<link rel="shortcut icon" href="https://serveur-images.devil-it-applications.fr/degis/logo/favicon/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="https://serveur-images.devil-it-applications.fr/degis/logo/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://serveur-images.devil-it-applications.fr/degis/logo/favicon/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="https://serveur-images.devil-it-applications.fr/degis/logo/favicon/android-chrome-512x512.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://serveur-images.devil-it-applications.fr/degis/logo/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://serveur-images.devil-it-applications.fr/degis/logo/favicon/favicon-16x16.png">
<link rel="manifest" href="https://serveur-images.devil-it-applications.fr/degis/logo/favicon/site.webmanifest">
<!-- Plugin styles with preload -->
<link href="/node_modules/datatables.net-dt/css/jquery.dataTables.min.css" rel="preload" as="style" onload="this.rel='stylesheet'">
<link rel="preload" href="https://serveur-images.devil-it-applications.fr/degis/logo/logo.svg" as="image">
<link href="/node_modules/jquery-toast-plugin/dist/jquery.toast.min.css" rel="preload" as="style" onload="this.rel='stylesheet'">
<link href="/node_modules/tom-select/dist/css/tom-select.default.min.css" rel="preload" as="style" onload="this.rel='stylesheet'">
<link href="/node_modules/sweetalert2/dist/sweetalert2.min.css" rel="preload" as="style" onload="this.rel='stylesheet'">
<link href="/node_modules/bootstrap-daterangepicker/daterangepicker.css" rel="preload" as="style" onload="this.rel='stylesheet'">
<link href="/node_modules/filepond/dist/filepond.css" rel="preload" as="style" onload="this.rel='stylesheet'">
<link href="/node_modules/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css" rel="preload" as="style" onload="this.rel='stylesheet'">
<!-- Global styles -->
<link href="/assets/fonts/DM-Sans/stylesheet.css?v1=0.01" rel="stylesheet" type="text/css">
<link href="/assets/fonts/Ubuntu/stylesheet.css?v1=0.01" rel="stylesheet" type="text/css">
<link href="/assets/css/style.css?v1=0.01" rel="stylesheet" type="text/css">
<link href="/assets/css/addons.css?v1=0.01" rel="stylesheet" type="text/css">
<link href="/assets/css/objet.css?v1=0.01" rel="stylesheet" type="text/css">
<!-- Custom styles -->
<link href="/assets/css/root.css?v1=0.01" rel="stylesheet" type="text/css">
<script>
var dataJsonBase = JSON.parse("\u007B\u0022url_asset_img\u0022\u003A\u0022\\\/assets\\\/img\u0022,\u0022url_asset\u0022\u003A\u0022\\\/\u0022\u007D")
</script>
<script type="text/javascript" src="/node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="/assets/js/_init/pluginLoader.js?v2=0.16" defer></script>
<script>
// Disable links with href="#" and prevent default click behavior
$('a[href="#"]:not([type="button"])').each(function () {
$(this).addClass("no-link").attr("href", "javascript:void(0)").attr("role", "button");
});
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NCC8NDQJQY"></script>
<script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-NCC8NDQJQY');</script>
</head>
<body>
<div id="home" class="main-wrapper">
<script>
var navContent = `\u003Cdiv\u0020class\u003D\u0022collapse\u0020navbar\u002Dcollapse\u0022\u0020id\u003D\u0022navbarSupportedContent\u0022\u003E\n\u0020\u0020\u003Cul\u0020class\u003D\u0022navbar\u002Dnav\u0020list\u002Dstyle\u002Dnone\u0022\u003E\n\u0020\u0020\u0020\u0020\u003Cli\u0020class\u003D\u0022nav\u002Ditem\u0020nav\u002Ditem\u002D\u002Dhome\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u003Ca\u0020class\u003D\u0022nav\u002Dlink\u0020nav\u002Dlink\u002D\u002Dhome\u0022\u0020href\u003D\u0022\/\u0022\u0020aria\u002Dlabel\u003D\u0022Acceuil\u0022\u003E\u003Ci\u0020class\u003D\u0022icon\u0020icon\u002D\u002Dhome\u0022\u003E\u003C\/i\u003E\u0020\u003Cspan\u0020class\u003D\u0022text\u0022\u003EAccueil\u003C\/span\u003E\u003C\/a\u003E\n\u0020\u0020\u0020\u0020\u003C\/li\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cli\u0020class\u003D\u0022nav\u002Ditem\u0022\u003E\u003Ca\u0020class\u003D\u0022nav\u002Dlink\u0022\u0020href\u003D\u0022\/page\/2510274486\u002Da\u002Dpropos\u002Dde\u002Ddegis\u0022\u003E\u0020DEGIS\u003C\/a\u003E\u003C\/li\u003E\u0020\u003Cli\u0020class\u003D\u0022nav\u002Ditem\u0020dropdown\u0022\u003E\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Ca\u0020\u0020class\u003D\u0022nav\u002Dlink\u0022\u0020href\u003D\u0022\/page\/2510274487\u002Dnos\u002Dexpertises\u002Den\u002Dmaitrise\u002Dd\u002Doeuvre\u002Det\u002Dgenie\u002Dcivil\u002Dpour\u002Dles\u002Douvrages\u002Dd\u002Dart\u0022\u003ENos\u0020expertises\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cspan\u0020class\u003D\u0022btn\u002Darrow\u0022\u0020rel\u003D\u0022js\u002Dbtn\u002Darrow\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u003E\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Ci\u0020class\u003D\u0022icon\u0020icon\u002D\u002Dchevron\u002Ddown\u0022\u003E\u003C\/i\u003E\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/span\u003E\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/a\u003E\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cul\u0020class\u003D\u0022dropdown\u002Dmenu\u0022\u003E\u003Cli\u003E\u003Ca\u0020class\u003D\u0022dropdown\u002Ditem\u0022\u0020href\u003D\u0022\/page\/2510274489\u002Dinspection\u002Ddes\u002Douvrages\u002Dd\u002Dart\u0022\u0020title\u003D\u0022Surveillance\u0020et\u0020entretien\u0020des\u0020ouvrages\u0020d\u2019art\u0022\u003EInspection\u0020des\u0020ouvrages\u0020d\u2019art\u003C\/a\u003E\u003C\/li\u003E\u003Cli\u003E\u003Ca\u0020class\u003D\u0022dropdown\u002Ditem\u0022\u0020href\u003D\u0022\/page\/2510274488\u002Dmaitrise\u002Dd\u002Doeuvre\u002Dmoe\u0022\u0020title\u003D\u0022Ing\u00E9nierie\u0020et\u0020pilotage\u0020des\u0020ouvrages\u0020d\u2019art\u0022\u003EMa\u00EEtrise\u0020d\u2019\u0152uvre\u0020\u0028MOE\u0029\u003C\/a\u003E\u003C\/li\u003E\u003Cli\u003E\u003Ca\u0020class\u003D\u0022dropdown\u002Ditem\u0022\u0020href\u003D\u0022\/page\/2510274490\u002Dassistance\u002Da\u002Dmaitrise\u002Dd\u002Douvrage\u0022\u0020title\u003D\u0022Conseil\u0020et\u0020accompagnement\u0020des\u0020ma\u00EEtres\u0020d\u2019ouvrage\u0022\u003EAssistance\u0020\u00E0\u0020Ma\u00EEtrise\u0020d\u2019Ouvrage\u003C\/a\u003E\u003C\/li\u003E\u003C\/ul\u003E\u003C\/li\u003E\u003Cli\u0020class\u003D\u0022nav\u002Ditem\u0022\u003E\u003Ca\u0020class\u003D\u0022nav\u002Dlink\u0022\u0020href\u003D\u0022\/page\/2511104498\u002Dnos\u002Dagences\u0022\u003E\u0020Nos\u0020agences\u003C\/a\u003E\u003C\/li\u003E\u0020\u003Cli\u0020class\u003D\u0022nav\u002Ditem\u0022\u003E\u003Ca\u0020class\u003D\u0022nav\u002Dlink\u0022\u0020href\u003D\u0022\/page\/2511194507\u002Dnos\u002Dprojets\u002Dd\u002Douvrages\u002Dd\u002Dart\u0022\u003E\u0020Nos\u0020r\u00E9alisations\u003C\/a\u003E\u003C\/li\u003E\u0020\u003Cli\u0020class\u003D\u0027nav\u002Ditem\u0027\u003E\u003Ca\u0020class\u003D\u0027nav\u002Dlink\u0027\u0020href\u003D\u0027\/articles\/251027597\u002Drecrutement\u0027\u003ERecrutement\u003C\/a\u003E\u003C\/li\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cli\u0020class\u003D\u0022nav\u002Ditem\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u003Ca\u0020class\u003D\u0022nav\u002Dlink\u0020nav\u002Dlink\u002D\u002Dlg\u002Dsearch\u0022\u0020href\u003D\u0022\/recherche\u0022\u0020aria\u002Dlabel\u003D\u0022search\u002Dicon\u0022\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Ci\u0020class\u003D\u0022icon\u0020icon\u002D\u002Dsearch\u0022\u003E\u003C\/i\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cspan\u003ERechercher\u003C\/span\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u003C\/a\u003E\n\u0020\u0020\u0020\u0020\u003C\/li\u003E\n\u0020\u0020\u003C\/ul\u003E\n\u003C\/div\u003E\n`
</script>
<header id="header-10898" class="header section-inspector">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<div class="navbar-wrapper">
<div class="navbar-header">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <i class="icon icon--list"></i> </button>
<a class="navbar-brand-link" href="#" aria-label="logo">
<span class="navbar-brand__name h4 d-none" style="text-transform: capitalize"> DEGIS </span>
<figure class="">
<img src="https://serveur-images.devil-it-applications.fr/degis/logo/logo.svg" alt="logo" width="125" height="65">
</figure>
</a>
<a class="nav-link--sm-search" href="tel:06%2052%2054%2000%2072" aria-label="search-icon"> <i class="icon icon--phone"></i> </a>
</div>
<div id="navRender"></div>
<script> if ($("#navRender").length > 0) { $("#navRender").html(navContent); $(".navbar-brand-link").attr( "href", $(".nav-item--home .nav-link").attr("href"), ); } </script>
<div class="navbar-cta"> <a class="btn btn-secondary btn--header" href="#" data-modal-type="form" data-form-id="contactez-nous"> Contactez-nous </a> <a class="btn btn-primary btn--header" href="#"> Devis détaillé </a> </div>
</div>
</div>
</nav>
</header>
<header id="header-fixed-10898" class="header-fixed section-inspector">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<div class="navbar-wrapper">
<div class="navbar-header">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <i class="icon icon--list"></i> </button>
<a class="navbar-brand-link" href="#" aria-label="logo">
<span class="navbar-brand__name h4 d-none" style="text-transform: capitalize"> DEGIS </span>
<figure class="">
<img src="https://serveur-images.devil-it-applications.fr/degis/logo/logo.svg" alt="logo" width="125" height="65">
</figure>
</a>
<a class="nav-link--sm-search" href="tel:06%2052%2054%2000%2072" aria-label="search-icon"> <i class="icon icon--phone"></i> </a>
</div>
<div id="navRenderSticky"></div>
<script> if ($("#navRenderSticky").length > 0) { $("#navRenderSticky").html(navContent); $(".navbar-brand-link").attr( "href", $(".nav-item--home .nav-link").attr("href"), ); } </script>
<div class="navbar-cta"> <a class="btn btn-secondary btn--header" href="#" data-modal-type="form" data-form-id="contactez-nous"> Contactez-nous </a> <a class="btn btn-primary btn--header" href="#"> Devis détaillé </a> </div>
</div>
</div>
</nav>
<div id="progress-bar"></div>
</header>
<section id="sidebar_cta-10899" class="sidebar-cta section-inspector">
<div class="sidebar-cta__button" data-mobile-display="show">
<a class="btn btn-primary" href="#" data-tooltip="" data-placement="left" aria-label=""> <i class="icon" style="--icon-url: url('');"></i> <span class="sidebar-cta__button-text"></span> </a>
</div>
<div class="sidebar-cta__button" data-mobile-display="show">
<a class="btn btn-primary" href="#" data-modal-type="form" data-form-id="demande-devis" data-tooltip="Demander un devis" data-placement="left" aria-label="Demander un devis"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/file-invoice-dollar.svg');"></i> <span class="sidebar-cta__button-text">Demander un devis</span> </a>
</div>
<div class="sidebar-cta__button" data-mobile-display="hide">
<a class="btn btn-primary" href="#" data-modal-type="form" data-form-id="contactez-nous" data-tooltip="Contactez-nous" data-placement="left" aria-label="Contactez-nous"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/envelope.svg');"></i> <span class="sidebar-cta__button-text">Contactez-nous</span> </a>
</div>
<div class="sidebar-cta__button" data-mobile-display="hide">
<a class="btn btn-primary" href="tel:06%2052%2054%2000%2072" data-tooltip="06 52 54 00 72" data-placement="left" aria-label="06 52 54 00 72"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/phone.svg');"></i> <span class="sidebar-cta__button-text">06 52 54 00 72</span> </a>
</div>
</section>
<section id="hero-10902" class="hero section-inspector">
<div class="hero__background-video">
<video width="100%" height="auto" autoplay loop muted preload="auto" poster="https://serveur-images.devil-it-applications.fr/degis/upload/image-video-1763377414_1764584454.jpg">
<source src="https://serveur-images.devil-it-applications.fr/degis/videos/Degis-video-accueil-v3.mp4" type="video/mp4"></source>
Votre navigateur ne supporte pas la balise vidéo.
</video>
</div>
<div class="container">
<div class="hero__content" data-content-align="center">
<div class="hero__grid d-grid">
<h1 class="hero__title title grid-title">
Bureau d’études en ingénierie des ouvrages d’art et génie civil
</h1>
<h2 class="hero__subtitle subtitle grid-subtitle"></h2>
<div class="hero__description grid-paragraph">
<p></p>
</div>
<div class="hero__cta grid-cta"> <a class="hero__link btn btn-primary" href="#"> Demander un devis </a> <a class="hero__link btn btn-secondary" href="#"> Nos réalisations </a> </div>
</div>
</div>
</div>
</section>
<section id="carousel_partner-10933" data-plugin="swiper" class="carousel-partner section-inspector" style="--grid-columns-sm: 1;--grid-columns-md: 2;--grid-columns-lg: 7;">
<div class="carousel-partner__content">
<div class="carousel-partner__body-wrapper">
<div class="carousel-partner__body">
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/marne-le-departement.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/chalons-en-champagne.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/ay-champagne.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/metz-metropole.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/troyes.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/meurthe-et-moselle-departement.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/sanef.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/sud-ouest.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/metz.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/meuse.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/brie-champenoise.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/siab-a.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/troyes-champagne.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/epernay.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/casc.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/champgne-picarde.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/la-bresse.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/martigues.png" height="70" alt="Partenaire logo">
</figure>
</div>
<div class="carousel-partner__item">
<figure class="carousel-partner__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_banque/clients/r%C3%A9gion-suippes.png" height="70" alt="Partenaire logo">
</figure>
</div>
</div>
</div>
</div>
</section>
<div class="main-content">
<section id="accordion-10916" class="accordion section-inspector">
<div class="accordion__row">
<div class="accordion__figure-wrapper">
<figure class="accordion__image">
<img src="https://serveur-images.devil-it-applications.fr/degis/upload/233480_932x570.png" width="932" height="570" alt="Questions fréquentes sur nos activités" loading="lazy">
</figure>
<div class="accordion__image-content">
<h2 class="accordion__figure-title">
Comprendre notre approche
<br>
d'ingénieure : MOE, AMO
</h2>
<div class="accordion__figure-icon"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/idea_17125268.svg');"></i> </div>
</div>
</div>
<div class="accordion__content-wrapper">
<div class="accordion__header d-grid grid-header" data-header-align="center">
<h2 class="accordion__title grid-title">
Questions fréquentes sur nos activités
</h2>
<h3 class="accordion__subtitle grid-subtitle subtitle">
Ingénierie - Ouvrage d’art – Génie civil
</h3>
<div class="accordion__description grid-paragraph">
<p></p>
</div>
<div class="accordion__cta grid-cta"> <a href="#" data-modal-type="form" data-form-id="contactez-nous" class="btn btn-primary" aria-label="Plus d'informations"> Une question ? </a> </div>
</div>
<div class="accordion__body">
<div class="accordion__item">
<div class="accordion__item-header">
<button class="accordion__item-toggler" aria-label="Toggler button"> <i class="icon icon--plus"></i> </button>
<p>Quelle est la différence entre MOE et AMO ?</p>
</div>
<div class="accordion__item-body">
<p>
La <strong>Maîtrise d’Œuvre (MOE)</strong> prend en charge la conception et la direction technique des travaux jusqu’à la la réception de l’ouvrage.
<br>
<br>
L’<strong>Assistance à Maîtrise d’Ouvrage</strong> <strong>(AMO)</strong> accompagne le client (le maître d’ouvrage) dans ses décisions et le pilotage du projet.
<br>
<br>
DEGIS maîtrise les deux approches pour une gestion complète et intégrée de chaque opération, assurant la réussite globale de vos projets.
</p>
</div>
</div>
<div class="accordion__item">
<div class="accordion__item-header">
<button class="accordion__item-toggler" aria-label="Toggler button"> <i class="icon icon--plus"></i> </button>
<p>Comment se déroule une mission d’inspection d’ouvrage d’art</p>
</div>
<div class="accordion__item-body">
<p>Une mission d’inspection suit une méthodologie rigoureuse : </p>
<ul>
<li>Préparation minutieuse du dossier technique d’ouvrage d'art. </li>
<li>Reconnaissance sur site, relevés visuels et photographiques. </li>
<li>Identification des désordres (fissures, corrosion, déformations).</li>
<li>Rédaction d’un <strong>rapport d’expertise</strong> avec préconisations techniques.</li>
</ul>
<br>
Nos ingénieurs s’appuient sur des outils de mesure et de modélisation structurelle conformes aux <strong>recommandations Sétra / Cerema</strong>.
<br>
<br>
Ces outils garantissent une évaluation fiable de l’état structurel et la planification d’éventuelles opérations de maintenance ou de réhabilitation.
</div>
</div>
<div class="accordion__item">
<div class="accordion__item-header">
<button class="accordion__item-toggler" aria-label="Toggler button"> <i class="icon icon--plus"></i> </button>
<p>Pouvez-vous accompagner le maître d’ouvrage après le diagnostic ?</p>
</div>
<div class="accordion__item-body">
<p>
Notre <strong>bureau d’études </strong>en <strong>génie civil </strong>et <strong>ouvrages d’art</strong> réalise des diagnostics structurels complets et des inspections périodiques réglementaires conformément aux recommandations du Sétra et du Cerema.
<br>
<br>
Ces missions permettent d’évaluer l’état sanitaire et la capacité portante des ouvrages, tout en identifiant les <strong>pathologies structurelles</strong> : fissurations, corrosions, dégradations de matériaux, désordres géométriques.
<br>
<br>
Elles visent également à définir les actions d’entretien, de réparation ou de surveillance les plus adaptées, afin d’assurer la sécurité et la durabilité des structures dans le temps.
<br>
<br>
Nos <strong>ingénieurs</strong> interviennent sur tous types d’infrastructures (ponts, passerelles, murs de soutènement, réservoirs, ouvrages hydrauliques ou industriels) pour garantir leur fiabilité et leur conformité réglementaire.
</p>
</div>
</div>
<div class="accordion__item">
<div class="accordion__item-header">
<button class="accordion__item-toggler" aria-label="Toggler button"> <i class="icon icon--plus"></i> </button>
<p>Pourquoi choisir DEGIS comme bureau d’études, expert en ouvrages d’art ?</p>
</div>
<div class="accordion__item-body">
<p>
Choisir DEGIS, c’est s’appuyer sur un partenaire d’<strong>ingénierie </strong>reconnu pour sa rigueur technique, sa réactivité et son engagement durable de la conception des infrastructures.
<br>
<br>
Notre <strong>bureau d’études </strong>en<strong> génie civil </strong>et <strong>ouvrages d’art</strong> met à votre service une expertise complète couvrant la conception, le diagnostic, la réhabilitation et la maîtrise d’œuvre d’infrastructures.
<br>
<br>
Grâce à des méthodes de calcul conformes aux <strong>Eurocodes </strong>et des outils numériques de modélisation et d’inspection, nous garantissons des études fiables, précises et conformes aux normes.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<article id="paragraph_droite-10900" class="paragraph__item paragraph__item--Gauche section-inspector">
<div class="container">
<div class="paragraph__grid">
<h2 class="paragraph__title grid-title">
DEGIS, expert en ingénierie certifié <b>OPQIBI</b>
</h2>
<figure class="paragraph__image grid-image">
<img src="https://serveur-images.devil-it-applications.fr/degis/upload/95330_600x400.jpg" width="600" height="400" alt="DEGIS, expert en ingénierie certifié <b>OPQIBI</b>" loading="lazy">
</figure>
<div class="paragraph__description grid-paragraph">
<p>
Chez DEGIS, l’obtention de la qualification OPQIBI atteste de notre compétence reconnue dans l’<strong>inspection</strong> et le <strong>diagnostic</strong> d’<strong>ouvrages d’art</strong>, qu’il s’agisse d’ouvrages <em>courants</em> ou <em>non-courants</em>.
<br>
<br>
Grâce à cette reconnaissance, nos clients bénéficient d’une preuve de sérieux et d’un interlocuteur fiable pour piloter leurs <strong>projets d’ingénierie</strong> et de diagnostics techniques, en toute confiance.
<br>
<br>
Choisir DEGIS, c’est faire le choix d’une expertise certifiée OPQIBI, garante de la sécurité et de la durabilité de vos projets d’infrastructures.
</p>
</div>
<div class="paragraph__cta grid-cta"> <a href="#" class="btn btn-primary"></a> </div>
</div>
</div>
</article>
<section id="about_banner-10913" class="about-banner section-inspector">
<div class="about-banner__content d-grid">
<figure class="about-banner__image grid-image">
<img class="render-image render-image--1200x1200" src="https://serveur-images.devil-it-applications.fr/degis/images_web/750x500/projets_realises/03-construction-reconstruction/07-reconstruction-pont-des-ruetz/P5130005_750x500-centre.jpeg" width="750" height="750" alt="Bureau d’études d’ingénierie et des ouvrages d’art" loading="lazy">
</figure>
<div class="about-banner__text d-grid">
<h2 class="about-banner__title">
Bureau d’études d’ingénierie et des ouvrages d’art
</h2>
<h3 class="about-banner__subtitle subtitle">
Consultant en ingénierie & génie civil
</h3>
<div class="about-banner__description">
<p>
Fondée en 2019, DEGIS s’impose comme une référence en <strong>ingénierie</strong> spécialisée dans les <strong>ouvrages d’art</strong> et les projets de <strong>génie civil</strong>.
<br>
<br>
Notre <strong>bureau d’études</strong> accompagne la conception, la réhabilitation et la maintenance des infrastructures publiques et privées :
</p>
</div>
<ul class="about-banner__list list-style-none">
<li class="about-banner__item" aria-label="Ponts routiers / ferroviaires et tunnels"> <i class="icon icon--check-circle"></i> <span class="about-banner__item-text">Ponts routiers / ferroviaires et tunnels</span></li>
<li class="about-banner__item" aria-label="Bassins et ouvrages hydrauliques"> <i class="icon icon--check-circle"></i> <span class="about-banner__item-text">Bassins et ouvrages hydrauliques</span></li>
<li class="about-banner__item" aria-label="Passerelles piétonnes, murs de soutènement"> <i class="icon icon--check-circle"></i> <span class="about-banner__item-text">Passerelles piétonnes, murs de soutènement</span></li>
</ul>
<div class="about-banner__cta"> <a href="https://degis.fr/page/2510274486-a-propos-de-degis" class="btn btn-primary"> À propos de DEGIS </a> </div>
</div>
</div>
</section>
<section id="callout_image_bg-10918" class="callout-image-bg section-inspector">
<div class="container">
<div class="callout-image-bg__content-wrapper" style="--bg-image-desktop: url('https://serveur-images.devil-it-applications.fr/degis/upload/callout-image-bg_1762948230.jpg');--bg-image-mobile: url('');--bg-position: center center;">
<div class="callout-image-bg__content d-grid grid-header" data-header-align="center">
<h2 class="callout-image-bg__title grid-title title">
Un projet d’ouvrage d’art à nous confier ?
</h2>
<div class="callout-image-bg__description grid-paragraph">
<p>Nos <strong>ingénieurs </strong>sont à votre écoute pour étudier votre projet (conception, diagnostic, réhabilitation ou maîtrise d’œuvre...). Nous vous recontactons rapidement pour une analyse technique personnalisée. </p>
</div>
<div class="callout-image-bg__cta grid-cta"> <a class="btn btn-primary" href="#" data-modal-type="form" data-form-id="demande-devis">Obtenir un devis technique</a> </div>
</div>
</div>
</div>
</section>
<section id="about-10911" class="about section-inspector">
<div class="container">
<div class="about__content">
<figure class="about__image">
<img class="about__img-one" src="https://serveur-images.devil-it-applications.fr/degis/upload/P9170022_420x518_1763540007.jpg" width="470" height="664" alt="Méthodologie d'ingénierie et expertise structurelles" loading="lazy">
</figure>
<div class="about__text d-grid">
<h2 class="about__title">
Méthodologie d'ingénierie et expertise structurelles
</h2>
<h3 class="about__subtitle subtitle">
Études, calculs et réhabilitation d’ouvrages d’art
</h3>
<div class="about__description">
<p>DEGIS met en œuvre une ingénierie maîtrisée et conforme aux normes pour concevoir, vérifier et réhabiliter vos infrastructures et vos<strong> </strong>ouvrages d'art.</p>
</div>
<div class="about__list tab-content" id="pills-tabContent">
<div class="about__tab tab-pane-10911 tab-pane fade" role="tabpanel" tabindex="0" data-btn-name="Notre mission">
<div class="about__item" aria-label="Concevoir et sécuriser vos <strong>ouvrages d’art</strong> : études de conception & d’exécution, diagnostics structurels, suivi de travaux et <strong>AMO</strong>, pour des solutions fiables et conformes.">
<div class="about__item-text">Concevoir et sécuriser vos <strong>ouvrages d’art</strong> : études de conception & d’exécution, diagnostics structurels, suivi de travaux et <strong>AMO</strong>, pour des solutions fiables et conformes.</div>
<div class="about__item-number-wrapper">
<span class="about__item-number">99%</span>
<div class="about__item-number-text-wrapper">
<p>Conformité aux normes</p>
</div>
</div>
</div>
</div>
<div class="about__tab tab-pane-10911 tab-pane fade" role="tabpanel" tabindex="0" data-btn-name="Notre vision">
<div class="about__item" aria-label="Une ingénierie durable et innovante : conception BIM & modélisation 3D, optimisation bas carbone, maintenance préventive et prolongement du cycle de vie des structures (pont, passerelle urbaine...).">
<div class="about__item-text">Une ingénierie durable et innovante : conception BIM & modélisation 3D, optimisation bas carbone, maintenance préventive et prolongement du cycle de vie des structures (pont, passerelle urbaine...).</div>
<div class="about__item-number-wrapper">
<span class="about__item-number">98%</span>
<div class="about__item-number-text-wrapper">
<p>de satisfaction MOA</p>
</div>
</div>
</div>
</div>
</div>
<div class="about__cta"> <a href="https://degis.fr/page/2510274487-nos-expertises-en-maitrise-d-oeuvre-et-genie-civil-pour-les-ouvrages-d-art" class="btn btn-primary"> Notre approche d’ingénierie </a> </div>
</div>
</div>
</div>
</section>
<section id="grid_icon-10908" class="grid-icon section-inspector" style="--grid-columns-sm: 1;--grid-columns-md: var(--ev-grid-columns-md);--grid-columns-lg: 4;">
<div class="container">
<div class="grid-icon__content">
<div class="grid-icon__body d-grid grid-column" data-content-align="start">
<div class="grid-icon__header d-grid grid-header" data-header-align="center">
<h2 class="grid-icon__title grid-title">
Nos atouts clés pour vos projets
</h2>
<h3 class="grid-icon__subtitle subtitle grid-subtitle">
Conception, calcul et maîtrise d’œuvre
</h3>
<div class="grid-icon__description grid-paragraph">
<p>Nous mettons notre savoir-faire en ingénierie au service de solutions adaptés à vos défis techniques.</p>
</div>
</div>
<div class="grid-icon__item d-grid">
<div class="grid-icon__item-icon"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/project_17708820.svg');"></i> </div>
<h2 class="grid-icon__item-title item-title grid-title">
Expertise métier
</h2>
<h3 class="grid-icon__item-subtitle subtitle grid-subtitle"></h3>
<div class="grid-icon__item-description grid-paragraph">
<p>Des ingénieurs spécialisés en génie civil et ouvrages d’art.</p>
</div>
<div class="grid-icon__item-cta grid-nav"> <a href="#" class="btn btn-primary"> </a> </div>
</div>
<div class="grid-icon__item d-grid">
<div class="grid-icon__item-icon"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/project_18755671.svg');"></i> </div>
<h2 class="grid-icon__item-title item-title grid-title">
Approche pragmatique
</h2>
<h3 class="grid-icon__item-subtitle subtitle grid-subtitle"></h3>
<div class="grid-icon__item-description grid-paragraph">
<p>Des études précises, conformes aux référentiels les plus récents.</p>
</div>
<div class="grid-icon__item-cta grid-nav"> <a href="#" class="btn btn-primary"> </a> </div>
</div>
<div class="grid-icon__item d-grid">
<div class="grid-icon__item-icon"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/review-star_16446332.svg');"></i> </div>
<h2 class="grid-icon__item-title item-title grid-title">
Relation client
</h2>
<h3 class="grid-icon__item-subtitle subtitle grid-subtitle"></h3>
<div class="grid-icon__item-description grid-paragraph">
<p>Le succès repose sur la confiance entre les acteurs du projet.</p>
</div>
<div class="grid-icon__item-cta grid-nav"> <a href="#" class="btn btn-primary"> </a> </div>
</div>
<div class="grid-icon__item d-grid">
<div class="grid-icon__item-icon"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/money-bag_18612922.svg');"></i> </div>
<h2 class="grid-icon__item-title item-title grid-title">
Maîtrise budgétaire
</h2>
<h3 class="grid-icon__item-subtitle subtitle grid-subtitle"></h3>
<div class="grid-icon__item-description grid-paragraph">
<p>Nous respectons les coûts sans compromis sur la qualité.</p>
</div>
<div class="grid-icon__item-cta grid-nav"> <a href="#" class="btn btn-primary"> </a> </div>
</div>
<div class="grid-icon__item d-grid">
<div class="grid-icon__item-icon"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/task_17688885.svg');"></i> </div>
<h2 class="grid-icon__item-title item-title grid-title">
Esprit d’équipe
</h2>
<h3 class="grid-icon__item-subtitle subtitle grid-subtitle"></h3>
<div class="grid-icon__item-description grid-paragraph">
<p>Collaboration entre architectes, géotechniciens, collectivités...</p>
</div>
<div class="grid-icon__item-cta grid-nav"> <a href="#" class="btn btn-primary"> </a> </div>
</div>
<div class="grid-icon__item d-grid">
<div class="grid-icon__item-icon"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/review-star_16446332.svg');"></i> </div>
<h2 class="grid-icon__item-title item-title grid-title">
Faites confiance à DEGIS pour vos projets d’infrastructures !
</h2>
<h3 class="grid-icon__item-subtitle subtitle grid-subtitle">
Une équipe d'experts à vos côtés
</h3>
<div class="grid-icon__item-description grid-paragraph">
<p></p>
</div>
<div class="grid-icon__item-cta grid-nav"> <a href="#" data-modal-type="form" data-form-id="contactez-nous" class="btn btn-primary"> Contactez-nous </a> </div>
</div>
</div>
</div>
</div>
</section>
<section id="grid_image-10915" class="grid-image section-inspector" style="--grid-columns-sm: var(--ev-grid-columns-sm);--grid-columns-md: var(--ev-grid-columns-md);--grid-columns-lg: var(--ev-grid-columns-md);">
<div class="container">
<div class="grid-image__content">
<div class="grid-image__header d-grid grid-header" data-header-align="start">
<h2 class="grid-image__title grid-title">
Nos réalisations récentes
</h2>
<h3 class="grid-image__subtitle grid-subtitle subtitle">
Des ouvrages d’art conçus et réhabilités avec précision
</h3>
<div class="grid-image__description grid-paragraph">
<p>Nos ingénieurs interviennent sur des projets d’ingénierie complexes : réhabilitation d’ouvrages historiques à la création de nouvelles infrastructures. </p>
</div>
</div>
<div class="grid-image__body d-grid grid-column">
<div class="grid-image__item">
<figure class="grid-image__item-img" style="aspect-ratio: 1.5">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_web/600x400/interventions/inspections/insp_1_600x400-centre.jpeg" width="600" height="400" alt="Diagnostic et inspection détaillée" loading="lazy">
<div class="grid-image__item-details d-grid">
<h2 class="grid-image__item-title item-title grid-title">
Diagnostic et inspection détaillée
</h2>
<h3 class="grid-image__item-subtitle subtitle grid-subtitle">
Découvrez nos derniers projets
</h3>
<div class="grid-image__item-cta">
<a href="https://degis.fr/articles/251027596-nos-realisations/2511101263-diagnostic-et-inspection-detaillee" aria-label="afficher plus"><i class="icon icon--plus"></i> </a>
</div>
</div>
</figure>
</div>
<div class="grid-image__item">
<figure class="grid-image__item-img" style="aspect-ratio: 1.5">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_web/600x400/projets_realises/02-rehabilitation-des-ouvrages-d-art/02-refection-bow-string-a-vienne-la-ville/11_600x400-centre.jpeg" width="600" height="400" alt="Réhabilitation des ouvrages d'art" loading="lazy">
<div class="grid-image__item-details d-grid">
<h2 class="grid-image__item-title item-title grid-title">
Réhabilitation des ouvrages d'art
</h2>
<h3 class="grid-image__item-subtitle subtitle grid-subtitle">
Découvrez nos derniers projets
</h3>
<div class="grid-image__item-cta">
<a href="https://degis.fr/articles/251027596-nos-realisations/2511101264-rehabilitation-des-ouvrages-d-art" aria-label="afficher plus"><i class="icon icon--plus"></i> </a>
</div>
</div>
</figure>
</div>
<div class="grid-image__item">
<figure class="grid-image__item-img" style="aspect-ratio: 1.5">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_web/600x400/interventions/autres-chantiers/IMG-20250524-WA0007_600x400-centre.jpeg" width="600" height="400" alt="Reconstruction des ouvrages d'art" loading="lazy">
<div class="grid-image__item-details d-grid">
<h2 class="grid-image__item-title item-title grid-title">
Reconstruction des ouvrages d'art
</h2>
<h3 class="grid-image__item-subtitle subtitle grid-subtitle">
Découvrez nos derniers projets
</h3>
<div class="grid-image__item-cta">
<a href="https://degis.fr/articles/251027596-nos-realisations/2511101265-reconstruction-des-ouvrages-d-art" aria-label="afficher plus"><i class="icon icon--plus"></i> </a>
</div>
</div>
</figure>
</div>
<div class="grid-image__item">
<figure class="grid-image__item-img" style="aspect-ratio: 1.5">
<img src="https://serveur-images.devil-it-applications.fr/degis/images_web/600x400/projets_realises/04-construction-passerelles/01-creation-de-4-passerelles-sur-aisne-a-rethel/20230615_085040_600x400-centre.jpeg" width="600" height="400" alt="Construction des passerelles et voies douces" loading="lazy">
<div class="grid-image__item-details d-grid">
<h2 class="grid-image__item-title item-title grid-title">
Construction des passerelles et voies douces
</h2>
<h3 class="grid-image__item-subtitle subtitle grid-subtitle">
Découvrez nos derniers projets
</h3>
<div class="grid-image__item-cta">
<a href="https://degis.fr/articles/251027596-nos-realisations/2511101266-construction-passerelles-et-voies-douces" aria-label="afficher plus"><i class="icon icon--plus"></i> </a>
</div>
</div>
</figure>
</div>
</div>
</div>
</div>
</section>
<section id="process-10895" class="process section-inspector" style="--grid-columns-sm: var(--ev-grid-columns-sm);--grid-columns-md: var(--ev-grid-columns-md);--grid-columns-lg: 4;">
<div class="container">
<div class="process__content">
<div class="process__header d-grid grid-header" data-header-align="center">
<h2 class="process__title grid-title">
Notre démarche d’ingénierie
</h2>
<h3 class="process__subtitle subtitle grid-subtitle">
Les étapes clés de nos projets d'ouvrages d'art
</h3>
<div class="process__description grid-paragraph">
<p> Une approche structurée pour garantir la qualité, la fiabilité et la durabilité de chaque ouvrage. </p>
</div>
</div>
<div class="process__body d-grid grid-column">
<div class="process__item">
<div class="process__item-figure"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/planning_17506609.svg');"> </i> </div>
<div class="process__item-content">
<div class="process__item-step"></div>
<div class="process__item-body">
<h2 class="process__item-title item-title">
Analyse technique
</h2>
<div class="process__item-description">
<p>Étude du site, contraintes et besoins pour définir les bases techniques du projet.</p>
</div>
</div>
</div>
</div>
<div class="process__item">
<div class="process__item-figure"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/divider_18902900.svg');"> </i> </div>
<div class="process__item-content">
<div class="process__item-step"></div>
<div class="process__item-body">
<h2 class="process__item-title item-title">
Conception 3D
</h2>
<div class="process__item-description">
<p>Élaboration de solutions optimisées et modélisation 3D selon les normes.</p>
</div>
</div>
</div>
</div>
<div class="process__item">
<div class="process__item-figure"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/success_18076840.svg');"> </i> </div>
<div class="process__item-content">
<div class="process__item-step"></div>
<div class="process__item-body">
<h2 class="process__item-title item-title">
Études & suivi
</h2>
<div class="process__item-description">
<p>Réalisation des plans, notes de calcul et accompagnement durant le chantier.</p>
</div>
</div>
</div>
</div>
<div class="process__item">
<div class="process__item-figure"> <i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/excavator_17801785.svg');"> </i> </div>
<div class="process__item-content">
<div class="process__item-step"></div>
<div class="process__item-body">
<h2 class="process__item-title item-title">
Livraison & support
</h2>
<div class="process__item-description">
<p>Contrôles finaux et assistance à la mise en service et suivi post-projet.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="flexible-form" id="flexibleFormdemande-devis">
<form id="mainFlexibleForm" method="POST" action="/" enctype="multipart/form-data">
<input type="hidden" value="" id="token" name="token">
<input type="hidden" value="demande-devis" id="title_form" name="title_form">
<input type="hidden" value="753" id="form" name="form">
<div class="flexible-form__title-wrapper">
<div class="container">
<h2 class="flexible-form__title">
Demandez un devis
</h2>
<p class="flexible-form__description">Vous souhaitez obtenir une estimation pour une mission d’ingénierie, de maîtrise d’œuvre ou d’inspection ?</p>
</div>
</div>
<div class="flexible-form__container">
<div class="flexible-form__steps">
<div class="step-group"> <span class="step"></span> <span class="step"></span> <span class="step completed"></span> </div>
</div>
<div id="flexibleFormWrapper" class="flexible-form__wrapper">
<div class="alert-message alert-message--form d-none" id="formResult">
<div class="alert-message__graphic">
<svg id="checkMessageSvg" viewbox="0 0 415.869 415.869" width="50" heigt="50" style="enable-background:new 0 0 415.869 415.869;">
<path id="check" d="M193.306,282.645L193.306,282.645c-4.702,0-8.882-2.09-11.494-5.224l-78.89-85.682c-5.747-6.269-5.224-16.196,1.045-21.943c6.269-5.747,16.196-5.224,21.943,1.045l67.918,73.665L381.91,56.947c6.269-6.269,16.196-6.269,21.943,0c5.747,6.269,6.269,16.196,0,21.943L204.278,277.943C201.665,281.078,197.486,282.645,193.306,282.645z"></path>
<path id="circle" d="M207.935,415.869C93.518,415.869,0,322.351,0,207.935S93.518,0,207.935,0c8.882,0,15.673,6.792,15.673,15.673s-6.792,15.673-15.673,15.673c-97.176,0-176.588,79.412-176.588,176.588s79.412,176.588,176.588,176.588s176.588-79.412,176.588-176.588c0-8.882,6.792-15.673,15.673-15.673s15.673,6.792,15.673,15.673C415.869,322.351,322.351,415.869,207.935,415.869z"></path>
</svg>
</div>
<div class="alert-message__content">
<p class="h4"> Merci pour votre demande ! Notre équipe vous contactera pour échanger sur votre projet. </p>
</div>
<div class="alert-message__cta">
<a href="/" class="btn btn-primary">Retour à la page d'accueil</a>
<script>
sendPdf = 'false'
</script>
</div>
</div>
<div class="flexible-form__content">
<div class="flexible-form__body">
<div class="row">
<div class="col">
<div class="step1 tab">
<input type="hidden" value="" id="formCopieEmail" name="form_copie_email">
<input type="hidden" value="" id="formRedirectUrl" name="form_redirect_url">
<input type="hidden" value="" id="formScriptSave" name="script">
<input type="hidden" value="" id="formScript" name="script">
<div class="flexible-form__step">
<p class="flexible-form__step-title h4">Détail de votre projet</p>
<p class="flexible-form__step-descr">Parlez-nous de votre projet pour un devis adapté à votre contexte technique.</p>
</div>
<input type="hidden" value="Détail de votre projet" id="formetapequestion" name="formetapequestion">
<span class="spansecureetape" hidden></span>
<span class="spansaveetape" hidden></span>
<div class="form-group form-group--radio inpdiv">
<label class="form-label">
Type d’ouvrage
<span class="text-danger">*</span> <span class="form-help p">
</span>
</label>
<label class="d-none" id="recapidlabel"></label>
<div class="form-check-group">
<div class="form-check">
<input class="form-check-input" type="radio" data-reponse-id="12980" data-recap-id="" data-name="Type d’ouvrage" data-champ-id="5860" data-option-value="" data-option-image="" data-option-image-server="https://serveur-images.devil-it-applications.fr/degis" name="radio-5860-type_ouvrage" id="option-5860-12980" value="Pont" required>
<label class="form-check-label" for="option-5860-12980">
<div class="form-check-text">
<div class="form-check-description">
Pont
</div>
</div>
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" data-reponse-id="12981" data-recap-id="" data-name="Type d’ouvrage" data-champ-id="5860" data-option-value="" data-option-image="" data-option-image-server="https://serveur-images.devil-it-applications.fr/degis" name="radio-5860-type_ouvrage" id="option-5860-12981" value="Passerelle" required>
<label class="form-check-label" for="option-5860-12981">
<div class="form-check-text">
<div class="form-check-description">
Passerelle
</div>
</div>
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" data-reponse-id="12982" data-recap-id="" data-name="Type d’ouvrage" data-champ-id="5860" data-option-value="" data-option-image="" data-option-image-server="https://serveur-images.devil-it-applications.fr/degis" name="radio-5860-type_ouvrage" id="option-5860-12982" value="Mur de soutènement" required>
<label class="form-check-label" for="option-5860-12982">
<div class="form-check-text">
<div class="form-check-description">
Mur de soutènement
</div>
</div>
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" data-reponse-id="12983" data-recap-id="" data-name="Type d’ouvrage" data-champ-id="5860" data-option-value="" data-option-image="" data-option-image-server="https://serveur-images.devil-it-applications.fr/degis" name="radio-5860-type_ouvrage" id="option-5860-12983" value="Ouvrage hydraulique" required>
<label class="form-check-label" for="option-5860-12983">
<div class="form-check-text">
<div class="form-check-description">
Ouvrage hydraulique
</div>
</div>
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" data-reponse-id="12984" data-recap-id="" data-name="Type d’ouvrage" data-champ-id="5860" data-option-value="" data-option-image="" data-option-image-server="https://serveur-images.devil-it-applications.fr/degis" name="radio-5860-type_ouvrage" id="option-5860-12984" value="Autre" required>
<label class="form-check-label" for="option-5860-12984">
<div class="form-check-text">
<div class="form-check-description">
Autre
</div>
</div>
</label>
</div>
</div>
</div>
<!-- Default input -->
<div class="form-group inpdiv">
<label class="form-label" for="champ-5863">
Localisation du site (commune, département)
<span class="form-help p">
</span>
</label>
<input class="form-control type-other" id="champ-5863" name="Localisation du site (commune, département)" data-name="Localisation du site (commune, département)" data-champ-id="localisation_ouvrage" type="text">
</div>
<div class="form-group form-group--textarea inpdiv">
<label class="form-label" for="area-5861">
Merci de décrire votre besoin avec le plus de précision possible
<span class="text-danger">*</span> <span class="form-help p">
</span>
</label>
<div class="step_decale">
<textarea rows="6" class="form-control" data-name="Merci de décrire votre besoin avec le plus de précision possible" data-champ-id="description_projet" name="Merci de décrire votre besoin avec le plus de précision possible" id="area-5861" required></textarea>
</div>
</div>
<!-- Default input -->
<div class="form-group inpdiv">
<label class="form-label" for="champ-5862">
Pièce jointe : cahier des charges, plan ou photo de l’ouvrage (optionnel)
<span class="form-help p">
</span>
</label>
<input class="form-control type-other" id="champ-5862" name="Pièce jointe : cahier des charges, plan ou photo de l’ouvrage (optionnel)" data-name="Pièce jointe : cahier des charges, plan ou photo de l’ouvrage (optionnel)" data-champ-id="joindre-fichier" type="file">
</div>
</div>
<div class="step2 tab">
<input type="hidden" value="" id="formCopieEmail" name="form_copie_email">
<input type="hidden" value="" id="formRedirectUrl" name="form_redirect_url">
<input type="hidden" value="" id="formScriptSave" name="script">
<input type="hidden" value="" id="formScript" name="script">
<div class="flexible-form__step">
<p class="flexible-form__step-title h4">Vos coordonnées pour un devis personnalisé</p>
<p class="flexible-form__step-descr"></p>
</div>
<input type="hidden" value="Vos coordonnées pour un devis personnalisé" id="formetapequestion" name="formetapequestion">
<span class="spansecureetape" hidden></span>
<span class="spansaveetape" hidden>1</span>
<!-- Default input -->
<div class="form-group inpdiv">
<label class="form-label" for="champ-5855">
Nom et Prénom
<span class="text-danger">*</span>
<span class="form-help p">
</span>
</label>
<input class="form-control type-other" id="champ-5855" name="Nom et Prénom" data-name="Nom et Prénom" data-champ-id="contact_nom" required type="text">
</div>
<!-- Default input -->
<div class="form-group inpdiv">
<label class="form-label" for="champ-5856">
Nom de la société / collectivité
<span class="form-help p">
</span>
</label>
<input class="form-control type-other" id="champ-5856" name="Nom de la société / collectivité" data-name="Nom de la société / collectivité" data-champ-id="contact_entreprise" type="text">
</div>
<!-- Default input -->
<div class="form-group inpdiv">
<label class="form-label" for="champ-5857">
Téléphone
<span class="text-danger">*</span>
<span class="form-help p">
</span>
</label>
<input class="form-control type-other" id="champ-5857" name="Téléphone" data-name="Téléphone" data-champ-id="contact_tel" required type="tel">
</div>
<!-- Default input -->
<div class="form-group inpdiv">
<label class="form-label" for="champ-5858">
Email
<span class="text-danger">*</span>
<span class="form-help p">
</span>
</label>
<input class="form-control type-other" id="champ-5858" name="Email" data-name="Email" data-champ-id="contact_email" required type="email">
</div>
</div>
</div>
<div class="col" id="recapCard">
<div class="recap-tab-wrapper">
<div class="step1 tttab inpdiv" style="display: none;">
<div class="card-wrapper"></div>
</div>
<div class="step2 tttab inpdiv" style="display: none;">
<div class="card-wrapper"></div>
</div>
</div>
<!-- Single Script Block Placed After Loop -->
<script>
$("select").on("change", function() {
const selectedOption = $(this).find('option:selected'); // Get selected option
const recapId = $(this).data("recap-id");
const champId = $(this).data("champ-id");
const optionId = selectedOption.attr("id");
const val = selectedOption.data("option-value") || "0";
const valOpMulti = parseFloat(val) || 0;
const recapSelectedOption = $(`#cardbody${recapId}`).find(`[class^="recapoplistdisplay-${champId}-"]`);
const recapSelectedValue = parseFloat(recapSelectedOption.find(`.card-unit`).text()) || 0
const resMulti = valOpMulti.toFixed(2);
$(`#resMulti-${champId}-${optionId}`).text(resMulti);
// Append new content as needed
const newDiv = `<div class="recapoplistdisplay-${champId}-${optionId} card-item">${$(`#recapoplistdisplay-${champId}-${optionId}`).html()}</div>`;
recapSelectedOption.remove(); // Remove the previously selected option from display
$(`#notSelected${recapId}`).remove();
$(`#cardbody${recapId}`).append(newDiv);
// Update total
updateTotal();
});
$("input[type='radio']").on("change", function() {
var recapId = $(this).data("recap-id");
var champId = $(this).data("champ-id");
var champName = $(this).attr("name");
var val = $(this).data("option-value") || "0";
var valOpMulti = parseFloat(val) || 0;
var reponseId = $(this).data("reponse-id");
var recapSelectedInput = $(`#cardbody${recapId}`).find(`[class^="recapoplistdisplay-${champId}-"]`);
$(`#resMulti-${champId}-${reponseId}`).text(valOpMulti.toFixed(2));
// Append new content as needed
const newDiv = `<div class="recapoplistdisplay-${champId}-${reponseId} card-item">${$(`#recapoplistdisplay-${champId}-${reponseId}`).html()}</div>`;
recapSelectedInput.remove(); // Remove the previously selected option from display
$(`#notSelected${recapId}`).remove();
$(`#cardbody${recapId}`).append(newDiv);
// Update total
updateTotal();
});
function updateTotal() {
$(".card--recap:not(.d-none)").each(function() {
let total = 0;
let $unit = $(this).find(".card-body .card-item:not(.d-none) .card-unit");
$unit.each(function() {
// Extract the numeric total from text like "300 * 7 = 2100.00"
let unitText = $(this).text();
let match = unitText.match(/=\s*([0-9.]+)/);
let value = match ? parseFloat(match[1]) : parseFloat(unitText);
// Add the value to the total if it's a valid number
if (!isNaN(value)) {
total += value;
}
});
// Always format the total to two decimal places
let formattedTotal = total.toFixed(2);
// Update the element with the formatted total
$(this).find(`[id^="resAddition-"]`).text(formattedTotal);
});
}
</script>
</div>
</div>
</div>
<div class="flexible-form__footer">
<div class="button-group inpdiv">
<button class="btn btn-outline-primary border-0" type="button" id="prevBtn" onclick="nextPrev(this, -1, 'prev')" style="display:none">Précédent</button>
<button class="btn btn-primary" type="button" id="nextBtn" onclick="nextPrev(this, 1, '')">Suivant</button>
</div>
</div>
<div class="flexible-form__recaptcha-info">
Ce site est protégé par reCAPTCHA, la <a class="link-primary" href="https://policies.google.com/privacy">politique privée</a> de Google et les <a class="link-primary" href="https://policies.google.com/terms">conditions d'utilisation</a>.
<br>
Les informations saisies permettront le traitement de votre demande et éventuellement de vous contacter si vous avez des difficultés à remplir entièrement votre formulaire.
</div>
</div>
</div>
</div>
</form>
<input type="hidden" id="urlTwigPath" value="/payment/__token_placeholder__">
</section>
</div>
<section id="map-10930" class="map section-inspector">
<div class="container">
<div class="map__content">
<div class="map__info">
<div class="map__header d-grid">
<h2 class="map__title">
Retrouvez DEGIS, votre bureau d’études !
</h2>
<h3 class="map__subitle subtitle">
Votre partenaire en ingénierie des structures
</h3>
</div>
<div class="map__info-list-wrapper">
<ul class="map__info-list list-style-none">
<li class="map__info-item">
<label class="map__info-label item-title"> Téléphone </label>
<span class="map__info-icon"><i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/phone.svg')"></i></span>
<div class="map__info-text-wrapper">
<a class="map__info-link" href="tel:06%2052%2054%2000%2072">
<div class="map__info-content"> <span class="map__info-text"> 06 52 54 00 72 </span> </div>
</a>
<a class="map__info-link" href="tel:">
<div class="map__info-content"> <span class="map__info-text"> </span> </div>
</a>
<a class="map__info-link" href="tel:">
<div class="map__info-content"> <span class="map__info-text"> </span> </div>
</a>
</div>
</li>
<li class="map__info-item">
<label class="map__info-label item-title"> Adresses de nos agences </label>
<span class="map__info-icon"><i class="icon" style="--icon-url: url('https://serveur-images.devil-it-applications.fr/degis/svg/envelope.svg')"></i></span>
<div class="map__info-text-wrapper">
<a class="map__info-link" href="https://maps.app.goo.gl/1jWCwTBqgjjrDgU2A">
<div class="map__info-content">
<span class="map__info-text"> <b>• Siège social Marne (51) :</b> 34 Rue des Moulins, 51100 Reims </span>
</div>
</a>
<a class="map__info-link" href="https://maps.app.goo.gl/Tpcbxp7HGNA7jgUp9">
<div class="map__info-content">
<span class="map__info-text"> <b>• Agence Metz (57) :</b> 25 Rue de Sarre, 57000 Metz </span>
</div>
</a>
<a class="map__info-link" href="https://maps.app.goo.gl/rt7pfhA9hPPTLZqKA">
<div class="map__info-content">
<span class="map__info-text"> <b>• Agence PACA (83) :</b> Bd des Arbousiers, 83120 Sainte-Maxime </span>
</div>
</a>
</div>
</li>
</ul>
<div class="map__cta">
<a class="btn btn-primary" href="#" data-modal-type="form" data-form-id="contactez-nous">
Contactez-nous
<span class="icon-wrapper"><i class="icon icon--plus"></i></span>
</a>
</div>
</div>
</div>
<figure class="map__figure">
<img class="map__img" src="https://serveur-images.devil-it-applications.fr/degis/upload/france-map_1762872884.svg" alt="Retrouvez DEGIS, votre bureau d’études !">
<span>
<a href="https://maps.app.goo.gl/GNPyPeviiPhyRaPC8" class="map__link" data-tooltip-msg="Cliquer pour afficher notre agence dans le map" data-project-name="Reims" aria-label="Map addresse"> <span class="map__marker"></span></a>
<a href="https://maps.app.goo.gl/Tpcbxp7HGNA7jgUp9" class="map__link" data-tooltip-msg="Cliquer pour afficher notre agence dans le map" data-project-name="Metz" aria-label="Map addresse"> <span class="map__marker"></span></a>
<a href="https://maps.app.goo.gl/rt7pfhA9hPPTLZqKA" class="map__link" data-tooltip-msg="Cliquer pour afficher notre agence dans le map" data-project-name="PACA" aria-label="Map addresse"> <span class="map__marker"></span></a>
</span>
</figure>
</div>
</div>
</section>
<div class="cookie-consent section-inspector" id="cookieConsent">
<div class="cookie-content">
<div class="cookie-header grid-title">
<p class="cookie-title title h4">Utilisation des cookies</p>
</div>
<button class="cookie-close" id="closeCookieConsent">×</button>
<div class="cookie-text grid-paragraph">
<div class="cookie-description">Nous utilisons des cookies pour améliorer votre expérience. En cliquant sur «Accepter», vous consentez à leur utilisation. Vous pouvez refuser les cookies non essentiels. </div>
<span class="cookie-link-wrapper"> <a href="" class="cookie-link"> Cliquer ici pour lire notre politique de confidentialité</a> </span>
</div>
<figure class="cookie-image grid-image">
<img src="https://serveur-images.devil-it-applications.fr/degis/svg/cookies.svg" alt="cookies image">
</figure>
<div class="cookie-actions grid-cta">
<button class="cookie-btn btn btn-primary btn-sm" id="acceptCookies"> Accepter </button>
<button class="cookie-btn btn btn-outline-primary btn-sm" id="rejectCookies"> Refuser </button>
</div>
</div>
</div>
<footer id="footer-10928" class="footer section-inspector" style="--grid-columns-sm: var(--ev-grid-columns-sm);--grid-columns-md: var(--ev-grid-columns-md);--grid-columns-lg: var(--ev-grid-columns-md); ">
<div class="container">
<div class="footer__content d-grid grid-column">
<div class="footer__column footer__column--branding">
<h2 class="footer__title item-title">
à propos de DEGIS
</h2>
<div class="footer__description">
<p>
DEGIS est un bureau d’études en génie civil et ouvrages d’art, spécialisé en maîtrise d’œuvre, ingénierie des structures et inspection technique. Nous accompagnons les maîtres d’ouvrage publics et privés dans la conception, la réhabilitation et le suivi d’infrastructures durables.
<br>
<br>
Nos ingénieurs et techniciens experts en génie civil interviennent sur l’ensemble du territoire, sur des ouvrages d'art tels que ponts, passerelles, murs de soutènement, réservoirs ou ouvrages hydrauliques...
<br>
<br>
Nous réalisons des missions d’inspection détaillée, de maîtrise d’œuvre (MOE) et d’assistance à maîtrise d’ouvrage (AMO), garantissant une expertise complète et une proximité optimale avec vos projets d’infrastructures.
</p>
</div>
<ul class="footer__social-media-list list-style-none">
<li class="footer__social-media-item" data-link="#">
<a class="footer__social-media-link" href="#" aria-label="facebook"> <i class="icon icon--facebook"></i> </a>
</li>
<li class="footer__social-media-item" data-link="#">
<a class="footer__social-media-link" href="#" aria-label="twitter"> <i class="icon icon--twitter"></i> </a>
</li>
<li class="footer__social-media-item" data-link="#">
<a class="footer__social-media-link" href="#" aria-label="instagram"> <i class="icon icon--instagram"></i> </a>
</li>
<li class="footer__social-media-item" data-link="#">
<a class="footer__social-media-link" href="#" aria-label="linkedin"> <i class="icon icon--linkedin"></i> </a>
</li>
<li class="footer__social-media-item" data-link="#">
<a class="footer__social-media-link" href="#" aria-label="youtube"> <i class="icon icon--youtube"></i> </a>
</li>
<li class="footer__social-media-item" data-link="#">
<a class="footer__social-media-link" href="#" aria-label="pinterest"> <i class="icon icon--pinterest"></i> </a>
</li>
<li class="footer__social-media-item" data-link="#">
<a class="footer__social-media-link" href="#" aria-label="tiktok"> <i class="icon icon--tiktok"></i> </a>
</li>
<li class="footer__social-media-item" data-link="#">
<a class="footer__social-media-link" href="#" aria-label="whatsapp"> <i class="icon icon--whatsapp"></i> </a>
</li>
</ul>
</div>
<div class="footer__column footer__column--services">
<h2 class="footer__title item-title">
Liens utiles
</h2>
<ul class="footer__services-list list-style-none">
<li class="footer__services-item"> <a class="footer__services-link" href="https://degis.fr/page/2510274489-inspection-des-ouvrages-d-art">Nos activités</a></li>
<li class="footer__services-item"> <a class="footer__services-link" href="https://degis.fr/page/2511194507-nos-projets-d-ouvrages-d-art">Nos réalisations</a></li>
<li class="footer__services-item"> <a class="footer__services-link" href="https://degis.fr/article/2510285688-dessinateur-projeteur-ouvrage-d-art">Offres d'emploi</a></li>
<li class="footer__services-item"> <a class="footer__services-link" href="https://degis.fr/page/2510274486-a-propos-de-degis">Qui sommes-nous ?</a></li>
<li class="footer__services-item"> <a class="footer__services-link" href="https://degis.fr/article/2510295689-mentions-legales">Mentions légales</a></li>
<li class="footer__services-item"> <a class="footer__services-link" href="https://degis.fr/page/2510304493-bureau-d-etudes-genie-civil">Bureau d’études</a></li>
</ul>
</div>
<div class="footer__column footer__column--contact">
<h2 class="footer__title item-title"></h2>
<ul class="footer__contact-list list-style-none">
<li class="footer__contact-item"> <a class="footer__contact-link" href=""></a> </li>
<li class="footer__contact-item"> <a class="footer__contact-link" href="tel:"></a> </li>
<li class="footer__contact-item d-block">
<a class="footer__contact-link idf-link" href="#">
<img class="footer__contact-img" src="" height="40" alt="IDF Logo">
</a>
</li>
</ul>
</div>
</div>
<div class="footer__column footer__column--copyright">
<p class="footer__copyright-text">Copyright 2025 © <a href="https://industrie.evapi.fr/">EVAPI Industrie</a></p>
<button id="scrollToTop" class="footer__scrollup" href="#"> Défiler vers le haut <i class="icon icon--scrollup"></i> </button>
</div>
</div>
</footer>
</div>
<script>
var dataJsonForm = JSON.parse("\u007B\u0022recaptcha_key\u0022\u003A\u00226LcjMaAfAAAAANagg1PKfkUGYH_sluVM1W3Cngwb\u0022,\u0022data_response\u0022\u003A\u0022\\\/data\\\/response\u0022,\u0022file_upload\u0022\u003A\u0022\\\/file\\\/upload\u0022,\u0022file_revert\u0022\u003A\u0022\\\/file\\\/revert\u0022,\u0022download_pdf_link\u0022\u003A\u0022\\\/download\\\/pdf\\\/link\u0022,\u0022send_conf_code\u0022\u003A\u0022\\\/form\\\/sendcode\u0022,\u0022ical_data\u0022\u003A\u005B\u005D\u007D")
var runMode = true;
var contactUrlTemplate = "/contact/ID_PLACEHOLDER";
</script>
<!-- Plugin Js -->
<script src="/node_modules/jquery-toast-plugin/dist/jquery.toast.min.js" defer></script>
<script src="/node_modules/tom-select/dist/js/tom-select.complete.min.js" defer></script>
<script src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js" defer></script>
<script src="/node_modules/clipboard/dist/clipboard.min.js" defer></script>
<script src="/node_modules/sweetalert2/dist/sweetalert2.min.js" defer></script>
<script src="/node_modules/bootstrap-daterangepicker/moment.min.js" defer></script>
<script src="/node_modules/bootstrap-daterangepicker/daterangepicker.js" defer></script>
<script src="/node_modules/js-cookie/dist/js.cookie.min.js" defer></script>
<script src="/node_modules/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.js" defer></script>
<script src="/node_modules/filepond/dist/filepond.min.js" defer></script>
<script src="/node_modules/filepond-plugin-file-validate-size/dist/filepond-plugin-file-validate-size.min.js" defer></script>
<script src="/node_modules/filepond-plugin-file-validate-type/dist/filepond-plugin-file-validate-type.min.js" defer></script>
<!-- remove styling empty subtitle -->
<script>
document.addEventListener("DOMContentLoaded", function() {
document.querySelectorAll('.subtitle').forEach(function(el) {
if (el.textContent.trim() === '') {
el.style.display = 'none';
}
});
});
</script>
<!-- remove styling empty link grid-image__item-cta -->
<script>
document.addEventListener("DOMContentLoaded", () => {
const buttons = document.querySelectorAll(".grid-image__item-cta");
buttons.forEach(btn => {
const link = btn.querySelector("a");
if (link) {
const href = link.getAttribute("href")?.trim();
if (!href || href === "#") {
btn.style.padding = "0";
btn.style.borderRadius = "0";
btn.style.aspectRatio = "auto";
btn.style.background = "none";
}
}
});
});
</script>
<!-- Inject Title Wrapper -->
<script>
function injectTitleWrapper() {
const main = document.querySelector('main');
const titleWrapper = document.querySelector('.flexible-form__title-wrapper');
const container = document.querySelector('.flexible-form__container');
if (!titleWrapper || !container) return;
if (!main) {
if (!container.contains(titleWrapper)) {
container.appendChild(titleWrapper);
}
return;
}
if (!main.classList.contains('form-page')) {
if (!container.contains(titleWrapper)) {
container.appendChild(titleWrapper);
}
}
}
injectTitleWrapper();
const observer = new MutationObserver(() => injectTitleWrapper());
observer.observe(document.body, { childList: true, subtree: true });
</script>
<!-- remove styling from empty portfolio__item-text -->
<script>
$(document).ready(function() {
$('.portfolio__item-text').each(function() {
var $item = $(this);
var title = $.trim($item.find('.portfolio__item-title').text());
var subtitle = $.trim($item.find('.portfolio__item-description').text());
var button = $.trim($item.find('.btn, .portfolio__item-cta a, .portfolio__item-cta button').text());
if (title === '' && subtitle === '' && button === '') {
$item.css('background-color', 'transparent');
}
});
});
</script>
<!-- empty link -->
<script>
$(function () {
$('[onclick="window.location.href=\'#\'"]').removeAttr('onclick').css('pointer-events', 'none');
});
</script>
<!-- App Js -->
<script src="/assets/js/_init/helpers.js" defer></script>
<script src="/assets/js/_init/cart.min.js" defer></script>
<script src="/assets/js/_init/increment-input.min.js" defer></script>
<script src="/assets/js/_init/form.js?v1=0.02" defer></script>
</body>
</html>
