Les fonctionnalités - Place du Village :Place du Village

<!doctype html> <html lang="fr-FR" class="no-js"> <head> <meta charset="UTF-8"> <title>Les fonctionnalités - 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' />  <link rel="canonical" href="https://place-du-village.fr/les-fonctionnalites/" /> <meta property="og:locale" content="fr_FR" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Les fonctionnalités - Place du Village" /> <meta property="og:description" content="Véritable espace démocratique, « Place du village » bénéficie des fonctionnalités essentielles à la vie de la commune : actualités, alerte, emailing, vidéo, météo, annuaire des associations…Et reste connecté avec les plugins les plus courants du marché (e-marché publics, …)" /> <meta property="og:url" content="https://place-du-village.fr/les-fonctionnalites/" /> <meta property="og:site_name" content="Place du Village" /> <meta property="article:modified_time" content="2022-02-16T14:34:06+00:00" /> <meta property="og:image" content="https://place-du-village.fr/app/uploads/2021/07/IMG_1703-scaled-1.jpg" /> <meta property="og:image:width" content="2560" /> <meta property="og:image:height" content="1920" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Durée de lecture estimée" /> <meta name="twitter:data1" content="1 minute" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://place-du-village.fr/les-fonctionnalites/","url":"https://place-du-village.fr/les-fonctionnalites/","name":"Les fonctionnalités - Place du Village","isPartOf":{"@id":"https://place-du-village.fr/#website"},"primaryImageOfPage":{"@id":"https://place-du-village.fr/les-fonctionnalites/#primaryimage"},"image":{"@id":"https://place-du-village.fr/les-fonctionnalites/#primaryimage"},"thumbnailUrl":"https://place-du-village.fr/app/uploads/2021/07/IMG_1703-scaled-1.jpg","datePublished":"2021-08-18T13:06:23+00:00","dateModified":"2022-02-16T14:34:06+00:00","breadcrumb":{"@id":"https://place-du-village.fr/les-fonctionnalites/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://place-du-village.fr/les-fonctionnalites/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://place-du-village.fr/les-fonctionnalites/#primaryimage","url":"https://place-du-village.fr/app/uploads/2021/07/IMG_1703-scaled-1.jpg","contentUrl":"https://place-du-village.fr/app/uploads/2021/07/IMG_1703-scaled-1.jpg","width":2560,"height":1920},{"@type":"BreadcrumbList","@id":"https://place-du-village.fr/les-fonctionnalites/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://place-du-village.fr/"},{"@type":"ListItem","position":2,"name":"Les fonctionnalités"}]},{"@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=1732761280"; 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/1904" /><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%2Fles-fonctionnalites%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%2Fles-fonctionnalites%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="page-template page-template-les-fonctionnalites page-template-les-fonctionnalites-php page page-id-1904 les-fonctionnalites"> <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/les-fonctionnalites/</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=Les fonctionnalités https://place-du-village.fr/les-fonctionnalites/" 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/les-fonctionnalites/&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/les-fonctionnalites/&t=Les fonctionnalités" 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/les-fonctionnalites/&text=Les fonctionnalités&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 current-menu-item page_item page-item-1904 current_page_item active"><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 current-menu-item page_item page-item-1904 current_page_item active 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> <div class="page-header" style="background-image: url(https://place-du-village.fr/app/uploads/2021/07/IMG_1703-scaled-1.jpg);"> <div class="page-header-inner"> <div class="container"> <div class="page-header-content"> <h1 class="page-header-title">Les fonctionnalités</h1> </div> </div> </div> </div> <div class="breadcrumb-container"> <div class="container"> <ul id="breadcrumbs" class="breadcrumbs"><li class="item-home"><a class="bread-link bread-home" href="https://place-du-village.fr" title="Accueil">Accueil</a></li><li class="separator separator-home"> / </li><li class="item-current item-1904"><strong class="bread-current bread-1904"> Les fonctionnalités</strong></li></ul> </div> </div><article> <div class="container"> <h2>Véritable espace démocratique, « Place du village » bénéficie des fonctionnalités essentielles à la vie de la commune : actualités, alerte, emailing, vidéo, météo, annuaire des associations...Et reste connecté avec les plugins les plus courants du marché (e-marché publics, …).</h2> <div class="fonctionnalites-ancres"> <h5 class="fonctionnalites-ancres-title">Filtrer par offre</h5> <div class="row justify-content-center gy-3 gx-5"> <div class="col-auto"> <div class="fonctionnalites-ancre"> <a href="#informer"> <span>Informer</span> </a> </div> </div> <div class="col-auto"> <div class="fonctionnalites-ancre"> <a href="#communiquer"> <span>Communiquer</span> </a> </div> </div> <div class="col-auto"> <div class="fonctionnalites-ancre"> <a href="#federer"> <span>Fédérer</span> </a> </div> </div> </div> </div> <div class="fonctionnalite-section" id="informer"> <h3 class="fonctionnalite-section-title">Les essentiels pour informer</h3> <div class="fonctionnalite-item" id="web-app-:-le-+-de-place-du-village-"> <div class="row g-3 g-lg-4 g-xl-5"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/notification_vert-150x150-1.png" alt=""> </div> <div class="col-md-10"> <h4>Web App : Le + de Place du Village </h4> <div class="fonctionnalite-item-text"> <p><strong>L’appli de votre commune</strong></p> <p>Elle permet de diffuser du contenu sur n’importe quel support : Mobile, Tablette, Desktop. La Web App s’adapte à l’écran de l’utilisateur, créant ainsi une expérience unique. Tout se passe via le Web. Aucun téléchargement n’est nécessaire. La contrainte du passage par les stores est supprimée.</p> <p>Il est très facile de promouvoir votre site développé en PWA. Il suffit simplement de partager son URL. De plus, sa présence sur les moteurs de recherche est un avantage certain par rapport au référencement proposé par les stores.</p> </div> <div class="fonctionnalite-item-tags"> </div> <a href="https://youtu.be/B7jq8BRB85o" class="button button-secondary" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"> <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/> </svg> Voir la vidéo </a> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="les-notifications"> <div class="row g-3 g-lg-4 g-xl-5"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/alerte_jaune-150x150-1.png" alt=""> </div> <div class="col-md-10"> <h4>Les Notifications</h4> <div class="fonctionnalite-item-text"> <p>Les notifications push se sont d’abord fait connaître sur smartphones et tablettes. Utilisées par des applications, ce sont des petites fenêtres qui apparaissent automatiquement sur votre écran pour vous afficher un message.</p> <p>Votre Web App Place du Village est configurée pour inviter les internautes à bénéficier des notifications :</p> <ul> <li>Sur Android</li> <li>Sur les navigateurs ( Chrome, Firefox, Safari, Edge)</li> </ul> <p>Comment cela fonctionne ?<br /> Les nouvelles actualités publiées poussent automatiquement une notification vers l’ensemble des terminaux.</p> </div> <div class="fonctionnalite-item-tags"> </div> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="actualités-"> <div class="row g-3 g-lg-4 g-xl-5"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/page-statique-bleu-150x150-1.png" alt=""> </div> <div class="col-md-10"> <h4>Actualités </h4> <div class="fonctionnalite-item-text"> <p><strong>Prenez en main votre outil d’actualité aussi simplement qu’un post sur les réseaux sociaux.</strong></p> <p>Il suffit d’un simple accès pour communiquer auprès de vos administrés.<br /> Cliquez sur l’onglet créer une actualité, tapez directement votre texte et intégrez votre image.<br /> La mise en page est automatique et s’intègre parfaitement à votre site web.<br /> Une fois l’article publié, grâce à notre technologie PWA, les administrés qui<br /> bénéficient du raccourci sur leurs smartphones* ou leur navigateur reçoivent une notification.</p> <p>AVANTAGES<br /> Prise en main intuitive<br /> Rapidité d’exécution<br /> Notifications sur desktop et mobiles</p> </div> <div class="fonctionnalite-item-tags"> </div> <a href="https://youtu.be/kPbgBv1VWro" class="button button-secondary" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"> <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/> </svg> Voir la vidéo </a> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="publications-"> <div class="row g-3 g-lg-4 g-xl-5"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/books-150x150-1.png" alt=""> </div> <div class="col-md-10"> <h4>Publications </h4> <div class="fonctionnalite-item-text"> <p><strong>Votre bibliothèque de données à portée de main</strong></p> <p>Ce plugin permet de mettre en place une bibliothèque de documents sous format .pdf .word .txt .jpg .png. Ces documents seront téléchargeables librement via une page sur l’application. En frontoffice l’affichage se fait sous forme de vignettes.</p> </div> <div class="fonctionnalite-item-tags"> #Prise en main intuitive #Recherche facilitée </div> <a href="https://youtu.be/rO9Wz5KrrwY" class="button button-secondary" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"> <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/> </svg> Voir la vidéo </a> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="conseils-municipaux"> <div class="row g-3 g-lg-4 g-xl-5"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/conseils-bleu-150x150-1.png" alt=""> </div> <div class="col-md-10"> <h4>Conseils municipaux</h4> <div class="fonctionnalite-item-text"> <p><strong>Pour vous faciliter la publication de vos ordres du jour, de vos compte rendus et même de vos vidéos.</strong></p> <p>Un module indispensable pour mettre en ligne vos documents sous format .pdf .word .txt .jpg .png. Ces documents seront téléchargeables librement via la page « conseils municipaux ».</p> </div> <div class="fonctionnalite-item-tags"> #simplicité #vignettes </div> <a href="https://youtu.be/p0Q4iABIHjc" class="button button-secondary" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"> <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/> </svg> Voir la vidéo </a> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="alerte-mairie"> <div class="row g-3 g-lg-4 g-xl-5"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/megaphone_rouge-150x150-1.png" alt=""> </div> <div class="col-md-10"> <h4>Alerte mairie</h4> <div class="fonctionnalite-item-text"> <p><strong>Un sinistre, un rappel, une information importante à communiquer ?</strong></p> <p>Déclenchez ou programmez l’outil alerte à partir de votre back office pour communiquer efficacement et en temps réel au sein de votre commune. Ce plugin fait apparaitre une bannière sur la page d’accueil et y fait figurer les informations de type urgence, ainsi qu’une modale. Les urgences sont divisées en 3 catégories : Informations (bannière bleue) Informations importantes (bannière orange) Urgence (bannière rouge et/ou modale).</p> </div> <div class="fonctionnalite-item-tags"> #alerte #bandeau </div> <a href="https://www.youtube.com/watch?v=Aj3wt4Y2wlE" class="button button-secondary" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"> <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/> </svg> Voir la vidéo </a> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="météo"> <div class="row g-3 g-lg-4 g-xl-5"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/meteo.svg" alt=""> </div> <div class="col-md-10"> <h4>Météo</h4> <div class="fonctionnalite-item-text"> <p>Un design sobre ou en couleurs et toujours en harmonie avec votre charte. Qu’aurions nous à nous dire si elle n’était pas là 🙂</p> </div> <div class="fonctionnalite-item-tags"> #design </div> </div> </div> </div> <hr> </div> <div class="fonctionnalite-section" id="communiquer"> <h3 class="fonctionnalite-section-title">Les incontournables pour communiquer</h3> <div class="fonctionnalite-item" id="annuaire-association"> <div class="row gy-3"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/association-rouge-150x150-1.png" alt=""> </div> <div class="col-md-10"> <h4>Annuaire association</h4> <div class="fonctionnalite-item-text"> <p><strong>Culture, loisir, sport, entraide… Développez votre propre annuaire</strong></p> <p>Les associations de votre commune sont mises à l’honneur au travers de cet annuaire facilement pilotable. Choisissez parmi les catégories existantes et les champs proposés.</p> </div> <div class="fonctionnalite-item-tags"> #Intégration automatique des données #Mises à jour instantanées </div> <a href="https://youtu.be/IbhQ6XPsSvs" class="button button-secondary" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"> <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/> </svg> Voir la vidéo </a> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="annuaire-commerces"> <div class="row gy-3"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/commerce_jaune-150x150-1.png" alt=""> </div> <div class="col-md-10"> <h4>Annuaire commerces</h4> <div class="fonctionnalite-item-text"> <p><strong>Épiceries, Fleuristes, Alimentaires, Instituts de Beauté… Développez votre propre annuaire</strong></p> <p>Les commerces de votre commune sont mises à l’honneur au travers de cet annuaire facilement pilotable. Choisissez parmi les catégories existantes et les champs proposés.</p> </div> <div class="fonctionnalite-item-tags"> #Prise en main intuitive #Rapidité d’exécution #Notifications sur desktop et mobiles </div> <a href="https://youtu.be/IbhQ6XPsSvs" class="button button-secondary" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"> <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/> </svg> Voir la vidéo </a> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="annuaire-santé"> <div class="row gy-3"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/croix-rouge-150x150-1.png" alt=""> </div> <div class="col-md-10"> <h4>Annuaire santé</h4> <div class="fonctionnalite-item-text"> <p><strong>Médecins, Maison de retraite, Ambulances, Vétérinaires… Développez votre propre annuaire</strong></p> <p>Les services santé de votre commune sont mises à l’honneur au travers de cet annuaire facilement pilotable. Choisissez parmi les catégories existantes et les champs proposés</p> </div> <div class="fonctionnalite-item-tags"> #Prise en main intuitive #Rapidité d’exécution #Notifications sur desktop et mobiles </div> <a href="https://youtu.be/IbhQ6XPsSvs" class="button button-secondary" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"> <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/> </svg> Voir la vidéo </a> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="contact-élus"> <div class="row gy-3"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/contact-elus_jaune-150x150-1.png" alt=""> </div> <div class="col-md-10"> <h4>Contact élus</h4> <div class="fonctionnalite-item-text"> <p><strong>Un annuaire complet pour mieux identifier et contacter ceux qui représentent la commune</strong></p> <p>Le trombinoscope des élus est entièrement modifiable par vos soins : Il vous suffit de renseigner les champs disponibles. Le +, un bouton pour contacter directement l’élu par mail.</p> <p>AVANTAGES<br /> Mise à jour intuitive<br /> Possibilité d’adresser des messages directement<br /> aux élus via un formulaire<br /> Un bouton pour contacter directement l’élu par mail</p> </div> <div class="fonctionnalite-item-tags"> #intuitif #direct </div> <a href="https://youtu.be/SXsPYWrwLEI" class="button button-secondary" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"> <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/> </svg> Voir la vidéo </a> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="agenda"> <div class="row gy-3"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/agenda.svg" alt=""> </div> <div class="col-md-10"> <h4>Agenda</h4> <div class="fonctionnalite-item-text"> <p><strong>Lancer votre événement en moins d’1 minute ! </strong></p> <p>L’agenda de Place du Village est facile à renseigner. Image, géolocalisation, téléchargement, descriptif, date, heure… rien ne manque pour faire la promotion de vos événements et assurer la disponibilité des contenus pratiques.</p> </div> <div class="fonctionnalite-item-tags"> #événement #1mn </div> <a href="https://youtu.be/F67oPfDYE68" class="button button-secondary" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"> <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/> </svg> Voir la vidéo </a> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="carte-interactive"> <div class="row gy-3"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/PDV-Plaquette-8P-06.jpg" alt=""> </div> <div class="col-md-10"> <h4>Carte interactive</h4> <div class="fonctionnalite-item-text"> <p><strong>Se repérer n’a jamais été aussi facile</strong><br /> Ce module va vous permettre de faire apparaitre les différents points d’intérêt de votre commune. En plus de cela, au survol ou au clic, l’administré aura la possibilté d’avoir un aperçu des fiches de contact.</p> <p>Vous bénéficiez des annuaires des associations, des établissements de santé et des commerces ? Bonne nouvelle : la carte fait automatiquement apparaître les différentes structures qui composent votre commune.</p> </div> <div class="fonctionnalite-item-tags"> #geolocalisation #carte #interactive #pratique </div> </div> </div> </div> <hr> </div> <div class="fonctionnalite-section" id="federer"> <h3 class="fonctionnalite-section-title">Les indispensables pour fédérer</h3> <div class="fonctionnalite-item" id="newsletter"> <div class="row gy-3"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/page-statique-bleu-150x150-1.png" alt=""> </div> <div class="col-md-10"> <h4>Newsletter</h4> <div class="fonctionnalite-item-text"> <p>L’indispensable outil pour adresser par mail et selon votre design la lettre d’information ou l’info utile.</p> </div> <div class="fonctionnalite-item-tags"> </div> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="contribution-citoyenne"> <div class="row gy-3"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/foule-orange-150x150-1.png" alt=""> </div> <div class="col-md-10"> <h4>Contribution citoyenne</h4> <div class="fonctionnalite-item-text"> <p><strong>Les citoyens félicitent, proposent et contribuent !</strong></p> <p>La solution pour communiquer aisément et capter les retours immédiats de vos administrés. À travers un questionnaire intuitif les administrés vont pouvoir informer, localiser, et photographier auprès de vos services un événement dans votre commune.</p> <p><img decoding="async" width="250" height="158" class="alignnone size-medium wp-image-2350" src="https://inst-pdv.abtel.fr/wp-content/uploads/2021/09/PDV-Plaquette-8P-06-1-250x158.jpg" alt="" srcset="https://place-du-village.fr/app/uploads/2021/09/PDV-Plaquette-8P-06-1-250x158.jpg 250w, https://place-du-village.fr/app/uploads/2021/09/PDV-Plaquette-8P-06-1-700x443.jpg 700w, https://place-du-village.fr/app/uploads/2021/09/PDV-Plaquette-8P-06-1-768x486.jpg 768w, https://place-du-village.fr/app/uploads/2021/09/PDV-Plaquette-8P-06-1-120x76.jpg 120w, https://place-du-village.fr/app/uploads/2021/09/PDV-Plaquette-8P-06-1.jpg 1090w" sizes="(max-width: 250px) 100vw, 250px" /></p> </div> <div class="fonctionnalite-item-tags"> #Instantanéité de l’information #Prise en main intuitive #Gestion des signalements V2 (octobre 2021) </div> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="info-panneau"> <div class="row gy-3"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/Capture-decran-2021-09-07-a-22.04.45.png" alt=""> </div> <div class="col-md-10"> <h4>Info Panneau</h4> <div class="fonctionnalite-item-text"> <p><strong>Du digital au Physique, Place du Village occupe même vos espaces publics</strong><br /> Avec Place du Village bénéficiez d’une seule interface pour communiquer sur votre site web, votre webapp, vos réseaux sociaux et aujourd’hui sur vos panneaux lumineux.<br /> Une minute suffit pour communiquer et pour bien faire nous avons prévu des modèles pour assurer une lisibilité à votre contenu.</p> <p>Notre solution est aujourd’hui disponible sur le réseau de notre partenaire Espace Média, fabricant Français ( Nîmes).<br /> <strong>Prise en charge technique</strong> : De la sélection de l’implantation à la maintenance de vos panneaux en passant par le raccordement et l’installation, Espace Média se charge de vous accompagner partout en France.<br /> <strong>Qualité France</strong> : Conçue et assemblée à Nîmes, dans le sud de la France, notre solution<br /> est pensée pour durer grâce à des finitions et à un design de qualité.</p> </div> <div class="fonctionnalite-item-tags"> #panneau #affichage </div> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="info-flash"> <div class="row gy-3"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/Capture-decran-2021-09-07-a-21.32.20.png" alt=""> </div> <div class="col-md-10"> <h4>Info-Flash</h4> <div class="fonctionnalite-item-text"> <p>Info Flash est un outil d’alerte et une application connectés à Place du Village.<br /> Connecté à Place du Village, Info Flash relaie les alertes, infos et événements via des notifications, sms, et appels téléphoniques.<br /> Connecté à d’autres organismes: elle capte et relaie l’information vers les administrés.</p> <p>Info officielle des autorités locales (départementales) :<br /> Préfecture<br /> Police<br /> Gendarmerie<br /> SDIS (service départemental d’incendie et de secours – pompiers)<br /> Inforoute</p> <p>Info Officielle nationale :<br /> Alerte Beauveau ( ministère de l’intérieur)<br /> Ministère de la santé</p> <p>Pour ceux qui consomment l’information de leur mairie sur une appli : Infoflash est disponible sur Google Play et Appstore.</p> </div> <div class="fonctionnalite-item-tags"> #urgence #alerte #application </div> <a href="https://youtu.be/rIbFQXaaxs0" class="button button-secondary" target="_blank" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"> <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/> </svg> Voir la vidéo </a> </div> </div> </div> <hr> <div class="fonctionnalite-item" id="sms-/-téléalerte"> <div class="row gy-3"> <div class="col-md-2"> <img class="fonctionnalites-icon" src="https://place-du-village.fr/app/uploads/2021/09/notification_vert-150x150-1.png" alt=""> </div> <div class="col-md-10"> <h4>SMS / Téléalerte</h4> <div class="fonctionnalite-item-text"> <p>Info, agenda, alerte, choisissez une fois votre contenu saisi de l’envoyer automatiquement par Sms ou par téléphone (Appel automatique) à vos administrés qui en auront fait la demande.<br /> Cochez la case et c’est envoyé !</p> </div> <div class="fonctionnalite-item-tags"> #sms #appel </div> </div> </div> </div> <hr> </div> </div> </article> <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="27c5b6e96b" /><input type="hidden" name="_wp_http_referer" value="/les-fonctionnalites/" /> <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":"1904","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

Les fonctionnalités - Place du Village :Place du Village