Retrouvez Place du Village sur France 3 - Place du Village :Place du Village

<!doctype html> <html lang="fr-FR" class="no-js"> <head> <meta charset="UTF-8"> <title>Retrouvez Place du Village sur France 3 - 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/blog/retrouvez-place-du-village-sur-france-3/" /> <meta property="og:locale" content="fr_FR" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Retrouvez Place du Village sur France 3 - Place du Village" /> <meta property="og:description" content="Les équipes de France 3 Gard ont eu la bonne idée de réaliser un reportage sur notre solution « Place du Village » disponible dès à présent pour les élus et les habitants de Clarensac. Alors que les sites des collectivités sont perçus comme vieillots ou sujets à de nombreux bugs, qu’est ce que Place du Village ..." /> <meta property="og:url" content="https://place-du-village.fr/blog/retrouvez-place-du-village-sur-france-3/" /> <meta property="og:site_name" content="Place du Village" /> <meta property="article:published_time" content="2021-09-06T21:07:24+00:00" /> <meta property="article:modified_time" content="2021-09-07T07:32:46+00:00" /> <meta property="og:image" content="https://place-du-village.fr/app/uploads/2021/09/F3-1920-1024x707-1.jpg" /> <meta property="og:image:width" content="1024" /> <meta property="og:image:height" content="707" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="author" content="olivier" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Écrit par" /> <meta name="twitter:data1" content="olivier" /> <meta name="twitter:label2" content="Durée de lecture estimée" /> <meta name="twitter:data2" 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/blog/retrouvez-place-du-village-sur-france-3/","url":"https://place-du-village.fr/blog/retrouvez-place-du-village-sur-france-3/","name":"Retrouvez Place du Village sur France 3 - Place du Village","isPartOf":{"@id":"https://place-du-village.fr/#website"},"primaryImageOfPage":{"@id":"https://place-du-village.fr/blog/retrouvez-place-du-village-sur-france-3/#primaryimage"},"image":{"@id":"https://place-du-village.fr/blog/retrouvez-place-du-village-sur-france-3/#primaryimage"},"thumbnailUrl":"https://place-du-village.fr/app/uploads/2021/09/F3-1920-1024x707-1.jpg","datePublished":"2021-09-06T21:07:24+00:00","dateModified":"2021-09-07T07:32:46+00:00","author":{"@id":"https://place-du-village.fr/#/schema/person/ed48d61a619420246cf988b1d28d5157"},"breadcrumb":{"@id":"https://place-du-village.fr/blog/retrouvez-place-du-village-sur-france-3/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://place-du-village.fr/blog/retrouvez-place-du-village-sur-france-3/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://place-du-village.fr/blog/retrouvez-place-du-village-sur-france-3/#primaryimage","url":"https://place-du-village.fr/app/uploads/2021/09/F3-1920-1024x707-1.jpg","contentUrl":"https://place-du-village.fr/app/uploads/2021/09/F3-1920-1024x707-1.jpg","width":1024,"height":707},{"@type":"BreadcrumbList","@id":"https://place-du-village.fr/blog/retrouvez-place-du-village-sur-france-3/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https://place-du-village.fr/"},{"@type":"ListItem","position":2,"name":"Actus","item":"https://place-du-village.fr/actus/"},{"@type":"ListItem","position":3,"name":"Retrouvez Place du Village sur France 3"}]},{"@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"},{"@type":"Person","@id":"https://place-du-village.fr/#/schema/person/ed48d61a619420246cf988b1d28d5157","name":"olivier","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://place-du-village.fr/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/c7e3bbfe80b85c6caf94f35ad1cc0207?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/c7e3bbfe80b85c6caf94f35ad1cc0207?s=96&d=mm&r=g","caption":"olivier"}}]}</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=1732754541"; 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/posts/2261" /><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%2Fblog%2Fretrouvez-place-du-village-sur-france-3%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%2Fblog%2Fretrouvez-place-du-village-sur-france-3%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="post-template-default single single-post postid-2261 single-format-standard retrouvez-place-du-village-sur-france-3"> <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/blog/retrouvez-place-du-village-sur-france-3/</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=Retrouvez Place du Village sur France 3 https://place-du-village.fr/blog/retrouvez-place-du-village-sur-france-3/" 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/blog/retrouvez-place-du-village-sur-france-3/&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/blog/retrouvez-place-du-village-sur-france-3/&t=Retrouvez Place du Village sur France 3" 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/blog/retrouvez-place-du-village-sur-france-3/&text=Retrouvez Place du Village sur France 3&via=Place du Village"> <svg version="1.1" width="22px" height="auto" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <path style="fill:#fff;" d="M512,97.248c-19.04,8.352-39.328,13.888-60.48,16.576c21.76-12.992,38.368-33.408,46.176-58.016 c-20.288,12.096-42.688,20.64-66.56,25.408C411.872,60.704,384.416,48,354.464,48c-58.112,0-104.896,47.168-104.896,104.992 c0,8.32,0.704,16.32,2.432,23.936c-87.264-4.256-164.48-46.08-216.352-109.792c-9.056,15.712-14.368,33.696-14.368,53.056 c0,36.352,18.72,68.576,46.624,87.232c-16.864-0.32-33.408-5.216-47.424-12.928c0,0.32,0,0.736,0,1.152 c0,51.008,36.384,93.376,84.096,103.136c-8.544,2.336-17.856,3.456-27.52,3.456c-6.72,0-13.504-0.384-19.872-1.792 c13.6,41.568,52.192,72.128,98.08,73.12c-35.712,27.936-81.056,44.768-130.144,44.768c-8.608,0-16.864-0.384-25.12-1.44 C46.496,446.88,101.6,464,161.024,464c193.152,0,298.752-160,298.752-298.688c0-4.64-0.16-9.12-0.384-13.568 C480.224,136.96,497.728,118.496,512,97.248z" /> </svg></a> </div> <span class="sharing-text">Twitter</span> </div> </div> </div> </div> </div> </div> </div><header class="nav-top"> <div class="container-xxl"> <div class="d-flex justify-content-between align-items-center position-relative"> <div class="d-flex align-items-center"> <a class="nav-top-logo-link" href="https://place-du-village.fr"><img height="75" src="https://place-du-village.fr/app/uploads/2021/08/logo.svg" alt="" /></a> </div> <div class="d-flex d-xl-none hamburger material-icons" id="ham"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/> </svg> </div> <div class="d-none d-xl-flex d-flex align-items-center navigation-top"> <div class="nav-top-menu"> <ul id="menu-menu-top" class="menu"><li id="menu-item-1931" class="demo menu-item menu-item-type-post_type menu-item-object-page menu-item-1931"><a href="https://place-du-village.fr/contact/">Demander une démo</a></li> <li id="menu-item-2488" class="revendeur menu-item menu-item-type-post_type menu-item-object-page menu-item-2488"><a href="https://place-du-village.fr/devenez-revendeurs-place-du-village/">Devenir revendeur</a></li> </ul> </div> <div class="search" data-bs-toggle="modal" data-bs-target="#modal-search"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/> </svg> </div>  <div class="modal fade" id="modal-search" tabindex="-1" aria-labelledby="modal-search" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button> </div> <div class="modal-body">  <div class="container"> <form class="search-form" method="get" action="https://place-du-village.fr" role="search"> <input class="search-input" type="search" name="s" placeholder="Votre recherche..." /> <button type="submit" role="button"> <i class="fas fa-search"></i> </button> </form> </div>  </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button> </div> </div> </div> </div> </div> <div class="mt-4 d-none d-xl-flex flex-column align-items-end nav-top-main-menu"> <ul class="navigation-menu-list d-none d-xl-flex align-items-center"> <li id="menu-item-1917" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://place-du-village.fr/notre-solution/">Notre solution</a></li> <li id="menu-item-1916" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://place-du-village.fr/les-fonctionnalites/">Les fonctionnalités</a></li> <li id="menu-item-1915" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://place-du-village.fr/tarifs/">Tarifs</a></li> <li id="menu-item-2769" class="menu-item menu-item-type-post_type_archive menu-item-object-carte_interactive"><a href="https://place-du-village.fr/blog/carte_interactive/">Nos références</a></li> <li id="menu-item-1918" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent"><a href="https://place-du-village.fr/actus/">Actus</a></li> <li id="menu-item-1913" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://place-du-village.fr/faq/">Questions fréquentes</a></li> <li id="menu-item-596" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://place-du-village.fr/contact/">Contact</a></li> </ul> </div> </div> </div> </header> <nav class="nav-drill">  <div class="nav-mobile-logo-container"> <a href="https://place-du-village.fr"> <img height="75" src="https://place-du-village.fr/app/uploads/2021/08/logo.svg" /> </a> </div>  <ul id="menu-menu-principal-1" class=""><li class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a class="nav-link nav-expand-link" href="https://place-du-village.fr/notre-solution/"><span>Notre solution</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a class="nav-link nav-expand-link" href="https://place-du-village.fr/les-fonctionnalites/"><span>Les fonctionnalités</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page nav-item"><a class="nav-link nav-expand-link" href="https://place-du-village.fr/tarifs/"><span>Tarifs</span></a></li> <li class="menu-item menu-item-type-post_type_archive menu-item-object-carte_interactive nav-item"><a class="nav-link nav-expand-link" href="https://place-du-village.fr/blog/carte_interactive/"><span>Nos références</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent 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/09/F3-1920-1024x707-1.jpg);"> <div class="page-header-inner"> <div class="container"> <div class="page-header-content"> <h1 class="page-header-title">Retrouvez Place du Village sur France 3</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-2261"><strong class="bread-current bread-2261" title="Retrouvez Place du Village sur France 3">Retrouvez Place du Village sur France 3</strong></li></ul> </div> </div> <div class="container"> <main role="main"> <p id="tocopysingle" style="opacity:0; position: absolute; left: -9999px;">https://place-du-village.fr/blog/retrouvez-place-du-village-sur-france-3/</p> <p class="social-sharing-links"> <a class="button button-share" data-bs-toggle="tooltip" data-bs-placement="top" title="Partager sur Twitter" href="https://twitter.com/intent/tweet?text=Retrouvez+Place+du+Village+sur+France+3&url=https%3A%2F%2Fplace-du-village.fr%2Fblog%2Fretrouvez-place-du-village-sur-france-3%2F" target="_blank"><i class="fab fa-twitter"></i></a> <a class="button button-share" data-bs-toggle="tooltip" data-bs-placement="top" title="Partager sur Facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fplace-du-village.fr%2Fblog%2Fretrouvez-place-du-village-sur-france-3%2F" target="_blank" ><i class="fab fa-facebook-f"></i></a> <a class="button button-share" data-bs-toggle="tooltip" data-bs-placement="top" title="Partager par mail" href="mailto:?subject=Retrouvez Place du Village sur France 3&body=https%3A%2F%2Fplace-du-village.fr%2Fblog%2Fretrouvez-place-du-village-sur-france-3%2F" target="_blank" ><i class="fas fa-envelope-open-text"></i></a> <a class="button button-share" data-bs-toggle="tooltip" data-bs-placement="top" title="Partager sur WhatsApp" href="https://web.whatsapp.com/send?text=Retrouvez Place du Village sur France 3" target="_blank" ><i class="fab fa-whatsapp"></i></a> <a class="button button-share js-copy" data-bs-toggle="tooltip" data-bs-placement="top" title="Copier le lien" data-target="#tocopysingle" href="#" target="_blank" ><i class="far fa-copy"></i></a> </p>  <section> <div class="row"> <div class="col-md-24">  <article id="post-2261" class="post-2261 post type-post status-publish format-standard has-post-thumbnail hentry category-non-classe"> <h2 class="wp-block-heading">Les équipes de France 3 Gard ont eu la bonne idée de réaliser un reportage sur notre solution « Place du Village » disponible dès à présent pour les élus et les habitants de Clarensac.</h2> <p>Alors que les sites des collectivités sont perçus comme vieillots ou sujets à de nombreux bugs, qu’est ce que Place du Village apporte de nouveau aux collectivités ?</p> <p>Jullien Pacioni, élu en charge de la communication témoigne de l’intérêt des interactions qu’offre « Place du Village » pour les administrés comme les associations.<br>Olivier Huber, co-créateur de la solution évoque pour sa part l’offre digitale des collectivités qui consistait jusqu’à présent  à choisir « entre un site web généraliste  et/ou des applications spécifiques » et la plus value de Place du Village : « c’est du 2 en 1 : un site web sur les ordinateurs et une appli sur les téléphones avec un choix de fonctionnalités pour toutes les collectivités ». </p> <p>La solution est également testée en direct auprès de 3 personnes rencontrées au hasard sur l’allée principale de Clarensac. </p> <p><em>Accédez au reportage dans l’édition du 29 septembre en mettant le curseur à 4mn59s. </em></p> <figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"> <iframe title="Reportage Place du Village" width="900" height="506" src="https://www.youtube.com/embed/Ae0inTytqvI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div></figure> <div class="single-article-more mt-5"> <div class="row g-3 row-cols-1 row-cols-sm-2"> <div class="col"> </div> <div class="col"> </div> <div class="col"> </div> <div class="col"> </div> </div> </div> </article>  </div> </div> </section>  </main> </div> <div class="back-top"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-short" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"/> </svg> </div> <a href="javascript:void(0);" class="cookies-button" aria-label="Modifier mon consentement" data-cc="c-settings" data-bs-toggle="tooltip" data-bs-placement="right" title="Gestion de préférence des cookies"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.002 512.002" style="enable-background:new 0 0 512.002 512.002;" xml:space="preserve"> <path d="M501.791,236.285c-32.933-11.827-53.189-45.342-50.644-71.807c0-4.351-2.607-8.394-5.903-11.25 c-3.296-2.842-8.408-4.072-12.686-3.384c-50.186,7.363-96.14-29.352-100.693-80.962c-0.41-4.658-2.959-8.848-6.914-11.353 c-3.94-2.49-8.848-3.032-13.198-1.406C271.074,71.02,232.637,44.084,217.3,8.986c-2.871-6.563-9.99-10.181-17.007-8.628 C84.82,26.125,0.001,137.657,0.001,256.002c0,140.61,115.39,256,256,256s256-115.39,256-256 C511.584,247.068,511.522,239.771,501.791,236.285z M105.251,272.131c-8.284,0-15-6.716-15-15c0-8.286,6.716-15,15-15 s15,6.714,15,15C120.251,265.415,113.534,272.131,105.251,272.131z M166.001,391.002c-24.814,0-45-20.186-45-45 c0-24.814,20.186-45,45-45c24.814,0,45,20.186,45,45C211.001,370.816,190.816,391.002,166.001,391.002z M181.001,211.002 c-16.538,0-30-13.462-30-30c0-16.538,13.462-30,30-30c16.538,0,30,13.462,30,30C211.001,197.54,197.539,211.002,181.001,211.002z M301.001,421.002c-16.538,0-30-13.462-30-30c0-16.538,13.462-30,30-30c16.538,0,30,13.462,30,30 C331.001,407.54,317.539,421.002,301.001,421.002z M316.001,301.002c-24.814,0-45-20.186-45-45c0-24.814,20.186-45,45-45 c24.814,0,45,20.186,45,45C361.001,280.816,340.816,301.002,316.001,301.002z M405.251,332.131c-8.284,0-15-6.716-15-15 c0-8.286,6.716-15,15-15s15,6.714,15,15C420.251,325.415,413.534,332.131,405.251,332.131z"/> </svg> </a> <footer class="footer "> <div class="container"> <div class="footer-inner"> <div class="row g-4"> <div class="col-md-6 col-xl-3"> <a class="nav-top-logo-link" href="https://place-du-village.fr"><img height="75" src="https://place-du-village.fr/app/uploads/2021/08/logo.svg" alt=""/></a> <address class="footer-address">8 rue de Berne<br /> 30000 Nîmes</address> <div class="footer-phone-container"> <span>Tél : </span> <a href="tel:0466383966">04 66 38 39 66</a> </div> </div> <div class="col-md-6 col-xl-3"> <h4 class="footer-title">Vos contacts</h4> <div class="footer-contact"> <span class="footer-contact-name">Elias Bourmel</span> <a href="tel:0780998264" class="footer-contact-phone">07 80 99 82 64</a> </div> <div class="footer-contact"> <span class="footer-contact-name">Fanny Desbrosse</span> <a href="tel:0466383966" class="footer-contact-phone">04 66 38 39 66</a> </div> </div> <div class="col-md-6 col-xl-3"> <h4 class="footer-title">Fonctionnalités</h4> <ul class="footer-services-menu"> <li> <a href="https://place-du-village.fr/les-fonctionnalites/#carte-interactive"> <img src="https://place-du-village.fr/app/uploads/2021/09/carte.svg" alt=""> <span>Carte interactive</span> </a> </li> <li> <a href="https://place-du-village.fr/les-fonctionnalites/#annuaire-association"> <img src="https://place-du-village.fr/app/uploads/2021/09/annuaires.svg" alt=""> <span>Annuaires</span> </a> </li> <li> <a href=""> <img src="https://place-du-village.fr/app/uploads/2021/09/alerte.svg" alt=""> <span>Alerte mairie</span> </a> </li> <li> <a href="https://place-du-village.fr/les-fonctionnalites/#agenda"> <img src="https://place-du-village.fr/app/uploads/2021/09/agenda.svg" alt=""> <span>Agenda</span> </a> </li> <li> <a href=""> <img src="https://place-du-village.fr/app/uploads/2021/09/conseils.svg" alt=""> <span>Conseils municipaux</span> </a> </li> <li> <a href="https://place-du-village.fr/les-fonctionnalites/#meteo"> <img src="https://place-du-village.fr/app/uploads/2021/09/meteo.svg" alt=""> <span>Météo</span> </a> </li> <li> <a href="https://place-du-village.fr/les-fonctionnalites/#conseils-municipaux"> <img src="https://place-du-village.fr/app/uploads/2021/09/contact.svg" alt=""> <span>Contact élus</span> </a> </li> <li> <a href="https://place-du-village.fr/les-fonctionnalites/#contribution-citoyenne"> <img src="https://place-du-village.fr/app/uploads/2021/09/contribution.svg" alt=""> <span>Contribution citoyenne</span> </a> </li> </ul> </div> <div class="col-md-6 col-xl-3"> <h4 class="footer-title">Newsletter</h4> <p class="footer-text">Inscrivez-vous à notre newsletter pour recevoir les nouvelles de la mairie de Place du Village</p> <a href="#" class="footer-newsletter-button" data-bs-toggle="modal" data-bs-target="#newsletter-inscription"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16"> <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"></path> </svg> <span>Renseignez votre email</span> </a> </div> </div> </div> <div class="footer-bottom"> <div class="row align-items-center justify-content-between g-3"> <div class="col-xl-auto d-flex justify-content-center"> <div class="footer-bottom-social-medias"> <a href="https://www.facebook.com/placeduvillage.webapp"> <i class="fab fa-facebook-f"></i> </a> <a href="https://www.youtube.com/channel/UCr-TK0lnmqq8QpmCgQ90zrw"> <i class="fab fa-youtube"></i> </a> <a href="https://www.linkedin.com/showcase/place-du-village-net/"> <i class="fab fa-linkedin-in"></i> </a> </div> </div> <div class="col-auto"> <span class="footer-mentions">© Place du Village. Tous droits réservés.</span> </div> <div class="col-auto"><a href="https://place-du-village.fr/mentions-legales/" class="footer-mentions">Mentions légales</a></div> </div> </div> </div> </footer>   <div class="modal fade" id="newsletter-inscription" tabindex="-1" aria-labelledby="newsletter-inscription" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Abonnez-vous à notre newsletter</h5> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Fermer"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <small class="form-mentions mb-2">En complétant ce formulaire, vous acceptez que Place du Village collecte et utilise l'adresse mail que vous renseignez afin de vous tenir informé des actualités et de vous faire des propositions commerciales, en accord avec notre politique de protection des données telle que décrite dans les mentions légales du site.</small> [do_widget id=acym_subscriptionform_widget-2] </div> </div> </div> </div> </div>  <div class="modal fade" id="info-flash" tabindex="-1" role="dialog" aria-labelledby="info-flash" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Inscrivez-vous à notre télé-alerte</h5> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form role="form" method="POST" action="#" class="newsletter" novalidate> <input type="hidden" id="verif-tele-alert" name="verif-tele-alert" value="27c5b6e96b" /><input type="hidden" name="_wp_http_referer" value="/blog/retrouvez-place-du-village-sur-france-3/" /> <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":"2261","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

Retrouvez Place du Village sur France 3 - Place du Village :Place du Village