Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/web/vhosts/www.entreprise-traitement-humidite.fr/htdocs/public/
/srv/data/web/vhosts/www.entreprise-traitement-humidite.fr/htdocs/public/index.html.twig
 {% extends 'front/layout.html.twig' %}

{% block title %}
Réseau Funéraire : Le 1er réseau français d'agents funéraires !
{% endblock %}

{% block description %}
Besoin d'organiser un Obsèque ? Réseau Funéraire est la solution qu'il vous faut. Notre agent vous accompagne dans toute la France pour l'organisation d'obsèque.
{% endblock %}


{% block content %}
	<div class="slide">
		<div id="carouselContent" class="carousel slide" data-ride="carousel" >
			<div class="carousel-inner bg-transparent" role="listbox" id="opacityBanner">
				<div class="carousel-item active">
					<img src="{{ asset('build/images/slider10.jpg') }}"  class=" imgCarousel" alt="Couple de seniors discutant avec un agent funéraire" loading="lazy" style="opacity:0.9!important; width:100%!important; height:700px!important">
				</div>

				<div class="carousel-item">
					<img src="{{ asset('build/images/slide12.jpg') }}" class=" imgCarousel" alt="Couple de jeunes échangeant avec un agent de Réseau funéraire" loading="lazy" style="opacity:0.9!important; width:100%!important; height:700px!important">
				</div>
			</div>
		</div>

		<div class="p-5 rechercheAgent">
			<h1  class=" color_blue  text-center mt-5 mb-5 h2"><span class="title_shadow">Avec Réseau Funéraire, trouvez un agent funéraire </span>
				<br><span class="title_shadow" id="rechercher_un_agent">près de chez vous</span>
			</h1>
			<p class="text-center mb-5 text-white fw-bold" style="text-shadow: 2px 2px 4px black; font-size:120%" id="rechercher_un_agent">1er réseau français d'agents funéraires indépendants</p>
			<div class="container" >
				<div class="row p-4 rounded-pill text-center" id="hp-form" style="background-color: #E7E2E1!important;">
					<div class="col-12 col-sm-12 col-md-9">
						{{ form_start(agent_search_form) }}
						{{ form_row(agent_search_form.search, {'id': 'ville', 'attr': {'class': 'rounded-pill inputSearch'} }) }}	
					</div>
					<div class="col-12 col-sm-12 col-md-3">
						<button id="filter_submit" class="btn rounded-pill btn_blue text-light">JE RECHERCHE
						</button>
						{{ form_end(agent_search_form) }}
					</div>
					<p>
    				{# <input id="ville" class="rounded-pill inputSearch" placeholder="Entrez un code postal ou une ville" autocomplete="off" size="50"> #}
					</p>
				</div>
		
				{# <div class="card" style="width:90%;margin: auto;" >
					<ul class="list-group list-group-flush">
						<li class="list-group-item" data-vicopo="#ville">
								<strong data-vicopo-code-postal></strong>
								<span data-vicopo-ville></span>
							</li>
					</ul>
				</div> #}
			</div>
		</div>
		<br><br><br>
		<br><br>
		<br><br><br><br><br>
		<br><br>

		<center><div class="card mt-4 mb-4justify-content-center btn_blue" style="width: 80% !important; height: auto !important;padding:10px;">
				<iframe class="h-75 justify-content-center btn_blue " style="width: 95%;height: 450px!important;margin: 0 auto;border:none!important" src="https://www.youtube.com/embed/lwH3EaWlfc4?rel=0"></iframe>
					</div><br></center>

		<div class="container mt-5 mb-5">
			<h2 class="text-center text-uppercase color_bluesky text-wrap mt-5 mb-5">Organiser des obsèques</h2>

			<div class="row mb-5">

				<div class="col-md-4">
					<p class="float-left">Vous faites face à un décès ou l’un de vos proches est en fin de vie ? Votre
						                    Agent <strong>Réseau Funéraire</strong> vous accompagne dans toute la France pour l’organisation des obsèques.<br>
						Qu’il s’agisse d’une cérémonie civile (laïque) ou religieuse, d’une inhumation ou d’une crémation,
						                    votre conseiller funéraire personnel dédié vous accompagner à chaque étape des funérailles.<br>
						Avec respect et bienveillance, <strong>nos équipes feront le maximum afin de satisfaire vos exigences</strong> et
						                    vous permettre de préparer un hommage fidèle à la personnalité du défunt.
						<br>
						Découvrez les
						                    différentes étapes du parcours des obsèques sur cette page.
					</p>
				</div>
				<div class="col-md-4">
					<div class="card mb-3 h-100">
						<div class="card-header bg_bluesky text-light text-white text-uppercase text-center p-3">
							Crémation
						</div>
						<div class="card-body bg-light text-center position-relative">
							<p class="card-text text-wrap">Une offre tout compris au meilleur prix pour une crémation.
							</p>
							<div class="btn-group btn-group-lg" role="group">
								<a href="#" role="button" class="btn text-light bg_bluesky ">
									<span class="small">À partir
										                                    de</span>
									1185 €
								</a>
								<a href="{{ path('front_page_cremation')}}" role="button" class="btn btn-dark text-white">
									<i class="fas fa-chevron-right"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="card mb-3 h-100">
						<div class="card-header bg_bluesky text-light text-white text-uppercase text-center p-3">
							Inhumation
						</div>
						<div class="card-body bg-light text-center">
							<p class="card-text text-wrap">Une offre complète pour un
								<br>
								enterrement.
							</p>
							<div class="btn-group btn-group-lg mb-3" role="group">
								<a href="#" role="button" class="btn bg_bluesky text-light">
									<span class="small">À partir
										                                    de</span>
									2120 €
								</a>
								<a href="{{ path('front_page_inhumation')}}" role="button" class="btn btn-dark text-white">
									<i class="fas fa-chevron-right"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class=" jumbotron mw-100 rounded-0 mt-5 headerTitle">
			<div class="container">
				<h2 class="card-title text-center color_bluesky">
					<i>Les Services Réseau Funéraire</i>
				</h2>

				<div class="row mt-5 mb-5">
					<div class="col-12 col-sm-12 col-md-6 mb-3 mb-sm-0">
						<div class="card bg-light h-100 position-relative">
							<div class="card-body card_bloc">
								<div class="arc_cercle bg_bluesky text-light">
									<i class="fas fa-hands-helping d-flex justify-content-center mt-2"></i>
								</div><br>
								{# <h3 class="card-title h5 text-center">Organiser des obsèques</h3> #}
								<ul
									class="card-text list-unstyled ml-5 ">
									{# <li><i class="fas fa-check-circle mb-3 mt-5 color_bluesky"></i> Avant les obsèques</li>
									                                <li><i class="fas fa-check-circle mb-3 color_bluesky"></i> Les obsèques</li>
									                                <li><i class="fas fa-check-circle mb-5 color_bluesky"></i> Après les obsèques</li> #}
									<li>
										<i class="fas fa-check-circle mb-3 mt-5 color_bluesky"></i>
										Obsèques (Inhumation et Crémation)
									</li>
									<li>
										<i class="fas fa-check-circle mb-3 color_bluesky"></i>
										Rapatriement</li>
									<li>
										<i class="fas fa-check-circle mb-3 color_bluesky"></i>
										Marbrerie Funéraire</li>
									<li>
										<i class="fas fa-check-circle mb-3 color_bluesky"></i>
										Contrat Obsèques Prévoyance
									</li>
									<li>
										<i class="fas fa-check-circle mb-5 color_bluesky"></i>
										Articles funéraires, plaques,…</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-12 col-sm-12 col-md-6 mb-3 mb-sm-0">
						<div class="card bg-light h-100">
							<div class="card-body card_bloc">
								<div class="arc_cercle bg_bluesky text-light">
									<i class="fas fa-hands-helping d-flex justify-content-center mt-2"></i>
								</div><br>
								{# <h3 class="card-title h5 text-center">Prévoir pour demain</h3> #}
								<ul
									class="card-text list-unstyled ml-5">
									{# <li><i class="fas fa-check-circle mb-3 mt-5 color_bluesky"></i> Pourquoi la prévoyance ?
									                                </li>
									                                <li><i class="fas fa-check-circle mb-5 color_bluesky"></i> Comment prévoir ?</li> #}
									<li>
										<i class="fas fa-check-circle mb-3 mt-5 color_bluesky"></i>
										Monument
									</li>
									<li>
										<i class="fas fa-check-circle mb-3 color_bluesky"></i>
										Gravure, redorure
									</li>
									<li>
										<i class="fas fa-check-circle mb-3 color_bluesky"></i>
										Conception
									</li>
									<li>
										<i class="fas fa-check-circle mb-5 color_bluesky"></i>
										Fleurs artificielles et naturelles
									</li>
								</ul>
							</div>
						</div>
					</div>
					{# <div class="col-12 col-sm-12 col-md-4">
					                    <div class="card bg-light h-100">
					                        <div class="card-body card_bloc">
					                            <div class="arc_cercle bg_bluesky text-light">
					                                <i class="far fa-gem d-flex justify-content-center mt-2"></i>
					                            </div><br>
					                            <ul class="card-text list-unstyled ml-5">
					                                <li><i class="fas fa-check-circle mb-3 mt-5 color_bluesky"></i> Pourquoi la prévoyance ?
					                                </li>
					                                <li><i class="fas fa-check-circle mb-5 color_bluesky"></i> La livraison</li>
					                            </ul>
					                        </div>
					                    </div>
					                </div> #}
				</div>
			</div>
		</div>

		<div class="" style="background-color:#f7f7f7;">
			<div class="container">
				<div class="jumbotron jumbotronLarge" style="background-color:#f7f7f7;">
					<center><h4 class=" text-uppercase color_bluesky text-wrap mb-5">Le choix du type d'obsèques</h4></center>
					<div class="row">
						<div class="col-12 col-sm-12 col-md-8">
							<p class="float-left ">Le terme "obsèques" désigne aussi bien un enterrement qu’une crémation. Cela comprend le moment de la mise en bière, la cérémonie et la mise en terre (ou la crémation) suivant le choix de la famille ou du défunt (contrat obsèques).<br><br>

								C’est un instant important pour les proches de la personne disparue.<br><br>

								Si le défunt avait exprimé ses volontés de son vivant, il est important de les communiquer au conseiller funéraire choisi par la famille.
							</p>
						</div>
						<div class="col-12 col-sm-12 col-md-4 d-flex align-items-center">
							<img src="{{ asset('build/images/couple.jpg')}}" class="img-fluid" alt="Couple de personnes âgées regardant un coucher de soleil devant l'océan" loading="lazy">
						</div>
					</div>
					<center><h4 class="text-wrap text-uppercase color_bluesky mt-5 mb-5">Quelles seront les étapes ?</h4></center>
					<div class="row">
						<div class="col-12 col-sm-12 col-md-4 d-flex align-items-center justify-content-center">
							<img src="{{ asset('build/images/marguerites.jpg')}}" class="img-fluid" alt="bouquet de marguerites blanches" loading="lazy">
						</div>
						<div class="col-12 col-sm-12 col-md-8">
							<p class="float-left ">La première décision à prendre pour la famille sera de choisir entre l'inhumation au cimetière ou la crémation du défunt. Le lieu reste à définir : on demande à la famille si l’hommage doit être religieux ou civil. Vient ensuite le choix du cercueil et/ou de l’urne. Il est utile de rappeler que l’urne ne peut plus être conservée à domicile.<br><br>

								En effet, les cendres ont le même statut qu’un corps. Afin de respecter la dignité de la personne décédée, l’urne doit donc être inhumée ou dispersée dans un espace dédié. (Loi du 19 décembre 2008)<br><br>

								Les personnes les plus proches du défunt sont, logiquement, les plus à même d'organiser ses obsèques avec les professionnels du secteur funéraire. Toute personne a droit à une sépulture, y compris les personnes sans ressources. Dans ce cas, c’est la commune elle-même qui fait appel à une agence de pompes funèbres.<br><br>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container mt-5">
			<div class="row">
				<div class="col-12 col-sm-12 col-md-3">
					<div class="btn_blue p-5 rounded shadow position-relative">
						<center><h4 class="text-left text-uppercase text-white">Que disent nos clients ?</h4></center>
						<div class="bg-dark p-3 rounded position-absolute">
							<i class="fa fa-quote-right text-white"></i>
						</div>
					</div>
				</div>
				<div class="col-12 col-sm-12 col-md-9">
					<div id="carouselContent" class="carousel slide" data-ride="carousel">
						<ol class="carousel-indicators">
							<li data-target="#carouselExampleDark" data-slide-to="0" class="active"></li>
							<li data-target="#carouselExampleDark" data-slide-to="1"></li>
							<li data-target="#carouselExampleDark" data-slide-to="2"></li>
						</ol>
						<div class="carousel-inner" role="listbox">
							<div class="carousel-item active p-4">
								<p>Pompes Funèbres très avantageuses en termes de prix. Les prestations étaient comme nous
									                                l'espérions. Le personnel est disponible et accueillant. Aucun point négatif à soulever.
								</p>
								<p>Claudette</p>
							</div>
							<div class="carousel-item p-4">
								<p>Réactivité exemplaire, devis initial respecté à la lettre. Pas de tentative pour ajouter
									                                des prestations supplémentaires. Respect de notre désir de simplicité. Conseils
									                                pertinents.
								</p>
								<p>Olivier</p>
							</div>
							<div class="carousel-item p-4">
								<p>Très bien.</p>
								<p>Jean</p>
							</div>
						</div>
						<a class="carousel-control-prev" href="#carouselContent" role="button" data-slide="prev">
							<span class="carousel-control-prev-icon" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a>
						<a class="carousel-control-next" href="#carouselContent" role="button" data-slide="next">
							<span class="carousel-control-next-icon" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>
					</div>
				</div>
			</div>
		</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://vicopo.selfbuild.fr/api.js"></script>
  <script>
    $('#ville').keyup(function (e) {
  if(e.keyCode == 13) {
    var $ville = $(this);
    $.vicopo($ville.val(), function (input, cities) {
      if(input == $ville.val() && cities[0]) {
        $ville.val(cities[0].city).vicopoTargets().vicopoClean();
      }
    });
    e.preventDefault();
    e.stopPropagation();
  }
});
  </script>

	{% endblock %}