<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Organisation d’obsèques à La Ciotat - Pompes funèbres A.Béraud Gantelme</title>
<link rel="stylesheet" href="/css/5ccad3b.css" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet"> <link rel="shortcut icon" type="image/png" href="/uploads/media/images/cms/medias/aa787977636e1ed82b361a62aa19369ec030695e.png"/><meta name="keywords" content=""/>
<meta name="description" content="Les Pompes funèbres A.Béraud Gantelme vous accompagnent pour l’organisation d’obsèques et ce, qu’il s’agisse de crémation ou d’inhumation, à La Ciotat."/>
<script src="/js/88d60ce.js"></script>
<style>
.primary-color {
color: #000;
}
.primary-color {
color: #000;
}
.secondary-bg-color {
background-color: #4D4D4D;
}
.secondary-color {
color: #4D4D4D;
}
.tertiary-bg-color {
background-color: #fff;
}
.tertiary-color {
color: #fff;
}
.config-font {
font-family: Poppins, sans-serif;
}
/*CSS TEMPLATE - 1*/
body {
background-color: #fff;
/*background-image: url();
background-size: cover;*/
}
/*******************************/
/*************FONT*************/
/*****************************/
@import url(//db.onlinewebfonts.com/c/2fdc9975f98dd272396edd1f7ad43cca?family=ChopinScript);
@font-face {font-family: "ChopinScript"; src: url("//db.onlinewebfonts.com/t/2fdc9975f98dd272396edd1f7ad43cca.eot"); src: url("//db.onlinewebfonts.com/t/2fdc9975f98dd272396edd1f7ad43cca.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/2fdc9975f98dd272396edd1f7ad43cca.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/2fdc9975f98dd272396edd1f7ad43cca.woff") format("woff"), url("//db.onlinewebfonts.com/t/2fdc9975f98dd272396edd1f7ad43cca.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/2fdc9975f98dd272396edd1f7ad43cca.svg#ChopinScript") format("svg"); }
h1 {
color: #4D4D4D;
font-family: Poppins, sans-serif;
font-size: 3em;
letter-spacing: 2px;
}
h2 {
color: #4D4D4D;
font-family: Poppins, sans-serif;
font-size: 3em;
letter-spacing: 2px;
}
h3 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 1.5em;
letter-spacing: 2px;
}
h4 {
color: #4D4D4D;
font-family: Poppins, sans-serif;
font-size: 1.2em;
letter-spacing: 2px;
}
h5 {
color: #4D4D4D;
font-family: Poppins, sans-serif;
font-size: 1em;
letter-spacing: 2px;
}
h6 {
color: #4D4D4D;
font-family: Poppins, sans-serif;
font-size: 1em;
letter-spacing: 2px;
}
p {
color: #000;
font-family: Poppins, sans-serif;
letter-spacing: 0.02em !important;
}
p strong {
color: #fff;
font-family: Poppins, sans-serif;
letter-spacing: 0.02em !important;
background-color: #4D4D4D;
}
@media (max-width: 992px) {
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1em;
}
}
/*******************************/
/*************LIEN*************/
/*****************************/
a {
color: #4D4D4D;
}
a:hover,
a:focus {
text-decoration: none;
opacity: 0.8;
transition: 0.3s;
}
.btn {
color: #4D4D4D;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
border: 1px solid #4D4D4D;
background: transparent;
border-radius: 50px;
padding: 15px 53px;
transition: all 0.3s;
}
.btn:hover,
.btn:focus {
color: #fff;
border: 1px solid #fff;
background: #A772A8;
}
.scrollTop {
color: #fff;
background-color: #4D4D4D;
border-radius: 50px;
}
.scrollTop:hover,
.scrollTop:focus {
color: #fff;
background-color: #A772A8;
border: 1px solid #fff;
opacity: 0.7;
}
.modal-content .custom-control-input:active,
.modal-content .custom-control-label::before {
background-color: #4D4D4D !important;
}
.modal-content .custom-control-input:focus,
.modal-content .custom-control-label::before {
box-shadow: 0 0 0 1px #4D4D4D !important;
}
/************************/
/**********MENU*********/
/**********************/
.navbar {
height: 80px;
}
.navbar-light .navbar-brand {
color: #000;
}
.affix-top {
background-color: transparent;
}
.affix-top li a,
.affix-top .navbar-brand {
color: #fff !important;
font-family: Poppins, sans-serif;
letter-spacing: 2px;
text-align: center;
transition: 0.3s;
}
.affix {
background-color: #4D4D4D;
}
.affix li a {
color: #fff !important;
font-family: Poppins, sans-serif;
letter-spacing: 2px;
text-align: center;
transition: 0.3s;
}
.affix li a,.affix-top li a {
position: relative;
}
.affix-top li a::after{
content: '';
transform-origin: 0 0;
transform: scaleX(0);
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: .1em;
background: #fff;
z-index: -1;
transition: transform .3s;
}
.affix li a::after {
content: '';
transform-origin: 0 0;
transform: scaleX(0);
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: .1em;
background: #fff;
z-index: -1;
transition: transform .3s;
}
.affix li a:hover::after, .affix-top li a:hover::after {
transform: scaleX(1);
}
/*.page-accueil .affix-top .navbar-brand{
display: none;
}*/
/*.affix-top .navbar-brand img {
filter: brightness(100);
}*/
.top-menu .navbar-collapse, .top-menu .navbar-nav {
overflow: auto;
}
.top-menu .navbar-brand {
font-family: Poppins, sans-serif;
}
.top-menu .navbar-brand img {
}
.top-menu .btn-call-to-action {
color: #fff !important;
font-family: Poppins, sans-serif;
background-color: #4D4D4D !important;
border: none;
}
.top-menu li a {
font-size: 12px !important;
}
.top-menu li a:hover,
.top-menu li .dropdown-menu li a:hover {
color: #fff !important;
font-family: Poppins, sans-serif;
/*background-color: #4D4D4D;*/
opacity: 1;
}
.top-menu .active > a:first-child,
.top-menu .dropdown-menu .active,
.top-menu .dropdown-menu .active a:hover {
color: #fff !important;
background-color: #A772A8 !important;
border-radius: 50px;
}
.top-menu .dropdown-menu:before {
border-color: #4D4D4D;
}
.top-menu .dropdown-menu li:first-child {
border-top: 1px solid #4D4D4D;
}
.top-menu .dropdown-menu li {
padding: 8px 15px;
}
@media (max-width: 992px) {
.affix-top {
background-color: #4D4D4D;
}
.navbar-collapse {
border-top: 2px solid #fff;
background-color: #4D4D4D;
overflow: scroll;
}
.navbar-toggler {
background-color: #fff;
border: 0;
}
.affix-top li a,
.affix li a,
.affix-top .navbar-brand {
color: #fff !important;
}
.affix-top li a {
font-family: Poppins, sans-serif;
letter-spacing: 2px;
transition: 0.3s;
font-size: 15px;
}
.top-menu {
padding: 0;
}
.navbar-collapse .dropdown {
border-top: 1px solid #4D4D4D;
}
.top-menu .navbar-collapse .dropdown .icon-dropdown {
color: #4D4D4D !important;
}
.top-menu .dropdown-menu li:first-child,
.top-menu .nav-item,
.top-menu .dropdown .nav-item {
border: none;
}
.top-menu .btn-call-to-action {
color: #fff !important;
background-color: #fff !important;
}
}
/************************/
/******LEFT-MENU********/
/**********************/
#sidebar {
background-color: #fff;
/*background-image: url();
background-size: cover;*/
}
.sidebar .btn-call-to-action {
}
.sidebar .sidebar-header img {
}
.sidebar .sidebar-header strong {
color: #fff;
font-family: Poppins, sans-serif;
letter-spacing: 4px;
font-size: 1.5em;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom,
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
background-color: #fff;
}
.hamburger {
top: 0px;
width: 150px;
height: 60px;
background: #4D4D4D;
}
.hamb-menu {
color: #fff;
text-transform: uppercase;
}
.sidebar li a {
font-family: Poppins, sans-serif;
letter-spacing: 1px;
font-size: 17px;
color: #000;
transition: all 0.3s;
}
.sidebar li ul li a {
font-size: 15px;
}
.sidebar .active > a:first-child {
color: #4D4D4D !important;
}
.sidebar li .nav-link:hover {
color: #4D4D4D;
padding-left: 25px;
}
.dropdown-toggle {
color: #4D4D4D !important;
}
.sidebar .social-network ul li a {
background-color: #4D4D4D;
color: #fff;
}
.social-network ul::before {
background-color: #4D4D4D;
}
/*********************************/
/*******VIDEO-PRESENTATION*******/
/*******************************/
.video-container {
/*height: vh;*/
}
.video-container video {
min-width: 100%;
min-height: 100%;
width: auto;
filter: grayscale(1);
height: auto;
}
.video-container .text-content {
background: linear-gradient(312deg, rgb(0 0 0 /0%) 0%, #a772a8b5);
}
.video-container .opacity-video {
background-color: #000;
opacity: 0.2;
}
.video-container .text-content h1 {
color: #fff;
font-size: 3.5em;
margin-top: 30px;
}
.video-container .text-content h2 {
color: #fff;
font-size: 1.5em;
letter-spacing: 10px;
}
.video-container .text-content h3 {
color: #fff;
font-size: 1.5em;
}
.video-container .text-content p {
color: #fff;
}
.video-container .logo-content img {
max-width: 300px;
height: auto;
}
.video-container .btn-video,
.video-container .btn-video-call-to-action {
color: #fff;
border: 1px solid #fff;
background-color: transparent;
}
.video-container .btn-video:hover,
.video-container .btn-video-call-to-action:hover {
color: #fff;
border: 1px solid #fff;
background-color: #A772A8;
opacity: 1;
}
.video-container .background-pattern {
opacity: 0.2;
}
.icofont-rounded-down:before {
content: "\e87e";
}
@media (max-width: 1199.98px) {
.video-container .text-content h1 {
font-size: 4em !important;
}
.video-container .text-content h2 {
font-size: 1.5em !important;
}
.video-container .text-content h3 {
font-size: 1.5em !important;
}
}
@media (max-width: 992px) {
.video-container video {
width: auto;
height: 100%;
}
.video-container .text-content .content {
height: auto;
}
.video-container .text-content,
.video-container .justify-content-center,
.video-container .btn-content {
justify-content: center !important;
}
.video-container .text-content .content .logo-content {
display: inherit !important;
}
.video-container .logo-content img {
max-width: 200px;
}
.video-container .text-content .content .logo-content img {
max-height: 150px;
width: auto;
}
.video-container .text-content img {
max-height: 150px;
width: auto;
}
.video-container .logo-content img {
max-width: 300px;
height: auto;
}
.video-container .text-content h1 {
font-size: 2em !important;
}
.video-container .text-content h2 {
font-size: 1.5em !important;
margin-top: 1em;
letter-spacing: 2px;
}
.video-container .text-content h3 {
font-size: 1.5em !important;
margin-top: 1em;
}
.video-container .arrow-down-content {
display: none;
}
}
@media (max-width: 575.98px) {
.video-container {
height: 80vh;
}
.video-container .btn {
width: 70%;
margin: 0 0 0.5em 0 !important;
}
}
/**************************************/
/*******VIDEO-PRESENTATION-LEFT*******/
/************************************/
/*.video-container .text-content {
padding: 100px;
justify-content: left;
}
.video-container .justify-content-center,
.video-container .btn-content {
justify-content: left !important;
}
@media (max-width: 992px) {
.video-container .justify-content-center,
.video-container .btn-content {
justify-content: center !important;
}
}*/
/*********************************************/
/*******ANIMATION TEXTES MULTIPLE VIDÉO******/
/*******************************************/
/*.mask {
height: 110px;
position: relative;
overflow: hidden;
margin-top: 6px;
border-radius: 50px;
background: #4D4D4D;
}
.mask span {
display: block;
box-sizing: border-box;
position: absolute;
top: 100px;
padding-bottom: 6px;
background-size: 100% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
margin-left: 20px;
background-repeat: no-repeat;
}
.mask span[data-show] {
transform: translateY(-100%);
transition: .5s transform ease-in-out;
}
.mask span[data-up] {
transform: translateY(-250%);
transition: .5s transform ease-in-out;
}
.mask span:nth-child(1) {
background-image: linear-gradient(45deg, #fff 50%, #fff);
}
.mask span:nth-child(2) {
background-image: linear-gradient(45deg, #fff 50%, #fff);
}
.mask span:nth-child(3) {
background-image: linear-gradient(45deg, #fff 50%, #fff);
}
.mask span:nth-child(4) {
background-image: linear-gradient(45deg, #fff 50%, #fff);
}
@media (max-width: 992px) {
.mask span[data-show] {
transform: translateY(-200%);
transition: .5s transform ease-in-out;
}
.mask span[data-up] {
transform: translateY(-250%);
transition: .5s transform ease-in-out;
}
.mask span {
top: 15px !important;
}
}*/
/**********************/
/*******SLIDER********/
/********************/
.slider-content .background-opacity-slider {
background-color: #000;
opacity: 0.1;
}
.slider-content .home-slider-text h1 {
color: #fff;
font-size: 5em;
}
.slider-content .home-slider-text h2 {
color: #fff;
font-size: 2em;
}
.slider-content .home-slider-text h3 {
color: #fff;
font-size: 1.5em;
}
.slider-content .logo-content img {
max-width: 300px;
height: auto;
}
.slider-content p {
color: #fff;
}
.slider-content .btn-slider,
.slider-content .btn-slider-call-to-action {
color: #fff;
border: 1px solid #fff;
background-color: transparent;
}
.slider-content .btn-slider:hover,
.slider-content .btn-slider-call-to-action:hover {
opacity: 1;
color: #fff;
border: 1px solid #fff;
background-color: #4D4D4D;
}
.slider-content .line-slider-content .line,
.line2,
.line3,
.line4 {
background: #fff;
}
.slider-content .carousel-indicators .active {
background-color: #fff;
}
.slider-content .background-pattern {
opacity: 0.2;
}
/*******************************/
/************BANNER************/
/*****************************/
.banner-content {
height: 450px;
border-bottom: 0px solid #4D4D4D;
}
.banner-content .opacity-banner {
background: linear-gradient(90deg, rgb(0 0 0 / 20%) 0%, #a772a8b5);
}
.banner-content .img {
filter: grayscale(1);
}
.banner-content .text-content {
padding: 7em 4em 4em 4em;
}
.banner-content h1 {
color: #fff;
font-size: 1.5em;
font-family: Poppins, sans-serif;
}
.banner-content h2 {
color: #fff;
font-size: 5em;
font-family: Poppins, sans-serif;
}
.banner-content h3 {
color: #fff;
font-size: 1.5em;
font-family: Poppins, sans-serif;
}
@media (max-width: 1199.98px) {
.banner-content h1 {
font-size: 1.5em !important;
}
.banner-content h2 {
font-size: 5em !important;
}
.banner-content h3 {
font-size: 1.5em !important;
}
}
@media (max-width: 992px) {
.banner-content .text-content {
padding: 6em 2em 6em 2em;
text-align: -webkit-center;
}
.banner-content h1 {
color: #fff;
font-size: 1em !important;
}
.banner-content h2 {
color: #fff;
font-size: 2em !important;
}
.banner-content h3 {
color: #fff;
font-size: 1em !important;
}
.banner-content {
justify-content: center !important;
}
.banner-content .content-btn {
text-align: center !important;
}
}
/*******************************/
/********BANNER-VIDEO**********/
/*****************************/
.banner-video-content {
height: 450px;
border-bottom: 0px solid #4D4D4D;
}
.banner-video-content .opacity-banner {
opacity: 0.3;
background-color: #000;
}
.banner-content .btn {
color: #fff;
border-color: #fff;
}
.banner-video-content h1 {
font-size: 1.5em;
color: #fff;
font-family: Poppins, sans-serif;
}
.banner-video-content h2 {
color: #fff;
font-size: 5em;
font-family: Poppins, sans-serif;
}
.banner-video-content h3 {
font-size: 1.5em;
color: #fff;
font-family: Poppins, sans-serif;
}
@media (max-width: 992px) {
.banner-video-content .text-content {
padding: 6em 2em 6em 2em;
}
.banner-video-content h1 {
color: #fff;
font-size: 1em !important;
}
.banner-video-content h2 {
color: #fff;
font-size: 2em !important;
}
.banner-video-content h3 {
color: #fff;
font-size: 1em !important;
}
.banner-video-content {
justify-content: center !important;
}
.banner-video-content .content-btn {
text-align: center !important;
}
}
/***************************************/
/*************BANNER-LEFT**************/
/***Ajouter la class dans le module***/
.banner-content-left {
justify-content: flex-start !important;
}
.banner-content-left .text-center,
.banner-content-left .content-btn {
text-align: left !important;
}
@media (max-width: 992px) {
.banner-content-left {
justify-content: center !important;
}
.banner-content-left .content-btn {
text-align: center !important;
}
}
/************************/
/******TWO-COLUMNS******/
/**********************/
.two-columns-content .bloc-left, .two-columns-content .bloc-right {
background-color: #fff;
/*background-image: url();
background-size: contain;*/
}
.two-columns-content h1 {
color: #000;
font-size: 3em;
font-family: Poppins, sans-serif;
letter-spacing: 2px;
}
.two-columns-content h2 {
color: #000;
font-size: 3em;
font-family: Poppins, sans-serif;
letter-spacing: 2px;
}
.two-columns-content h3 {
color: #A772A8;
font-size: 1.7em;
font-family: "ChopinScript";
letter-spacing: 2px;
margin-bottom: -20px;
margin-left: -30px;
}
.two-columns-content p {
font-family: Poppins, sans-serif;
letter-spacing: 0.02em !important;
}
.two-columns-content .btn-two-columns {
color: #4D4D4D;
border: 1px solid #4D4D4D;
background: transparent;
}
.two-columns-content .btn-two-columns:hover {
margin-left: 20px;
color: #fff;
border: 1px solid #fff;
background: #A772A8;
}
.two-columns-content .btn-content {
justify-content: left;
}
@media (max-width: 992px) {
.two-columns-content .bloc-left,
.two-columns-content .bloc-right {
padding: 5em 3em 5em 3em;
}
.two-columns-slider-content .text-content,
.two-columns-content .text-content .bloc-right,
.two-columns-content .text-content .bloc-left {
text-align: -webkit-center;
}
.two-columns-content .btn-content {
justify-content: center;
}
.two-columns-content h1 {
font-size: 1.5em;
}
.two-columns-content h2 {
font-size: 1.5em;
}
.two-columns-content h3 {
font-size: 1.5em;
margin-bottom: 0px;
margin-left: 0px;
}
}
/****************************************/
/******ANIMATION BULLE TWO-COLUMNS******/
/**************************************/
/*.two-columns-content .text-content .bloc-left,
.two-columns-content .text-content .bloc-right {
background: #4D4D4D;
border-radius: 30% 40% 30% 20% / 60% 30% 70% 40%;
animation: borderMove 4s ease-in-out infinite;
transition: all 1s ease-in-out;
}
@keyframes borderMove {
0%{
border-radius: 30% 40% 30% 20% / 60% 30% 70% 40%;
}
50%{
border-radius: 15% 60% 70% 10% / 50% 60% 30% 60%;
}
100%{
border-radius: 30% 40% 30% 20% / 60% 30% 70% 40%;
}
}
@media (max-width: 992px){
.two-columns-content .text-content .bloc-left,
.two-columns-content .text-content .bloc-right {
animation: none !important;
}
.two-columns-content .text-content {
padding: 0px 0em 2em 0em !important;
}*/
/**************************************/
/******ANIMATION LIGNE VERTICALE******/
/************************************/
/*.two-columns-content .bloc-left,.two-columns-content .bloc-right{
border: none;
position: relative;
cursor: pointer;
transition: 800ms ease all;
outline: none;
}
.two-columns-content .bloc-left:after{
content: '';
position: absolute;
top: 0;
right: 0;
height: 0;
width: 5px;
background: #4D4D4D;
transition: 400ms ease all;
}
.two-columns-content .bloc-right:after{
content: '';
position: absolute;
top: 0;
left: 0;
height: 0;
width: 5px;
background: #4D4D4D;
transition: 400ms ease all;
}
.two-columns-content:hover .bloc-left:after, .two-columns-content:hover .bloc-right:after{
height: 100%;
transition: 800ms ease all;
}*/
/*********************************/
/*******TWO-COLUMNS-SLIDER*******/
/*******************************/
.two-columns-slider-content h1 {
color: #4D4D4D;
font-size: 3em;
font-family: Poppins, sans-serif;
letter-spacing: 2px;
}
.two-columns-slider-content h2 {
color: #4D4D4D;
font-size: 3em;
font-family: Poppins, sans-serif;
letter-spacing: 2px;
}
.two-columns-slider-content h3 {
color: #000;
font-size: 1.5em;
font-family: Poppins, sans-serif;
letter-spacing: 2px;
}
.two-columns-slider-content .text-content .bloc-left {
background-color: #fff;
}
.two-columns-slider-content .text-content .bloc-right {
background-color: #fff;
}
.two-columns-slider-content .btn-two-columns {
color: #4D4D4D;
border: 1px solid #4D4D4D;
background: transparent;
}
.two-columns-slider-content .btn-two-columns:hover {
margin-left: 20px;
color: #fff;
border: 1px solid #fff;
background: #4D4D4D;
}
.two-columns-slider-content .carousel-caption span {
color: #fff;
font-family: Poppins, sans-serif;
font-style: italic;
letter-spacing: 2px;
text-shadow: 1px 2px 3px rgba(150, 150, 150, 0.86);
}
.two-columns-slider-content .carousel-indicators .active {
background-color: #4D4D4D;
}
/***********************************/
/*****TWO COLUMNS PRESENTATION*****/
/*********************************/
.two-columns-presentation-content .logo-content img {
max-width: 300px;
height: auto;
}
/*BLOC LEFT*/
.opacity-left {
background-color: #fff;
}
.two-columns-presentation-content .bloc-left .text-content h1,
.two-columns-presentation-content .bloc-left .text-content h2 {
color: #000;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.7);
}
.bloc-left .typewrite {
color: #000;
font-family: Poppins, sans-serif;
font-size: 2em;
}
.bloc-left .btn-two-columns-presentation {
font-family: Poppins, sans-serif;
}
.bloc-left .btn-two-columns-presentation:hover,
.btn-two-columns-presentation:focus {
}
.bloc-left .btn-two-columns-presentation-call-to-action {
font-family: Poppins, sans-serif;
}
.bloc-left .btn-two-columns-presentation-call-to-action:hover,
.btn-two-columns-presentation-call-to-action:focus {
opacity: 0.8;
}
/*BLOC RIGHT*/
.opacity-right {
background-color: #4D4D4D;
}
.two-columns-presentation-content .bloc-right .text-content h1,
.two-columns-presentation-content .bloc-right .text-content h2 {
color: #fff;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.7);
}
.bloc-right .typewrite {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 2em;
}
.bloc-right .btn-two-columns-presentation {
font-family: Poppins, sans-serif;
}
.bloc-right .btn-two-columns-presentation:hover,
.btn-two-columns-presentation:focus {
}
.bloc-right .btn-two-columns-presentation-call-to-action {
font-family: Poppins, sans-serif;
}
.bloc-right .btn-two-columns-presentation-call-to-action:hover,
.btn-two-columns-presentation-call-to-action:focus {
opacity: 0.8;
}
/*********************************/
/*********THREE-COLUMNS**********/
/*******************************/
.three-columns-content .btn-three-columns {
transition: all 0.3s;
}
.three-columns-content .btn-three-columns:hover {
opacity: 0.5;
margin-left: 20px;
}
/********************************************/
/**************THREE-COLUMNS-2**************/
/******************************************/
.three-columns-2-content {
background-color: #4D4D4D;
/*background: url();
background-size: contain;*/
}
.three-columns-2-content h2,
.three-columns-2-content h3,
.three-columns-2-content p {
color: #fff;
}
.three-columns-2-content .btn {
color: #fff;
border: 1px solid #fff;
background-color: transparent;
}
.three-columns-2-content .btn:hover {
color: #fff;
border: 1px solid #fff;
background-color: #4D4D4D;
opacity: 1;
}
/******************************************/
/********IMAGE-FULL-WIDTH-TEXT************/
/****************************************/
.image-full-width-text-content .text-content {
background: linear-gradient(90deg, rgb(0 0 0 / 20%) 0%, #a772a8b5);
}
.image-full-width-text-content .text-content .img {
filter: grayscale(1);
}
.image-full-width-text-content .text-content h1,
.image-full-width-text-content .text-content h2,
.image-full-width-text-content .text-content h3,
.image-full-width-text-content .text-content p {
color: #fff;
}
.image-full-width-text-content .text-content h3 {
font-size: 1.7em;
font-family: "ChopinScript";
}
.image-full-width-text-content .btn-content {
justify-content: left;
}
.image-full-width-text-content .btn {
color: #fff;
background-color: #4D4D4D;
border: 1px solid #fff;
}
.image-full-width-text-content .btn:hover {
color: #fff;
margin-left: 20px;
border: 1px solid #fff;
background: #A772A8;
}
@media (max-width: 992px) {
.image-full-width-text-content .text-content {
text-align: center;
}
.image-full-width-text-content .text-content h1 {
font-size: 1.5em;
}
.image-full-width-text-content .text-content h2 {
font-size: 1.5em;
}
.image-full-width-text-content .text-content h3 {
font-size: 1em;
}
.image-full-width-text-content .btn-content {
justify-content: center !important;
}
}
/***********************************/
/********AFTER / BEFORE************/
/*********************************/
.after-before-content h1,
.after-before-content h2,
.after-before-content h3,
.after-before-content h4 {
color: #4D4D4D;
font-family: Poppins, sans-serif;
}
/**********************/
/*******TITLE*********/
/********************/
.title-content {
}
/**********************/
/*******TEXT*********/
/********************/
.text-bloc-content {
}
/**********************/
/*******MEDIA*********/
/********************/
.media-content {
}
/*************************/
/*******ACTIVITY*********/
/***********************/
.activity-content {
background-image: url(/uploads/media/images/cms/medias/thumb_/cms/medias/6153071c4b9e8_images_large.png);
background-size: contain;
background-color: #4D4D4D;
}
.activity-content .btn-content a {
color: #fff;
letter-spacing: 2px;
font-family: Poppins, sans-serif;
border: 1px solid #fff;
letter-spacing: 2px;
background-color: #A772A8;
border-radius: 50px;
}
.activity-content .btn-content a:hover {
background-color: #fff;
color: #4D4D4D;
opacity: 1;
border: 1px solid #4D4D4D;
}
.activity-content .bloc-content .text-content {
background-color: #fff;
}
.activity-content h2,
.activity-content p {
font-family: Poppins, sans-serif;
color: #fff;
}
.activity-content .title-content h3 {
font-size: 4em;
color: #4D4D4D;
font-family: Poppins, sans-serif;
}
.activity-content .text-content p {
font-size: 14px;
color: #4D4D4D;
}
/********************/
/*******ITEMS*******/
/******************/
.items-content {
background-color: #4D4D4D;
background-image: url(/uploads/media/images/cms/medias/thumb_/cms/medias/6153071c4b9e8_images_large.png);
background-size: contain;
padding: 5em 5em;
}
.items-content h3,
.items-content p {
color: #fff;
text-align: center;
}
/**************************/
/********PARTNERS*********/
/************************/
.partners-content button.owl-prev,
.partners-content button.owl-next {
background-color: #4D4D4D !important;
color: #fff;
}
.partners-content p {
font-family: Poppins, sans-serif;
}
.partners-content h3 {
font-size: 3em;
color: #4D4D4D;
}
/************************************/
/**************GALLERY**************/
/**********************************/
.gallery-content {
background-color: #fff;
/*background: url();
background-size: contain;*/
}
.gallery-content h3 {
color: #A772A8;
font-size: 1.7em;
font-family: "ChopinScript";
}
.lb-outerContainer {
background-color: transparent;
}
.lightbox .lb-image {
border: 0px solid #fff;
}
/***************************/
/*******ARTICLES***********/
/*************************/
.articles-list-content .item-content .item .text-content {
background-color: #4D4D4D;
}
.articles-list-content .item-content .item .category {
color: #4D4D4D;
font-family: Poppins, sans-serif;
}
.articles-list-content .item-content .item .link {
color: #fff;
font-family: Poppins, sans-serif;
letter-spacing: 5px;
}
.articles-list-content .item-content .item .text-content h4 {
color: #fff;
font-size: 1.5em;
}
.articles-list-content .item-content .item .text-content p {
color: #fff;
font-size: 1.5em;
}
.articles-list-content
.item-content
.item
.text-content
.category
.item-category {
color: #4D4D4D;
border: 1px solid #fff;
border-radius: 0;
background-color: #fff;
}
/*******************************/
/********ARTICLES-PAGES********/
/*****************************/
.article-page-content .btn-article-page {
color: #4D4D4D;
border: 1px solid #4D4D4D;
background: transparent;
}
.article-page-content .btn-article-page:hover {
margin-left: 20px;
color: #fff;
border: 1px solid #fff;
background: #4D4D4D;
}
.article-page-content .category-article-page {
font-family: Poppins, sans-serif;
color: #fff;
background-color: #4D4D4D;
}
.article-page-content .text-content .align-content .content {
background-color: #fff;
}
.article-page-content .text-content h1 {
color: #4D4D4D;
font-size: 3em;
font-family: Poppins, sans-serif;
}
.article-page-content .text-content h2 {
color: #4D4D4D;
font-size: 3em;
font-family: Poppins, sans-serif;
}
.article-page-content .text-content h3 {
color: #4D4D4D;
font-size: 1.5em;
font-family: Poppins, sans-serif;
}
.article-page-content .text-content .align-content .content p {
color: #fff;
}
@media (max-width: 1199.98px) {
.article-page-content .btn-article-page {
margin-top: 57px;
}
}
@media (max-width: 992px) {
.article-page-content .btn-article-page {
margin-top: 57px;
}
.article-page-content .category-article-page {
margin-top: 40px;
}
}
/***************************/
/********SERVICES**********/
/*************************/
.services-list-content .item-content .item .category {
font-family: Poppins, sans-serif;
color: #4D4D4D;
}
.services-list-content .item-content .item .link {
font-family: Poppins, sans-serif;
letter-spacing: 5px;
}
/*******************************/
/*********SERVICE-PAGES********/
/*****************************/
.service-page-content .btn-service-page {
}
.service-page-content .btn-service-page:hover {
}
.service-page-content .category-service-page {
font-family: Poppins, sans-serif;
color: #fff;
background-color: #4D4D4D;
}
/***************************/
/*******PRODUCTS***********/
/*************************/
.products-list-content .item-content .item .text-content {
background-color: #4D4D4D;
}
.articles-list-content .item-content .item .category {
color: #4D4D4D;
font-family: Poppins, sans-serif;
}
.products-list-content .item-content .item .link {
color: #fff;
font-family: Poppins, sans-serif;
letter-spacing: 5px;
}
.products-list-content .item-content .item .text-content h4 {
color: #fff;
font-size: 1.5em;
}
.products-list-content .item-content .item .text-content p {
color: #fff;
font-size: 1.5em;
}
.products-list-content
.item-content
.item
.text-content
.category
.item-category {
color: #4D4D4D;
border: 1px solid #fff;
border-radius: 0;
background-color: #fff;
}
/*******************************/
/********PRODUCT-PAGES*********/
/*****************************/
.product-page-content .text-content .align-content .content {
background-color: #4D4D4D;
}
.product-page-content .category-product-page {
color: #fff;
font-family: Poppins, sans-serif;
background-color: #4D4D4D;
}
.product-page-content .btn-product-page {
color: #4D4D4D;
border: 1px solid #4D4D4D;
background: transparent;
}
.product-page-content .btn-product-page:hover {
margin-left: 20px;
color: #fff;
border: 1px solid #fff;
background: #4D4D4D;
}
.product-page-content .category-product-page {
font-family: Poppins, sans-serif;
color: #fff;
background-color: #4D4D4D;
}
.product-page-content .text-content .align-content .content {
background-color: #fff;
}
.product-page-content .text-content h1 {
color: #4D4D4D;
font-size: 3em;
font-family: Poppins, sans-serif;
}
.product-page-content .text-content h2 {
color: #4D4D4D;
font-size: 3em;
font-family: Poppins, sans-serif;
}
.product-page-content .text-content h3 {
color: #4D4D4D;
font-size: 1.5em;
font-family: Poppins, sans-serif;
}
.product-page-content .text-content .align-content .content p {
color: #fff;
}
/***************************/
/********SERVICES**********/
/*************************/
.services-list-content .item-content .item .category {
font-family: Poppins, sans-serif;
color: #4D4D4D;
}
.services-list-content .item-content .item .link {
font-family: Poppins, sans-serif;
letter-spacing: 5px;
}
/****************************/
/*********DOCUMENT**********/
/**************************/
.document-content .background-pattern {
background-color: #4D4D4D;
}
.document-content .bloc-right {
background-color: transparent;
}
.document-content .title-content strong {
color: #000;
font-family: Poppins, sans-serif;
}
.document-content .bloc-left strong {
font-size: 3em;
}
.document-content .btn {
color: #fff;
border: 1px solid #fff;
background: #4D4D4D;
transition: all 0.3s;
}
.document-content .bloc-left .title-content {
text-align: center;
align-self: center;
}
/********************************/
/*********FORM-CONTACT**********/
/******************************/
.form-contact-content {
background-color: #fff;
/*background: url();
background-size: contain;*/
}
.form-contact-content .form-control {
border-radius: 50px;
padding: 20px;
}
.form-control {
color: #000;
background-color: transparent;
border: 1px solid #4D4D4D;
}
.form-contact-content h2 {
color: #4D4D4D;
font-size: 3em;
}
.form-contact-content h4 {
color: #4D4D4D;
font-size: 3em;
}
.form-contact-content .form-control:focus {
border-color: #4D4D4D;
box-shadow: 0 0 0 0.2em rgba(246, 224, 176, 0.35);
}
.form-contact-content .btn-contact-form {
color: #fff;
background-color: #A772A8;
border-radius: 50px;
}
.form-contact-content .sending-message i,
.form-contact-content a {
color: #4D4D4D;
}
.form-contact-content .recaptcha-text,
.form-contact-content .legal-form,
.form-control::placeholder,
label {
color: #000;
}
@media (max-width: 992px) {
.form-contact-content h2 {
font-size: 1.5em;
}
}
/************************************/
/**********FORM-GUEST-BOOK**********/
/**********************************/
.form-guest-book-content {
background-color: #fff;
/*background: url();
background-size: contain;*/
}
.form-guest-book-content h4 {
color: #4D4D4D;
font-size: 3em;
}
.form-guest-book-content .form-control:focus {
border-color: #4D4D4D;
box-shadow: 0 0 0 0.2em rgba(246, 224, 176, 0.35);
}
.form-guest-book-content .sending-message i {
color: #4D4D4D;
}
.form-guest-book-content .btn-guest-book-form {
}
/******************************/
/*********GUEST-BOOK**********/
/****************************/
.guest-book-content {
padding: 2em 5em;
background-color: #4D4D4D;
}
.guest-book-content button.owl-prev,
.guest-book-content button.owl-next {
color: #000;
background-color: #4D4D4D !important;
}
.guest-book-content strong,
.guest-book-content p {
color: #000;
font-family: Poppins, sans-serif;
}
.guest-book-content h3 {
color: #000;
font-size: 3em;
}
.form-guest-book-content .recaptcha-text {
color: #fff;
}
/*******************************/
/********INFORMATIONS**********/
/*****************************/
.informations-content {
color: #4D4D4D;
background-color: #A772A8;
/*background: url();*/
}
.informations-content p,
.informations-content strong {
font-family: Poppins, sans-serif;
color: #fff;
}
.informations-content i {
color: #fff;
}
.informations-content .item-content .item i {
opacity: 0.3;
}
/**************************************************/
/***********************MAP***********************/
/**Dans le lien de la map, rajouter cette class**/
.map-full-width {
padding: 0;
filter: grayscale(1);
}
/************************/
/********FOOTER*********/
/**********************/
.footer-content {
color: #fff;
background-color: #4D4D4D;
}
.footer-content .btn-seo {
font-family: Poppins, sans-serif;
border: none;
}
.footer-content p {
color: #fff;
}
.footer-content a {
color: #fff;
}
/**************************/
/********SEO-PAGE*********/
/************************/
.seo-page .form-content {
background-color: #fff;
/*background: url();
background-size: contain;*/
}
.seo-page h2,
.seo-page .title-form {
color: #4D4D4D;
font-family: Poppins, sans-serif;
}
.seo-page .form-control:focus {
border-color: #4D4D4D;
box-shadow: 0 0 0 0.2em rgba(246, 224, 176, 0.35);
}
.seo-page .sending-message i {
color: #4D4D4D;
}
.seo-page .banner-content {
height: 450px;
}
.seo-page .banner-content .opacity-banner {
background: linear-gradient(90deg, rgb(0 0 0 / 20%) 0%, #a772a8b5);
}
.seo-page .banner-content .img {
filter: grayscale(1);
}
.seo-page .banner-content h1 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 2.5em;
text-shadow: 3px 3px 5px #000;
}
.seo-page .text-right {
text-align: left !important;
}
.seo-page .form-content .title-form h2 {
color: #000;
}
.seo-page .form-content .btn-contact-form {
color: #4D4D4D;
border: 1px solid #4D4D4D;
background-color: transparent;
}
.seo-page .form-content .btn-contact-form:hover {
margin-left: 20px;
color: #fff;
border: 1px solid #fff;
background: #4D4D4D;
}
.seo-page .btn-contact-form {
}
.seo-page .btn-seo {
}
/*******************************/
/*********RGPD-BANNER**********/
/*****************************/
.cookieinfo {
color: #fff;
font-family: Poppins, sans-serif;
background-color: #4D4D4D;
}
.cookieinfo .btn-cookie {
color: #fff;
border: 1px solid #fff;
background-color: transparent;
border-radius: 50px;
}
.cookieinfo a {
color: #fff;
}
/*************************/
/******ERROR-PAGE********/
/***********************/
.error-content .btn-error {
color: #fff;
border: 1px solid #4D4D4D;
background-color: #4D4D4D;
transition: all 0.3s;
}
.error-content .btn-three-columns:hover {
opacity: 0.5;
margin-left: 20px;
}
/*****************************************/
/********ANIMATION OUVERTURE SITE********/
/***************************************/
/*html > .page-accueil {
overflow-y : hidden;
animation-delay : 1.5s;
animation-duration : 1.5s;
animation-fill-mode : forwards;
animation-name : noscroll;
}
#logo {
width : 100%;
height : 100%;
}
.logo_loading_div {
z-index : 999999;
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
padding : 0;
opacity : 1;
background-color : #4D4D4D;
animation-delay : 2.5s;
animation-duration : .5s;
animation-fill-mode : forwards;
animation-name : disparition;
animation-timing-function : ease-in-out;
}
.trace {
fill : none;
stroke : white;
stroke-width: 0.2em;
stroke-dasharray : 5350;
stroke-dashoffset : 0;
animation : dash 3s ease-out;
animation-fill-mode : forwards;
}
.trace2 {
fill : none;
stroke : white;
stroke-width: 0.2em;
stroke-dasharray : 5350;
stroke-dashoffset : 0;
animation : dash 8s ease-out;
animation-fill-mode : forwards;
}
.trace3 {
fill : none;
stroke : white;
stroke-width: 0.2em;
stroke-dasharray : 5350;
stroke-dashoffset : 0;
animation : dash 25s ease-out;
animation-fill-mode : forwards;
}
.logo_loading_div .animation-content {
width : 100%;
height : 100%;
opacity : 1!important;
transform : translateZ(0)!important;
}
.couleur {
opacity : 0;
fill : skyblue;
animation-delay : 1.5s;
animation-duration : .5s;
animation-fill-mode : forwards;
animation-name : couleur;
animation-timing-function : ease-in-out;
}
@keyframes dash {
from {stroke-dashoffset : 5350}
to {stroke-dashoffset : 0}
}
@keyframes couleur {
0% {opacity : 0}
100% {opacity : 1}
}
@keyframes noscroll {
0% {overflow-y : hidden}
99% {overflow-y : hidden}
100% {overflow-y : visible}
}
@keyframes disparition {
0% {z-index : 999999;opacity : 1}
90% {opacity : 0}
100% {z-index : -999;opacity : 0}
}
.post-deconfinement .affix-top {
background-color: #4D4D4D;
}
.post-consultation-au-mois-d-aout .affix-top {
background-color: #4D4D4D;
}
.post-le-cabinet-reste-ouvert .affix-top {
background-color: #4D4D4D;
}*/
/***********************************/
/************ELFSIGHT***********/
/*********************************/
.eapps-facebook-feed-header-top {
background: #4D4D4D !important;
}
.hjwbSz {
background-color: #fff !important;
color: #4D4D4D !important;
}
.image-full-width-text-content .btn-content {
justify-content: center;
}
</style>
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://vistalid-statistiques.fr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1963']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body class="container-fluid row page-accueil">
<div class="container-fluid">
<nav id="navbar" class="navbar navbar-expand-lg fixed-top navbar-top navbar-light top-menu affix-top">
<a class="navbar-brand" href="/fr">
<img alt="logo.png" title="logo.png" src="/uploads/media/images/cms/medias/thumb_/cms/medias/61519175dd5f3_images_small.png" width="auto" height="50px" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/61519175dd5f3_images_small.png 200w, /uploads/media/images/cms/medias/f5474f2ce83f6829f0cdb60fc1142473ac7d4cca.png 1500w" sizes="(max-width: 200px) 100vw, 200px" />
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
aria-controls="navbarsExampleDefault" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
<ul class="navbar-nav">
<li class="first"> <a class="nav-link" href="/fr/page/accueil">Accueil</a>
</li>
<li class=""> <a class="nav-link" href="/fr/page/pompes-funebres">Pompes funèbres</a>
</li>
<li class=""> <a class="nav-link" href="/fr/page/prevoyance-obseques">Prévoyance obsèques</a>
</li>
<li class=""> <a class="nav-link" href="/fr/page/funerarium">Funérarium</a>
</li>
<li class=""> <a class="nav-link" href="/fr/page/marbriers-funeraires">Marbriers funéraires</a>
</li>
<li class=""> <a class="nav-link" href="/fr/page/article-funeraire">Article funéraire</a>
</li>
<li class=""> <a class="nav-link" href="/fr/page/accompagnement">Accompagnement</a>
</li>
<li class=""> <a class="nav-link" href="/fr/page/avis-de-deces">Avis de décès</a>
</li>
<li class=""> <a class="nav-link" href="/fr/page/photos">Photos</a>
</li>
<li class="last"> <a class="nav-link" href="/fr/page/contact">Contact</a>
</li>
</ul>
<div class="social-network">
</div>
</div>
</nav>
<div role="main" id="content"
class="margin-top-main container-fluid">
<div class="container-fluid">
<div>
<div
class="container-fluid">
<div class="video-container">
<div class="opacity-video"></div>
<div class="text-content">
<div class="content">
<div class="col-md-12 d-flex justify-content-center logo-content" data-aos="fade-up">
<img alt="icone.png" title="icone.png" src="/uploads/media/images/cms/medias/thumb_/cms/medias/615191be46e28_images_medium.png" width="1000" height="161" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/615191be46e28_images_small.png 200w, /uploads/media/images/cms/medias/thumb_/cms/medias/615191be46e28_images_medium.png 1000w, /uploads/media/images/cms/medias/4220b6093c50b11bed299f7337de302ac29c614c.png 1000w" sizes="(max-width: 1000px) 100vw, 1000px" class="logo-img" />
</div>
<div class="col-md-12" data-aos="fade-down">
<h1 style="text-align:center">Pompes funèbres A.Béraud Gantelme</h1>
<h2 style="text-align:center">Prévoyance obsèques - Organisation obsèques - Articles funéraires</h2>
<h3 style="text-align:center">à La Ciotat</h3>
</div>
<div class="col-md-12 btn-content"> <a href="tel:04 42 08 40 77" class="btn btn-video" data-aos="fade-right"
data-aos-delay="100">04 42 08 40 77</a> <a href="/fr/page/contact"
class="btn btn-video-call-to-action" data-aos="fade-left"
data-aos-delay="200">Contactez-nous</a>
</div>
</div>
</div>
<video autoplay loop muted playsinline>
<source src="/uploads/media/videos/cms/medias/3bd9dc70ae7dd0df0ca71464d8f537672d435dd6.mp4" type="video/mp4">
</video>
<div class="arrow-down-content"><i class="icofont-rounded-down"></i></div>
</div>
</div>
<div
class="two-columns-content">
<div class="row row-eq-height">
<div class="col-md-12 col-lg-6 text-content" data-aos="fade-right">
<div class="bloc-left"
>
<div class="position-text">
<p><img alt="" src="/uploads/media/images/cms/medias/thumb_/cms/medias/615191ca93c70_images_small.png" style="height:24px; width:150px" /></p>
<h2>Pompes funèbres A.Béraud Gantelme</h2>
<h3>Organisation d’obsèques à La Ciotat et alentours</h3>
<p> </p>
<p>Aux Pompes Funèbres A. Béraud Gantelme en Provence, notre entreprise familiale, nous sommes à votre service depuis plus de 60 ans. Nous nous tenons aux côtés des familles en deuil. Nous vous apportons notre <strong>aide</strong>, notre <strong>soutien</strong> et notre professionnalisme dans <strong>l’organisation des obsèques</strong>. Disponibles <strong>24h/24 et 7j/7</strong>, nous sommes joignables à tout moment, où que vous soyez. Vous pouvez compter sur nos conseils pour la réalisation des démarches administratives.</p>
<p>Nous intervenons à tous les niveaux de l’organisation des obsèques (inhumation, crémation, service funéraire, articles funéraires). Nous mettons également <strong>un funérarium à disposition</strong> des familles endeuillées, pour leur offrir un espace de recueillement. Il est constitué de salons de présentation pour des veillées en toute intimité auprès de leur défunt, et d’une grande salle pour des assistances plus importantes.</p>
<p>Nous sommes avant tout une société à taille humaine, composée de <strong>professionnels confirmés</strong>. Notre entreprise est cogérée par Éric Gantelme, Alexandre Gantelme et Catherine Buscadi. Notre expérience vous garantit une assistance optimale et un accompagnement personnalisé dans ces moments difficiles.</p>
</div>
</div>
</div>
<div class="col-md-12 col-lg-6 img-content"
style="background: url('/uploads/media/images/cms/medias/thumb_/cms/medias/615422aa0595d_images_large.jpeg') no-repeat center center; width: 100%; background-size: cover;"
data-aos="fade-left"></div>
</div>
</div><div
class="two-columns-content">
<div class="row row-eq-height">
<div class="col-md-12 col-lg-6 img-content"
style="background: url('/uploads/media/images/cms/medias/thumb_/cms/medias/6152c813d52a9_images_large.jpeg') no-repeat center center; width: 100%; background-size: cover;"
data-aos="fade-left"></div>
<div class="col-md-12 col-lg-6 text-content" data-aos="fade-right">
<div class="bloc-right"
>
<div class="position-text">
<h2>Votre prévoyance obsèques</h2>
<h3>à La Ciotat-Ceyreste et alentours</h3>
<p> </p>
<p>Un deuil est toujours un moment délicat pour la famille. En choisissant la prévoyance obsèques, vous <strong>soulagez votre entourage</strong>, lors de cette tâche difficile qu’est l’organisation des obsèques. D’autre part, vous vous assurez aussi du <strong>respect de vos volontés</strong>. Nous vous garantissons le respect et la discrétion de notre personnel, toujours à votre écoute et nous répondons à toutes vos questions. Nous sommes disponibles, afin de vous permettre, depuis chez vous, de préparer l’ensemble de la cérémonie souhaitée, religieuse ou civile.</p>
<div class="row d-flex p-3 btn-content">
<a href="/fr/page/prevoyance-obseques" class="btn btn-two-columns">Nos conditions</a>
</div>
</div>
</div>
</div>
</div>
</div><div
class="image-full-width-text-content-accueil image-full-width-text-content">
<div class="container-fluid"
style="background: url('/uploads/media/images/cms/medias/thumb_/cms/medias/6151dc1644f61_images_large.jpeg') no-repeat center center; background-size: cover;"
>
<div class="text-content" style="justify-content: center">
<div class="col-md-6" data-aos="fade-up">
<h2 style="text-align:center">Organisation d’obsèques</h2>
<h3 style="text-align:center">à La Ciotat, Ceyreste, Cassis et alentours</h3>
<p style="text-align:center"> </p>
<p style="text-align:center">Nous organisons des obsèques complètes, depuis les démarches administratives jusqu’à l’inhumation. Nous mettons à votre disposition un personnel qualifié, afin de vous épauler, de vous soutenir et de vous aider dans l’organisation. Pour cela, nous préparons la présentation du défunt, grâce au travail de nos thanatopracteurs. Nous pouvons également, selon vos souhaits, mettre à votre disposition des moyens de transport avec des porteurs, à votre domicile ou en chambre funéraire.</p>
<div class="btn-content">
<div class="row d-flex p-3">
<a href="/fr/page/article-funeraire"
class="btn btn-image-full-width-text">Toutes nos prestations</a>
</div>
</div>
</div>
</div>
</div>
</div><div
class="two-columns-content">
<div class="row row-eq-height">
<div class="col-md-12 col-lg-6 text-content" data-aos="fade-right">
<div class="bloc-left"
>
<div class="position-text">
<p><img alt="" src="/uploads/media/images/cms/medias/thumb_/cms/medias/615191ca93c70_images_small.png" style="height:24px; width:150px" /></p>
<h2>Marbrerie funéraire & entretien de sépultures</h2>
<h3>La Ciotat</h3>
<p> </p>
<p>Nous disposons, afin de satisfaire au mieux vos besoins et vos attentes, <strong>de nombreux modèles en marbrerie</strong> funéraire. Afin de vous permettre de rendre hommage à vos proches, nous offrons une large gamme d’objets en granit destinés à <strong>ornementer les tombes</strong> des défunts. Nous pouvons réaliser des plaques personnalisées sur simple demande, mais aussi la gravure sur pierre ou l’ornementation de plaques en porcelaine grâce à des photos. L’image est imprimée directement sur la plaque ou incrustée à l’aide d’un camée. Nos jardinières en marbre ou granit, vous permettent d’installer des fleurs.</p>
<div class="row d-flex p-3 btn-content">
<a href="/fr/page/article-funeraire" class="btn btn-two-columns">Nos marbres</a>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-lg-6 img-content"
style="background: url('/uploads/media/images/cms/medias/thumb_/cms/medias/615422a5d6d19_images_large.jpeg') no-repeat center center; width: 100%; background-size: cover;"
data-aos="fade-left"></div>
</div>
</div><div
class="two-columns-content">
<div class="row row-eq-height">
<div class="col-md-12 col-lg-6 img-content"
style="background: url('/uploads/media/images/cms/medias/thumb_/cms/medias/6152cb1c5c1f2_images_large.jpeg') no-repeat center center; width: 100%; background-size: cover;"
data-aos="fade-left"></div>
<div class="col-md-12 col-lg-6 text-content" data-aos="fade-right">
<div class="bloc-right"
>
<div class="position-text">
<h2>Vos articles mortuaires & gravure pour marbre funéraire</h2>
<h3>La Ciotat</h3>
<p> </p>
<p>Afin de faciliter vos démarches dans l’organisation des obsèques, nous mettons à votre disposition <strong>un grand choix d’articles funéraires</strong> destinés à la cérémonie, à la crémation ou à l’inhumation. Depuis le choix du cercueil à celui des fleurs artificielles, nous apportons une réponse rapide à toutes vos demandes. Le choix de l’urne ou du cercueil est une étape importante : Nous proposons une gamme qui nous permet de nous adapter à <strong>toutes les situations</strong> et à tous les <strong>budgets</strong>. Chez Pompes Funèbres A.Beraud, nous vous apportons le soutien dont vous avez besoin et vous conseillons en toutes circonstances.</p>
<div class="row d-flex p-3 btn-content">
<a href="/fr/page/article-funeraire" class="btn btn-two-columns">Articles funéraires</a>
</div>
</div>
</div>
</div>
</div>
</div><div
class="activity-content">
<div class="col-md-12 p-3 title-content">
<div class="container">
<p style="text-align:center"><img alt="" src="/uploads/media/images/cms/medias/thumb_/cms/medias/615191be46e28_images_small.png" style="height:24px; width:150px" /></p>
<h2 style="text-align:center">Parcourir</h2>
</div>
</div>
<div class="row row-eq-height justify-content-center">
<div class="col-lg-3 col-md-6 col-sm-6 bloc-content" data-aos="fade-up">
<div class="col-md-12 img-content">
<img alt="AdobeStock_41484578.jpeg" title="AdobeStock_41484578.jpeg" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6151dc1f3a0c9_images_medium.jpeg" width="1000" height="667" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/6151dc1f3a0c9_images_picto.jpeg 25w, /uploads/media/images/cms/medias/thumb_/cms/medias/6151dc1f3a0c9_images_small.jpeg 200w, /uploads/media/images/cms/medias/thumb_/cms/medias/6151dc1f3a0c9_images_medium.jpeg 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/6151dc1f3a0c9_images_large.jpeg 2300w, /uploads/media/images/cms/medias/afa557a86145695209b40568f5b6ff4a4cfae259.jpeg 1200w" sizes="(max-width: 1000px) 100vw, 1000px" />
</div>
<div class="col-md-12 btn-content text-center">
<div class="position-btn">
<a href="/fr/page/pompes-funebres"> <i
class="icofont-arrow-right"></i></a>
</div>
</div>
<div class="col-md-12 text-content"
>
<h3>Pompes funèbres</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 bloc-content" data-aos="fade-up" data-aos-delay="100">
<div class="col-md-12 img-content">
<img alt="AdobeStock_209849769.jpeg" title="AdobeStock_209849769.jpeg" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6152c80cf386f_images_medium.jpeg" width="1000" height="667" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/6152c80cf386f_images_picto.jpeg 25w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152c80cf386f_images_small.jpeg 200w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152c80cf386f_images_medium.jpeg 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152c80cf386f_images_large.jpeg 2300w, /uploads/media/images/cms/medias/f04c88f57b97f6f402f5808accd8d546dab0de9f.jpeg 1200w" sizes="(max-width: 1000px) 100vw, 1000px" />
</div>
<div class="col-md-12 btn-content text-center">
<div class="position-btn">
<a href="/fr/page/prevoyance-obseques"> <i
class="icofont-arrow-right"></i></a>
</div>
</div>
<div class="col-md-12 text-content"
>
<h3>Prévoyance obsèques</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 bloc-content" data-aos="fade-up" data-aos-delay="200">
<div class="col-md-12 img-content">
<img alt="mourning-1151779_1920.jpeg" title="mourning-1151779_1920.jpeg" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6152daf81f7ab_images_medium.jpeg" width="1000" height="667" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/6152daf81f7ab_images_picto.jpeg 25w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152daf81f7ab_images_small.jpeg 200w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152daf81f7ab_images_medium.jpeg 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152daf81f7ab_images_large.jpeg 2300w, /uploads/media/images/cms/medias/7e0ff962de7566d4ea5400582806e6d7ff01c9a6.jpeg 1000w" sizes="(max-width: 1000px) 100vw, 1000px" />
</div>
<div class="col-md-12 btn-content text-center">
<div class="position-btn">
<a href="/fr/page/funerarium"> <i
class="icofont-arrow-right"></i></a>
</div>
</div>
<div class="col-md-12 text-content"
>
<h3>Funérarium</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 bloc-content" data-aos="fade-up" data-aos-delay="300">
<div class="col-md-12 img-content">
<img alt="Gravure pour marbre.jpeg" title="Gravure pour marbre.jpeg" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6152e796c85b1_images_medium.jpeg" width="1000" height="750" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/6152e796c85b1_images_picto.jpeg 25w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152e796c85b1_images_small.jpeg 200w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152e796c85b1_images_medium.jpeg 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152e796c85b1_images_large.jpeg 2300w, /uploads/media/images/cms/medias/7d5fea27186bb1c1bb6cf6d980c9961385e475bf.jpeg 1200w" sizes="(max-width: 1000px) 100vw, 1000px" />
</div>
<div class="col-md-12 btn-content text-center">
<div class="position-btn">
<a href="/fr/page/marbriers-funeraires"> <i
class="icofont-arrow-right"></i></a>
</div>
</div>
<div class="col-md-12 text-content"
>
<h3>Marbriers funéraires</h3>
</div>
</div>
</div>
<div class="row row-eq-height justify-content-center">
<div class="col-lg-3 col-md-6 col-sm-6 bloc-content" data-aos="fade-up">
<div class="col-md-12 img-content">
<img alt="AdobeStock_30896164.jpeg" title="AdobeStock_30896164.jpeg" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6151dc2d04702_images_medium.jpeg" width="1000" height="665" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/6151dc2d04702_images_picto.jpeg 25w, /uploads/media/images/cms/medias/thumb_/cms/medias/6151dc2d04702_images_small.jpeg 200w, /uploads/media/images/cms/medias/thumb_/cms/medias/6151dc2d04702_images_medium.jpeg 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/6151dc2d04702_images_large.jpeg 2300w, /uploads/media/images/cms/medias/d725b9fcedac2a1a0f84e8aa89b79c53c9d4e803.jpeg 1200w" sizes="(max-width: 1000px) 100vw, 1000px" />
</div>
<div class="col-md-12 btn-content text-center">
<div class="position-btn">
<a href="/fr/page/article-funeraire"> <i
class="icofont-arrow-right"></i></a>
</div>
</div>
<div class="col-md-12 text-content"
>
<h3>Article funéraire</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 bloc-content" data-aos="fade-up" data-aos-delay="100">
<div class="col-md-12 img-content">
<img alt="AdobeStock_305141443.jpeg" title="AdobeStock_305141443.jpeg" src="/uploads/media/images/cms/medias/thumb_/cms/medias/61571def91c2d_images_medium.jpeg" width="1000" height="582" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/61571def91c2d_images_picto.jpeg 25w, /uploads/media/images/cms/medias/thumb_/cms/medias/61571def91c2d_images_small.jpeg 200w, /uploads/media/images/cms/medias/thumb_/cms/medias/61571def91c2d_images_medium.jpeg 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/61571def91c2d_images_large.jpeg 2300w, /uploads/media/images/cms/medias/8f5db64bc92cf9246bece2cbbfe2951f897a8b65.jpeg 1200w" sizes="(max-width: 1000px) 100vw, 1000px" />
</div>
<div class="col-md-12 btn-content text-center">
<div class="position-btn">
<a href="/fr/page/accompagnement"> <i
class="icofont-arrow-right"></i></a>
</div>
</div>
<div class="col-md-12 text-content"
>
<h3>Accompagnement</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 bloc-content" data-aos="fade-up" data-aos-delay="200">
<div class="col-md-12 img-content">
<img alt="AdobeStock_293997021 copie.jpg" title="AdobeStock_293997021 copie.jpg" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6152d2a73acfc_images_medium.jpeg" width="1000" height="400" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/6152d2a73acfc_images_picto.jpeg 25w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152d2a73acfc_images_small.jpeg 200w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152d2a73acfc_images_medium.jpeg 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152d2a73acfc_images_large.jpeg 2300w, /uploads/media/images/cms/medias/f5caae1898521cc02914e53c9528d5e9864a42be.jpeg 1200w" sizes="(max-width: 1000px) 100vw, 1000px" />
</div>
<div class="col-md-12 btn-content text-center">
<div class="position-btn">
<a href="/fr/page/avis-de-deces"> <i
class="icofont-arrow-right"></i></a>
</div>
</div>
<div class="col-md-12 text-content"
>
<h3>Avis de décès</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 bloc-content" data-aos="fade-up" data-aos-delay="300">
<div class="col-md-12 img-content">
<img alt="AdobeStock_251141530.jpeg" title="AdobeStock_251141530.jpeg" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6152d1873fcb8_images_medium.jpeg" width="999" height="443" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/6152d1873fcb8_images_picto.jpeg 25w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152d1873fcb8_images_small.jpeg 200w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152d1873fcb8_images_medium.jpeg 999w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152d1873fcb8_images_large.jpeg 2300w, /uploads/media/images/cms/medias/5df3dca44b31e7d22e3f28b4fba56e6e6b0bbaa4.jpeg 1200w" sizes="(max-width: 999px) 100vw, 999px" />
</div>
<div class="col-md-12 btn-content text-center">
<div class="position-btn">
<a href="/fr/page/photos"> <i
class="icofont-arrow-right"></i></a>
</div>
</div>
<div class="col-md-12 text-content"
>
<h3>Photos</h3>
</div>
</div>
</div>
</div>
<div
class="gallery-content">
<div class="container title-content" data-aos="fade-up">
</div>
<div class="row gallery-type-1">
<div class="col-lg-3 col-md-3 col-sm-6 item grid" data-aos="fade-up">
<a href="/uploads/media/images/cms/medias/thumb_/cms/medias/6153057247a9e_images_large.png" data-lightbox="Accueil"
data-title="Capture d’écran 2021-09-28 à 14.00.14.png">
<figure class="effect-lexi d-flex align-items-center justify-content-center">
<img alt="Capture d’écran 2021-09-28 à 14.00.14.png" title="Capture d’écran 2021-09-28 à 14.00.14.png" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6153057247a9e_images_medium.png" width="1000" height="1297" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/6153057247a9e_images_picto.png 19w, /uploads/media/images/cms/medias/thumb_/cms/medias/6153057247a9e_images_small.png 154w, /uploads/media/images/cms/medias/thumb_/cms/medias/6153057247a9e_images_medium.png 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/6153057247a9e_images_large.png 2300w, /uploads/media/images/cms/medias/2b7eb526ef3f9cc75e2d86fa22aae1345b03ffc6.png 833w" sizes="(max-width: 1000px) 100vw, 1000px" />
<figcaption>
<div>
<p></p>
</div>
</figcaption>
</figure>
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 item grid" data-aos="fade-up">
<a href="/uploads/media/images/cms/medias/thumb_/cms/medias/6153057ce67ae_images_large.png" data-lightbox="Accueil"
data-title="Capture d’écran 2021-09-28 à 14.00.10.png">
<figure class="effect-lexi d-flex align-items-center justify-content-center">
<img alt="Capture d’écran 2021-09-28 à 14.00.10.png" title="Capture d’écran 2021-09-28 à 14.00.10.png" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6153057ce67ae_images_medium.png" width="1000" height="1231" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/6153057ce67ae_images_picto.png 20w, /uploads/media/images/cms/medias/thumb_/cms/medias/6153057ce67ae_images_small.png 162w, /uploads/media/images/cms/medias/thumb_/cms/medias/6153057ce67ae_images_medium.png 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/6153057ce67ae_images_large.png 2300w, /uploads/media/images/cms/medias/ecbe37d8b58701d64e47aa6f7cb776ab3461228f.png 877w" sizes="(max-width: 1000px) 100vw, 1000px" />
<figcaption>
<div>
<p></p>
</div>
</figcaption>
</figure>
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 item grid" data-aos="fade-up">
<a href="/uploads/media/images/cms/medias/thumb_/cms/medias/6153059214c93_images_large.png" data-lightbox="Accueil"
data-title="Capture d’écran 2021-09-28 à 14.00.39.png">
<figure class="effect-lexi d-flex align-items-center justify-content-center">
<img alt="Capture d’écran 2021-09-28 à 14.00.39.png" title="Capture d’écran 2021-09-28 à 14.00.39.png" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6153059214c93_images_medium.png" width="1000" height="671" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/6153059214c93_images_picto.png 25w, /uploads/media/images/cms/medias/thumb_/cms/medias/6153059214c93_images_small.png 200w, /uploads/media/images/cms/medias/thumb_/cms/medias/6153059214c93_images_medium.png 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/6153059214c93_images_large.png 2300w, /uploads/media/images/cms/medias/8d82df169460153ba4006c3f0493613a8a269c08.png 1610w" sizes="(max-width: 1000px) 100vw, 1000px" />
<figcaption>
<div>
<p></p>
</div>
</figcaption>
</figure>
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 item grid" data-aos="fade-up">
<a href="/uploads/media/images/cms/medias/thumb_/cms/medias/615305a0e4b0a_images_large.png" data-lightbox="Accueil"
data-title="Capture d’écran 2021-09-28 à 14.00.28.png">
<figure class="effect-lexi d-flex align-items-center justify-content-center">
<img alt="Capture d’écran 2021-09-28 à 14.00.28.png" title="Capture d’écran 2021-09-28 à 14.00.28.png" src="/uploads/media/images/cms/medias/thumb_/cms/medias/615305a0e4b0a_images_medium.png" width="1000" height="1246" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/615305a0e4b0a_images_picto.png 20w, /uploads/media/images/cms/medias/thumb_/cms/medias/615305a0e4b0a_images_small.png 161w, /uploads/media/images/cms/medias/thumb_/cms/medias/615305a0e4b0a_images_medium.png 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/615305a0e4b0a_images_large.png 2300w, /uploads/media/images/cms/medias/10d4b9158c548c8ab527cab4e5b7256585d40b5a.png 867w" sizes="(max-width: 1000px) 100vw, 1000px" />
<figcaption>
<div>
<p></p>
</div>
</figcaption>
</figure>
</a>
</div>
</div>
</div><div
class="items-content">
<div class="col-lg-3 item" data-aos="fade-up">
<div class="image" data-aos="fade-up">
<img alt="Conseils.png" title="Conseils.png" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6152e2a0e6309_images_small.png" width="200" height="200" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/6152e2a0e6309_images_picto.png 25w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152e2a0e6309_images_small.png 200w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152e2a0e6309_images_medium.png 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152e2a0e6309_images_large.png 2300w, /uploads/media/images/cms/medias/1822ee41bce3ff27ae5608df276b699d4c3e83eb.png 512w" sizes="(max-width: 200px) 100vw, 200px" class="img-fluid" />
</div>
<div class="text">
<h3>Conseils</h3>
</div>
</div>
<div class="col-lg-3 item" data-aos="fade-up" data-aos-delay="100">
<div class="image" data-aos="fade-up" data-aos-delay="200">
<img alt="Accompagnement.png" title="Accompagnement.png" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6152e2b1230a7_images_small.png" width="200" height="200" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/6152e2b1230a7_images_picto.png 25w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152e2b1230a7_images_small.png 200w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152e2b1230a7_images_medium.png 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152e2b1230a7_images_large.png 2300w, /uploads/media/images/cms/medias/22915a8aa7363a493f0257e02a842c71d176478a.png 512w" sizes="(max-width: 200px) 100vw, 200px" class="img-fluid" />
</div>
<div class="text">
<h3>Accompagnement</h3>
</div>
</div>
<div class="col-lg-3 item" data-aos="fade-up" data-aos-delay="200">
<div class="image" data-aos="fade-up" data-aos-delay="300">
<img alt="Disponibilité.png" title="Disponibilité.png" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6152e2b4dfa0b_images_small.png" width="200" height="200" srcset="/uploads/media/images/cms/medias/thumb_/cms/medias/6152e2b4dfa0b_images_picto.png 25w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152e2b4dfa0b_images_small.png 200w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152e2b4dfa0b_images_medium.png 1000w, /uploads/media/images/cms/medias/thumb_/cms/medias/6152e2b4dfa0b_images_large.png 2300w, /uploads/media/images/cms/medias/e44118f294ef35ef58d87685f9915bf1d5b34c70.png 512w" sizes="(max-width: 200px) 100vw, 200px" class="img-fluid" />
</div>
<div class="text">
<h3>Disponibilité</h3>
</div>
</div>
</div><div
class="informations-content"
>
<div class="row informations-list">
<div class="col-sm-12 col-lg-6 col-xl-4 content">
<div class="item-content" data-aos="fade-down">
<div class="row d-flex justify-content-center">
<div class="item">
<div class="row">
<div class="col-xs-4 col-md-4 icon-content">
<i class="icofont-location-pin"></i>
</div>
<div class="col-xs-8 col-md-8 informations">
<div class="col-12">
<strong>Adresse</strong>
</div>
<div class="col-12">
<p>213 Av. Maréchal Gallieni, 13600 La Ciotat</p>
</div>
</div>
</div>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="item">
<div class="row">
<div class="col-md-4 icon-content">
<i class="icofont-phone"></i>
</div>
<div class="col-md-8 informations">
<div class="col-12">
<strong>Téléphone</strong>
</div>
<div class="col-12">
<p>04 42 08 40 77</p>
</div>
</div>
</div>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="item">
<div class="row">
<div class="col-md-4 icon-content">
<i class="icofont-letter"></i>
</div>
<div class="col-md-8 informations">
<div class="col-12">
<strong>Email</strong>
</div>
<div class="col-12">
<p>aberaudgantelme@gmail.com</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-6 col-xl-8 map-content">
<p><iframe class="map-full-width" frameborder="0" height="450" scrolling="no" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d181.85014942231254!2d5.6029350234806!3d43.17586964372402!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12c9af9e33ea820f%3A0x25e15466064dba9b!2sPompes%20Fun%C3%A8bres%20A.B%C3%A9raud%20Gantelme%20SA!5e0!3m2!1sfr!2sfr!4v1632736454402!5m2!1sfr!2sfr" style="border:0;" width="100%"></iframe></p>
</div>
</div>
</div><div
class="form-contact-content" data-aos="fade-down"
>
<p style="text-align:center"><img alt="" src="/uploads/media/images/cms/medias/thumb_/cms/medias/6151918b5709a_images_small.png" style="height:67px; width:200px" /></p>
<h2 style="text-align:center">N'hésitez pas à nous contacter</h2>
<div class="container-fluid form-content" data-aos="fade-up">
<form name="contact" method="post">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-3">
<div class="form-group">
<input type="text" id="contact_first_name" name="contact[first_name]" required="required" class="form-control" placeholder="Prénom" />
</div>
</div>
<div class="col-lg-3">
<div class="form-group">
<input type="text" id="contact_last_name" name="contact[last_name]" required="required" class="form-control" placeholder="Nom" />
</div>
</div>
<div class="col-lg-3">
<div class="form-group">
<input type="tel" id="contact_phone" name="contact[phone]" class="form-control" placeholder="Téléphone" />
</div>
</div>
<div class="col-lg-3">
<div class="form-group">
<input type="email" id="contact_email" name="contact[email]" required="required" class="form-control" placeholder="Email" />
</div>
</div>
<div class="col-lg-12 mt-1">
<div class="form-group">
<input type="text" id="contact_subject" name="contact[subject]" required="required" class="form-control" placeholder="Objet" />
</div>
</div>
<div class="col-lg-12 mt-1">
<div class="form-group">
<textarea id="contact_message" name="contact[message]" required="required" class="form-control" placeholder="Message" rows="6"></textarea>
</div>
</div>
<div class="col-lg-12 mt-1">
<div class="form-group">
<label>Combien font
neuf plus huit</label>
<select id="contact_question" name="contact[question]" class="form-control"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option></select>
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<div class="form-check">
<input type="checkbox" id="contact_legal" name="contact[legal]" required="required" class="form-check-input">
<label class="form-check-label"
for="contact_legal">En cochant cette case, j'accepte les conditions particulières ci-dessous **</label>
</div>
</div>
</div>
<div class="col-lg-12 mt-1">
<div class="form-group text-right">
<button type="submit" id="contact_submit_contact" name="contact[submit_contact]" class="btn btn-contact-form">Envoyer</button>
</div>
</div>
</div>
</div>
<input type="hidden" id="contact_contact_verification" name="contact[contact_verification]" value="17" />
<script src="https://www.google.com/recaptcha/api.js?render=6Le7rRcdAAAAAB7PgmP0ZrkJx08jcCZ2aN8xvMHk" async defer></script>
<script >
document.addEventListener("DOMContentLoaded", function() {
var recaptchaField = document.getElementById('contact_captcha');
if (!recaptchaField) return;
var form = recaptchaField.closest('form');
if (!form) return;
form.addEventListener('submit', function (e) {
if (recaptchaField.value) return;
e.preventDefault();
grecaptcha.ready(function () {
grecaptcha.execute('6Le7rRcdAAAAAB7PgmP0ZrkJx08jcCZ2aN8xvMHk', {
action: 'form'
}).then(function (token) {
recaptchaField.value = token;
form.submit();
});
});
});
});
</script>
<input type="hidden" id="contact_captcha" name="contact[captcha]" />
<input type="hidden" id="contact__token" name="contact[_token]" value="mBFydPe3RBwu934WDbl1p27ZqSCF77cqU8nUDRfGBqs" /></form>
</div>
<div class="container">
<p class="legal-form">**
Les données personnelles communiquées sont nécessaires aux fins de vous contacter et sont enregistrées dans un fichier informatisé. Elles sont destinées à Pompes funèbres A.Béraud Gantelme et ses sous-traitants dans le seul but de répondre à votre message. Les données collectées seront communiquées aux seuls destinataires suivants: Pompes funèbres A.Béraud Gantelme 213 Av. Maréchal Gallieni, 13600 La Ciotat aberaudgantelme@gmail.com. Vous disposez de droits d’accès, de rectification, d’effacement, de portabilité, de limitation, d’opposition, de retrait de votre consentement à tout moment et du droit d’introduire une réclamation auprès d’une autorité de contrôle, ainsi que d’organiser le sort de vos données post-mortem. Vous pouvez exercer ces droits par voie postale à l'adresse 213 Av. Maréchal Gallieni, 13600 La Ciotat ou par courrier électronique à l'adresse aberaudgantelme@gmail.com. Un justificatif d'identité pourra vous être demandé. Nous conservons vos données pendant la période de prise de contact puis pendant la durée de prescription légale aux fins probatoires et de gestion des contentieux. Consultez le site cnil.fr pour plus d’informations sur vos droits.
</p>
</div>
</div>
</div>
</div>
<footer class="footer-content">
<div class="container text-center seo-content">
<a class="btn btn-seo" data-toggle="collapse" href="#frequently_searched" role="button"
aria-expanded="false" aria-controls="frequently_searched">
Recherches fréquentes
</a>
<div class="collapse" id="frequently_searched">
<a href="/fr/page/pompes-funebres/la-ciotat">pompes funèbres La Ciotat - </a>
<a href="/fr/page/pompes-funebres/saint-cyr-sur-mer">pompes funèbres Saint-Cyr-sur-Mer - </a>
<a href="/fr/page/pompes-funebres/cassis">pompes funèbres Cassis - </a>
<a href="/fr/page/pompes-funebres/carnoux-en-provence">pompes funèbres Carnoux-en-Provence - </a>
<a href="/fr/page/pompes-funebres/roquefort-la-bedoule">pompes funèbres Roquefort-la-Bédoule - </a>
<a href="/fr/page/pompes-funebres/aubagne">pompes funèbres Aubagne - </a>
<a href="/fr/page/pompes-funebres/marseille">pompes funèbres Marseille - </a>
<a href="/fr/page/pompes-funebres/bandol">pompes funèbres Bandol - </a>
<a href="/fr/page/pompes-funebres/gemenos">pompes funèbres Gémenos - </a>
<a href="/fr/page/pompes-funebres/sanary-sur-mer">pompes funèbres Sanary-sur-Mer - </a>
<a href="/fr/page/funerarium/la-ciotat">funérarium La Ciotat - </a>
<a href="/fr/page/funerarium/saint-cyr-sur-mer">funérarium Saint-Cyr-sur-Mer - </a>
<a href="/fr/page/funerarium/cassis">funérarium Cassis - </a>
<a href="/fr/page/funerarium/carnoux-en-provence">funérarium Carnoux-en-Provence - </a>
<a href="/fr/page/funerarium/roquefort-la-bedoule">funérarium Roquefort-la-Bédoule - </a>
<a href="/fr/page/funerarium/aubagne">funérarium Aubagne - </a>
<a href="/fr/page/funerarium/marseille">funérarium Marseille - </a>
<a href="/fr/page/funerarium/bandol">funérarium Bandol - </a>
<a href="/fr/page/funerarium/gemenos">funérarium Gémenos - </a>
<a href="/fr/page/funerarium/sanary-sur-mer">funérarium Sanary-sur-Mer - </a>
<a href="/fr/page/marbrerie/la-ciotat">marbrerie La Ciotat - </a>
<a href="/fr/page/marbrerie/saint-cyr-sur-mer">marbrerie Saint-Cyr-sur-Mer - </a>
<a href="/fr/page/marbrerie/cassis">marbrerie Cassis - </a>
<a href="/fr/page/marbrerie/carnoux-en-provence">marbrerie Carnoux-en-Provence - </a>
<a href="/fr/page/marbrerie/roquefort-la-bedoule">marbrerie Roquefort-la-Bédoule - </a>
<a href="/fr/page/marbrerie/aubagne">marbrerie Aubagne - </a>
<a href="/fr/page/marbrerie/marseille">marbrerie Marseille - </a>
<a href="/fr/page/marbrerie/bandol">marbrerie Bandol - </a>
<a href="/fr/page/marbrerie/gemenos">marbrerie Gémenos - </a>
<a href="/fr/page/marbrerie/sanary-sur-mer">marbrerie Sanary-sur-Mer - </a>
<a href="/fr/page/contrat-obseques/la-ciotat">contrat obsèques La Ciotat - </a>
<a href="/fr/page/contrat-obseques/saint-cyr-sur-mer">contrat obsèques Saint-Cyr-sur-Mer - </a>
<a href="/fr/page/contrat-obseques/cassis">contrat obsèques Cassis - </a>
<a href="/fr/page/contrat-obseques/carnoux-en-provence">contrat obsèques Carnoux-en-Provence - </a>
<a href="/fr/page/contrat-obseques/roquefort-la-bedoule">contrat obsèques Roquefort-la-Bédoule - </a>
<a href="/fr/page/contrat-obseques/aubagne">contrat obsèques Aubagne - </a>
<a href="/fr/page/contrat-obseques/marseille">contrat obsèques Marseille - </a>
<a href="/fr/page/contrat-obseques/bandol">contrat obsèques Bandol - </a>
<a href="/fr/page/contrat-obseques/gemenos">contrat obsèques Gémenos - </a>
<a href="/fr/page/contrat-obseques/sanary-sur-mer">contrat obsèques Sanary-sur-Mer - </a>
<a href="/fr/page/organisation-obseques/la-ciotat">organisation obsèques La Ciotat - </a>
<a href="/fr/page/organisation-obseques/saint-cyr-sur-mer">organisation obsèques Saint-Cyr-sur-Mer - </a>
<a href="/fr/page/organisation-obseques/cassis">organisation obsèques Cassis - </a>
<a href="/fr/page/organisation-obseques/carnoux-en-provence">organisation obsèques Carnoux-en-Provence - </a>
<a href="/fr/page/organisation-obseques/roquefort-la-bedoule">organisation obsèques Roquefort-la-Bédoule - </a>
<a href="/fr/page/organisation-obseques/aubagne">organisation obsèques Aubagne - </a>
<a href="/fr/page/organisation-obseques/marseille">organisation obsèques Marseille - </a>
<a href="/fr/page/organisation-obseques/bandol">organisation obsèques Bandol - </a>
<a href="/fr/page/organisation-obseques/gemenos">organisation obsèques Gémenos - </a>
<a href="/fr/page/organisation-obseques/sanary-sur-mer">organisation obsèques Sanary-sur-Mer - </a>
<a href="/fr/page/cimetieres/la-ciotat">cimetières La Ciotat - </a>
<a href="/fr/page/cimetieres/saint-cyr-sur-mer">cimetières Saint-Cyr-sur-Mer - </a>
<a href="/fr/page/cimetieres/cassis">cimetières Cassis - </a>
<a href="/fr/page/cimetieres/carnoux-en-provence">cimetières Carnoux-en-Provence - </a>
<a href="/fr/page/cimetieres/roquefort-la-bedoule">cimetières Roquefort-la-Bédoule - </a>
<a href="/fr/page/cimetieres/aubagne">cimetières Aubagne - </a>
<a href="/fr/page/cimetieres/marseille">cimetières Marseille - </a>
<a href="/fr/page/cimetieres/bandol">cimetières Bandol - </a>
<a href="/fr/page/cimetieres/gemenos">cimetières Gémenos - </a>
<a href="/fr/page/cimetieres/sanary-sur-mer">cimetières Sanary-sur-Mer - </a>
<a href="/fr/page/entretien-sepulture/la-ciotat">entretien sépulture La Ciotat - </a>
<a href="/fr/page/entretien-sepulture/saint-cyr-sur-mer">entretien sépulture Saint-Cyr-sur-Mer - </a>
<a href="/fr/page/entretien-sepulture/cassis">entretien sépulture Cassis - </a>
<a href="/fr/page/entretien-sepulture/carnoux-en-provence">entretien sépulture Carnoux-en-Provence - </a>
<a href="/fr/page/entretien-sepulture/roquefort-la-bedoule">entretien sépulture Roquefort-la-Bédoule - </a>
<a href="/fr/page/entretien-sepulture/aubagne">entretien sépulture Aubagne - </a>
<a href="/fr/page/entretien-sepulture/marseille">entretien sépulture Marseille - </a>
<a href="/fr/page/entretien-sepulture/bandol">entretien sépulture Bandol - </a>
<a href="/fr/page/entretien-sepulture/gemenos">entretien sépulture Gémenos - </a>
<a href="/fr/page/entretien-sepulture/sanary-sur-mer">entretien sépulture Sanary-sur-Mer - </a>
<a href="/fr/page/inhumation/la-ciotat">inhumation La Ciotat - </a>
<a href="/fr/page/inhumation/saint-cyr-sur-mer">inhumation Saint-Cyr-sur-Mer - </a>
<a href="/fr/page/inhumation/cassis">inhumation Cassis - </a>
<a href="/fr/page/inhumation/carnoux-en-provence">inhumation Carnoux-en-Provence - </a>
<a href="/fr/page/inhumation/roquefort-la-bedoule">inhumation Roquefort-la-Bédoule - </a>
<a href="/fr/page/inhumation/aubagne">inhumation Aubagne - </a>
<a href="/fr/page/inhumation/marseille">inhumation Marseille - </a>
<a href="/fr/page/inhumation/bandol">inhumation Bandol - </a>
<a href="/fr/page/inhumation/gemenos">inhumation Gémenos - </a>
<a href="/fr/page/inhumation/sanary-sur-mer">inhumation Sanary-sur-Mer - </a>
<a href="/fr/page/transport-de-corps/la-ciotat">transport de corps La Ciotat - </a>
<a href="/fr/page/transport-de-corps/saint-cyr-sur-mer">transport de corps Saint-Cyr-sur-Mer - </a>
<a href="/fr/page/transport-de-corps/cassis">transport de corps Cassis - </a>
<a href="/fr/page/transport-de-corps/carnoux-en-provence">transport de corps Carnoux-en-Provence - </a>
<a href="/fr/page/transport-de-corps/roquefort-la-bedoule">transport de corps Roquefort-la-Bédoule - </a>
<a href="/fr/page/transport-de-corps/aubagne">transport de corps Aubagne - </a>
<a href="/fr/page/transport-de-corps/marseille">transport de corps Marseille - </a>
<a href="/fr/page/transport-de-corps/bandol">transport de corps Bandol - </a>
<a href="/fr/page/transport-de-corps/gemenos">transport de corps Gémenos - </a>
<a href="/fr/page/transport-de-corps/sanary-sur-mer">transport de corps Sanary-sur-Mer - </a>
<a href="/fr/page/monument-funeraire/la-ciotat">monument funéraire La Ciotat - </a>
<a href="/fr/page/monument-funeraire/saint-cyr-sur-mer">monument funéraire Saint-Cyr-sur-Mer - </a>
<a href="/fr/page/monument-funeraire/cassis">monument funéraire Cassis - </a>
<a href="/fr/page/monument-funeraire/carnoux-en-provence">monument funéraire Carnoux-en-Provence - </a>
<a href="/fr/page/monument-funeraire/roquefort-la-bedoule">monument funéraire Roquefort-la-Bédoule - </a>
<a href="/fr/page/monument-funeraire/aubagne">monument funéraire Aubagne - </a>
<a href="/fr/page/monument-funeraire/marseille">monument funéraire Marseille - </a>
<a href="/fr/page/monument-funeraire/bandol">monument funéraire Bandol - </a>
<a href="/fr/page/monument-funeraire/gemenos">monument funéraire Gémenos - </a>
<a href="/fr/page/monument-funeraire/sanary-sur-mer">monument funéraire Sanary-sur-Mer - </a>
</div>
</div>
<div class="container-fluid informations-seo-content d-flex justify-content-center">
<p>
© <a href="https://www.vistalid.fr/">Vistalid</a> - 2026
- Tous droits réservés -<a href="/fr/page/mentions-legales"> Mentions légales</a></p>
</div>
</footer>
</div>
<a href="#content" class="scrollTop" style="display: none;"><i class="icofont-long-arrow-up icofont-2x"></i></a>
</div>
<script src="/js/bf73663.js"></script>
<script src="https://tarteaucitron.io/load.js?domain=production&uuid=e49d175e3ee1bb2dfe0203d00ee1a60d6f179c5b"></script>
<script type="text/javascript">
tarteaucitron.init({
"privacyUrl": "", /* Privacy policy url */
"bodyPosition": "bottom", /* or top to bring it as first element for accessibility */
"hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
"cookieName": "tarteaucitron", /* Cookie name */
"orientation": "middle", /* Banner position (top - bottom) */
"groupServices": false, /* Group services by category */
"showDetailsOnClick": true, /* Click to expand the description */
"serviceDefaultState": "wait", /* Default state (true - wait - false) */
"showAlertSmall": false, /* Show the small banner on bottom right */
"cookieslist": false, /* Show the cookie list */
"closePopup": false, /* Show a close X on the banner */
"showIcon": true, /* Show cookie icon to manage cookies */
//"iconSrc": "", /* Optionnal: URL or base64 encoded image */
"iconPosition": "BottomRight", /* BottomRight, BottomLeft, TopRight and TopLeft */
"adblocker": false, /* Show a Warning if an adblocker is detected */
"DenyAllCta" : true, /* Show the deny all button */
"AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
"highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
"alwaysNeedConsent": false, /* Ask the consent for "Privacy by design" services */
"handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
"removeCredit": false, /* Remove credit link */
"moreInfoLink": true, /* Show more info link */
"useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
"useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */
//"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */
"readmoreLink": "", /* Change the default readmore link */
"mandatory": true, /* Show a message about mandatory cookies */
"mandatoryCta": true, /* Show the disabled accept button when mandatory on */
//"customCloserId": "", /* Optional a11y: Custom element ID used to open the panel */
"googleConsentMode": true, /* Enable Google Consent Mode v2 for Google ads and GA4 */
"partnersList": false /* Show the number of partners on the popup/middle banner */
});
(tarteaucitron.job = tarteaucitron.job || []).push('matomocloud');
</script>
</body>
</html>
