Accueil - Place du Village :Place du Village

<!doctype html> <html lang="fr-FR" class="no-js"> <head> <meta charset="UTF-8"> <title>Accueil - Place du Village :Place du Village</title> <link href="//www.google-analytics.com" rel="dns-prefetch"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="L'outil de communication simplifié des communes"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"/> <link rel="stylesheet" href="https://cdn.boomcdn.com/libs/owl-carousel/2.3.4/assets/owl.carousel.min.css"/> <link rel="stylesheet" href="https://cdn.boomcdn.com/libs/owl-carousel/2.3.4/assets/owl.theme.default.min.css"/> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> <link href="https://unpkg.com/filepond/dist/filepond.css" rel="stylesheet"> <link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css" rel="stylesheet"> <link href="https://unpkg.com/filepond-plugin-image-edit/dist/filepond-plugin-image-edit.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <style> :root { /* Colors */ --pdv-primary: #dd9933; --pdv-primary-10: #dd99331A; --pdv-primary-20: #dd993333; --pdv-primary-80: #dd9933CC; --pdv-primary-20: #dd993380; --pdv-secondary: #94c259; --pdv-tertiary: #d6dfe2; /* Fonts */ --pdv-primary-font: 'Nexa-Slab', sans-serif; --pdv-secondary-font: 'Nexa-Slab', serif; } </style> <link href="https://place-du-village.fr/app/themes/commercial/css/custom.css" rel="stylesheet">  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script> <script src="https://cdn.boomcdn.com/libs/owl-carousel/2.3.4/owl.carousel.min.js"></script> <script src="https://unpkg.com/filepond/dist/filepond.min.js"></script> <script src="https://unpkg.com/jquery-filepond/filepond.jquery.js"></script> <script src="https://unpkg.com/filepond-plugin-file-encode/dist/filepond-plugin-file-encode.js"></script> <script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.js"></script> <script src="https://unpkg.com/filepond-plugin-image-exif-orientation/dist/filepond-plugin-image-exif-orientation.js"> </script> <script src="https://unpkg.com/filepond-plugin-file-validate-size/dist/filepond-plugin-file-validate-size.js"> </script> <script src="https://unpkg.com/filepond-plugin-image-edit/dist/filepond-plugin-image-edit.js"></script> <script src="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw==" crossorigin="anonymous"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" integrity="sha512-17EgCFERpgZKcm0j0fEq1YCJuyAWdz9KUtv1EjVuaOz8pDnh/0nZxmU6BBXwaaxqoi9PQXnRWqlcDB027hgv9A==" crossorigin="anonymous"/>  <link href="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css" rel="stylesheet"/> <script src="https://place-du-village.fr/app/themes/commercial/js/anime.min.js"></script> <script src="https://place-du-village.fr/app/themes/commercial/js/scrollreveal.min.js"></script> <script src="https://place-du-village.fr/app/themes/commercial/js/main.js"></script> <script src="https://place-du-village.fr/app/themes/commercial/js/scripts.js"></script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <meta name="description" content="Bienvenue chez Place du Village, la solution de communication globale des collectivités. Une seule interface pour informer, communiquer et fédérer vos administrés sur tous les canaux à partir de 68 €HT par mois." /> <link rel="canonical" href="https://place-du-village.fr/" /> <meta property="og:locale" content="fr_FR" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Accueil - Place du Village" /> <meta property="og:description" content="Bienvenue chez Place du Village, la solution de communication globale des collectivités. Une seule interface pour informer, communiquer et fédérer vos administrés sur tous les canaux à partir de 68 €HT par mois." /> <meta property="og:url" content="https://place-du-village.fr/" /> <meta property="og:site_name" content="Place du Village" /> <meta property="article:modified_time" content="2022-10-28T08:04:18+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://place-du-village.fr/","url":"https://place-du-village.fr/","name":"Accueil - Place du Village","isPartOf":{"@id":"https://place-du-village.fr/#website"},"datePublished":"2020-12-04T14:45:32+00:00","dateModified":"2022-10-28T08:04:18+00:00","description":"Bienvenue chez Place du Village, la solution de communication globale des collectivités. Une seule interface pour informer, communiquer et fédérer vos administrés sur tous les canaux à partir de 68 €HT par mois.","breadcrumb":{"@id":"https://place-du-village.fr/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://place-du-village.fr/"]}]},{"@type":"BreadcrumbList","@id":"https://place-du-village.fr/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil"}]},{"@type":"WebSite","@id":"https://place-du-village.fr/#website","url":"https://place-du-village.fr/","name":"Place du Village","description":"L'outil de communication simplifié des communes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://place-du-village.fr/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}</script>  <link rel='dns-prefetch' href='//unpkg.com' /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/place-du-village.fr\/wp\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.6"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link rel='stylesheet' id='acy_front_messages_css-css' href='https://place-du-village.fr/app/plugins/acymailing/media/css/front/messages.min.css?v=1729511102&ver=6.6' media='all' /> <link rel='stylesheet' id='dashicons-css' href='https://place-du-village.fr/wp/wp-includes/css/dashicons.min.css?ver=6.6' media='all' /> <link rel='stylesheet' id='faq_css-css' href='https://place-du-village.fr/wp/wp-content/plugins/faq/assets/css/front.css?ver=6.6' media='all' /> <link rel='stylesheet' id='comarquage-css' href='https://place-du-village.fr/app/plugins/co-marquage-service-public/assets/css/comarquage.css?ver=0.5.74' media='all' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://place-du-village.fr/wp/wp-includes/css/dist/block-library/style.min.css?ver=6.6' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='adhs-css' href='https://place-du-village.fr/app/plugins/add-to-home-screen-wp/add2home.css?ver=6.6' media='all' /> <link rel='stylesheet' id='tiempocom_style-css' href='https://place-du-village.fr/app/plugins/tiempocom/static/css/default.css?ver=6.6' media='all' /> <link rel='stylesheet' id='normalize-css' href='https://place-du-village.fr/app/themes/commercial/normalize.css?ver=1.0' media='all' /> <link rel='stylesheet' id='html5blank-css' href='https://place-du-village.fr/app/themes/commercial/style.css?ver=1.0' media='all' /> <link rel='stylesheet' id='block-edito-css' href='https://place-du-village.fr/app/themes/commercial/parts/blocks/edito/edito.css?ver=6.6' media='all' /> <link rel='stylesheet' id='mapCss-css' href='https://place-du-village.fr/app/themes/commercial/css/map.css?ver=1.0' media='all' /> <link rel='stylesheet' id='formulaires-css' href='https://place-du-village.fr/app/themes/commercial/css/composants/formulaires.css?ver=1.0' media='all' /> <link rel='stylesheet' id='agenda-css' href='https://place-du-village.fr/app/themes/commercial/css/composants/agenda.css?ver=1.0' media='all' /> <link rel='stylesheet' id='contact-css' href='https://place-du-village.fr/app/themes/commercial/css/composants/contact.css?ver=1.0' media='all' /> <link rel='stylesheet' id='OpenStreetMap-css' href='https://unpkg.com/leaflet@1.6.0/dist/leaflet.css?ver=1.0' media='all' /> <link rel='stylesheet' id='filepreviewcss-css' href='https://unpkg.com/file-upload-with-preview@4.1.0/dist/file-upload-with-preview.min.css?ver=1.0' media='all' /> <link rel='stylesheet' id='menu-bottom-mobile-css' href='https://place-du-village.fr/app/themes/commercial/css/menu-bottom-mobile.css?ver=1.0' media='all' /> <link rel='stylesheet' id='SignalementCitoyen-css' href='https://place-du-village.fr/app/themes/commercial/css/signalement-citoyen.css?ver=1.0' media='all' /> <link rel='stylesheet' id='SignalementCitoyenDesktop-css' href='https://place-du-village.fr/app/themes/commercial/css/signalement-citoyen-desktop.css?ver=1.0' media='all' /> <link rel='stylesheet' id='swiper-css' href='https://unpkg.com/swiper/swiper-bundle.min.css?ver=1.0' media='all' /> <link rel='stylesheet' id='bright-author-css' href='https://place-du-village.fr/app/themes/commercial/css/composants/bright-author.css?ver=1.0' media='all' /> <link rel='stylesheet' id='mot-du-maire-css' href='https://place-du-village.fr/app/themes/commercial/css/composants/mot-du-maire.css?ver=1.0' media='all' /> <link rel='stylesheet' id='affichage-ecran-css' href='https://place-du-village.fr/app/themes/commercial/css/affichage-ecran/app.css?ver=1.0' media='all' /> <link rel='stylesheet' id='pwaforwp-style-css' href='https://place-du-village.fr/app/plugins/pwa-for-wp/assets/css/pwaforwp-main.min.css?ver=1.7.74' media='all' /> <script type="text/javascript">var addToHomeConfig = {message:'fr_fr',animationIn:'fade',animationOut:'fade',startdelay:2000,lifespan:20000,expire:0,touchIcon:false}</script><script type="text/javascript" id="acy_front_messages_js-js-before"> /* <![CDATA[ */ var ACYM_AJAX_START = "https://place-du-village.fr/wp/wp-admin/admin-ajax.php"; var ACYM_AJAX_PARAMS = "?action=acymailing_router&noheader=1&nocache=1732746248"; var ACYM_AJAX = ACYM_AJAX_START + ACYM_AJAX_PARAMS; /* ]]> */ </script> <script type="text/javascript" src="https://place-du-village.fr/app/plugins/acymailing/media/js/front/messages.min.js?v=1729511102&ver=6.6" id="acy_front_messages_js-js"></script> <script type="text/javascript" src="https://place-du-village.fr/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://place-du-village.fr/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://place-du-village.fr/wp/wp-content/plugins/faq/assets/js/jquery.autocomplete.min.js?ver=6.6" id="jquery_devbridge_autocomplete-js"></script> <script type="text/javascript" src="https://place-du-village.fr/wp/wp-content/plugins/faq/assets/js/front.js?ver=6.6" id="faq_js-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/themes/commercial/js/lib/conditionizr-4.3.0.min.js?ver=4.3.0" id="conditionizr-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/themes/commercial/js/lib/modernizr-2.7.1.min.js?ver=2.7.1" id="modernizr-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/themes/commercial/js/elusForm.js?ver=1.0.0" id="contact-elus-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/themes/commercial/js/insc-annuaire.js?ver=1.0.0" id="insc-annuaire-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/themes/commercial/js/contactForm.js?ver=1.0.0" id="contactForm-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/themes/commercial/js/signalement-annuaire.js?ver=1.0.0" id="signalement-annuaire-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/themes/commercial/js/newsletter.js?ver=1.0.0" id="newsletter-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/themes/commercial/js/map.js?ver=1.0.0" id="contactMap-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/themes/commercial/js/lib/file-upload-preview.min.js?ver=1.0.0" id="fileuploadpreview-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/themes/commercial/js/sc-script.js?ver=1.0.0" id="sc-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/themes/commercial/js/session.js?ver=1.0.0" id="session-js"></script> <script type="text/javascript" src="https://unpkg.com/swiper/swiper-bundle.min.js?ver=6.6" id="swiper-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/themes/commercial/js/info-flash/script.js?ver=1.0.0" id="info-flash-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/plugins/add-to-home-screen-wp/add2home.js?ver=6.6" id="adhs-js"></script> <link rel="https://api.w.org/" href="https://place-du-village.fr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://place-du-village.fr/wp-json/wp/v2/pages/587" /><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://place-du-village.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fplace-du-village.fr%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://place-du-village.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fplace-du-village.fr%2F&format=xml" /> <script> let alerte_close = document.querySelector('.alert-module button.close'); let alertes = document.querySelectorAll('.alert-module'); if ( alerte_close ) { alerte_close.addEventListener('click', () => { sessionStorage['alerte'] = 'alertClose'; }); } let data = sessionStorage['alerte']; if ( data === 'alertClose' ) { Array.prototype.forEach.call(alertes, function (alerte) { alerte.style.display = 'none'; }); // alerte.style.display = 'none'; } else { Array.prototype.forEach.call(alertes, function (alerte) { alerte.style.display = 'block'; }); // alerte.style.display = 'block'; } </script> <meta name="onesignal" content="wordpress-plugin"/> <script> window.OneSignal = window.OneSignal || []; OneSignal.push( function() { OneSignal.SERVICE_WORKER_UPDATER_PATH = "OneSignalSDKUpdaterWorker.js.php"; OneSignal.SERVICE_WORKER_PATH = "OneSignalSDKWorker.js.php"; OneSignal.SERVICE_WORKER_PARAM = { scope: "/" }; OneSignal.setDefaultNotificationUrl("https://place-du-village.fr/wp"); var oneSignal_options = {}; window._oneSignalInitOptions = oneSignal_options; oneSignal_options['wordpress'] = true; oneSignal_options['appId'] = ''; oneSignal_options['allowLocalhostAsSecureOrigin'] = true; oneSignal_options['welcomeNotification'] = { }; oneSignal_options['welcomeNotification']['title'] = ""; oneSignal_options['welcomeNotification']['message'] = ""; oneSignal_options['path'] = "https://place-du-village.fr/app/plugins/onesignal-free-web-push-notifications/sdk_files/"; oneSignal_options['promptOptions'] = { }; OneSignal.init(window._oneSignalInitOptions); }); function documentInitOneSignal() { var oneSignal_elements = document.getElementsByClassName("OneSignal-prompt"); var oneSignalLinkClickHandler = function(event) { OneSignal.push(['registerForPushNotifications']); event.preventDefault(); }; for(var i = 0; i < oneSignal_elements.length; i++) oneSignal_elements[i].addEventListener('click', oneSignalLinkClickHandler, false); } if (document.readyState === 'complete') { documentInitOneSignal(); } else { window.addEventListener("load", function(event){ documentInitOneSignal(); }); } </script> <link rel="icon" href="https://place-du-village.fr/app/uploads/2021/09/cropped-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://place-du-village.fr/app/uploads/2021/09/cropped-favicon-192x192.png" sizes="192x192" /> <meta name="msapplication-TileImage" content="https://place-du-village.fr/app/uploads/2021/09/cropped-favicon-270x270.png" /> <meta name="pwaforwp" content="wordpress-plugin"/> <meta name="theme-color" content="#D5E0EB"> <meta name="apple-mobile-web-app-title" content="PDV - Gestionnaire"> <meta name="application-name" content="PDV - Gestionnaire"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="default"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-touch-fullscreen" content="yes"> <link rel="apple-touch-icon" sizes="192x192" href="https://pdv.bcnco.fr/wp-content/plugins/pwa-for-wp/images/logo.png"> <link rel="apple-touch-icon" sizes="512x512" href="https://pdv.bcnco.fr/wp-content/plugins/pwa-for-wp/images/logo-512x512.png"> <script> // conditionizr.com // configure environment tests conditionizr.config({ assets: 'https://place-du-village.fr/app/themes/commercial', tests: {} }); </script>  <script src="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@v2.6.0/dist/cookieconsent.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@2.6.0/dist/cookieconsent.css"> <style> /* ##*********## */ /* ## ALERTES ## */ /* ##*********## */ .alert-module { border-radius: 0rem; padding-top: 2em; padding-bottom: 2em; border: none; overflow: hidden; display: none; } .alert-module.alert-info { background-color: #117da3; } .alert-module.alert-warning { background-color: #EB7700; } .alert-module.alert-danger { background-color: #e44e1c; } .alert-content { position: relative; } .alert-content-inner { padding-left: 0px !important; } @media screen and (min-width: 1200px) { .alert-content-inner { padding-left: 100px !important; } } .alert-content img { position: absolute; transform: rotate(-25deg) translate(-50%, -50%); top: 0%; left: 85px; opacity: .25; } .alert-module .alert-heading, .alert-module p { color: #fff; } .alert-module p { margin-bottom: 0px !important; } .alert-module button.close { position: relative; z-index: 999; opacity: 1 !important; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; appearance: none; } a.close.disabled { pointer-events: none; } /* ##************## */ /* ## ANNUAIRES ## */ /* ##***********## */ .category-association-block-title, .category-association-block a { color: #94c259; } .category-association-block-title::after { background-color: #94c259 !important; height: 2px !important; width: 20px !important; transition: background-color .15s ease-in-out; } .category-association-block:hover .category-association-block-title, .category-association-block:hover a { color: #fff !important; } .category-association-block:hover .category-association-block-title::after { background-color: #fff !important; } .archive-association-block { position: relative; display: flex; flex-direction: column; align-items: center; padding: 80px 35px; height: 100%; background-color: #94c259 } .category-association-block:hover { transform: translateY(-10px); background-color: #94c259 !important; } .category-association-block-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; z-index: 5; height: 100%; } .archive-association-block-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .archive-association-img { width: 100px; } .archive-association-block-title { display: flex; margin-top: 15px; color: #fff; font-size: 22px; font-weight: 600; text-decoration: none; text-transform: uppercase; text-align: center; } .category-association-block { transition: background-color 0.15s ease-in, transform 0.15s ease-in; position: relative; padding: 2rem; height: 100%; background-color: #94c25930; color: #fff !important; } .category-association-block-link-text { transition: color 0.15s ease-in; } .category-association-block-title { transition: color 0.15s ease-in; color: #94c259; font-size: 16px; } @media screen and (min-width: 320px) { .category-association-block-title { font-size: calc(16px + 4 * ((100vw - 320px) / 880)); } } @media screen and (min-width: 1200px) { .category-association-block-title { font-size: 20px; } } /* Coordonnées annuaire */ .single-association-svg-container { width: 35px; height: 35px; display: flex; justify-content: flex-start; align-items: center; } .single-associations-contact svg { width: auto; height: 24px; } .single-associations-address svg { width: auto; height: 24px; } .single-associations-phone-1 svg { width: auto; height: 22px; } .single-associations-phone-2 svg { width: auto; height: 22px; } .single-associations-email svg { width: auto; height: 22px; } .single-associations-website svg { width: auto; height: 28px; } .annuaire-button { padding: 10px 24px !important; display: flex !important; margin-right: 0 !important; align-items: center; } .annuaire-button svg { fill: #fff; width: auto; height: 25px; transition: all 0.35s ease-in; } .annuaire-button span { line-height: 1em; padding-left: 10px; text-align: left; font-weight: 600; transition: all 0.35s ease-in; } .annuaire-button:hover svg { fill: #dd9933; } .annuaire-button:hover span { color: #dd9933; } } .form-group { margin-bottom: 1rem; } /* ##**********************## */ /* ## CONSEILS MUNICIPAUX ## */ /* ##*********************## */ /* Couleurs non reliées au BO Couleurs non reliées au BO Couleurs non reliées au BO*/ .archive-cm-bloc { position: relative; height: 100%; } .archive-cm-bloc { padding-top: 10px; } @media screen and (min-width: 320px) { .archive-cm-bloc { padding-top: calc(10px + 15 * ((100vw - 320px) / 880)); } } @media screen and (min-width: 1200px) { .archive-cm-bloc { padding-top: 25px; } } .archive-cm-bloc { padding-bottom: 10px; } @media screen and (min-width: 320px) { .archive-cm-bloc { padding-bottom: calc(10px + 15 * ((100vw - 320px) / 880)); } } @media screen and (min-width: 1200px) { .archive-cm-bloc { padding-bottom: 25px; } } .archive-cm-bloc { padding-left: 10px; } @media screen and (min-width: 320px) { .archive-cm-bloc { padding-left: calc(10px + 15 * ((100vw - 320px) / 880)); } } @media screen and (min-width: 1200px) { .archive-cm-bloc { padding-left: 25px; } } .archive-cm-bloc { padding-right: 10px; } @media screen and (min-width: 320px) { .archive-cm-bloc { padding-right: calc(10px + 15 * ((100vw - 320px) / 880)); } } @media screen and (min-width: 1200px) { .archive-cm-bloc { padding-right: 25px; } } .archive-cm-bloc-title { color: #fff; } .archive-cm-bloc-title { font-size: 20px; } @media screen and (min-width: 320px) { .archive-cm-bloc-title { font-size: calc(20px + 4 * ((100vw - 320px) / 880)); } } @media screen and (min-width: 1200px) { .archive-cm-bloc-title { font-size: 24px; } } .archive-cm-bloc-text-link { color: #fff; } .archive-cm-bloc-single { border: 3px solid #004d95; transition: all 0.35s ease-in; } .archive-cm-bloc-single:hover { background-color: rgba(0, 77, 149, 0.15); } .archive-single-cm-bloc-title { color: #004d95; } .archive-single-cm-bloc-title { font-size: 16px; } @media screen and (min-width: 320px) { .archive-single-cm-bloc-title { font-size: calc(16px + 4 * ((100vw - 320px) / 880)); } } @media screen and (min-width: 1200px) { .archive-single-cm-bloc-title { font-size: 20px; } } .archive-cm-bloc-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 50; } .single-cm-icon svg { height: auto; max-width: 100%; fill: #004d95; stroke: #004d95; } .single-cm-bloc-text-link { color: #004d95; } /* ##***************## */ /* ## CONTACT ELUS ## */ /* ##**************## */ .elu-name { font-weight: 600; } .elu-name { padding-bottom: 5px; } @media screen and (min-width: 320px) { .elu-name { padding-bottom: calc(5px + 10 * ((100vw - 320px) / 880)); } } @media screen and (min-width: 1200px) { .elu-name { padding-bottom: 15px; } } .elu-name { padding-top: 5px; } @media screen and (min-width: 320px) { .elu-name { padding-top: calc(5px + 10 * ((100vw - 320px) / 880)); } } @media screen and (min-width: 1200px) { .elu-name { padding-top: 15px; } } .elu-name { font-size: 20px; } @media screen and (min-width: 320px) { .elu-name { font-size: calc(20px + 6 * ((100vw - 320px) / 880)); } } @media screen and (min-width: 1200px) { .elu-name { font-size: 26px; } } /* ##***************## */ /* ## PUBLICATIONS ## */ /* ##**************## */ .cat-publications { display: flex; flex-flow: column; align-items: center; } .cat-publications img, .cat-publications svg { margin-bottom: 20px; } .cat-publications svg { max-height: 120px; } .cat-publications h3 { text-align: center; } <style> /* Cookies */ /* prod */ :root { --cc-bg: #fff; --cc-text: #353533; --cc-btn-primary-bg: red; --cc-btn-primary-text: var(--cc-bg); --cc-btn-primary-hover-bg: #000000; --cc-btn-secondary-bg: #eaeff2; --cc-btn-secondary-text: var(--cc-text); --cc-btn-secondary-hover-bg: #d8e0e6; --cc-toggle-bg-off: #919ea6; --cc-toggle-bg-on: var(--cc-btn-primary-bg); --cc-toggle-bg-readonly: #d5dee2; --cc-toggle-knob-bg: #fff; --cc-toggle-knob-icon-color: #ecf2fa; --cc-block-text: var(--cc-text); --cc-cookie-category-block-bg: #f0f4f7; --cc-cookie-category-block-bg-hover: #e9eff4; --cc-section-border: #f1f3f5; --cc-cookie-table-border: #e9edf2; --cc-overlay-bg: rgba(4, 6, 8, .85); --cc-webkit-scrollbar-bg: #cfd5db; --cc-webkit-scrollbar-bg-hover: #9199a0; } /* #cm, #s-bl .act .b-acc, #s-inr, .cc_div .b-tl, .cc_div .c-bl, .cc_div .c-bn { border-radius: 0 !important; } */ a.cookies-button { position: fixed; background-color: var(--pdv-primary); width: 52px; height: 52px; bottom: 100px; right: 10px; z-index: 100; border-radius: 100%; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transform: translateY(10px); } a.cookies-button svg { fill: #fff; width: auto; height: 35px; } a.cookies-button.is-visible { opacity: 1; visibility: visible; transform: translateY(0px); } a.cookies-button:hover { background-color: var(--pdv-secondary);} @media screen and (min-width: 807px) { a.cookies-button { right: 40px; bottom: 40px; } } #c-ttl { font-size: 1.45em; } @font-face { font-family: "Nexa"; src: url("https://place-du-village.fr/app/themes/commercial/fonts/Fontfabric-Nexa.woff") format("woff") } @font-face { font-family: "Nexa-Slab"; src: url("https://place-du-village.fr/app/themes/commercial/fonts/Nexa-Slab-Black.woff") format("woff") } html.sr .load-hidden { visibility: hidden; } html, body { font-family: var(--pdv-primary-font);; color: #000; background-color: #fff; } ::selection { background-color: var(--pdv-primary); color: #fff; } a { color: var(--pdv-primary); text-decoration: underline; transition: all 0.35s ease-in-out; } a:hover { color: var(--pdv-secondary); } .section-title { position: relative; } .section-title-front { letter-spacing: 20px; text-transform: uppercase; font-weight: 500; } .section-title-background { pointer-events: none; } .section-title-gris .section-title-front { color: #313131; } .section-title-gris .section-title-background { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); color: rgba(89, 89, 89, 0.1); text-transform: uppercase; font-weight: 700; letter-spacing: 15px; font-size: 20px; } .section-title-blanc .section-title-front { color: #fff; } .section-title-blanc .section-title-background { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 0.1); text-transform: uppercase; font-weight: 700; letter-spacing: 15px; font-size: 20px; } @media screen and (min-width: 768px) { .section-title-gris .section-title-background { letter-spacing: 20px; font-size: 120px; } .section-title-blanc .section-title-background { letter-spacing: 20px; font-size: 120px; } } .line-height-1 { line-height: 1em; } h1, h2, h3, h4, h5, h6 { font-family: var(--pdv-secondary-font); } h1 { font-size: 30px; font-weight: 900; } article h2 { font-family: var(--pdv-primary-font); } article h3 { font-family: var(--pdv-secondary-font); font-weight: 900; } @media screen and (min-width: 768px) { h1 { font-size: 50px; } } h2 { color: #000; font-size: 16px; } @media screen and (min-width: 768px) { h2 { font-size: 19px; } } h3 { font-size: 20px; color: var(--pdv-primary); position: relative; padding-bottom: .5em; margin-bottom: .6em; font-weight: 400; } h3::after { background-color: var(--pdv-primary); content: ''; position: absolute; width: 20px; left: 0; bottom: 0; height: 5px; width: 35px; border-radius: 25px; } @media screen and (min-width: 768px) { h3::after { height: 6px; width: 35px; } } h4 { font-family: var(--pdv-secondary-font);; color: var(--pdv-secondary); font-size: 18px; margin-bottom: 1em; } h5 { color: var(--pdv-primary); font-size: 16px; } h6 { font-style: italic; color: var(--pdv-secondary); } @media screen and (min-width: 768px) { h3 { font-size: 42px; } h4 { font-size: 22px; } } p, ul, ul li, ol, ol li { font-family: var(--pdv-primary-font);; font-weight: 400; color: #000000; font-size: 16px; } ul li { list-style-type: none; } ul li { position: relative; } article ul li::after { position: absolute; content: '\f054'; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--pdv-primary); font-size: 12px; left: -15px; top: 12px; transform: translateY(-50%); } .title-with-line { font-size: 30px; font-family: var(--pdv-primary-font);; font-weight: 700; color: var(--pdv-primary); border-left: none; padding-left: 0px; display: inline; position: relative; line-height: 1em; } .title-with-line::before { content: ''; z-index: -1; position: absolute; left: -15px; bottom: 0; background-color: var(--pdv-secondary); height: 25px; width: 100%; width: calc(100% + 30px); } @media screen and (min-width: 768px) { .title-with-line { font-size: 45px; } } .exergue { font-size: 60px; color: var(--pdv-secondary); font-family: var(--pdv-primary-font);; font-weight: 400; } .horizontal-progress-bar { position: fixed; height: 2px; background-color: var(--pdv-primary); top: 0; left: 0; width: 0%; z-index: 9999999; } ::-webkit-scrollbar { width: 7px; height: 7px; } ::-webkit-scrollbar-track { background: #fff; padding: 1px; } ::-webkit-scrollbar-thumb { background: #d5e3ec; } .horizontal-progress-bar { position: fixed; height: 2px; background-color: var(--pdv-primary); top: 0; left: 0; width: 0%; z-index: 1000; } .navigation-container::-webkit-resizer { background-color: #323232; } .navigation-container::-webkit-scrollbar { width: 6px; height: 3px; } .navigation-container::-webkit-scrollbar-button { height: 0; } .navigation-container::-webkit-resizer, ::-webkit-scrollbar-corner { background-color: #7d7d7d; } .navigation-container::-webkit-scrollbar-thumb { height: 50px; background-color: #afafaf; } .navigation-container::-webkit-scrollbar-track { background-color: #e2e2e2; } button, input[type=submit] { border: none; } button:focus, input[type=submit]:focus { outline: none; } .button { display: inline-flex; padding: 4px 22px; color: #fff; text-decoration: none; margin-right: 5px; margin-bottom: 5px; text-align: center; transition: all 0.35s ease-in-out; font-size: 16px; font-family: var(--pdv-primary-font);; } .button:hover { text-decoration: none; } .button-contact { border: none; } .button-voir-plus-actualites { font-size: 1rem; font-family: var(--pdv-primary-font);; color: var(--pdv-primary); text-decoration: none; position: relative; text-align: center; } .button-voir-plus-actualites::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--pdv-primary); transition: all .35s ease-in-out; } .button-voir-plus-actualites:hover { text-decoration: none; } .button-voir-plus-actualites:hover::after { background-color: var(--pdv-secondary); } .home-signalement-button { display: inline-flex; align-items: center; justify-content: center; background-color: var(--pdv-secondary); padding: 10px 42px; transition: all .35s ease-in-out; } .home-signalement-button:hover {} .home-signalement-button img { width: auto; height: 25px; } .home-signalement-button span { display: inline-flex; margin-left: 10px; line-height: 1em; } .footer-phone-container span { font-family: var(--pdv-secondary-font);; color: #000; font-size: 1.125rem; font-weight: 500; } .footer-phone-container a, .footer-fax-container a { color: #000; font-family: var(--pdv-primary-font);; text-decoration: none; font-weight: 300; font-size: 1.375rem; } .footer-phone-container a:hover { color: #fff; } .footer-fax-container span { font-family: var(--pdv-secondary-font);; color: #000; font-size: 1.125rem; font-weight: 500; } .footer-fax-container a:hover { color: var(--pdv-secondary); } .footer-horaires-button { background-color: #fff; color: var(--pdv-primary); padding: 14px 24px; margin-top: 15px; display: flex; align-items: center; transition: all .35s ease-in-out; } .footer-horaires-button:hover { background-color: var(--pdv-secondary); } .footer-horaires-button svg { } .footer-horaires-button span { font-family: var(--pdv-primary-font);; display: inline-flex; padding-left: .65rem; font-size: 22px; } .footer-newsletter-button { display: inline-flex; align-items: center; justify-content: space-between; border: 1px solid #000; color: #000; border-radius: 200px; padding-top: 1rem; padding-bottom: 1rem; padding-left: calc(1.28125rem + 0.375vw); padding-right: calc(1.28125rem + 0.375vw); min-width: calc(2.5625rem + 15.75vw); text-decoration: none; } @media (min-width: 1200px) { .footer-newsletter-button { padding-left: 1.5625rem; } } @media (min-width: 1200px) { .footer-newsletter-button { padding-right: 1.5625rem; } } @media (min-width: 1200px) { .footer-newsletter-button { min-width: 14.375rem; } } .footer-newsletter-button span { font-size: 1rem; color: #000; font-family: var(--pdv-primary-font);; font-weight: 400; margin-left: 5px; } .footer-newsletter-button:hover { text-decoration: none; border: 1px solid #fff; background-color: rgba(255, 255, 255, .1); color: #000; } .footer-text { color: #000; } .footer-bottom { border-top: 1px solid #000; padding-top: 35px !important; padding-bottom: 35px !important; margin-top: 90px; } .footer-bottom-social-medias a { color: #000; text-decoration: none; margin-right: 50px; } .footer-bottom-social-medias a:last-child { margin-right: 0; } .footer-bottom-social-medias a i { color: #000; font-size: 34px; transition: all .35s ease-in-out; } .footer-bottom-social-medias a:hover i { color: #fff; } span.footer-mentions, a.footer-mentions { color: #000; font-weight: 900; } a.footer-mentions { text-decoration: none; } a.footer-mentions:hover { color: #fff; } .footer-bottom-menu-mentions { flex: 1; display: flex; justify-content: flex-end; } .mentions-legales-link { color: #fff; } .footer-services-menu { padding-left: 0; margin-bottom: 0; } .footer-services-menu li { margin-bottom: 15px; } .footer-services-menu li a { display: flex; align-items: center; text-decoration: none; } .footer-services-menu li a img { height: 26px; width: 24px; display: block; } .footer-services-menu li a span { color: #000; font-weight: 500; font-size: 1.125rem; font-family: var(--pdv-primary-font);; display: inline-flex; margin-left: 15px; transition: all .35s ease-in-out; } .footer-services-menu li a:hover span { color: #fff; } .footer-services-menu li::after { display: none; } body.nav-is-open { overflow: hidden; } .loader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; display: flex; justify-content: center; align-items: center; background-color: #fff; } .loader .loader-svg { height: 70px; } .loader.loaded { opacity: 0; z-index: -1; transition: all 0.35s ease-in-out; } .mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; cursor: pointer; transition: .35s ease-in-out; } .mask.is-visible { opacity: 1; visibility: visible; } .navigation-menu-mobile-logo { margin-bottom: 25px; display: block; } .navigation-menu-mobile-logo img { height: 70px; } .navigation-menu-mobile-logo svg { fill: var(--pdv-primary); transition: all 0.35s ease-in-out; } .navigation-logo a { display: inline-flex; text-decoration: none; } .navigation-logo a img { height: 70px; } @media screen and (min-width: 991px) { .navigation-logo a { display: inline-flex; text-decoration: none; } .navigation-logo a img { height: 70px; } } .navigation.fixed { position: fixed !important; opacity: 0; visibility: hidden; top: -130px !important; left: 0; right: 0; background-color: #F4F0E9; z-index: 999 !important; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); transition: 0.35s top cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.35s opacity cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.35s visibility cubic-bezier(0.3, 0.73, 0.3, 0.74); } .navigation.fixed.slideDown { top: 0 !important; opacity: 1; visibility: visible; } .navigation-inner { display: flex; flex-direction: column; position: relative; padding: 10px 0; } .navigation-inner .navigation-logo { padding-left: 15px; } .navigation-mobile-button { position: absolute; right: 15px; top: 50%; width: 30px; height: 20px; transform: rotate(0deg) translateY(-50%); transition: .25s ease-in-out; cursor: pointer; } .navigation-mobile-button span { display: block; position: absolute; height: 4px; width: 100%; background-color: var(--pdv-primary); border-radius: 0px; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; } .navigation-mobile-button span:nth-child(1) { top: 0px; transform-origin: left center; } .navigation-mobile-button span:nth-child(2) { top: 8px; transform-origin: left center; } .navigation-mobile-button span:nth-child(3) { bottom: 0; transform-origin: left center; } .navigation-mobile-button.is-clicked span:nth-child(1) { background-color: #969696; transform: rotate(45deg); top: -2px; } .navigation-mobile-button.is-clicked span:nth-child(2) { background-color: #969696; left: -15px; opacity: 0; } .navigation-mobile-button.is-clicked span:nth-child(3) { background-color: #969696; transform: rotate(-45deg); bottom: -2px; } .navigation-container { display: flex; flex-direction: column; justify-content: flex-start; position: fixed; height: 100%; width: 280px; left: 0; bottom: 0; top: 0; transform: translateX(-100%); opacity: 0; visibility: hidden; background-color: #F4F0E9; z-index: 10000; padding: 2em; overflow-y: scroll; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); transition: 0.35s transform cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.35s opacity cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.35s visibility cubic-bezier(0.3, 0.73, 0.3, 0.74); } .navigation-container.is-visible { transform: translateX(0%); opacity: 1; visibility: visible; } .tiempocom_widget>table>tbody>tr>td { background-color: var(--pdv-tertiary); border: none !important } .search { position: relative; margin-left: 1.75rem; } .search::after { content: ''; position: absolute; top: 50%; left: -15px; transform: translateY(-50%); width: 1px; height: 15px; background-color: #000; border-radius: 100%; } .search svg { fill: #e29c45; cursor: pointer; transition: fill .35s ease-in-out; } .search svg:hover { fill: #000; } .navigation-menu { order: 1; } .navigation-menu-list { display: flex; list-style-type: none; margin: 0; padding: 0; } .navigation-menu-list>li { margin-left: 1rem; } .navigation-menu-list>li::after { content: none; } .navigation-menu .navigation-menu-list>li a, .navigation-menu .navigation-menu-list>li span { display: inline; color: #999; text-decoration: none; font-weight: 500; font-size: 15px; font-family: var(--pdv-primary-font);; transition: all .35s ease-in-out; } .navigation-menu .navigation-menu-list>li a:hover { text-decoration: none; color: #e29c45 !important; } .navigation-menu .navigation-menu-list li.dropdownmenuli { position: relative; overflow: hidden; } @media screen and (min-width: 1500px) { .navigation-menu .navigation-menu-list li.dropdownmenuli { overflow: visible; } } .navigation-menu .navigation-menu-list li.dropdownmenuli ul.dropdownmenuul li.dropdownmenuli ul.dropdownmenuul { position: static; box-shadow: none; padding-top: 0; padding-bottom: 0; border-radius: 0; margin-left: 10px; transition: transform 0s, opacity 0.35s ease-in-out; transform: translateY(0) !important; } .navigation-menu .navigation-menu-list li.dropdownmenuli ul.dropdownmenuul li.dropdownmenuli ul.dropdownmenuul li { padding-top: 0; padding-bottom: 0; padding-left: 10px; } .navigation-menu .navigation-menu-list li.dropdownmenuli ul.dropdownmenuul li.dropdownmenuli ul.dropdownmenuul li a { text-transform: none !important; } .navigation-menu .navigation-menu-list>li.dropdownmenuli::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid #999999; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; position: absolute; top: 12px; right: 0px; left: inherit; transition: all .35s ease-in-out; background-image: none !important; } .navigation-menu .navigation-menu-list li.dropdownmenuli>ul { list-style-type: none; padding-left: 15px; margin-bottom: 0; position: absolute; } .navigation-menu .navigation-menu-list li.dropdownmenuli>ul li::after { content: none; } .navigation-menu .navigation-menu-list li.dropdownmenuli>ul li a { display: flex; width: 100%; padding: 5px 25px; } .navigation-menu .navigation-menu-list li.dropdownmenuli>ul li a, .navigation-menu .navigation-menu-list li.dropdownmenuli>ul li span { font-family: var(--pdv-primary-font);; font-size: 15px; text-transform: none; transition: all 0.35s ease-in-out; } .navigation-menu .navigation-menu-list li.dropdownmenuli>ul li a:hover { color: var(--pdv-secondary); } @media screen and (min-width: 1200px) { .navigation-mobile-button { display: none; } .navigation-menu-mobile-infos, .navigation-menu-mobile-logo { display: none; } .navigation-container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex: 1; order: 1; position: static; height: auto; width: auto; left: 0; bottom: 0; top: 0; transform: translateX(0%); opacity: 1; visibility: visible; background-color: transparent; z-index: 555; padding: 0em; overflow-y: visible; box-shadow: none; } .navigation-inner { display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: relative; padding: 30px 0px; margin: 0 auto; max-width: 1920px; } .navigation-inner .navigation-logo { padding-left: 0px; } .navigation-menu { order: 1; display: flex; flex-direction: column; justify-content: space-between; position: static; height: auto; width: auto; transform: translateX(0%); opacity: 1; visibility: visible; background-color: #F4F0E9; z-index: 99; padding: 0; box-shadow: none; transition: 0.35s transform cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.35s opacity cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.35s visibility cubic-bezier(0.3, 0.73, 0.3, 0.74); } .navigation-menu.is-visible { transform: translateX(0%); opacity: 1; visibility: visible; } .navigation-menu .navigation-menu-list { display: flex; flex-direction: row; align-items: center; list-style-type: none; margin: 0; padding: 0; } .navigation-menu .navigation-menu-list>li { padding: 0px 18px; position: relative; } .navigation-menu .navigation-menu-list>li::after { content: none; } .navigation-menu .navigation-menu-list>li a, .navigation-menu .navigation-menu-list>li span { position: relative; } .navigation-menu .navigation-menu-list>li a::before, .navigation-menu .navigation-menu-list>li span::before { content: none; } .navigation-menu .navigation-menu-list>li a:hover, .navigation-menu .navigation-menu-list>li span:hover { text-decoration: none; } .navigation-menu .navigation-menu-list>li a:hover::before, .navigation-menu .navigation-menu-list>li span:hover::before { transform-origin: center right; transform: scaleX(1); } .dropdownmenuul img { position: absolute; left: 15px; top: 15px; max-width: 220px; border-radius: 8px; } li.menu-item-has-children .dropdownmenuul li { transition: all .35s ease-in-out; } .nav-top li.menu-item-has-children .dropdownmenuul li a { position: relative; } .dropdownmenuul li::after { content: none; } .dropdownmenuul li a { white-space: nowrap; color: #999; text-align: left; display: inline; font-size: 15px; font-family: var(--pdv-primary-font);; font-weight: 700; transition: all 0.35s ease-in-out; } .dropdownmenuul li a:hover { color: var(--pdv-primary); } .dropdownmenuli:hover ul { opacity: 1; visibility: visible; transform: translateY(0) translateX(-50%); } .dropdownmenulul:hover .dropdownmenuul { opacity: 1; visibility: visible; transform: translateY(0); } .navigation-cta { color: var(--pdv-secondary); border: 1px solid var(--pdv-primary); padding: 6px 26px; border-radius: 6px; } .navigation-cta:hover { color: #fff !important; background-color: var(--pdv-primary); } .navigation-cta::after { background-color: transparent !important; } } .modal-content { border-radius: 0 !important; } .search-modal { position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 99999; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); display: flex; justify-content: center; align-items: center; transform: translateY(-100%); opacity: 0; visibility: hidden; transition: all 0.35s ease-in-out; padding-top: 50px; padding-bottom: 50px; } .search-modal.is-visible { transform: translateY(0%); opacity: 1; visibility: visible; } .search-modal .search-modal-close i { color: #929292; font-size: 38px; transition: all 0.35s ease-in-out; } .search-modal .search-modal-close:hover i { transform: rotate(90deg); color: var(--pdv-primary); } .search-modal .search-form { display: flex; flex-grow: 1; } .search-modal .search-form button { width: 70px; } .search-form input[type=search] { width: 100%; height: 60px; border: 2px solid var(--pdv-primary); padding: 0 35px; outline: none; font-size: 28px; color: #929292; font-weight: 300; border-radius: 10px; margin-right: 20px; box-sizing: border-box; transition: all 0.35s ease-in-out; } .search-modal .search-form button { border-radius: 10px; background-color: var(--pdv-primary); transition: all .35s ease-in-out; } .search-modal .search-form button:hover { background-color: var(--pdv-secondary); } .search-modal .search-form button i { color: #fff; } .search-modal .search-form input[type=search]::placeholder { font-style: italic; color: #929292; font-weight: 300; transition: all 0.35s ease-in-out; } .search-modal .search-form input[type=search]:focus { box-shadow: 0 0 0 0.5rem rgba(34, 170, 245, 0.1); outline: none; } .search-modal .search-form input[type=search]:focus::placeholder { color: var(--pdv-primary); } .search-modal .search-form input[type=submit] { width: 100%; height: 60px; border-radius: 100px; border: 2px solid var(--pdv-primary); background-color: transparent; color: var(--pdv-primary); display: flex; margin-top: 15px; justify-content: center; font-size: 18px; padding: 0 25px; } .search-modal .search-form input[type=submit]:hover { background-color: var(--pdv-primary); color: #fff; } .page-header { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; padding: 12rem 0 0 0; } @media screen and (min-width: 768px) { .page-header { } } @media screen and (min-width: 991px) { .page-header { } } .page-header-inner { background: rgb(0, 0, 0); background: linear-gradient( 0deg , rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%); } .page-header .page-header-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5)); z-index: 1; } .page-header .page-header-content { z-index: 3; height: 100%; display: flex; align-items: flex-end; position: relative; } .page-header .page-header-content .page-header-title { color: #fff; font-size: 1.75rem; font-family: var(--pdv-primary-font);; display: inline-flex; font-weight: 900; line-height: 1em; margin-bottom: 1rem; } @media screen and (min-width: 768px) { .page-header .page-header-content .page-header-title { font-size: 2rem; } } @media screen and (min-width: 920px) { .page-header .page-header-content .page-header-title { font-size: 65px; margin-bottom: 1.75rem; } } .page-header .page-header-content .page-header-article-infos { color: #fff; } .badge-voir-toutes-nos-realisations-container { position: absolute; z-index: 2; right: 15px; transform: translateY(50%); bottom: 0; } .badge-voir-toutes-nos-realisations-container a { display: block; } .badge-voir-toutes-nos-realisations-container a img { width: 220px; } article.page { margin-top: 1rem; } .breadcrumb-container { padding-top: 25px; padding-bottom: 20px; } @media screen and (min-width: 768px) { .breadcrumb-container { padding-top: 55px; padding-bottom: 45px; } article.page { margin-top: 0rem; } } .breadcrumb { background-color: transparent; padding: 0; margin-bottom: 0; } .breadcrumb .breadcrumb-item:first-child { padding-left: 0px; } .breadcrumb .breadcrumb-item { position: relative; padding-left: 1.5rem; color: #535b63; line-height: 1em; font-size: 16px; font-family: var(--pdv-primary-font);; } .breadcrumb .breadcrumb-item a { text-decoration: none; } .breadcrumb .breadcrumb-item a:hover { text-decoration: none; } .breadcrumb .breadcrumb-item.active { color: #535b63; font-weight: 700; } .breadcrumbs li::after { content: none; } .breadcrumbs li.separator { color: #555555; } .breadcrumbs li span { color: #555555; } .pagination .page-item a { color: #595959; text-decoration: none; } .pagination .page-item a:hover { text-decoration: none; } .pagination .page-item::after { background-image: none; } .cookies-banner { position: fixed; z-index: 500; bottom: 0; right: 0; left: 0; width: 100%; background-color: #fff; padding-top: 1.5em; padding-bottom: 1.5em; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); transition: all 0.35s ease-in-out; } .cookies-banner.is-hidden { transform: translateY(100%); opacity: 0; visibility: hidden; } .alert { border-radius: 0px !important; } .owl-agenda { padding-bottom: 50px; } .agenda-item img { border-radius: 10px; overflow: hidden; } .agenda-item-title { color: #fff; margin-top: 1rem; margin-left: 1rem; font-size: 24px; font-family: var(--pdv-primary-font);; padding-bottom: 0; margin-bottom: 0; } .agenda-item-title::after { content: none; } .form-mentions { line-height: 18px; display: inline-block; } .form-check-label small { font-family: var(--pdv-secondary-font);; } .newsletter-form { margin-top: 20px; } .return-to-top-button { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: all 0.35s ease-in-out; cursor: pointer; } .return-to-top-button .return-to-top-icon { color: var(--pdv-primary); transition: all 0.35s ease-in-out; font-size: 22px; } .return-to-top-button .return-to-top-text { color: var(--pdv-primary); font-size: 15px; font-weight: 700; font-family: var(--pdv-primary-font);; transition: all 0.35s ease-in-out; } .return-to-top-button:hover { text-decoration: none; } .return-to-top-button:hover .return-to-top-icon { color: var(--pdv-secondary); transform: translateY(-4px); } .return-to-top-button:hover .return-to-top-text { color: var(--pdv-secondary); } .footer { position: relative; overflow: hidden; background-color: #b1d9e7; margin-top: 100px; margin-bottom: 85px; } .footer.footer-has-labels { margin-bottom: 0px; } .footer-logos { margin-bottom: 85px; padding-top: 2rem; padding-bottom: 2rem; } .label-title { text-align: center; font-size: 1.25rem; color: var(--pdv-secondary); font-family: var(--pdv-primary-font);; margin-bottom: 1rem; } @media screen and (min-width: 807px) { .footer { margin-bottom: 0px; } .footer.footer-has-labels { margin-bottom: 0px; } .footer-logos { margin-bottom: 0px; } } .footer-has-labels { } body.home .footer { margin-top: 0px; } .footer-title { font-size: 1.3rem; font-family: var(--pdv-secondary-font);; font-weight: 900; color: #000; text-transform: uppercase; margin-bottom: 20px; } .footer-margin-top { margin-top: 180px; } .footer-inner { padding-top: 100px !important; } .footer-address { color: #000; font-size: 1.125em; font-family: var(--pdv-primary-font);; padding-top: 0.9375rem; margin-top: 0.9375rem; position: relative; } .footer-address::before { content: ''; position: absolute; height: 1px; width: 30px; background-color: #000; left: 0; top: 0px; } .footer-logo { display: inline-block; } .footer-logo .footer-logo-svg { height: 70px; transition: all 0.35s ease-in-out; } .footer-telephone { font-family: var(--pdv-primary-font);; font-size: 41px; font-weight: 700; text-decoration: none; transition: all 0.35s ease-in-out; display: inline-block; } .footer-telephone:hover { color: #fff; text-decoration: none; } .footer-social-medias { display: flex; } .footer-social-medias a i { color: #dd9933; transition: all 0.35s ease-in-out; font-size: 40px; } .footer-social-medias a:hover i { color: #94c259; } .footer-menu-container { display: flex; align-items: flex-start; } .footer-menu-list { padding-left: 0; list-style-type: none; } .footer-menu-list li { margin-bottom: 10px; } .footer-menu-list li::after { background-image: none; } .footer-menu-list li a { display: inline-flex; color: #dd9933; font-family: var(--pdv-primary-font);; font-size: 20px; text-decoration: none; transition: all 0.35s ease-in-out; position: relative; font-weight: 600; z-index: 0; padding: 0 6px; margin-left: -6px; } .footer-menu-list li a::after { content: ''; z-index: -1; position: absolute; top: 0; bottom: 0px; right: 0; left: 0; transform-origin: center left; transform: scaleX(0); background-color: #94c259; transition: all 0.35s ease-in-out; } .footer-menu-list li a:hover { text-decoration: none; color: #fff; } .footer-menu-list li a:hover::after { transform-origin: center right; transform: scaleX(1); } .footer-contact { display: flex; flex-direction: column; position: relative; margin-bottom: 15px; padding-bottom: 15px; } .footer-contact::after { content: ''; position: absolute; bottom: 0; left: 0; background-color: #000; height: 1px; width: 30px; } .footer-contact:last-child::after { content: none; } .footer-contact-name { color: #000; font-size: 1.125rem; font-weight: 500; font-family: var(--pdv-secondary-font);; } .footer-contact-phone { color: #000; font-family: var(--pdv-primary-font);; text-decoration: none; font-size: 1.375rem; font-weight: 300; align-self: flex-start; } .footer-contact-phone:hover { text-decoration: none; color: #fff; } .footer-contactez-nous { position: relative; padding: 12px 20px; width: 50%; } .footer-contactez-nous .footer-contactez-nous-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .footer-contactez-nous .footer-contactez-nous-title { text-align: center; color: #313131; font-weight: 700; text-align: center; transition: all 0.35s ease-in-out; font-size: 18px; } .footer-contactez-nous .footer-contactez-nous-svg { height: 60px; fill: #dd9933; transition: all 0.35s ease-in-out; display: block; margin: 0 auto; } .footer-contactez-nous .footer-contactez-nous-link:hover~.footer-contactez-nous-title { color: #dd9933; } .footer-contactez-nous .footer-contactez-nous-link:hover~.footer-contactez-nous-svg { fill: #313131; } .footer-diag { position: relative; border-radius: 8px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; padding: 12px 20px; margin-right: 15px; width: 50%; } .footer-diag .footer-diag-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .footer-diag .footer-diag-title { text-align: center; color: #fff; font-weight: 700; font-size: 18px; transition: all 0.35s ease-in-out; } .footer-diag .footer-diag-svg { height: 60px; fill: #fff; display: block; margin: 0 auto; transition: all 0.35s ease-in-out; } .footer-diag .footer-diag-link:hover~.footer-diag-title { color: #94c259; } .footer-diag .footer-diag-link:hover~.footer-diag-svg { fill: #94c259; } .hero-inner { display: flex; flex-direction: column; } @media screen and (min-width: 1500px) { .hero-inner { display: flex; flex-direction: row; justify-content: space-between; } } .hero-block { position: relative; width: 100%; transition: all 0.35s ease-in-out; margin-bottom: 25px; } @media screen and (min-width: 1200px) { .hero-block { width: calc(50% - 15px); margin-bottom: 0px; } } .hero-block-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .hero-block-content { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; display: flex; flex-direction: column; padding: 25px; z-index: 2; } @media screen and (min-width: 1200px) { .hero-block-content { padding: 70px 70px 70px 70px; } } .hero-block-content-title { border-left: none; padding-left: 0; color: #fff; font: 400 90px/1em var(--pdv-primary-font);; } .hero-block-content-title span { color: #fff; font: 400 90px/1em var(--pdv-primary-font);; } .hero-block-content-subtitle { font: 400 39px/1em var(--pdv-primary-font);; color: #fff; } .hero-block-content-button { align-self: flex-start; } .hero-block-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5)); transition: all 0.35s ease-in-out; z-index: 1; } .hero-block:hover .hero-block-overlay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black); } .home-title { font-size: 1.25rem; font-family: var(--pdv-primary-font);; position: relative; color: var(--pdv-secondary); } @media screen and (min-width: 768px) { .home-title { font-size: 32px; } } @media screen and (min-width: 991px) { .home-title { font-size: 45px; } } .owl-services-prev, .owl-services-next { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; } .owl-services-prev i, .owl-services-next i { color: #d6dfe2; font-size: 22px; } .owl-services-prev { left: 0; } .owl-services-next { right: 0; } .home-actualites, .home-agenda { padding-top: 3rem !important; padding-bottom: 3rem !important; } @media screen and (min-width: 768px) { .home-actualites, .home-agenda { padding-top: 4rem !important; padding-bottom: 4rem !important; } } @media screen and (min-width: 991px) { .home-actualites, .home-agenda { padding-top: 6rem !important; padding-bottom: 6rem !important; } } .home-agenda { background-color: var(--pdv-secondary); } .home-button-actualites { position: relative; color: #888888; text-decoration: none; font-size: 18px; font-family: var(--pdv-primary-font);; transition: all 0.35s ease-in-out; } .home-button-actualites::after { position: absolute; content: ''; top: -10px; left: 50%; transform: translateX(-50%); width: 30px; height: 2px; background-color: #888888; transition: all 0.35s ease-in-out; } .home-button-actualites:hover { color: var(--pdv-primary); text-decoration: none; } .home-button-actualites:hover::after { background-color: #dd9933; width: 50px; } /* Style the tab */ .tab { overflow: hidden; display: flex; flex-wrap: wrap; } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; transition: .25s; font-size: 17px; color: #fff; text-align: left; width: 100%; font-weight: 500; } /* Change background color of buttons on hover */ /* Create an active/current tablink class */ .tab button.active { font-size: 44px; font-weight: 700; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; } /* Fade in tabs */ @-webkit-keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } @media screen and (min-width: 920px) { .tab button { width: 100%; text-align: right; display: flex; justify-content: flex-end; } } .flip-flap-block { margin-bottom: 0px; padding-top: 15px; } @media screen and (min-width: 1200px) { .flip-flap-block { margin-bottom: 120px; padding-top: 15px; } } .collaborateurs-row { margin-bottom: 65px; } @media screen and (min-width: 540px) { .collaborateurs-row { display: grid; grid-auto-rows: 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; } } @media screen and (min-width: 768px) { .collaborateurs-row { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 920px) { .collaborateurs-row { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 920px) { .collaborateurs-row { grid-template-columns: repeat(4, 1fr); } } .collaborateur-container { margin-top: 65px; } .collaborateur-image-container img { filter: grayscale(100%); width: 100%; transition: all 0.35s ease-in-out; } .collaborateur-image-container:hover img { filter: grayscale(0%); } .collaborateur-content { border-left: 2px solid #dfdfdf; padding-left: 30px; margin-top: 30px; } @media screen and (min-width: 768px) { .collaborateur-content { margin-top: 45px; } } @media screen and (min-width: 920px) { .collaborateur-content { margin-top: 60px; } } span.collaborateur-content-name, span.collaborateur-content-poste, .collaborateur-content-email, .collaborateur-content-phone { display: block; } span.collaborateur-content-name { font-size: 30px; font-weight: 400; font-family: var(--pdv-primary-font);; color: #dd9933; } span.collaborateur-content-poste { font-size: 20px; font-weight: 700; font-family: var(--pdv-primary-font);; color: #94c259; } .collaborateur-content-email { font-size: 20px; font-weight: 300; font-family: var(--pdv-primary-font);; color: #bdbcbc; text-decoration: none; } .collaborateur-content-email:hover { text-decoration: none; } .collaborateur-content-phone { font-size: 20px; font-weight: 400; font-family: var(--pdv-primary-font);; color: #dd9933; text-decoration: none; } .collaborateur-content-phone:hover { text-decoration: none; } .contact-name { font-size: 40px; color: #dd9933; font-family: var(--pdv-primary-font);; font-weight: 700; margin-bottom: 45px; padding-left: 0; border-left: none; } .contact-phone { text-decoration: none; font-size: 26px; font-weight: 700; } .contact-phone:hover { text-decoration: none; } .contact-social-list { display: flex; padding-left: 0; margin-bottom: 0; list-style-type: none; } .contact-social-list li { padding-right: 12px; } .contact-social-list li a i { font-size: 20px; } .contact-form { margin-top: 25px; } .contact-form textarea { min-height: 180px; max-height: 600px; } .contact-title { color: #dd9933; font-family: var(--pdv-primary-font);; font-size: 34px; margin-bottom: 30px; } .contact-coordonnees { border-left: 1px solid #94c259; padding-left: 20px; } .form-check-input:checked { background-color: #dd9933; border-color: #dd9933; } .form-check-input:focus { box-shadow: 0 0 0 0.2rem rgba(0, 77, 149, 0.25); } .form-control:focus, .form-select:focus { border-color: #dd9933; box-shadow: 0 0 0 0.2rem #dd993333; } .form-check-input:focus { box-shadow: 0 0 0 0.2rem #dd993333; } .form-switch .form-check-input[type="checkbox"] { border-radius: 100px !important; } span.contact-phone { color: #999999; font-size: 18px; font-weight: 400; } .contact-phone-link { text-decoration: none; transition: all 0.35s ease-in-out; font-weight: 700; font-size: 24px; } .contact-phone-link:hover { color: #94c259; text-decoration: none; } .contact-warning-block { background-color: #ffc107; padding: 25px 30px; } .contact-warning-block p, .contact-warning-block ul li { line-height: 1em; color: #fff; } .contact-warning-block ul li { list-style-type: disc; } .contact-warning-block ul li::after { background-image: none; } .contact-warning-block small { color: #fff; } /* Alert modules */ .alert-module button span { font-size: 42px; } .home-slider { position: relative; } .owl-home-slide-prev, .owl-home-slide-next { position: absolute; z-index: 5; top: 50%; cursor: pointer; display: none; } .home-slider .owl-home-slide-prev, .home-slider .owl-home-slide-next { width: 60px; height: 60px; background-color: #fff; display: flex; align-items: center; justify-content: center; opacity: 0; border-radius: 50%; visibility: hidden; transition: all 0.3s ease-in-out; backdrop-filter: blur(5px); background: rgba(0, 0, 0, 0.4) !important; } @media screen and (min-width: 480px) { .owl-home-slide-prev, .owl-home-slide-next { display: block; } } .owl-home-slide-prev { left: 45px; transform: translateY(-50%) translateX(-25px); } .owl-home-slide-next { right: 45px; transform: translateY(-50%) translateX(25px); } .owl-home-slide-prev i, .owl-home-slide-next i { font-size: 1rem; transition: all .35s ease-in-out; color: #fff; } .owl-home-slide-prev:hover i, .owl-home-slide-next:hover i { opacity: 1; } .home-slider:hover .owl-home-slide-prev, .home-slider:hover .owl-home-slide-next { opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0px); } .home-slide-item { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; padding: 170px 0px; position: relative; overflow: hidden; } @media screen and (min-width: 576px) { .home-slide-item { } } @media screen and (min-width: 1200px) { .home-slide-item { padding: 250px 0px; height: 600px; } } .home-slide-item-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%); z-index: 1; } .home-slide-content { position: absolute; left: 0; bottom: 0; z-index: 2; padding: 25px; } @media screen and (min-width: 1200px) { .home-slide-content { max-width: 75%; padding-left: 2rem; padding-bottom: 2rem; } } .home-slide-content * { color: #fff; } .home-slide-content h1 { color: #fff; font-size: 26px; line-height: 1; font-family: var(--pdv-primary-font);; display: block; margin-bottom: 10px; } @media screen and (min-width: 576px) { .home-slide-content h1 { font-size: 36px; } } @media screen and (min-width: 768px) { .home-slide-content h1 { font-size: 36px; } } @media screen and (min-width: 991px) { .home-slide-content h1 { font-size: 3rem; } } .home-slide-content p { font-family: var(--pdv-secondary-font);; font-size: 18px; font-weight: 300; } .home-slide-item-button { font-size: 1rem; font-weight: 400; border: 1px solid #fff; padding: 8px 30px 8px 30px; width: auto; text-decoration: none; display: inline-flex; justify-content: space-between; align-items: center; transition: all .35s ease-in-out; } .home-slide-item-button span { line-height: 1em; font-family: var(--pdv-primary-font);; } @media screen and (min-width: 911px) { .home-slide-content p { font-size: 25px; } } @media screen and (min-width: 576px) { .home-slide-item-button { font-size: 1.25rem; } } @media screen and (min-width: 991px) { .home-slide-item-button { font-size: 1.75rem; } } .home-slide-item-button:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.25); color: #fff; } .home-slide-item-button i { font-size: 20px; display: inline-flex; margin-left: 2rem; } .home-content-grid { display: grid; grid-template-rows: auto auto; grid-gap: 35px; } @media screen and (min-width: 576px) { .home-content-grid {} .home-signalement { grid-column: 1/3; } } @media screen and (min-width: 1200px) { .home-content-grid { grid-template-rows: auto auto auto; } } .home-meteo { background-color: #d6dfe2; display: flex; align-items: center; justify-content: center; height: calc(300px - calc(var(--bs-gutter-y) / 2)); } .home-bloc-libre-text-inner { height: 100%; padding: 1.5rem 3rem; background-color: #e4f1f2; } .home-bloc-libre-text-content { height: 100%; display: flex; flex-direction: column; justify-content: center; } .home-bloc-libre-text h3 { font-family: var(--pdv-primary-font);; color: #2a2f3c; font-size: 1.25rem; padding-bottom: 0; margin-bottom: 0; } .home-bloc-libre-text-content p { padding: 1.5rem 0; } @media screen and (min-width: 991px) { .home-bloc-libre-text-inner { padding: 6.5rem 4rem; } .home-bloc-libre-text h3 { font-size: 45px; } } .home-bloc-libre-text h3::after { content: none; } .home-bloc-libre-text p { font: 400 16px var(--pdv-secondary-font);; color: #2a2f3c; padding-bottom: 0; margin-bottom: 0; } .home-bloc-libre-text a { font: 400 20px/1em var(--pdv-primary-font);; color: #2a2f3c; position: relative; align-self: flex-start; } @media screen and (min-width: 768px) { .home-bloc-libre-text p { padding-bottom: 1.5rem; } } .home-bloc-libre-text a::after { content: ''; position: absolute; height: 1px; background-color: #2a2f3c; } .home-bloc-libre-image { background-repeat: no-repeat; background-size: cover; background-position: center; height: 100%; } .home-bloc-libre-image img { width: 100%; max-width: 100%; object-fit: cover; height: 100%; } @media screen and (min-width: 1200px) { .home-content-grid { grid-template-columns: 1fr 1fr; } } .owl-agenda-prev, .owl-agenda-next { position: absolute; top: 50%; z-index: 10; cursor: pointer; } .owl-agenda-prev i, .owl-agenda-next i { color: #fff; font-size: 22px } .owl-agenda-prev { left: -35px; transform: translateY(-50%); } .owl-agenda-next { right: -35px; transform: translateY(-50%); } .home-agenda-title { color: #fff; font-family: var(--pdv-primary-font);; margin-bottom: 0; } @media screen and (min-width: 991px) { .home-agenda-title { padding-left: 30px; } } .home-agenda-item { position: relative; } .home-agenda-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; } .home-agenda-link:hover ~ .agenda-item-title { color: var(--pdv-primary); } .home-agenda-image-container { position: relative; } .home-agenda-image-container a { z-index: 10; } .home-agenda-image-overlay { overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 50%; opacity: 1; background: rgba(0, 0, 0, 0); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); transition: all 0.35s ease-in-out; } .home-agenda-date { position: absolute; left: 0; bottom: 0; font: 600 39px/1em var(--pdv-primary-font);; text-transform: uppercase; color: #fff; padding-left: 15px; padding-bottom: 15px; } .home-agenda-voir-plus { color: #fff; font-size: 1rem; font-family: var(--pdv-primary-font);; text-decoration: none; position: relative; } .home-agenda-voir-plus::after { content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); right: 0; height: 2px; background-color: #fff; width: 100%; transition: all .35s ease-in-out; } .home-agenda-voir-plus:hover { text-decoration: none; color: #fff; } .home-agenda-voir-plus:hover::after { width: 75%; } .home-last-section { background-color: #d6dfe2; } .home-last-section-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 35px; } .home-last-section-grid-item-title { font-size: 36px; color: #2a3c33; font-family: var(--pdv-primary-font);; font-weight: 600; } .home-last-section-grid-item-input { background: none; border-color: #46544a; border-radius: 15px; padding: 18px 15px; width: 420px; } .home-last-section-grid-item-input::placeholder { font-size: 16px; color: #46544a; } .home-last-section-grid-item-input:focus { outline: none; } @media screen and (min-width: 1200px) { .home-last-section-grid { position: relative; } .home-last-section-grid::after { content: ''; position: absolute; left: 50%; background-color: #dd9933; width: 1px; height: 100%; } } .home-edito-meteo-grid { display: grid; grid-gap: 15px; grid-template-columns: 60% 40%; } .home-edito-meteo-grid-item { padding: 15px; } .home-grid { display: grid; grid-template-rows: repeat(3, 230px); grid-template-columns: repeat(2, 1fr); grid-gap: 15px; } @media screen and (min-width: 991px) { .home-grid { grid-template-rows: repeat(2, 350px); grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 1400px) { .home-grid { grid-template-rows: repeat(2, 320px); grid-template-columns: repeat(4, 1fr); } .home-grid-item:nth-child(2) { grid-column: 1 / 3; grid-row: 2 / 3; } .home-grid-item:nth-child(6) { grid-column: 4 / 5; grid-row: 1 / 3 } } .home-grid-item-primary { background-color: #dd9933; } .home-grid-item-secondary { background-color: #94c259; } .home-grid-item { position: relative; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .home-grid-item-link-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .home-grid-item-icon { color: #fff; font-size: 42px; } .home-grid-item-title { color: #fff; font-size: 22px; margin-top: 12px; } .home-grid-item-title::after { content: none; } section.labels { padding-top: 60px; padding-bottom: 60px; background-color: #fff; } .archive-cm-bloc { position: relative; height: 100%; } .archive-single-cm-bloc-title::after { content: none !important; } .archive-cm-bloc-single { border: 3px solid #94c259 } .archive-cm-bloc-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 50; } .archive-cm-bloc img { max-height: 80px; display: block; margin-bottom: 25px; } .archive-cm-bloc-title { font-size: 18px; color: #fff; } .archive-cm-bloc-title::after { content: ''; position: absolute; height: 2px; background-color: #fff; width: 35px; } .archive-cm-bloc-text-link { color: #fff; } .alert ul { padding-left: 0; margin-bottom: 0; } .alert ul li { color: #721c24; } .archive-association-block { position: relative; display: flex; flex-direction: column; align-items: center; padding: 80px 35px; height: 100%; background-color: var(--pdv-secondary); } .single-associations-title { margin-bottom: 25px; } .single-associations-social-media-link { display: inline-flex; text-decoration: none; margin-right: 10px; } .single-associations-social-media-link:hover { text-decoration: none; } .single-associations-social-media-link i { font-size: 30px; } .single-association-presentation { display: flex; align-items: center; } .single-association-presentation svg { width: auto; height: 46px; fill: var(--pdv-primary); } .single-association-presentation a { text-decoration: none; display: inline-flex; margin-left: 15px; font-weight: 500; font-size: 18px; } .single-associations-contact, .single-associations-phone-1, .single-associations-phone-2, .single-associations-email, .single-associations-address, .single-associations-website { display: flex; align-items: center; margin-bottom: 5px; } .single-associations-contact span, .single-associations-phone-1 a, .single-associations-phone-2 a, .single-associations-email a, .single-associations-address span, .single-associations-website a { line-height: 1em; display: inline-flex; } .single-associations-phone-1 a, .single-associations-phone-2 a { text-decoration: none; } /* The Masonry Container */ .masonry { margin: 1.5em auto; max-width: 100%; column-gap: 1.5em; } /* The Masonry Brick */ .masonry .item { /* background-color: #fff; padding: 1em; */ margin: 0 0 1.5em; } /* Masonry on large screens */ @media only screen and (min-width: 1024px) { .masonry { column-count: 4; } } /* Masonry on medium-sized screens */ @media only screen and (max-width: 1023px) and (min-width: 768px) { .masonry { column-count: 3; } } /* Masonry on small screens */ @media only screen and (max-width: 767px) and (min-width: 540px) { .masonry { column-count: 2; } } .archive-association-block i { font-size: 42px; color: #fff; } .archive-association-block-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .archive-association-block-title { display: flex; margin-top: 1.5rem; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; text-transform: uppercase; text-align: center; } .agenda-bloc-image-container { position: relative; } .agenda-bloc-image-container img { transition: all .35s ease-in-out; } .agenda-bloc-image-container-link { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; } .agenda-bloc-image-container span { position: absolute; color: #fff; font-weight: 600; bottom: 0; right: 0; font-size: 42px; line-height: 1em; padding: 0px 15px 15px 0px; } .agenda-bloc-categories { position: absolute; top: 15px; left: 15px; padding: 6px 16px; color: #fff; text-decoration: none; transition: all .35s ease-in-out; font-weight: 700; z-index: 99; display: flex; align-items: center; text-decoration: none; padding: 4px 10px; display: flex; color: #fff; background-color: #94c259; } .agenda-bloc-categories:hover { background-color: #dd9933; } .agenda-bloc-categories li { margin-right: 10px; background-color: #94c259; } .agenda-bloc-categories li::after { content: none; } .agenda-bloc-categories li a { text-decoration: none; padding: 4px 10px; display: flex; color: #fff; } .agenda-bloc-categories li a:hover { background-color: #dd9933; color: #fff; text-decoration: none; } .agenda-bloc-title { margin-top: 10px; font-size: 28px; font-weight: 600; } .agenda-bloc-title::after { content: none; } .agenda-bloc-title a { text-decoration: none; } .agenda-bloc-title a:hover { text-decoration: none; } .contact-elus-form textarea { min-height: 150px; } .button-form-submit { padding: 6px 30px; font-weight: 500; font-size: 20px; text-transform: uppercase; background-color: #94c259; } .button-form-submit:hover { background-color: #dd9933; } .archive-trombinoscope-elu-block { height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; } .elu-maire:hover .elu-name, .elu-other:hover .elu-name { color: #94c259; } .elu-maire .elu-photo { max-height: 360px; } .elu-maire:hover img, .elu-other:hover img { transform: scale(1.1); } .elu-photo-container { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); overflow: hidden; width: 100%; } .elu-maire .elu-photo-container { max-width: 100%; } .elu-photo { display: block; max-height: 280px; min-height: 280px; transition: all .35s ease-in-out; } .elu-content-container { display: flex; flex-direction: column; flex: 1; align-items: flex-start; width: 100%; } .elu-name { display: block; width: 100%; color: #dd9933; transition: all .35s ease-in-out; } .elu-maire .elu-name { font-size: 42px; } .elu-maire .elu-content { font-size: 24px; } span.elu-content { display: block; width: 100%; } .elu-button-contact { margin-top: 10px; } .button-archive-agenda { margin-bottom: 0; display: flex; align-items: center; } .button-contact-form-submit { padding: 6px 28px; } .form-check-label { font-family: var(--pdv-secondary-font);; } .form-check-input[type=checkbox] { border-radius: 0px; } .leaflet-top, .leaflet-bottom { z-index: 990 !important; } .decouvrir-arrow { cursor: pointer; display: flex; align-items: center; flex-direction: column; justify-content: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 1rem; } .decouvrir-arrow span { color: #84c446; text-transform: uppercase; font-size: 12px; display: inline-flex; margin-top: 10px; font-family: var(--pdv-primary-font);; transition: all .35s ease-in-out; } .decouvrir-arrow svg { width: auto; height: 25px; fill: #84c446; transition: all .35s ease-in-out; } .decouvrir-arrow:hover span { color: #e44e1c; } .decouvrir-arrow:hover svg { fill: #e44e1c !important; } .archive-association-img { width: 100px; } .latest-articles-container ul.post-categories { padding-left: 0; margin-bottom: 0px; list-style-type: none; display: flex; flex-wrap: wrap; margin-top: 0px; } .latest-articles-container ul.post-categories li { margin-right: 10px; margin-bottom: 5px; } .latest-articles-container ul.post-categories li::after { content: none; } .latest-articles-container ul.post-categories li a { padding: 4px 8px; color: #fff; text-decoration: none; font-family: var(--pdv-primary-font);; font-weight: 700; font-size: 12px; text-transform: uppercase; background-color: #dd9933; } .latest-articles-container ul.post-categories li a.non-classé { background-color: #94c259; } .latest-articles-title { display: block; font-size: 22px; text-decoration: none; } .latest-articles-title:hover { text-decoration: none; } body.home .tiempocom_widget { padding: 25px; width: 100%; height: 100%; margin-bottom: 0; } body.home .tiempocom_widget>table { width: 100%; height: 100%; max-width: 100% !important; } body.home .tiempocom_widget>table tbody tr td table tbody tr { display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 22px 20px; text-align: center; } body.home .tiempocom_widget>table tbody tr td table tbody { display: flex; flex-wrap: wrap; justify-content: center; } body.home .tiempocom_widget>table tbody tr td table tbody tr:first-child { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; width: 100% !important; flex-basis: 100% !important; background-color: transparent; } body.home .tiempocom_widget>table tbody tr td table tbody tr:first-child td { display: flex; } body.home .tiempocom_widget>table tbody tr td table tbody tr:first-child td b { font-family: 'Krona One', sans-serif !important; display: inline-flex; margin-right: 8px; line-height: 1em; font-size: 42px; font-weight: 300; } body.home .tiempocom_widget>table tbody tr td table tbody tr:not(:first-child) { flex-basis: 50%; } @media screen and (min-width: 768px) { body.home .tiempocom_widget>table tbody tr td table tbody tr:not(:first-child) { flex-basis: 25%; } } body.home .tiempocom_widget>table tbody tr td table tbody tr:last-child { display: none; } /* températures */ body.home .tiempocom_widget>table tbody tr td table tbody tr td:nth-child(1) { text-transform: uppercase; margin-bottom: 10px; color: #2B2B2B; font-family: 'Krona One', sans-serif !important; font-size: 12px !important; font-weight: 300 !important; } body.home .tiempocom_widget>table tbody tr td table tbody tr td:nth-child(3) { display: flex; flex-direction: column; margin-top: 6px; } body.home .tiempocom_widget>table tbody tr td table tbody tr td:nth-child(3) b { font-family: 'Krona One', sans-serif !important; line-height: 1em; font-size: 26px; font-weight: 300; margin-bottom: 5px; } .single-association-title { color: #dd9933; font-weight: 600; font-size: 30px; } @media screen and (min-width: 768px) { .single-association-title { font-size: 52px; } } .wp-block-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .annuaire-button-signalement { display: flex; align-items: center; justify-content: center; padding: 8px; } .annuaire-button-signalement__icon { font-size: 20px; } .annuaire-button-signalement__text { display: inline-flex; margin-left: 12px; text-align: left; line-height: 1em; font-weight: 600; font-size: 18px; } .annuaire-button-signalement-first { position: relative; margin-right: 0px; } @media screen and (min-width: 768px) { .annuaire-button-signalement-first { margin-right: 30px; } .annuaire-button-signalement-first::after { content: ''; position: absolute; height: 100%; background-color: #e5e5e5; width: 1px; right: -15px; top: 0; } } li.nav-item { position: static !important; } li.nav-item::after { content: none; } .nav-top { display: flex; align-items: center; padding: 1.25em 0px; width: 100%; box-shadow: 0px 0px 40px rgba(83, 88, 93, .2); transition: 0.35s top cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.35s opacity cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.35s visibility cubic-bezier(0.3, 0.73, 0.3, 0.74); } .nav-top .hamburger { margin-left: auto; color: #dd9933; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: .35s ease-in-out; } .nav-top .hamburger svg { fill: #dd9933; transition: .35s ease-in-out; width: 20px; height: 20px; } .nav-top .hamburger .hamburger-text { text-transform: uppercase; font-weight: 600; font-size: 12px; } .nav-top .hamburger:hover { color: #94c259; } .nav-top .hamburger:hover svg { fill: #94c259; } .nav-drill { transform: translateX(100%); } .nav-is-toggled .nav-drill { transform: translateX(0); } .nav-is-toggled::after { opacity: 1; visibility: visible; } .nav-drill { display: -webkit-box; display: flex; flex-direction: column; justify-content: space-between; position: fixed; z-index: 500000; top: 0; right: 0; width: 300px; height: 100vh; background-color: #fff; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-transition: 0.45s; transition: 0.45s; } .nav-items { padding-left: 0; margin-bottom: 0px; } .nav-item:not(:last-child) { border-bottom: solid 1px #e5e5e5; } .nav-top-main-menu li { position: relative; list-style-type: none; } .nav-top-main-menu>li>span { font-weight: 600; } .nav-top-main-menu>li:hover { cursor: default !important; } .nav-top-main-menu li>ul { position: absolute; transform: translateY(10px) translateX(-50%); left: 50%; visibility: hidden; opacity: 0; z-index: 9991; padding: 1.5rem 0; transition: all 0.1s ease-in-out; background-color: #fff; box-shadow: 0px 20px 30px rgba(83, 88, 93, .05), 0px 0px 30px rgba(83, 88, 93, .1); } .nav-top-main-menu li.current-menu-item a { color: #e29c45 !important; } .nav-top-main-menu li.trigger-enter>ul { visibility: visible; opacity: 1; } .nav-top-main-menu>li:not(:first-child) { margin-left: 25px; } .nav-top-main-menu li>ul li::after { content: none; } .nav-top-main-menu li>ul li a { text-decoration: none; font-size: 12px; white-space: nowrap; line-height: 1; display: block; padding: .5rem 2rem; width: 100%; } .nav-top-main-menu li.trigger-enter>ul li a:hover { text-decoration: none; } .nav-top-main-menu ul>li.menu-item-has-children { padding-right: 1rem; } .nav-top-main-menu ul>li.menu-item-has-children::after { content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>'); transition: all .35s ease-in-out; width: auto; top: 50%; transform: translateY(-7.5px); line-height: 1; right: -.2rem; position: absolute; left: inherit; } .nav-top-main-menu ul>li.menu-item-has-children:hover > span, .nav-top-main-menu ul>li.menu-item-has-children:hover > a { color: #dd9933; } .nav-top-main-menu ul>li.menu-item-has-children:hover::after { fill: #dd9933; } /* Alertes */ .alert-module { border-radius: 0rem; padding-top: 2em; padding-bottom: 2em; border: none; overflow: hidden; } .alert-module.alert-info { background-color: #117da3; } .alert-module.alert-warning { background-color: #EB7700; } .alert-module.alert-danger { background-color: #e44e1c; } .alert-content { position: relative; } .alert-content-inner { padding-left: 0px !important; } @media screen and (min-width: 1200px) { .alert-content-inner { padding-left: 100px !important; } } .alert-content img { position: absolute; transform: rotate(-25deg) translate(-50%, -50%); top: 0%; left: 85px; opacity: .25; pointer-events: none; } .alert-module .alert-heading, .alert-module p, .alert-module a { color: #fff; } .alert-heading { font-size: 1.15rem; } @media screen and (min-width: 768px) { .alert-heading { font-size: 1.5rem; } } .alert-module p { margin-bottom: 0px !important; line-height: 1em; } .alert-module button.close { position: relative; z-index: 999; opacity: 1 !important; } .alert-module button.close:hover { opacity: .75 !important; } .nav-top-main-menu { position: relative; } .nav-top-social-medias li::after { content: none; } .nav-top-social-medias svg { fill: var(--pdv-primary); transition: fill .35s ease-in-out; } .nav-top-social-medias a:hover svg { fill: var(--pdv-secondary); } .nav-top-social-medias a i { transition: all .35s ease-in-out; } .navigation-menu-list>li span, .navigation-menu-list>li a { font-size: 16px; text-transform: none; text-decoration: none; color: #000 !important; font-family: var(--pdv-primary-font);; } .navigation-menu-list>li a:hover { color: #dd9933 !important; } .navigation-menu-list>li:hover span { cursor: default; } .single-tags { font-weight: 600; } .single-tags a { text-decoration: none; padding-right: .6em; padding-left: .6em; color: #fff; background-color: var(--pdv-primary); } .single-tags a:hover { background-color: var(--pdv-secondary); } .page-actualites-title { color: var(--pdv-primary); font-weight: 700; position: relative; } .page-actualites-title::after { background-color: var(--pdv-primary); content: ''; position: absolute; height: 5px; width: 50px; border-radius: 6px; bottom: -15px; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 1200px) { .article-vedette-container { position: relative; } .article-vedette-content { position: absolute; background-color: #fff; bottom: 20px; left: 20px; padding: 35px 35px; max-width: 60%; } } .article-vedette-cat { padding: 4px 8px; color: #fff; text-decoration: none; font-family: var(--pdv-primary-font);; font-weight: 500; font-size: 14px; text-transform: uppercase; background-color: #dd9933; } .article-vedette-cat:hover { text-decoration: none; } .nav-top-logo-link { display: block; } .footer-contact-mairie a { display: inline-flex; align-items: center; text-decoration: none; } .footer-contact-mairie i { color: #fff; transition: all 0.35s ease-in; font-size: 20px; } .footer-contact-mairie span { display: inline-flex; color: #000; transition: all 0.35s ease-in; font: 500 20px/1em var(--pdv-secondary-font);; } .footer-contact-mairie a { font-size: 20px; font-weight: 700; color: #000; } .footer-contact-mairie a:hover { text-decoration: none; } .footer-contact-mairie a:hover i { color: #94c259; } .footer-contact-mairie a:hover span { color: #94c259; } #menu-navigation-footer li::before { content: ''; } #menu-navigation-footer { display: flex; align-items: center; justify-content: flex-end; padding-left: 0px; padding-bottom: 0px; } #menu-navigation-footer li:not(:first-child) { padding-left: calc(1.4375rem + 2.25vw); } @media (min-width: 1200px) { #menu-navigation-footer li:not(:first-child) { padding-left: 3.125rem; } } #menu-navigation-footer li::before { content: ''; } #menu-navigation-footer li a { text-decoration: none; font-weight: 700; } #menu-navigation-footer li a:hover { color: #fff; } /* menu mobile */ .menu-custom-item-list li:before { display: none; } .blog-latest-article-excerpt-container-auteur, .author-name-date-container .post-date { text-transform: uppercase; font-size: 15px; font-family: var(--pdv-secondary-font);; font-weight: 400; color: #5c5c5c; } .menu-custom-item-img { position: relative; } .menu-custom-item-img img { height: 250px; max-width: 100%; object-fit: cover; } .menu-custom-item-img-title { position: absolute; background: #fff; bottom: -10px; left: -10px; padding: 14px 20px; font-weight: 700; line-height: 1em; font-size: 32px; text-transform: capitalize; color: #94c259 } .dropdown-container a:hover { color: #dd9933 !important; } .nav-drill { display: none; } @media screen and (max-width: 1320px) { .nav-drill { display: flex; } .nav-drill>ul { padding-left: 0; } .menu-custom-item-img { display: none; } .menu-custom-item-list { width: auto; padding-left: 0px; } .menu-custom-item-list a { font-size: 12px !important; } .dropdown-container li { line-height: 1em !important; } #menu-menu-principal>li { margin-top: 10px !important; } .dropdown-container a:hover { color: #dd9933 !important; } .navigation-inner .dropdown-container { width: auto !important; } } .dropdown-container li { line-height: 1rem; margin-top: 12px; } #breadcrumbs { display: flex; padding-left: 0; } .breadcrumbs { font-family: var(--pdv-primary-font);; padding-bottom: 0px; margin-bottom: 0px; } #breadcrumbs .item-current { color: #555; } .breadcrumbs a { display: inline-block; text-decoration: none; color: #555; } .breadcrumbs a:hover { color: var(--pdv-primary); } @media screen and (min-width: 768px) { .breadcrumbs li, .breadcrumbs strong { font-size: 14px; } } .breadcrumb-item+.breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } #breadcrumbs { display: flex; padding-left: 0; } #breadcrumbs .separator { padding: 0 0.5rem; } .nav-drill { transform: translateX(100%); opacity: 0; visibility: hidden; } .nav-is-toggled .nav-drill { transform: translateX(0); opacity: 1; visibility: visible; } .nav-is-toggled::after { opacity: 1; visibility: visible; } .nav-drill { display: -webkit-box; display: flex; flex-direction: column; justify-content: flex-start; position: fixed; z-index: 500000; top: 0; right: 0; width: 300px; height: 100vh; background-color: #fff; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-transition: 0.45s; transition: 0.45s; } .nav-mobile-logo-container { display: flex; align-items: center; justify-content: flex-start; padding: 15px; margin-bottom: 15px; } .nav-mobile-infos { margin: 15px; } .nav-mobile-bottom-menu {} .nav-mobile-bottom-menu ul { display: flex; justify-content: flex-start !important; padding-top: 20px; border-top: 1px solid #d6dfe295 } .nav-mobile-bottom-menu ul li {} .nav-mobile-bottom-menu ul li a { color: #dd9933; font-family: var(--pdv-secondary-font);; !important; font-size: 12px; } .nav-mobile-bottom-menu ul li a:hover { color: #94c259 !important; } .nav-mobile-mentions { padding-top: 20px; } .nav-mobile-mentions a { text-decoration: none; font-family: var(--pdv-secondary-font);; !important; font-size: 12px; } .nav-mobile-small-title { color: #dd9933 !important; font-size: 14px; } .nav-mobile-address { padding-top: 20px; border-top: 1px solid #d6dfe295 } .nav-mobile-horaires { padding-top: 20px; border-top: 1px solid #d6dfe295 } .nav-mobile-telephone { padding-top: 20px; border-top: 1px solid #d6dfe295 } .nav-mobile-telephone a { text-decoration: none; font-weight: 700; } .nav-mobile-address address { font-size: 18px; } .nav-drill li { position: static; } .nav-drill li::before { content: none; } .nav-items { padding-left: 0; margin-bottom: 0px; } .nav-item:not(:last-child) { border-bottom: solid 1px #d6dfe295; } .nav-link { display: block; padding: 0.875em 1em; background-color: #fff; ; color: #dd9933; font-size: .85rem; line-height: 1.5em; font-weight: 500; text-decoration: none; } .nav-expand-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(100%); background-color: #daf9f4; -webkit-transition: 0.3s; transition: 0.3s; visibility: hidden; } .nav-expand-content .nav-item:not(:last-child) { border-bottom: solid 1px #d6dfe233; } .nav-expand-content .nav-link { background-color: #999; } .nav-expand-content .nav-back-link { display: flex; align-items: center; background-color: #d6dfe233 !important; color: #dd9933; } .nav-expand-content .nav-back-link::before { content: '\f053'; font-size: 14px; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em; } .nav-expand-link { display: flex; align-items: center; justify-content: space-between; } .nav-expand-link i { font-size: 14px; color: #dd9933; transition: .35s ease-in-out; } .nav-link:hover, .nav-link:hover i { color: #dd9933; } .nav-expand.active>.nav-expand-content { transform: translateX(0); visibility: visible; z-index: 5; } .nav-expand .nav-expand-content { background-color: #fff; } .nav-expand .nav-expand-content .nav-link { background-color: #fff; } .nav-social-medias { padding-top: 20px; border-top: 1px solid #d6dfe295 } .nav-social-medias ul li::after { content: none; } .nav-social-medias ul { display: flex; justify-content: flex-start; padding-left: 0; padding-top: 10px; } .nav-social-medias ul li { padding: 0 10px; } .nav-social-medias ul li:first-child { padding-left: 0; } .nav-social-medias ul li a i { font-size: 22px; transition: all 0.35s ease-in-out; color: #94c259; } .nav-social-medias ul li a:hover i { color: #dd9933; } .acym_module_form .onefield { margin: 10px 0 !important; } .dropdownmenuli:last-child .dropdown-container { left: -475px; } li#menu-item-2764 .dropdown-container { right: 0; left: initial; } .mobile-menu-icon { display: none; } @media screen and (max-width: 1320px) { .mobile-menu-icon { display: flex !important; flex-direction: column; align-items: center; cursor: pointer; } .mobile-menu-icon:hover {} } .mobile-menu-icon .hamburger-text { color: #dd9933; text-transform: uppercase; font-weight: 600; font-size: 12px; } .mobile-menu-icon svg { fill: #dd9933; } @media screen and (min-width: 1200px) { .actualites-first-item img { height: 500px; } } @media screen and (min-width: 1200px) { .actualites-first-item .blog-item-content-title { font-size: 2.625rem !important; } } .social-sharing-links { display: flex; align-items: center; justify-content: flex-end; } .button-share { width: 45px; height: 45px; padding: 0; display: flex; align-items: center; justify-content: center; margin-right: 10px; background-color: #dd9933; } .button-share:hover { background-color: var(--pdv-secondary); color: #fff; } .button-share i { font-size: 18px; } .button-share span { margin-left: 10px; display: inline-flex; } .single-cm-icon svg { height: auto; max-width: 100%; fill: #94c259; stroke: #94c259; } .single-cm-bloc-text-link { color: #94c259; } .archive-cm-bloc-single:hover { background-color: #94c25915 !important; } .archive-single-cm-bloc-title { color: #94c259; } .agenda-lieu i, .agenda-phone i, .agenda-email i, .agenda-website i, .agenda-programme i { color: #d6dfe2; } .agenda-lieu span { color: #dd9933; } .agenda-dates i { color: #d6dfe2; } .agenda-dates-inner span { color: #94c259; } .blocks-gallery-item::after { content: none; } /* Publications */ .publication-block { transition: all 0.35s ease-in; height: 100%; background-color: #94c25930; color: #fff !important; padding: 25px; transition: all 0.35s ease-in-out; } .publication-block:hover { transform: translateY(-10px); } .publication-block-title { font-size: 22px; color: #94c259; margin-bottom: 25px; } .publication-block-title::after { background-color: #94c259; height: 3px; width: 25px; } .publication-block-link-text { color: #fff; text-decoration: none; background-color: var(--pdv-secondary); padding: 5px 20px; font-size: 14px; } .publication-block-link-text:hover { color: #fff; background-color: #dd9933; } .publication-block-svg-container { display: flex; justify-content: center; } .publication-block svg { width: 120px; } .publication-block svg .st01 { fill: #94c259; } #pdv-cookies { position: fixed; z-index: 999; bottom: calc(85px + 12px); right: 12px; left: 12px; background-color: #fff; width: calc(100% - 24px); overflow: hidden; padding: 25px; box-shadow: 0px 5px 15px -5px rgb(0 0 0 / 20%); transform: translateX(30px); transition: all 0.35s ease-in-out; opacity: 0; visibility: hidden; } @media screen and (min-width: 576px) { #pdv-cookies { width: 400px; right: 25px; left: inherit; } } @media screen and (min-width: 807px) { #pdv-cookies { bottom: 25px; } } #pdv-cookies.is-visible { opacity: 1; visibility: visible; transform: translateX(0px); } #pdv-cookies i { position: absolute; top: -30px; left: -30px; font-size: 140px; color: #dd993330 } #pdv-cookies .pdv-cookies-text { font-size: 14px; line-height: 18px; display: inline-block; } #pdv-cookies .pdv-cookies-buttons { display: flex; align-items: center; margin-top: 10px; } #pdv-cookies .pdv-cookies-button-accepte { margin-right: 5px; background-color: #dd9933; color: #fff; transition: all .35s ease-in; font-size: 11px; padding: 4px 12px; text-transform: uppercase; border: none; } #pdv-cookies .pdv-cookies-button-refuse { margin-right: 5px; background-color: #dd9933; color: #fff; transition: all .35s ease-in; font-size: 14px; padding: 4px 12px; text-transform: uppercase; border: none; } #pdv-cookies .pdv-cookies-button-accepte:hover, #pdv-cookies .pdv-cookies-button-refuse:hover { background-color: var(--pdv-secondary); } /* Landing Page */ .landing-page-container { position: fixed; z-index: 99999999999; width: 100%; height: 100vh; background-size: cover; background-position: 50% 50%; } .landing-page-container-overlay { background-color: #94c259e0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .landing-page-inner { position: relative; display: flex; height: 100%; align-items: center; } .landing-page-logo-container { display: flex; justify-content: center; } .landing-page-title-container { color: #fff; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .landing-page-title { font-weight: 700; } .landing-page-subtitle { font-weight: 400; } @media screen and (min-width: 768px) { .landing-page-title { font-size: 97px; } .landing-page-subtitle { font-size: 77px; } } .landing-page-social-medias { position: absolute; z-index: 5; bottom: 15px; left: 50%; transform: translate(-50%, 0%); } .landing-page-social-medias ul { display: flex; flex-direction: row; margin-bottom: 0; padding-left: 0; } .landing-page-social-medias ul li { margin-right: 12px; } .landing-page-social-medias ul li::after { content: none; } .landing-page-social-medias ul li a { background-color: var(--pdv-primary); height: 40px; width: 40px; display: inline-flex; justify-content: center; align-items: center; text-decoration: none; } .landing-page-social-medias ul li a i { color: #fff; } .landing-page-social-medias ul li a:hover { background-color: var(--pdv-secondary); } @media screen and (min-width: 768px) { .landing-page-social-medias { right: 15px; bottom: inherit; left: inherit; top: 50%; transform: translate(0%, -50%); } .landing-page-social-medias ul { flex-direction: column; } .landing-page-social-medias ul li { margin-bottom: 12px; margin-right: 0px; } } body.is-landing { overflow: hidden !important; } .wp-block-image img { height: auto; } .home-agenda-categories { position: absolute; top: 15px; left: 15px; z-index: 99; display: flex; align-items: center; } .home-agenda-category { text-decoration: none; padding: 4px 10px; display: flex; color: #fff; background-color: var(--pdv-primary); margin-right: 10px; font-size: 14px; } .contact #map { overflow: hidden; } .contact-horaires p { font-size: 1.5rem; } .nav-top.fixed { position: fixed !important; opacity: 0; visibility: hidden; top: -130px !important; left: 0; right: 0; z-index: 999 !important; background-color: #fff; box-shadow: 0px 0px 40px rgba(83, 88, 93, .2); transition: 0.35s top cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.35s opacity cubic-bezier(0.3, 0.73, 0.3, 0.74), 0.35s visibility cubic-bezier(0.3, 0.73, 0.3, 0.74); } .nav-top.fixed.slideDown { top: 0 !important; opacity: 1; visibility: visible; } .wp-block-file__button { background-color: #dd9933 !important; } .back-top { cursor: pointer; position: fixed !important; bottom: calc(152px + 1rem); right: 10px; display: block; z-index: 99; visibility: hidden; opacity: 0; transform: translateY(50%); transition: all 0.3s ease-in-out; background: rgba(255,255,255,.85); color: #dd9933; border-radius: 50%; width: 52px; height: 52px; line-height: 52px; text-align: center; } @media screen and (min-width: 807px) { .back-top { bottom: calc(92px + 1rem); right: 40px; } } .back-top:hover { background: rgba(255,255,255,1); } .back-top svg { width: auto; height: 26px; } .back-top.back-top-show { visibility: visible; opacity: 1; transform: translateY(0%); } .home-services { padding: 2rem 0; background-color: var(--pdv-secondary); height: calc(300px - calc(var(--bs-gutter-y) / 2)); } .home-title.home-services-title { color: #fff; text-align: center; font-size: 36px; margin-bottom: 2rem; } .home-services-grid-item { display: flex; flex-direction: column; justify-content: space-around; transition: all .35s ease-in-out; position: relative; } .home-services-grid-item:hover { box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, .2); transform: translateY(-10px); } .home-services-grid-item:not(:last-child) { position: relative; } @media screen and (min-width: 1400px) { .home-services-grid-item:not(:last-child)::after { content: ''; position: absolute; height: 50%; top: 50%; right: -7.5px; transform: translateY(-50%); width: 1px; background-color: #fff; opacity: .25; } } .home-services-grid-item img { height: 45px !important; } .home-services-grid-item-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .home-services-grid-item span { color: #fff; font-size: 12px; font-family: 'DM Serif Text', serif; display: block; margin-top: .5rem; line-height: 1em; text-align: center; transition: all .35s ease-in; } .custom-container { width: 100%; max-width: 1600px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } /* Forms */ .form-label { font-size: 12px; } .home-actualites { position: relative; overflow: hidden; } .home-actualites .owl-home-slide-prev, .home-actualites .owl-home-slide-next { width: 45px; height: 45px; background-color: #fff; display: flex; align-items: center; justify-content: center; opacity: 0; border-radius: 50%; visibility: hidden; transition: all 0.3s ease-in-out; backdrop-filter: blur(5px); background: rgba(0, 0, 0, 0.4) !important; } .home-actualites:hover .owl-home-slide-prev, .home-actualites:hover .owl-home-slide-next { opacity: 1; visibility: visible; } /* Home Contribution citoyenne */ .home-signalement-citoyen { padding-top: calc(1.5rem + 3vw); padding-bottom: calc(1.5rem + 3vw); background-color: var(--pdv-primary); background-size: cover; background-position: 50% 50%; position: relative; } .home-cc-picto { width: auto; height: 80px; } @media (min-width: 1200px) { .home-cc-picto { height: 135px; } .home-signalement-citoyen { padding-top: 3.75rem; } } @media (min-width: 1200px) { .home-signalement-citoyen { padding-bottom: 3.75rem; } } .home-signalement-citoyen .home-signalement-citoyen-overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #dd9933d6; } .home-signalement-citoyen .signalement-citoyen-icon { width: calc(2.1875rem + 11.25vw); } @media (min-width: 1200px) { .home-signalement-citoyen .signalement-citoyen-icon { width: 10.625rem; } } .home-signalement-citoyen .signalement-citoyen-title { font-size: calc(1.35rem + 1.2vw); padding-bottom: 1.25rem; color: #fff; font-weight: 700; text-align: center; padding-top: 10px; margin-bottom: 0px; } @media (min-width: 1200px) { .home-signalement-citoyen .signalement-citoyen-title { font-size: 2.25rem; } } .home-signalement-citoyen .signalement-citoyer-text { font-size: 17px; color: #fff; text-align: center; padding-bottom: 0px; } .home-signalement-citoyen .home-signalement-buttons-container { display: flex; flex-direction: column; align-items: center; } .home-signalement-citoyen .home-signalement-button-container:hover { background-color: var(--pdv-primary); } @media (min-width: 768px) { .home-signalement-citoyen .home-signalement-button-container:not(:last-child) { margin-right: 15px; } } .home-signalement-button-link { display: flex; align-items: center; background-color: var(--pdv-secondary); padding: .5rem 3rem; text-decoration: none; } .home-signalement-button-link:hover { background-color: var(--pdv-primary); } .home-signalement-button-link img { width: auto; height: 32px; } .home-signalement-button-link span { display: inline-flex; color: #fff; font-family: 'DM Serif Text', serif; font-size: calc(1.3rem + 0.6vw); margin-left: 1.25rem; } @media (min-width: 1200px) { .home-signalement-button-link span { font-size: 1.75rem; } } .home-signalement { position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .home-signalement-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: var(--pdv-primary-80); } .home-signalement-content { z-index: 5; position: relative; } .home-signalement-title { margin-bottom: 15px; margin-top: 15px; padding-bottom: 0px; color: #fff; font-size: 1.5rem; } @media screen and (min-width: 768px) { .home-signalement-title { font-size: 45px; } } .home-signalement-title::after { content: none; } .home-signalement-text { color: #fff; } /* Blog : home */ .blog-item-slide { height: auto !important; } .blog-item { } .blog-item-thumbnail { overflow: hidden; border-radius: 5px; background-color: #f09915; position: relative; } .blog-item-thumbnail-icon { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 120px; opacity: 0; pointer-events: none; visibility: hidden; transition: all .35s ease-in-out; } .blog-item-thumbnail .blog-item-thumbnail-img { object-fit: cover; height: 330px; width: 100%; max-width: 100%; transition: all .35s ease-in-out; } .blog-item-thumbnail:hover .blog-item-thumbnail-img { opacity: .35; } .blog-item-thumbnail:hover .blog-item-thumbnail-icon { opacity: 1; visibility: visible; } .blog-item-content { position: relative; } .blog-item-date { } .blog-item-title { color: #000; } .blog-item-title { font-size: 28px; padding-bottom: 0; margin-bottom: 0; font-weight: 900; color: #000; } .blog-item-title a { text-decoration: none; color: #000; } .blog-item-title a:hover { color: #e29c45; } .blog-item-title::after { content: none; } .blog-item-date { font-size: 13px; text-transform: uppercase; } .blog-item-content { padding: 2rem; position: relative; } .blog-item-categories-list { padding-left: 0; margin-bottom: 0; list-style-type: none; display: flex; align-items: center; position: absolute; top: 0; transform: translateY(-50%); } .blog-item-categories-list li { display: inline-flex; } .blog-item-categories-list li::after { content: none; } .blog-item-categories-list li:not(:last-child) { margin-right: .5rem; } .blog-item-categories-list li a { background-color: var(--pdv-secondary); padding: .25rem .65rem; color: #fff; text-decoration: none; font-size: 16px; font-family: 'DM Serif Text', serif; } .blog-item-categories-list li a:hover { background-color: #fff; color: var(--pdv-secondary); } /* Commercial */ /* Nav */ .navigation-top { position: absolute; top: -5px; right: 0; } .nav-top-menu ul { padding-left: 0; margin-bottom: 0; list-style-type: none; display: flex; align-items: center; } .nav-top-menu ul li a { padding: .25rem 1rem; border-radius: 200px; text-decoration: none; } .nav-top-menu ul li.demo { margin-right: 1rem; margin-left: 1rem; } .nav-top-menu ul li.demo a { background-color: #e29c45; border: 1px solid #e29c45; color: #fff; font-family: var(--pdv-primary-font); } .nav-top-menu ul li.demo a:hover { background-color: #fff; border: 1px solid #e29c45; color: #e29c45; } .nav-top-menu ul li.revendeur a { border: 1px solid #e29c45; color: #e29c45; font-family: var(--pdv-primary-font); } .nav-top-menu ul li.revendeur a:hover { border: 1px solid #e29c45; background-color: #e29c45; color: #fff; } .home-hero { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 1.5rem 0 7.5rem; position: relative; } @media screen and (min-width: 991px) { .home-hero { padding: 8rem 0; } } .home-hero h1 { font-size: 32px; margin-bottom: 0; font-weight: 900; } @media screen and (min-width: 768px) { .home-hero h1 { font-size: 45px; line-height: 3rem; } } .home-hero h2 { font-family: var(--pdv-primary-font);; font-weight: 400; font-size: 18px; margin-bottom: 0; padding-top: 25px; padding-bottom: 25px; } .home-video { display: flex; flex-direction: column; align-items: center; } .home-video video { width: 100%; border: 7px solid #000; border-radius: 15px; } .home-video span { display: block; margin-top: .5rem; font-weight: 500; text-align: center; } .home-fonctionnalites { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 1rem; } @media screen and (min-width: 768px) { .home-fonctionnalites { padding: 2.5rem; } } .home-fonctionnalites-inner { background-color: #fff; border-radius: .7rem; padding: 4rem 0; width: fit-content; margin: 4rem auto; } .home-fonctionnalites-row { padding: 2rem 0 4rem; } @media screen and (min-width: 768px) { .home-fonctionnalites-row { padding: 2rem 4rem 4rem; } } @media screen and (min-width: 991px) { .home-fonctionnalites-row { padding: 2rem 7.5rem 4rem; } } .home-fonctionnalites-title { color: #f2d34f; } .home-fonctionnalites-item { } .home-fonctionnalites-item a { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #000; } .home-fonctionnalites-item img { width: auto; height: 70px; } .home-fonctionnalites-item-title { display: inline-block; text-align: center; font-family: var(--pdv-secondary-font);; font-weight: 900; font-style: italic; font-size: 18px; padding-top: 10px; transition: all .35s ease-in-out; } .home-fonctionnalites-item a:hover .home-fonctionnalites-item-title { color: #f2d34f; } .home-fonctionnalites-title, .home-testimonials-title, .home-tarifs-title, .home-actualites-title { text-align: center; position: relative; font-size: 1.8rem; margin-bottom: 26px; padding-bottom: 26px; font-weight: 900; } @media screen and (min-width: 768px) { .home-fonctionnalites-title, .home-testimonials-title, .home-tarifs-title, .home-actualites-title { margin-bottom: 3.75rem; font-size: 2.25rem; } .home-fonctionnalites-item-title { font-size: 25px; } } .home-fonctionnalites-title::after, .home-testimonials-title::after, .home-tarifs-title::after, .home-actualites-title::after { position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: 0; width: 35px; height: 4px; border-radius: 10px; background-color: currentColor; } .home-testimonials { padding: 5rem 0; } .home-testimonials .swiper-button-next, .home-testimonials .swiper-button-prev { color: #e44e1c; } .home-testimonials .swiper-button-next:after, .home-testimonials .swiper-button-prev:after { font-size: 26px; } .home-testimonials-title { color: #e44e1c; } .home-testimonial-ville { font-family: var(--pdv-secondary-font);; font-weight: 900; font-size: 25px; } .home-testimonial-text { margin-top: 25px; } .home-testimonial-ville { position: relative; } .home-testimonial-ville img { position: absolute; top: 40px; left: -20px; } @media screen and (max-width: 991px) { .home-testimonial-ville img { left: 0 } .swiper-button-next, .swiper-button-prev { top: 18vw; } } .home-testimonial-name { color: #e44e1c; font-family: var(--pdv-secondary-font);; font-weight: 900; } .home-tarifs { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 7.5rem 0; } .home-tarifs-logo { max-width: 300px; margin: 0 auto; display: block; } @media screen and (max-width: 991px) { .home-tarifs-logo { max-width: 200px; } } /* Actualités */ .home-actualites .container { position: relative; } .home-actualites-title { color: #e29c45; } .home-actualites .swiper-button-next, .home-actualites .swiper-button-prev { top: 165px; color: #e29c45; } .home-actualites .swiper-button-prev { left: -60px; } .home-actualites .swiper-button-next { right: -60px; } @media screen and (min-width: 1500px) { } .home-citation { padding-top: 1.5rem; padding-bottom: 7.5rem; } .home-citation .home-cite { color: #fff; font-size: 44px; line-height: 1.14; font-family: var(--pdv-secondary-font);; font-weight: 900; position: relative; height: 100%; } @media screen and (max-width: 991px) { .home-citation .home-cite { font-size: 28px; } } .home-citation .home-cite::after { content: ''; top: 0; bottom: 0; right: -25px; position: absolute; height: 100%; width: 1px; background-color: #fff; display: none; } .home-citation .home-cite img { position: absolute; top: -30px; left: -60px; } .home-container-citation p { color: #fff; } @media screen and (min-width: 991px) { .home-citation .home-cite { text-align: right; font-size: 54px; line-height: 63px; } .home-citation .home-cite img { left: 40px; } .home-citation .home-cite::after { display: block; } } .home-citation .home-citation-name { font-family: var(--pdv-secondary-font); font-weight: 900; color: #fff; } .home-testimonials-title, .home-tarifs-title { text-align: center; } .home-tarifs-title { color: #fff; } .home-testimonial-author { position: relative; padding-top: 2rem; margin-top: 2rem; } .home-testimonial-author::before { position: absolute; content: ''; left: 0; top: 0; width: 35px; height: 4px; border-radius: 10px; background-color: #e44e1c; } .home-testimonial-author img, .home-citation-author img { filter: grayscale(100%); border-radius: 50%; height: 72px; width: 72px; overflow: hidden; } /* Buttons */ .button { border-radius: 200px; transition: all .35s ease-in-out; align-items: center; } .button svg { margin-right: .5rem; } .button-success { background-color: #84c446; color: #fff; } .button-success:hover { background-color: #fff; color: #84c446; } .button-secondary { background-color: #030405; color: #fff; border: 1px solid #030405; } .button-secondary:hover { background-color: #fff; color: #030405; } .button-outline-danger { background-color: transparent; border: 1px solid #e44e1c; color: #e44e1c !important; } .button-outline-danger:hover { background-color: #e44e1c !important; border: 1px solid #e44e1c; color: #fff !important; } .button-outline-light { background-color: transparent; border: 1px solid #fff; color: #fff !important; } .button-outline-light:hover { background-color: #fff !important; border: 1px solid #fff; color: #000 !important; } .button-outline-warning { background-color: transparent; border: 1px solid #f09915; color: #f09915 !important; } .button-outline-warning:hover { background-color: #f09915 !important; border: 1px solid #f09915; color: #fff !important; } /* Page Nos Tarifs */ .page-template-tarifs article h4, .page-template-tarifs article h5 { color: inherit; } .page-template-tarifs .form-check-label { font-family: inherit; } .tarifs-form-check-container { padding: 2rem; border-radius: 6px; } .tarifs-form-vert { color: #8cbe2d; } .tarifs-form-bleu { color: #b5deee; } .tarifs-form-rouge { color: #e34e1b; } .tarifs-form-vert-faded { background-color: #dde9c1; } .tarifs-form-bleu-faded { background-color: #e8f4fa; } .tarifs-form-rouge-faded { background-color: #f9cab0; } .total-price { font-variant-numeric: lining-nums; font-size: 42px; font-weight: 700; font-style: italic; } @media screen and (min-width: 576px) { .total-price { font-size: 62px; } } .tarifs-form-title { color: inherit; } .total { position: sticky; top: 125px; } .total-container { position: static; } @media screen and (max-width: 576px) { .total-container { position: fixed; bottom: 90px; width: 100%; background: #fff; padding: 1rem; z-index: 999; } } .total h5 { text-align: center; } .total-container input.button { display: block; width: 100%; padding: .65rem 1rem; border: 1px solid #84c446 !important; } .total-container input.form-control { border-radius: 45px; text-align: center; } /* Fonctionnalités */ .fonctionnalite-item { padding-bottom: 2rem; padding-top: 2rem; } @media screen and (min-width: 768px) { .fonctionnalite-item { padding-bottom: 4rem; padding-top: 4rem; } } .fonctionnalite-item h4 { font-family: var(--pdv-secondary-font); font-size: 32px; font-weight: 900; } .fonctionnalite-item-text p { margin-bottom: 0; padding: 1rem 0; } .fonctionnalite-item-tags { margin-bottom: 1rem; font-style: italic; } .fonctionnalites-icon { max-width: 100%; margin: 0 auto; display: block; max-height: 140px; } .fonctionnalites-ancres { padding: 4rem 0; } @media screen and (min-width: 768px) { .fonctionnalites-ancres { padding: 6rem 0; } } .home-tarifs-text { text-align: center; color: #fff; } @media screen and (min-width: 768px) { .home-tarifs-text { margin-left: auto; margin-right: auto; max-width: 75%; } } .home-tarifs-subtitle { color: #fff; font-weight: 900; font-family: var(--pdv-secondary-font); margin-bottom: 0; } .home-tarifs-subtitle { display: block; text-align: center; color: #fff; font-size: 29px; margin-bottom: 25px; } .home-tarifs-price { display: block; text-align: center; color: #fff; font-size: 132px; font-weight: 900; font-family: var(--pdv-secondary-font); } @media screen and (max-width: 991px) { .home-tarifs { padding-top: 4rem; padding-bottom: 4rem; } .home-tarifs-price { font-size: 85px; } .home-tarifs .button-outline-light { margin-top: 50px; } } .home-tarifs-price sup { font-size: 50%; top: -0.75em; } .home-tarifs-fonctionnalites { background-color: #fff; border-radius: 8px; padding: 2rem; } .home-tarifs-fonctionnalites-title { color: #9ac455; text-align: center; font-weight: 900; font-size: 1.75rem; position: relative; padding-bottom: 1rem; margin-bottom: 1rem; } .home-tarifs-fonctionnalites-title::after { position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: 0; width: 35px; height: 4px; border-radius: 10px; background-color: currentColor; } .home-tarifs-fonctionnalites ul { padding-left: 0; margin-bottom: 0; } .home-tarifs-fonctionnalites ul li { text-align: center; color: #9ac455; } .ci-sidebar-header { background-color: var(--pdv-primary); } .ci-panel-switch:hover { color: var(--pdv-primary); } .mapboxgl-popup-content h3 { background-color: var(--pdv-primary); } .ci-sidebar .badge { background-color: var(--pdv-primary); !important; } .ci-sidebar .accordion-body .item.active { background-color: var(--pdv-primary);25 !important; } .ci-menu, .ci-menu-search, .ci-reglages-btn { background-color: var(--pdv-primary); !important; } #ci-map .marker { background-color: #fff; } .ci-menu:hover, .ci-menu-search:hover, .ci-reglages-btn:hover { background-color: #94c259 !important; } .btt i { color: #94c259 } .ci-sidebar-header .btn-primary { background-color: var(--pdv-secondary); border-color: var(--pdv-secondary); } .accordion-button:not(.collapsed) { color: var(--pdv-primary); font-weight: 700; text-transform: uppercase; background-color: #dd99332e; } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill=''%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); } .accordion-button:focus { border-color: var(--pdv-primary); box-shadow: 0 0 0 0.25rem rgb(221 153 51 / 25%); } .fonctionnalites-ancres-title { text-align: center; margin-bottom: 1rem; } .fonctionnalites-ancre a { text-decoration: none; } .fonctionnalites-ancre a span { font-family: var(--pdv-secondary-font); font-size: 1.75rem; font-weight: 900; color: #000; transition: all .35s ease-in-out; } .fonctionnalites-ancre a:hover span { color: var(--pdv-primary); } .fonctionnalites-ancres div:not(:last-child) .fonctionnalites-ancre { position: relative; } .fonctionnalites-ancres div:not(:last-child) .fonctionnalites-ancre::after { content: ''; position: absolute; width: 2px; background-color: #e5e5e5; height: 20px; top: 50%; transform: translateY(-50%); right: -25px; color: #000; } .fonctionnalite-section { margin-bottom: 3rem; } @media screen and (min-width: 768px) { .fonctionnalite-section { margin-bottom: 5rem; } } @media screen and (min-width: 991px) { .fonctionnalite-section { margin-bottom: 8rem; } } .fonctionnalite-section-title { text-align: center; } .fonctionnalite-section-title::after { left: 50%; transform: translateX(-50%); } .wp-block-pullquote.is-style-solid-color blockquote p { font-style: italic; font-weight: 300; text-align: center; } img.home-testimonial-mockup { max-height: 390px; max-width: 100%; width: auto !important; display: block; margin: 0 auto; } .home-container-citation { background-color: #e44e1c; } .home-citation-status { color: #fff; } .home-btn-play { font-size: 4em; position: absolute; transform: translate(25%, -155%); color: #fff; filter: drop-shadow(1px 2px 0px #b2b2b2); } #newsletter-inscription .modal-content { background-color: #fff; border: none; } #video-promo .modal-content { background-color: transparent; border: none; } @media (min-width: 576px){ .modal-dialog { max-width: 600px; margin: 1.75rem auto; } } .modal-backdrop.fade { visibility: visible !important; } .single-associations-address .fas:before, .single-associations-contact .fas:before, .single-associations-phone-1 .fas:before, .single-associations-phone-2 .fas:before, .single-associations-email .fas:before, .single-associations-website .fas:before { padding-right: 0.5rem; } </style> </head> <body class="home page-template-default page page-id-587 accueil"> <div class="loader"><img class="loader-svg" src="https://place-du-village.fr/app/uploads/2021/08/logo.svg" alt=""/></div> <div class="top-bar"> <div class="container"> <div class="d-flex justify-content-between align-items-center"> <button class="mobile-bar-btn mobile-bar-btn-home"> <a href="https://place-du-village.fr"> <img height="40px" src="https://place-du-village.fr/app/uploads/2021/09/cropped-favicon.png" alt="" /> </a> </button> <button class="mobile-bar-btn mobile-bar-btn-forward" onclick="goBack()"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" /> </svg> </button> <button class="mobile-bar-btn mobile-bar-btn-back" onclick="goForward()"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" /> </svg> </button> <button class="mobile-bar-btn mobile-bar-btn-share" data-bs-toggle="modal" data-bs-target="#sharing-modal"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share" viewBox="0 0 16 16"> <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"/> </svg> </button> <button class="mobile-bar-btn mobile-bar-btn-menu"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/> </svg> </button> </div> </div> </div> <script> function goForward() { window.history.forward(); } function goBack() { window.history.back(); } </script> <div class="modal fade" id="sharing-modal" tabindex="-1" aria-labelledby="sharing-modal" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Partager</h5> <p id="tocopy" style="opacity:0">https://place-du-village.fr/</p> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Fermer"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="row gx-2 gy-3 justify-content-center"> <div class="col-4"> <div class="sharing-item"> <div class="sharing-item-image-container sharing-item-image-container-link"> <svg class="js-copy" data-target="#tocopy" fill="#555" enable-background="new 0 0 511.771 511.771" height="auto" viewBox="0 0 511.771 511.771" width="22px" xmlns="http://www.w3.org/2000/svg"> <g> <path d="m189.547 128.897c-60.302 62.391-47.143 165.931 21.932 211.798 2.276 1.512 5.304 1.212 7.259-.698 14.542-14.209 26.844-27.972 37.616-45.476 1.648-2.678.623-6.153-2.142-7.651-10.536-5.708-21.02-16.411-26.922-27.717l-.007.004c-7.07-14.078-9.477-29.859-5.734-46.157.004.001.008.002.012.002 4.307-20.866 26.708-40.276 43.817-58.227-.036-.012-.071-.025-.107-.037l64.103-65.426c25.546-26.073 67.566-26.288 93.377-.477 26.072 25.545 26.503 67.777.958 93.849l-38.828 39.928c-1.797 1.848-2.38 4.544-1.539 6.981 8.94 25.925 11.139 62.48 5.148 90.098-.168.773.786 1.279 1.339.714l82.638-84.344c52.791-53.88 52.343-141.604-.995-194.942-54.433-54.433-143.048-53.98-196.922 1.005l-84.672 86.419c-.112.118-.218.238-.331.354z" /> <path d="m344.038 352.576c-.001.003-.003.006-.004.009.053-.022.102-.043.155-.066 16.865-30.839 20.185-66.208 12.281-100.687l-.036.037-.039-.017c-7.505-30.709-28.098-61.203-56.066-79.978-2.406-1.615-6.249-1.428-8.502.394-14.167 11.455-28.034 26.144-37.184 44.889-1.437 2.943-.361 6.478 2.471 8.122 10.619 6.165 20.209 15.191 26.63 27.174l.01-.007c5.004 8.465 9.935 24.527 6.741 41.785-.002 0-.005 0-.007 0-2.98 22.881-26.086 43.869-44.454 62.781l.009.009c-13.982 14.298-49.525 50.532-63.757 65.072-25.545 26.072-67.777 26.503-93.849.958-26.072-25.545-26.503-67.777-.958-93.849l38.943-40.048c1.765-1.815 2.365-4.453 1.58-6.86-8.647-26.531-11.016-62.262-5.558-89.849.152-.769-.794-1.26-1.343-.7l-81.395 83.075c-53.332 54.433-52.88 143.057 1.006 196.942 54.43 53.33 142.597 52.429 195.927-2.001 18.527-20.724 97.835-94.153 107.399-117.185z" /> </g> </svg> </div> <span class="sharing-text">Copier le lien</span> </div> </div> <div class="col-4"> <div class="sharing-item"> <div class="sharing-item-image-container sharing-item-image-container-whatsapp"> <a href="whatsapp://send?text=Accueil https://place-du-village.fr/" rel="nofollow noopener" target="_blank"> <svg version="1.1" width="22px" fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <path d="M378.853,294.202c-0.997-0.479-38.324-18.859-44.956-21.246c-2.708-0.972-5.609-1.922-8.694-1.922 c-5.04,0-9.274,2.512-12.572,7.446c-3.729,5.542-15.016,18.736-18.503,22.678c-0.456,0.52-1.077,1.142-1.45,1.142 c-0.334,0-6.111-2.379-7.86-3.138c-40.041-17.393-70.433-59.219-74.601-66.272c-0.595-1.014-0.62-1.474-0.625-1.474 c0.146-0.537,1.493-1.887,2.188-2.583c2.033-2.011,4.236-4.663,6.367-7.228c1.009-1.215,2.02-2.432,3.012-3.579 c3.092-3.597,4.468-6.39,6.064-9.625l0.836-1.681c3.897-7.742,0.569-14.274-0.507-16.384c-0.883-1.765-16.643-39.803-18.319-43.799 c-4.03-9.643-9.354-14.133-16.753-14.133c-0.687,0,0,0-2.879,0.121c-3.506,0.148-22.598,2.661-31.039,7.983 c-8.952,5.644-24.096,23.633-24.096,55.271c0,28.474,18.07,55.359,25.828,65.584c0.193,0.258,0.547,0.781,1.061,1.533 c29.711,43.39,66.75,75.547,104.297,90.546c36.148,14.439,53.265,16.108,62.996,16.108c0.002,0,0.002,0,0.002,0 c4.089,0,7.362-0.321,10.25-0.605l1.832-0.175c12.487-1.107,39.929-15.327,46.171-32.673c4.917-13.663,6.214-28.591,2.942-34.008 C387.604,298.403,383.742,296.549,378.853,294.202z" /> <path d="M260.545,0C121.879,0,9.066,111.965,9.066,249.588c0,44.512,11.912,88.084,34.479,126.218 L0.352,503.216c-0.805,2.375-0.206,5.002,1.551,6.791C3.172,511.302,4.892,512,6.649,512c0.673,0,1.351-0.101,2.013-0.313 l132.854-42.217c36.355,19.424,77.445,29.678,119.03,29.678C399.199,499.15,512,387.197,512,249.588 C512,111.965,399.199,0,260.545,0z M260.545,447.159c-39.13,0-77.029-11.299-109.608-32.677c-1.095-0.72-2.367-1.089-3.647-1.089 c-0.677,0-1.355,0.103-2.015,0.313l-66.552,21.155l21.484-63.383c0.695-2.051,0.347-4.314-0.933-6.063 c-24.809-33.898-37.923-73.949-37.923-115.827c0-108.955,89.357-197.597,199.191-197.597c109.821,0,199.168,88.642,199.168,197.597 C459.713,358.53,370.367,447.159,260.545,447.159z" /> </g> </svg></a> </div> <span class="sharing-text">WhatsApp</span> </div> </div> <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v8.0&appId=3215601728546881&autoLogAppEvents=1" nonce="IMGK58Li"></script> <div class="col-4"> <div class="sharing-item"> <div class="sharing-item-image-container sharing-item-image-container-messenger"> <a href="fb-messenger://share/?link=https://place-du-village.fr/&app_id=3215601728546881"> <svg version="1.1" width="22px" height="auto" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.05 512.05" style="enable-background:new 0 0 512.05 512.05;" xml:space="preserve"> <path style="fill:#2196F3;" d="M256.025,0.05C117.67-2.678,3.184,107.038,0.025,245.383c0.361,70.423,31.544,137.157,85.333,182.613 v73.387c0,5.891,4.776,10.667,10.667,10.667c1.999,0,3.958-0.562,5.653-1.621l59.456-37.141 c30.292,11.586,62.459,17.494,94.891,17.429c138.355,2.728,252.841-106.988,256-245.333C508.866,107.038,394.38-2.678,256.025,0.05z " /> <path style="fill:#FAFAFA;" d="M424.558,174.983c-3.174-4.254-8.993-5.527-13.653-2.987l-110.933,60.48l-69.013-59.179 c-4.232-3.628-10.544-3.387-14.485,0.555l-128,128c-4.153,4.178-4.133,10.932,0.046,15.085c3.341,3.321,8.464,4.057,12.605,1.811 l110.933-60.48l69.077,59.2c4.232,3.628,10.544,3.387,14.485-0.555l128-128C427.35,185.148,427.75,179.215,424.558,174.983z" /> </svg></a> </div> <span class="sharing-text">Messenger</span> </div> </div> <div class="col-4"> <div class="sharing-item"> <div class="sharing-item-image-container sharing-item-image-container-facebook"> <a href="https://www.facebook.com/sharer.php?u=https://place-du-village.fr/&t=Accueil" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"> <svg fill="#fff" enable-background="new 0 0 24 24" height="auto" viewBox="0 0 24 24" width="22px" xmlns="http://www.w3.org/2000/svg"> <path d="m15.997 3.985h2.191v-3.816c-.378-.052-1.678-.169-3.192-.169-3.159 0-5.323 1.987-5.323 5.639v3.361h-3.486v4.266h3.486v10.734h4.274v-10.733h3.345l.531-4.266h-3.877v-2.939c.001-1.233.333-2.077 2.051-2.077z" /> </svg></a> </div> <span class="sharing-text">Facebook</span> </div> </div> <div class="col-4"> <div class="sharing-item"> <div class="sharing-item-image-container sharing-item-image-container-twitter"> <a href="https://twitter.com/share?url=https://place-du-village.fr/&text=Accueil&via=Place du Village"> <svg version="1.1" width="22px" height="auto" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#fff;" d="M512,97.248c-19.04,8.352-39.328,13.888-60.48,16.576c21.76-12.992,38.368-33.408,46.176-58.016 c-20.288,12.096-42.688,20.64-66.56,25.408C411.872,60.704,384.416,48,354.464,48c-58.112,0-104.896,47.168-104.896,104.992 c0,8.32,0.704,16.32,2.432,23.936c-87.264-4.256-164.48-46.08-216.352-109.792c-9.056,15.712-14.368,33.696-14.368,53.056 c0,36.352,18.72,68.576,46.624,87.232c-16.864-0.32-33.408-5.216-47.424-12.928c0,0.32,0,0.736,0,1.152 c0,51.008,36.384,93.376,84.096,103.136c-8.544,2.336-17.856,3.456-27.52,3.456c-6.72,0-13.504-0.384-19.872-1.792 c13.6,41.568,52.192,72.128,98.08,73.12c-35.712,27.936-81.056,44.768-130.144,44.768c-8.608,0-16.864-0.384-25.12-1.44 C46.496,446.88,101.6,464,161.024,464c193.152,0,298.752-160,298.752-298.688c0-4.64-0.16-9.12-0.384-13.568 C480.224,136.96,497.728,118.496,512,97.248z" /> </svg></a> </div> <span class="sharing-text">Twitter</span> </div> </div> </div> </div> </div> </div> </div><header class="nav-top"> <div class="container-xxl"> <div class="d-flex justify-content-between align-items-center position-relative"> <div class="d-flex align-items-center"> <a class="nav-top-logo-link" href="https://place-du-village.fr"><img height="75" src="https://place-du-village.fr/app/uploads/2021/08/logo.svg" alt="" /></a> </div> <div class="d-flex d-xl-none hamburger material-icons" id="ham"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/> </svg> </div> <div class="d-none d-xl-flex d-flex align-items-center navigation-top"> <div class="nav-top-menu"> <ul id="menu-menu-top" class="menu"><li id="menu-item-1931" class="demo menu-item menu-item-type-post_type menu-item-object-page menu-item-1931"><a href="https://place-du-village.fr/contact/">Demander une démo</a></li> <li id="menu-item-2488" class="revendeur menu-item menu-item-type-post_type menu-item-object-page menu-item-2488"><a href="https://place-du-village.fr/devenez-revendeurs-place-du-village/">Devenir revendeur</a></li> </ul> </div> <div class="search" data-bs-toggle="modal" data-bs-target="#modal-search"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/> </svg> </div>  <div class="modal fade" id="modal-search" tabindex="-1" aria-labelledby="modal-search" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button> </div> <div class="modal-body">  <div class="container"> <form class="search-form" method="get" action="https://place-du-village.fr" role="search"> <input class="search-input" type="search" name="s" placeholder="Votre recherche..." /> <button type="submit" role="button"> <i class="fas fa-search"></i> </button> </form> </div>  </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button> </div> </div> </div> </div> </div> <div class="mt-4 d-none d-xl-flex flex-column align-items-end nav-top-main-menu"> <ul class="navigation-menu-list d-none d-xl-flex align-items-center"> <li id="menu-item-1917" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://place-du-village.fr/notre-solution/">Notre solution</a></li> <li id="menu-item-1916" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://place-du-village.fr/les-fonctionnalites/">Les fonctionnalités</a></li> <li id="menu-item-1915" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://place-du-village.fr/tarifs/">Tarifs</a></li> <li id="menu-item-2769" class="menu-item menu-item-type-post_type_archive menu-item-object-carte_interactive"><a href="https://place-du-village.fr/blog/carte_interactive/">Nos références</a></li> <li id="menu-item-1918" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://place-du-village.fr/actus/">Actus</a></li> <li id="menu-item-1913" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://place-du-village.fr/faq/">Questions fréquentes</a></li> <li id="menu-item-596" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://place-du-village.fr/contact/">Contact</a></li> </ul> </div> </div> </div> </header> <nav class="nav-drill">  <div class="nav-mobile-logo-container"> <a href="https://place-du-village.fr"> <img height="75" src="https://place-du-village.fr/app/uploads/2021/08/logo.svg" /> </a> </div>  <ul id="menu-menu-principal-1" class=""><li class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a class="nav-link nav-expand-link" href="https://place-du-village.fr/notre-solution/"><span>Notre solution</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a class="nav-link nav-expand-link" href="https://place-du-village.fr/les-fonctionnalites/"><span>Les fonctionnalités</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a class="nav-link nav-expand-link" href="https://place-du-village.fr/tarifs/"><span>Tarifs</span></a></li> <li class="menu-item menu-item-type-post_type_archive menu-item-object-carte_interactive nav-item"><a class="nav-link nav-expand-link" href="https://place-du-village.fr/blog/carte_interactive/"><span>Nos références</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a class="nav-link nav-expand-link" href="https://place-du-village.fr/actus/"><span>Actus</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a class="nav-link nav-expand-link" href="https://place-du-village.fr/faq/"><span>Questions fréquentes</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a class="nav-link nav-expand-link" href="https://place-du-village.fr/contact/"><span>Contact</span></a></li> </ul>  <div class="nav-mobile-infos"> <div class="nav-mobile-address py-3"> <span class="nav-mobile-small-title">Adresse</span> <address> 8 rue de Berne<br /> 30000 Nîmes</p> </address> </div> <div class="nav-mobile-telephone py-3"> <span class="nav-mobile-small-title">Téléphone</span> <a href="tel:0466383966">04 66 38 39 66</a> </div> <div class="nav-mobile-horaires py-3"> <span class="nav-mobile-small-title">Horaires</span> <span></span> </div> <div class="nav-social-medias py-3"> <span class="nav-mobile-small-title">Nous suivre</span> <ul> <li><a href="https://www.facebook.com/placeduvillage.webapp" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a></li> <li><a href="https://www.youtube.com/channel/UCr-TK0lnmqq8QpmCgQ90zrw" target="_blank" rel="noopener"><i class="fab fa-youtube"></i></a></li> </ul> </div> <div class="nav-mobile-bottom-menu py-3"> <a href="https://pdv.bcnco.fr/affichage-ecran/">Affichage écran</a> </div> <div class="nav-mobile-mentions py-3"> <a href="https://place-du-village.fr" target="_blank">Place du village la solution Web et Appli des collectivités</a> </div> </div> </nav>  <div class="mask"></div> <div class="horizontal-progress-bar"></div> <section class="home-hero" style="background-image: url();"> <div class="container"> <div class="row align-items-center gx-lg-5 gy-3"> <div class="col-lg-6"> <h1>L'outil de communication simplifié des communes</h1> <h2>Parce que gérer une commune est complexe, nous avons imaginé Place du Village, une interface simple et unique pour échanger avec vos administrés. Avec Place du Village, diffusez simplement du contenu sur votre site, votre Web App, vos réseaux sociaux, par sms, téléalerte ou même sur les panneaux d’affichage.</h2> <a href="https://place-du-village.fr/contact/" title="Je souhaite avoir une présentation de Place du Village" class="button button-success">Je souhaite avoir une présentation de Place du Village</a> </div> <div class="col-lg-6"> <div class="home-video"> <video autoplay muted loop> <source src="https://place-du-village.fr/app/themes/commercial/img/hero.mp4" type="video/mp4"> </video> <span>Visionnez notre vidéo et en 2 min vous aurez compris pourquoi Place du Village simplifie la vie des collectivités !</span> </div> <a href="#" class="home-btn-play" data-bs-toggle="modal" data-bs-target="#video-promo"><i class="far fa-play-circle "></i></a> </div> </div> </div> <div class="decouvrir-arrow"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 341.33 469.33"><path class="cls-1" d="M256,21.33A170.87,170.87,0,0,0,85.33,192V320a170.67,170.67,0,0,0,341.34,0V192A170.87,170.87,0,0,0,256,21.33ZM384,320a128,128,0,0,1-256,0V192a128,128,0,0,1,256,0Z" transform="translate(-85.33 -21.33)"/><path class="cls-1" d="M256,128a21.33,21.33,0,0,0-21.33,21.33v85.34a21.33,21.33,0,1,0,42.66,0V149.33A21.33,21.33,0,0,0,256,128Z" transform="translate(-85.33 -21.33)"/></svg> <span>découvrir</span> </div> </section> <div id="home-content">  <section class="home-fonctionnalites" style="background-image: url(https://place-du-village.fr/app/uploads/2021/08/bg-fonctionnalites.png);"> <div class="home-fonctionnalites-inner"> <div class="container"> <h2 class="home-fonctionnalites-title">Nos fonctionnalités phares</h2> <div class="home-fonctionnalites-row"> <div class="row gy-3 gx-3 gx-lg-5 gy-5 justify-content-center"> <div class="col-6 col-sm-4 col-md-3"> <div class="home-fonctionnalites-item"> <a href="https://place-du-village.fr/les-fonctionnalites/#carte-interactive"> <img src="https://place-du-village.fr/app/themes/commercial/img/fonctionnalites/carte-interactive.svg" alt=""> <span class="home-fonctionnalites-item-title">Carte interactive</span> </a> </div> </div> <div class="col-6 col-sm-4 col-md-3"> <div class="home-fonctionnalites-item"> <a href="https://place-du-village.fr/les-fonctionnalites/#annuaire-association"> <img src="https://place-du-village.fr/app/themes/commercial/img/fonctionnalites/annuaire.svg" alt=""> <span class="home-fonctionnalites-item-title">Annuaires</span> </a> </div> </div> <div class="col-6 col-sm-4 col-md-3"> <div class="home-fonctionnalites-item"> <a href="https://place-du-village.fr/les-fonctionnalites/#alerte-mairie"> <img src="https://place-du-village.fr/app/themes/commercial/img/fonctionnalites/alertes.svg" alt=""> <span class="home-fonctionnalites-item-title">Alerte mairie</span> </a> </div> </div> <div class="col-6 col-sm-4 col-md-3"> <div class="home-fonctionnalites-item"> <a href="https://place-du-village.fr/les-fonctionnalites/#agenda"> <img src="https://place-du-village.fr/app/themes/commercial/img/fonctionnalites/agenda.svg" alt=""> <span class="home-fonctionnalites-item-title">Agenda</span> </a> </div> </div> <div class="col-6 col-sm-4 col-md-3"> <div class="home-fonctionnalites-item"> <a href="https://place-du-village.fr/les-fonctionnalites/#conseils-municipaux"> <img src="https://place-du-village.fr/app/themes/commercial/img/fonctionnalites/conseils.svg" alt=""> <span class="home-fonctionnalites-item-title">Conseils<br>Municipaux</span> </a> </div> </div> <div class="col-6 col-sm-4 col-md-3"> <div class="home-fonctionnalites-item"> <a href="https://place-du-village.fr/les-fonctionnalites/#météo"> <img src="https://place-du-village.fr/app/themes/commercial/img/fonctionnalites/meteo.svg" alt=""> <span class="home-fonctionnalites-item-title">Météo</span> </a> </div> </div> <div class="col-6 col-sm-4 col-md-3"> <div class="home-fonctionnalites-item"> <a href="https://place-du-village.fr/les-fonctionnalites/#contact-élus"> <img src="https://place-du-village.fr/app/themes/commercial/img/fonctionnalites/contact.svg" alt=""> <span class="home-fonctionnalites-item-title">Contact élus</span> </a> </div> </div> <div class="col-6 col-sm-4 col-md-3"> <div class="home-fonctionnalites-item"> <a href="https://place-du-village.fr/les-fonctionnalites/#contribution-citoyenne"> <img src="https://place-du-village.fr/app/themes/commercial/img/fonctionnalites/contribution.svg" alt=""> <span class="home-fonctionnalites-item-title">Contribution citoyenne</span> </a> </div> </div> </div> </div> <div class="d-flex justify-content-center"> <a href="https://place-du-village.fr/les-fonctionnalites/" title="Voir toutes les fonctionnalités" class="button button-secondary">Voir toutes les fonctionnalités</a> </div> </div> </div> </section>  <section class="home-testimonials"> <div class="container"> <h2 class="home-testimonials-title">Ils sont dans la place</h2>  <div class="swiper home-testimonials-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide home-testimonial-slide"> <div class="row align-items-center gy-3 gx-lg-5"> <div class="col-lg-6"> <img src="https://place-du-village.fr/app/uploads/2021/08/clarensac-mockup.png" alt="" class="w-100 home-testimonial-mockup"> </div> <div class="col-lg-6"> <span class="home-testimonial-ville"><img src="https://place-du-village.fr/app/themes/commercial/img/ville-citation-quote.png" alt="">Clarensac</span> <p class="home-testimonial-text">Nous avons choisi Place du Village pour les innovations apportées et l’efficacité de la solution. </p> <div class="home-testimonial-author"> <div class="d-flex align-items-center"> <div> <img src="https://place-du-village.fr/app/uploads/2021/09/julien.png" alt=""> </div> <div class="d-flex flex-column ps-3"> <span class="home-testimonial-name">Jullien Pacioni</span> <span class="home-testimonial-status">Conseiller municipal</span> </div> </div> </div> </div> </div> </div> <div class="swiper-slide home-testimonial-slide"> <div class="row align-items-center gy-3 gx-lg-5"> <div class="col-lg-6"> <img src="https://place-du-village.fr/app/uploads/2021/08/bourbon-mockup.png" alt="" class="w-100 home-testimonial-mockup"> </div> <div class="col-lg-6"> <span class="home-testimonial-ville"><img src="https://place-du-village.fr/app/themes/commercial/img/ville-citation-quote.png" alt="">Bourbon Lancy</span> <p class="home-testimonial-text">Le concept correspond à l’attente d’une ville comme la nôtre. Place du Village sait être réactif ainsi qu'à l’écoute de nos remarques et sollicitations. De plus, le rendu est apprécié au niveau de la population.</p> <div class="home-testimonial-author"> <div class="d-flex align-items-center"> <div> <img src="https://place-du-village.fr/app/uploads/2021/08/edith-bourbon.png" alt=""> </div> <div class="d-flex flex-column ps-3"> <span class="home-testimonial-name">Edith Gueugneau</span> <span class="home-testimonial-status">Maire</span> </div> </div> </div> </div> </div> </div> <div class="swiper-slide home-testimonial-slide"> <div class="row align-items-center gy-3 gx-lg-5"> <div class="col-lg-6"> <img src="https://place-du-village.fr/app/uploads/2021/08/trebes-mockup.png" alt="" class="w-100 home-testimonial-mockup"> </div> <div class="col-lg-6"> <span class="home-testimonial-ville"><img src="https://place-du-village.fr/app/themes/commercial/img/ville-citation-quote.png" alt="">Trèbes</span> <p class="home-testimonial-text">Ayant le souhait d'effectuer une refonte du site et de s'équiper d'une application, Place du Village était la solution. En plus de cela, une seule saisie pour publier du contenu sur le site et l'application.</p> <div class="home-testimonial-author"> <div class="d-flex align-items-center"> <div> <img src="https://place-du-village.fr/app/uploads/2021/09/nathalie.png" alt=""> </div> <div class="d-flex flex-column ps-3"> <span class="home-testimonial-name">Nathalie Billeci</span> <span class="home-testimonial-status">Conseillère municipale en charge de la communication</span> </div> </div> </div> </div> </div> </div> <div class="swiper-slide home-testimonial-slide"> <div class="row align-items-center gy-3 gx-lg-5"> <div class="col-lg-6"> <img src="https://place-du-village.fr/app/uploads/2021/09/sainthilaire.jpg" alt="" class="w-100 home-testimonial-mockup"> </div> <div class="col-lg-6"> <span class="home-testimonial-ville"><img src="https://place-du-village.fr/app/themes/commercial/img/ville-citation-quote.png" alt="">Saint-Hilaire de Brethmas</span> <p class="home-testimonial-text">Place du Village est le juste milieu pour la navigation sur smartphone et ordinateur, simple et facile d’accès.</p> <div class="home-testimonial-author"> <div class="d-flex align-items-center"> <div> <img src="https://place-du-village.fr/app/uploads/2021/09/sebastien.png" alt=""> </div> <div class="d-flex flex-column ps-3"> <span class="home-testimonial-name">Sébastien Roumiguié</span> <span class="home-testimonial-status">3ème adjoint délégué à la Communication</span> </div> </div> </div> </div> </div> </div> <div class="swiper-slide home-testimonial-slide"> <div class="row align-items-center gy-3 gx-lg-5"> <div class="col-lg-6"> <img src="https://place-du-village.fr/app/uploads/2021/09/sainteanastasie.jpg" alt="" class="w-100 home-testimonial-mockup"> </div> <div class="col-lg-6"> <span class="home-testimonial-ville"><img src="https://place-du-village.fr/app/themes/commercial/img/ville-citation-quote.png" alt="">Sainte-Anastasie</span> <p class="home-testimonial-text">Sainte-Anastasie a choisi place du village pour l'esthétique, la fluidité du site, l'existence de la webApp et surtout pour la facilité des échanges avec une entreprise locale performante et à l'écoute.</p> <div class="home-testimonial-author"> <div class="d-flex align-items-center"> <div> <img src="https://place-du-village.fr/app/uploads/2021/09/jeanmarc.png" alt=""> </div> <div class="d-flex flex-column ps-3"> <span class="home-testimonial-name">Jean-Marc Hibschele</span> <span class="home-testimonial-status">Adjoint</span> </div> </div> </div> </div> </div> </div> </div>  <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="swiper-pagination"></div> </div> <div class="d-flex justify-content-center"> <a href="https://place-du-village.fr/blog/carte_interactive/" target="_blank" title="Nos références" class="button button-outline-danger">Nos références</a> </div> </div> </section>  <section class="home-tarifs" style="background-image: url(https://place-du-village.fr/app/uploads/2021/08/bg-tarifs.png);"> <div class="container"> <h2 class="home-tarifs-title">Tarifs</h2> <div class="row align-items-center g-3"> <div class="col-lg-3"> <img src="https://place-du-village.fr/app/themes/commercial/img/logo-pdv-blanc.svg" alt="Place du Village" class="home-tarifs-logo"> </div> <div class="col-lg-6"> <p class="home-tarifs-text">Les besoins des communes et des collectivités diffèrent en fonction de leurs objectifs et du nombre d'habitants.<br>Du support d'information à la plateforme d'échange, choisissez votre solution sur-mesure et faites la évoluer au fur et à mesure.</p> <span class="home-tarifs-subtitle">Votre solution à partir de</span> <h5 class="home-tarifs-price">68€<sup>HT</sup></h5> </div> <div class="col-lg-3"> <div class="home-tarifs-fonctionnalites"> <h4 class="home-tarifs-fonctionnalites-title">Fonctionnalités de base</h4> <ul> <li>Site progressive Web App</li> <li>Notifications</li> <li>Google analytics</li> <li>Actualités</li> <li>Alerte Mairie</li> <li>Météo</li> <li>Conseils municipaux</li> <li>Labels</li> <li>Kiosque Mairie</li> </ul> </div> </div> </div> <div class="d-flex justify-content-center"> <a href="https://place-du-village.fr/tarifs/" title="Je fais mon devis en ligne" class="button button-outline-light">Je fais mon devis en ligne</a> </div> </div> </section>  <section class="pt-5 pb-5 home-actualites"> <div class="mb-3 mb-lg-4"> <div class="container"> <h2 class="home-actualites-title">Actualités</h2> </div> </div> <div class="container">  <div class="swiper home-actualites-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide blog-item-slide"> <div class="blog-item home-blog-item"> <div class="blog-item-thumbnail"> <img class="blog-item-thumbnail-icon" src="https://place-du-village.fr/app/themes/commercial/img/icons/eye.svg" alt=""> <a href="https://place-du-village.fr/blog/financez-une-cause-en-recommandant-place-du-village/"> <img class="blog-item-thumbnail-img" src="https://place-du-village.fr/app/uploads/2022/01/COEUR-DU-VILLAGE-Q-H@3x.jpg" alt=""> </a> </div> <div class="blog-item-content"> <span class="blog-item-date">Publié le 18 janvier 2022</span> <h3 class="blog-item-title"><a href="https://place-du-village.fr/blog/financez-une-cause-en-recommandant-place-du-village/" title="Financez une cause en recommandant Place du Village !">Financez une cause en recommandant Place du Village !</a></h3> </div> </div> </div> <div class="swiper-slide blog-item-slide"> <div class="blog-item home-blog-item"> <div class="blog-item-thumbnail"> <img class="blog-item-thumbnail-icon" src="https://place-du-village.fr/app/themes/commercial/img/icons/eye.svg" alt=""> <a href="https://place-du-village.fr/blog/site-web-mairie-le-grau-du-roi-a-choisi-place-du-village/"> <img class="blog-item-thumbnail-img" src="https://place-du-village.fr/app/uploads/2021/09/PDV-GDR_slider.jpg" alt=""> </a> </div> <div class="blog-item-content"> <span class="blog-item-date">Publié le 30 septembre 2021</span> <h3 class="blog-item-title"><a href="https://place-du-village.fr/blog/site-web-mairie-le-grau-du-roi-a-choisi-place-du-village/" title="Site web Mairie : Le Grau du Roi a choisi Place du Village">Site web Mairie : Le Grau du Roi a choisi Place du Village</a></h3> </div> </div> </div> <div class="swiper-slide blog-item-slide"> <div class="blog-item home-blog-item"> <div class="blog-item-thumbnail"> <img class="blog-item-thumbnail-icon" src="https://place-du-village.fr/app/themes/commercial/img/icons/eye.svg" alt=""> <a href="https://place-du-village.fr/blog/les-6-raisons-de-faire-votre-site-web-mairie-avec-place-du-village/"> <img class="blog-item-thumbnail-img" src="https://place-du-village.fr/app/uploads/2021/09/sainteanastasie.jpg" alt=""> </a> </div> <div class="blog-item-content"> <span class="blog-item-date">Publié le 6 septembre 2021</span> <h3 class="blog-item-title"><a href="https://place-du-village.fr/blog/les-6-raisons-de-faire-votre-site-web-mairie-avec-place-du-village/" title="Les 6 raisons de faire votre site web mairie avec Place du village">Les 6 raisons de faire votre site web mairie avec Place du village</a></h3> </div> </div> </div> <div class="swiper-slide blog-item-slide"> <div class="blog-item home-blog-item"> <div class="blog-item-thumbnail"> <img class="blog-item-thumbnail-icon" src="https://place-du-village.fr/app/themes/commercial/img/icons/eye.svg" alt=""> <a href="https://place-du-village.fr/blog/retrouvez-place-du-village-sur-france-3/"> <img class="blog-item-thumbnail-img" src="https://place-du-village.fr/app/uploads/2021/09/F3-1920-1024x707-1.jpg" alt=""> </a> </div> <div class="blog-item-content"> <span class="blog-item-date">Publié le 6 septembre 2021</span> <h3 class="blog-item-title"><a href="https://place-du-village.fr/blog/retrouvez-place-du-village-sur-france-3/" title="Retrouvez Place du Village sur France 3">Retrouvez Place du Village sur France 3</a></h3> </div> </div> </div> <div class="swiper-slide blog-item-slide"> <div class="blog-item home-blog-item"> <div class="blog-item-thumbnail"> <img class="blog-item-thumbnail-icon" src="https://place-du-village.fr/app/themes/commercial/img/icons/eye.svg" alt=""> <a href="https://place-du-village.fr/blog/place-du-village-sur-la-minute-eco-de-france-bleu-gard-lozere/"> <img class="blog-item-thumbnail-img" src="https://place-du-village.fr/app/uploads/2021/09/logo_francebleu_gard-lozere-1024x1024-1.jpg" alt=""> </a> </div> <div class="blog-item-content"> <span class="blog-item-date">Publié le 6 septembre 2021</span> <h3 class="blog-item-title"><a href="https://place-du-village.fr/blog/place-du-village-sur-la-minute-eco-de-france-bleu-gard-lozere/" title="« Place du Village » sur la minute éco de France Bleu Gard Lozère.">« Place du Village » sur la minute éco de France Bleu Gard Lozère.</a></h3> </div> </div> </div> <div class="swiper-slide blog-item-slide"> <div class="blog-item home-blog-item"> <div class="blog-item-thumbnail"> <img class="blog-item-thumbnail-icon" src="https://place-du-village.fr/app/themes/commercial/img/icons/eye.svg" alt=""> <a href="https://place-du-village.fr/blog/alerte-mairie/"> <img class="blog-item-thumbnail-img" src="https://place-du-village.fr/app/uploads/2020/12/pdv-hero-slide-2.jpg" alt=""> </a> </div> <div class="blog-item-content"> <span class="blog-item-date">Publié le 18 septembre 2020</span> <h3 class="blog-item-title"><a href="https://place-du-village.fr/blog/alerte-mairie/" title="Alerte Mairie !">Alerte Mairie !</a></h3> </div> </div> </div> </div> <div class="swiper-pagination"></div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <div class="container"> <div class="d-flex justify-content-center"> <a class="button button-outline-warning" href="https://place-du-village.fr/actus/">Voir toutes les actualités</a> </div> </div> </section>  <section class="home-citation"> <div class="container home-container-citation pb-5"> <div class="row gx-lg-5 gy-5"> <div class="col-lg-6"> <div class="home-cite"><img src="https://place-du-village.fr/app/themes/commercial/img/citation-quote.png" alt="">"Le vivre ensemble commence avec le récit de nos expériences partagées."</div> </div> <div class="col-lg-6"> <p>Notre mission est d’associer le plus grand nombre d’administrés au travers des différents usages, des différentes cultures, au projet collectif porté par celles et ceux, élus ou agents de mairie qui servent au quotidien un projet public et local. Place du Village sert une vision : favoriser le vivre ensemble.<br /> Demain les outils de communication évolueront, notre solution suivra !</p> <p>Place du Village est une idée de « BARCELONA & CO ». Basée à Nîmes, notre agence et leurs dirigeants conçoivent des outils pour les collectivités depuis plus de 10 ans. Engagée, notre agence est impliquée dans une démarche de performance globale : économique, social, sociétal et environnemental…</p> <div class="home-citation-author"> <div class="d-flex align-items-center"> <div> <img src="https://place-du-village.fr/app/uploads/2021/08/olivier.png" alt=""> </div> <div class="d-flex flex-column ps-3"> <span class="home-citation-name">Olivier Huber</span> <span class="home-citation-status">Co-fondateur de Place du Village</span> </div> </div> </div> </div> </div> </div> </section> </div>  <div class="modal fade" id="video-promo" tabindex="-1" aria-labelledby="video-promo" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <iframe width="560" height="315" src="https://www.youtube.com/embed/2Y4D7xNrhb4?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </div> </div> </div> <div class="back-top"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-short" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"/> </svg> </div> <a href="javascript:void(0);" class="cookies-button" aria-label="Modifier mon consentement" data-cc="c-settings" data-bs-toggle="tooltip" data-bs-placement="right" title="Gestion de préférence des cookies"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.002 512.002" style="enable-background:new 0 0 512.002 512.002;" xml:space="preserve"> <path d="M501.791,236.285c-32.933-11.827-53.189-45.342-50.644-71.807c0-4.351-2.607-8.394-5.903-11.25 c-3.296-2.842-8.408-4.072-12.686-3.384c-50.186,7.363-96.14-29.352-100.693-80.962c-0.41-4.658-2.959-8.848-6.914-11.353 c-3.94-2.49-8.848-3.032-13.198-1.406C271.074,71.02,232.637,44.084,217.3,8.986c-2.871-6.563-9.99-10.181-17.007-8.628 C84.82,26.125,0.001,137.657,0.001,256.002c0,140.61,115.39,256,256,256s256-115.39,256-256 C511.584,247.068,511.522,239.771,501.791,236.285z M105.251,272.131c-8.284,0-15-6.716-15-15c0-8.286,6.716-15,15-15 s15,6.714,15,15C120.251,265.415,113.534,272.131,105.251,272.131z M166.001,391.002c-24.814,0-45-20.186-45-45 c0-24.814,20.186-45,45-45c24.814,0,45,20.186,45,45C211.001,370.816,190.816,391.002,166.001,391.002z M181.001,211.002 c-16.538,0-30-13.462-30-30c0-16.538,13.462-30,30-30c16.538,0,30,13.462,30,30C211.001,197.54,197.539,211.002,181.001,211.002z M301.001,421.002c-16.538,0-30-13.462-30-30c0-16.538,13.462-30,30-30c16.538,0,30,13.462,30,30 C331.001,407.54,317.539,421.002,301.001,421.002z M316.001,301.002c-24.814,0-45-20.186-45-45c0-24.814,20.186-45,45-45 c24.814,0,45,20.186,45,45C361.001,280.816,340.816,301.002,316.001,301.002z M405.251,332.131c-8.284,0-15-6.716-15-15 c0-8.286,6.716-15,15-15s15,6.714,15,15C420.251,325.415,413.534,332.131,405.251,332.131z"/> </svg> </a> <footer class="footer "> <div class="container"> <div class="footer-inner"> <div class="row g-4"> <div class="col-md-6 col-xl-3"> <a class="nav-top-logo-link" href="https://place-du-village.fr"><img height="75" src="https://place-du-village.fr/app/uploads/2021/08/logo.svg" alt=""/></a> <address class="footer-address">8 rue de Berne<br /> 30000 Nîmes</address> <div class="footer-phone-container"> <span>Tél : </span> <a href="tel:0466383966">04 66 38 39 66</a> </div> </div> <div class="col-md-6 col-xl-3"> <h4 class="footer-title">Vos contacts</h4> <div class="footer-contact"> <span class="footer-contact-name">Elias Bourmel</span> <a href="tel:0780998264" class="footer-contact-phone">07 80 99 82 64</a> </div> <div class="footer-contact"> <span class="footer-contact-name">Fanny Desbrosse</span> <a href="tel:0466383966" class="footer-contact-phone">04 66 38 39 66</a> </div> </div> <div class="col-md-6 col-xl-3"> <h4 class="footer-title">Fonctionnalités</h4> <ul class="footer-services-menu"> <li> <a href="https://place-du-village.fr/les-fonctionnalites/#carte-interactive"> <img src="https://place-du-village.fr/app/uploads/2021/09/carte.svg" alt=""> <span>Carte interactive</span> </a> </li> <li> <a href="https://place-du-village.fr/les-fonctionnalites/#annuaire-association"> <img src="https://place-du-village.fr/app/uploads/2021/09/annuaires.svg" alt=""> <span>Annuaires</span> </a> </li> <li> <a href=""> <img src="https://place-du-village.fr/app/uploads/2021/09/alerte.svg" alt=""> <span>Alerte mairie</span> </a> </li> <li> <a href="https://place-du-village.fr/les-fonctionnalites/#agenda"> <img src="https://place-du-village.fr/app/uploads/2021/09/agenda.svg" alt=""> <span>Agenda</span> </a> </li> <li> <a href=""> <img src="https://place-du-village.fr/app/uploads/2021/09/conseils.svg" alt=""> <span>Conseils municipaux</span> </a> </li> <li> <a href="https://place-du-village.fr/les-fonctionnalites/#meteo"> <img src="https://place-du-village.fr/app/uploads/2021/09/meteo.svg" alt=""> <span>Météo</span> </a> </li> <li> <a href="https://place-du-village.fr/les-fonctionnalites/#conseils-municipaux"> <img src="https://place-du-village.fr/app/uploads/2021/09/contact.svg" alt=""> <span>Contact élus</span> </a> </li> <li> <a href="https://place-du-village.fr/les-fonctionnalites/#contribution-citoyenne"> <img src="https://place-du-village.fr/app/uploads/2021/09/contribution.svg" alt=""> <span>Contribution citoyenne</span> </a> </li> </ul> </div> <div class="col-md-6 col-xl-3"> <h4 class="footer-title">Newsletter</h4> <p class="footer-text">Inscrivez-vous à notre newsletter pour recevoir les nouvelles de la mairie de Place du Village</p> <a href="#" class="footer-newsletter-button" data-bs-toggle="modal" data-bs-target="#newsletter-inscription"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16"> <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"></path> </svg> <span>Renseignez votre email</span> </a> </div> </div> </div> <div class="footer-bottom"> <div class="row align-items-center justify-content-between g-3"> <div class="col-xl-auto d-flex justify-content-center"> <div class="footer-bottom-social-medias"> <a href="https://www.facebook.com/placeduvillage.webapp"> <i class="fab fa-facebook-f"></i> </a> <a href="https://www.youtube.com/channel/UCr-TK0lnmqq8QpmCgQ90zrw"> <i class="fab fa-youtube"></i> </a> <a href="https://www.linkedin.com/showcase/place-du-village-net/"> <i class="fab fa-linkedin-in"></i> </a> </div> </div> <div class="col-auto"> <span class="footer-mentions">© Place du Village. Tous droits réservés.</span> </div> <div class="col-auto"><a href="https://place-du-village.fr/mentions-legales/" class="footer-mentions">Mentions légales</a></div> </div> </div> </div> </footer>   <div class="modal fade" id="newsletter-inscription" tabindex="-1" aria-labelledby="newsletter-inscription" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Abonnez-vous à notre newsletter</h5> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Fermer"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <small class="form-mentions mb-2">En complétant ce formulaire, vous acceptez que Place du Village collecte et utilise l'adresse mail que vous renseignez afin de vous tenir informé des actualités et de vous faire des propositions commerciales, en accord avec notre politique de protection des données telle que décrite dans les mentions légales du site.</small> [do_widget id=acym_subscriptionform_widget-2] </div> </div> </div> </div> </div>  <div class="modal fade" id="info-flash" tabindex="-1" role="dialog" aria-labelledby="info-flash" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Inscrivez-vous à notre télé-alerte</h5> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form role="form" method="POST" action="#" class="newsletter" novalidate> <input type="hidden" id="verif-tele-alert" name="verif-tele-alert" value="a0d263af48" /><input type="hidden" name="_wp_http_referer" value="/" /> <div class="form-group"> <label for="tele-alert-nom">Votre nom</label> <input type="text" class="form-control" id="tele-alert-nom" name="tele-alert-nom"> <span class="error invalid-feedback" aria-live="polite"></span> </div> <div class="form-group"> <label for="tele-alert-prenom">Votre prénom</label> <input type="text" class="form-control" id="tele-alert-prenom" name="tele-alert-prenom"> <span class="error invalid-feedback" aria-live="polite"></span> </div> <div class="form-group"> <label for="tele-alert-email">Téléphone mobile</label> <input type="tel" class="form-control" id="tele-alert-mobile" name="tele-alert-mobile"> <span class="error invalid-feedback" aria-live="polite"></span> </div> <div class="form-group"> <label for="tele-alert-fixe">Téléphone fixe</label> <input type="mail" class="form-control" id="tele-alert-fixe" name="tele-alert-fixe"> <span class="error invalid-feedback" aria-live="polite"></span> </div> <div class="form-group" id="modal-body-if"> <input type="radio" class="form-check-input" id="tele-alert-choix-sms" name="tele-alert-choix" value=""> <label for="tele-alert-choix-sms">sms</label><br> <input type="radio" class="form-check-input" id="tele-alert-choix-appel" name="tele-alert-choix" value=""> <label for="tele-alert-choix-sms">appel</label><br> </div> <div class="form-group"> <div class="form-check"> <input class="form-check-input" type="checkbox" id="gridCheck" name="tele-alert-condition"> <label class="form-check-label" for="gridCheck">J’accepte les conditions d’utilisation</label> <span class="error invalid-feedback" aria-live="polite"></span> </div> <p class="line-height-1"><small>Vous acceptez que la Place du Village collecte et utilise les données personnelles que vous renseignez dans ce formulaire dans le but de vous contacter, en accord avec notre politique de protection des données.</small></p> </div> <button type="submit" class="button button-primary button-contact-form-submit" name="tele-alert-submit">S'inscrire </button> </form> </div> <div class="modal-footer"> <button type="button" class="button button-primary" data-dismiss="modal">Fermer</button> </div> </div> </div> </div> <div id="pwaforwp-add-to-home-click" style="background-color:#D5E0EB" class="pwaforwp-footer-prompt pwaforwp-bounceInUp pwaforwp-animated"> <span id="pwaforwp-prompt-close" class="pwaforwp-prompt-close"></span><h3 style="color:#000">Add Place du Village to your Homescreen!</h3><div style="background-color:#006dda; color:#fff" class="pwaforwp-btn pwaforwp-btn-add-to-home">Add</div></div><script type="text/javascript" src="https://place-du-village.fr/app/plugins/co-marquage-service-public/assets/js/comarquage.js?ver=0.5.74" id="comarquage-js"></script> <script type="text/javascript" id="force-refresh-js-js-extra"> /* <![CDATA[ */ var forceRefreshLocalizedData = {"apiEndpoint":"https:\/\/place-du-village.fr\/wp-json\/force-refresh\/v1\/current-version","postId":"587","isDebugActive":"","refreshInterval":"30"}; /* ]]> */ </script> <script type="text/javascript" src="https://place-du-village.fr/app/plugins/force-refresh/dist/js/force-refresh.js?ver=1729511390" id="force-refresh-js-js"></script> <script type="text/javascript" id="pwaforwp-js-js-extra"> /* <![CDATA[ */ var pwaforwp_js_obj = {"ajax_url":"https:\/\/place-du-village.fr\/wp\/wp-admin\/admin-ajax.php","pwa_ms_prefix":"-1","pwa_home_url":"https:\/\/place-du-village.fr\/wp\/","loader_desktop":"0","loader_mobile":"0","loader_admin":"0","user_admin":"","loader_only_pwa":"0","reset_cookies":"0","force_rememberme":"0"}; /* ]]> */ </script> <script type="text/javascript" src="https://place-du-village.fr/app/plugins/pwa-for-wp/assets/js/pwaforwp.min.js?ver=1.7.74" id="pwaforwp-js-js"></script> <script type="text/javascript" src="https://place-du-village.fr/app/plugins/pwa-for-wp/assets/js/pwaforwp-video.js?ver=1.7.74" id="pwaforwp-video-js-js"></script> <script type="text/javascript" id="pwaforwp-download-js-js-extra"> /* <![CDATA[ */ var pwaforwp_download_js_obj = {"force_rememberme":"0"}; /* ]]> */ </script> <script type="text/javascript" src="https://place-du-village.fr/app/plugins/pwa-for-wp/assets/js/pwaforwp-download.js?ver=1.7.74" id="pwaforwp-download-js-js"></script> <script type="text/javascript" src="https://cdn.onesignal.com/sdks/OneSignalSDK.js?ver=1.0.0" id="remote_sdk-js" async="async" data-wp-strategy="async"></script> </body> </html>

CINXE.COM

Accueil - Place du Village :Place du Village