/*!
Theme Name: La-Cali
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: la-cali
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

La-Cali is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

:root {
    --font-size-min: 16px; /* Taille minimale de police */
    --font-size-max: 24px; /* Taille maximale de police */
    --scale-ratio: 1.2;    /* Ratio pour agrandir les titres */
    --line-height: 1.6;    /* Hauteur de ligne standard */

	--font-size-min-title: 50px; /* Taille minimale de police */
    --font-size-max-title: 60px; /* Taille maximale de police */

    --font-size-fluid: clamp(
        var(--font-size-min),
        calc(1rem + 1vw),
        var(--font-size-max)
    );
	 --font-size-fluid-title : clamp(
        var(--font-size-min-title),
        calc(1rem + 1vw),
        var(--font-size-max-title)
    );
}

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */


/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
	margin-bottom: 253px;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	/*box-sizing: content-box;
	height: 0;
	overflow: visible;*/
	 border: none; /* Supprime la bordure par défaut */
    height: 80px; /* Définit la hauteur de l'élément hr */
    background: url('img/separator-article.png') no-repeat center; /* Ajoute l'image de fond */
	margin:38px auto 64px auto;
	
}
.wp-block-separator{
		border-top:none;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Styles pour le loader */
.loader {
    display: none;
    margin-top: 20px;
	width:100%;
    text-align: center;
}

/*.loader:before {
    content: "Chargement...";
    font-size: 18px;
    color: #0073e6;
}*/

/* Animation de rotation */
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#accessconfig{
	display:none;
}


.icon{
	width:19px;
	height:19px;
	z-index:2;
}
#a42-ac-button{
	border:none;
	background:none;
	text-transform:uppercase;
	padding-left: 23px;
}
#a42-ac-button:hover{
	cursor:pointer;
}


.leaflet-top, .leaflet-bottom{
	z-index: 939;
}

/* Loader visuel avec l'image de taille 124px * 125px et animation de rotation */
.loader img {
    width: 124px;   /* Largeur de l'image */
    height: 125px;  /* Hauteur de l'image */
    animation: rotate 2s linear infinite; /* Rotation continue */
}


        .search-overlay {
    position: fixed;
    inset: 0;
    background: rgba(172, 183, 175, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.search-overlay[hidden] {
    display: none;
}

.search-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: none;
    border: none;
    font-size: 2rem;
    color: #fff;
    cursor: pointer;
	color:black;
}

.dayContainer .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0;
}
.wsp-pages-list li, .wsp-posts-list li, .wsp-communes-list li, .wsp-offre_emplois-list li{
	list-style:none;
}

.dayContainer .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 0;
}
.fond-menu{
	display:none;
}

.fond-menu.active{
	background:rgba(172, 183, 175, 0.9);
	width:100vw;
	height:100vh;
	position:fixed;
	display:block;
	top:0;
	left:0;
	z-index: 999;
}

.menu-item.open.focus > a{
	font-weight:400;
}
.menu-text{
	font-weight:800;
	display: inline-block;
  	width: 100%;
}

.fondMenuActive{
	position: fixed;
 	top: 0;
  	left: 0;
  	background: rgba(255,255,255, 0.5);
  	width: 100vw;
  	height: 100vh;
  	z-index: 999;
}

.conteneur-nav-deplier{
	flex-direction: column;
 	min-height: 100vh;
	min-width:100vw;
 	background: #94a198;
}

.conteneur-nav-deplier-mobile{
	background: #ffffff;
	  	width: 100vw;
  	height: 100vh;
}


#primary-menu.nav-menu-hide{
		display:none
}	
.toggled #header-acces-rapide.header-acces-rapide-hide{
	display:none;
}

#acces-rapide-mobile .header-acces-rapide-hide{
	display:none;
}
#header-acces-rapide.header-acces-rapide-hide {
  display: none !important;
}
#acces-rapide-mobile.header-acces-rapide-hide{
	display:none; 

}
#acces-rapide-mobile.visibleNav{
	display:none;
}

#acces-rapide-mobile.acces-rapide-mobile{
	display: flex;
  	flex-direction: column;
	min-height: 100%;
}

.hero .search-field {
	display:block;
	 width: calc(100% - 20px);
	 background-color: transparent; 
}


.search-overlay .search-field{
	background-color: transparent;
  border-bottom: 1px solid black;
  border-bottom: 1px solid #000;
  padding: 8px 10px;
  font-size: 16px;
  width: calc(350px - 174px);
  outline: none;
  border-right: none;
  border-left: none;
  border-top: none;
}



.dayContainer .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #d1dd36;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #d1dd36;
}
/* Conteneur principal */
.date-filter-container {
    position: relative;
    display: inline-block;
    background: #f8f8f8;
    padding: 10px 15px;
    border-radius: 12px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Icône du calendrier */
.date-filter-container .calendar-icon {
    width: 20px;
    height: 20px;
}

/* Menu déroulant */
.date-filter-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
    width: 250px;
    z-index: 100;
}

/* Affichage du menu quand actif */
.date-filter-container.active .date-filter-dropdown {
    display: block;
}

/* Style du groupe de boutons */
.date-filter-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

/* Style des boutons de filtre rapide */
.filter-date-btn {
    background: #cddc39;
    border: none;
    padding: 8px 12px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    flex: 1;
    margin: 0 5px;
    text-align: center;
	float: left;
  margin-bottom: 10px;
}

.filter-date-btn:hover {
    background: #b0c427;
}

/* Style du calendrier */
.flatpickr-calendar {
    font-family: Arial, sans-serif;
    border-radius: 12px;
    border: none;
    padding: 10px;
	width:323.875px !important
}

/* Les boutons doivent apparaître au-dessus du calendrier */
.flatpickr-calendar .flatpickr-innerContainer {
    display: flex;
    flex-direction: column-reverse;
}

/* Style du jour sélectionné */
.flatpickr-day.selected {
    background: #cddc39 !important;
    color: #333 !important;
    border-radius: 6px;
}

#quick-date-buttons {
    z-index: 20; /* Les boutons auront un z-index supérieur pour être visibles au-dessus */
}
#quick-date-buttons {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;  /* Assurez-vous qu'ils sont au-dessus du calendrier */
    background-color: white;  /* Ajoutez un fond pour que les boutons restent lisibles */
 
    display: block;
    text-align: center;
}

.flatpickr-months {
    position: relative;
    z-index:11;  /* Moins élevé pour garantir que les boutons sont au-dessus */
	padding-top: 92px;
  
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month{
	top:90px !important;
	display: block !important;
}

.flatpickr-calendar.open{
	padding: 10px;
}

#agenda-filter-form{
	display:flex;
	justify-content:space-around;
	position:inherit;
  	width: 360px;
	flex-direction:column;
}

#agenda-filter-form .form-group{
	margin-bottom:20px;
	width:100%;
}

#agenda-filter-form select{
	width:100%;
  	background-color: #ffffff;
  	border: none;
		
}

/*a[href$=".pdf"]{
	position: relative;
  max-width: 430px;
  padding: 50px 59px 29px 38px;
  background: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius:10px;
  margin-bottom: 64px;
}

a[href$=".pdf"]::after {
  content: '';
  position: absolute;
  background:url('img/document-telechargable.png') no-repeat;
  width: 51px;
  height: 56px;
  left: -25px;
  top: 10px;
}


a[href$=".doc"],
a[href$=".docx"]::after {
  content: '';
  position: absolute;
  background:url('img/document-telechargable.png') no-repeat;
  width: 51px;
  height: 56px;
  left: -25px;
  top: 10px;
}
a[href$=".doc"],
a[href$=".docx"] {
position: relative;
  max-width: 430px;
  padding:
50px 59px 29px 38px;
  background:
#ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius:
10px;
  margin-bottom: 64px;
}

a[href$=".xls"],
a[href$=".xlsx"]::after {
  content: '';
  position: absolute;
  background:url('img/document-telechargable.png') no-repeat;
  width: 51px;
  height: 56px;
  left: -25px;
  top: 10px;
}
a[href$=".xls"],
a[href$=".xlsx"] {
position: relative;
  max-width: 430px;
  padding:
50px 59px 29px 38px;
  background:
#ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius:
10px;
  margin-bottom: 64px;
}*/


/* Conteneur du select */
.custom-select {
    position: relative;
    display: flex;
    align-items: center;
    background: white;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    width: fit-content;
}

/* Icône à gauche */
.select-icon {
    width: 24px;
    height: 24px;
    background-image: url('img/type-devenement.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    flex-shrink: 0;
}


.select-icon-ville {
    width: 24px;
    height: 24px;
    background-image:  url('img/lieu-sliderl.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    flex-shrink: 0;
}

.select-icon-date {
	width: 33px;
  	height: 30px;
    background-image:  url('img/date-agendal.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    flex-shrink: 0;
}
/* Style du select */



#datepicker{
	padding: 0;
  	background-color: #ffffff;
  	border: none;
	
}
.menu-textS{
	position:inherit !important;
	left:auto !important;
}

/* Text-level semantics
	 ========================================================================== */

/*Hide elements screen */
.sr-only, .fa-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}



/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

.recherche-actus{
	position:absolute;
	bottom:0;
	left:0;
}

#category-select{

	padding: 20px 44px;
  border-radius: 10px;
  background-color: #ffffff;
  border: none;
 
  -webkit-box-shadow: 11px 9px 16px 5px rgba(0,0,0,0.38);
  box-shadow: 11px 9px 16px 5px rgba(0,0,0,0.38);
  display: block;
}

.recherche-actus{
	position:inherit;
}

#filter-form{
	display: flex;
  justify-content: center;
}

.recherche-actus select{
	 border-radius: 50px; /* Votre style existant */
    background: #eef1ef;
    color: #000000;
    padding: 19px 25px 19px 32px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('img/fleche-select.png') no-repeat;
    background-position: right 20px center; /* Position de la flèche */
    background-size: 16px; /* Taille de la flèche */
	max-width:376px;
}	

.slick-prev {
  left: 0px !important;
}
.slick-next {
  right: 0px !important;
}

.lien-offres{
	position: relative;
  max-width: 430px;
  padding: 29px 59px 29px 38px;
  background: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom: 64px;
}

.lien-offres:after{
	content:'';
	position:absolute;
	background:url('img/document-telechargable.png') no-repeat;
	width:51px;
	height:56px;
	left:-25px;
	top:10px;
	
}
.description-offre{
	margin-bottom:80px;
}

.menu-back{
	display:flex;
	justify-content:flex-end;
	padding-right: 10px;
	position:relative;
	text-align: right;
	
}
.menu-back::before{
	content:'';
	display:block;
	position:absolute;
	width:20px;
	height:13px;
	background:url('img/retour-men.png') no-repeat;
	top:5px;
	right: 73px;
}

ul .open{
	background:white;
}
ul .open  a{
	color:black;
}
ul .open  > .sub-menu{
	background:white;
}

#primary-menu .open  > .sub-menu >li{
	border-bottom:none;
}

#primary-menu .open  > .sub-menu >li > a{
	padding: 16px 16px;
	font-size: 1.1175rem;
  font-weight: 300;
}
#primary-menu .open  > .sub-menu >li > a{
	padding: 16px 16px;
	font-size: 1.1175rem;
}
#primary-menu .menu-item-has-children.open > .sub-menu > li > a {
  padding: 16px 16px !important;
  font-size: 1.1175rem !important;
  font-weight: 500 !important;
	position:relative;
}

#primary-menu .sub-menu li.menu-item-has-children > a::after {
	 content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
	position: absolute;
  top: 16px;
  left: 312px;
  /*position: relative;
  top: 0;
  left: calc(100% - 215px);*/
  background-color: black;
  -webkit-mask: url('img/active-menu-mobile.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask: url('img/active-menu-mobile.svg') no-repeat center;
  mask-size: contain;
  transform: none;
  transition: background-color 0.3s;
}
/* Flèche 1 */


/* Flèche 3 */
#primary-menu .sub-menu li:nth-child(3) > a:hover::after,
#primary-menu .sub-menu li:nth-child(3) > a:focus::after {
  background-color: #ff6a71; /* vert */
}
#primary-menu .sub-menu li:nth-child(3) > a:hover::after,
#primary-menu .sub-menu li:nth-child(3) > a:focus::after {
  background-color: #D1DD36; /* vert */
}
	

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #000;
	 font-family: "Poppins", sans-serif;
	font-size: 1rem;
	line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	/*clear: both;
	display:inline-block;*/
}

h2{
	font-size:1.375rem;
	line-height:30px;
	position:relative;
	    margin-bottom: 38px;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

/*#page{
	overflow: hidden;
}*/


abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

.buttton-page{
	color:#ffffff;
	background-color:#818e84;
	font-weight:500;
	padding:1.3rem 1.2rem;
	border-radius:50px;
	display: block;
    margin: 50px auto 152px auto;
    max-width: 320px;
	position:relative;	
	border:1px solid #818e84;
	 transition: all 0.3s ease-in-out;
	box-shadow:none;
}

.evenement article .buttton-page a{
	color:#ffffff;
	background-color:transparent;	
	box-shadow:none;
}
.buttton-page a{
	color:#ffffff;
	background-color:transparent;	
	box-shadow:none;
}


.buttton-page:hover{
	background:transparent;	
	border:1px solid #818e84;
	color:#000000;
}

.buttton-page:hover::after{
	background:url('img/fleche-button-black.png') no-repeat;
}

.buttton-page::after{
	position:absolute;
	content:'';
	background:url('img/fleche-button.png') no-repeat;
	right: 25px;
 	 top: 23px;
	width:15px;
	height:15px;
}


.breadcrumb{
	color:#869189;
	font-size:0.75rem;
	margin-bottom:65px;
	position: relative;
 	 /*z-index: 999999;*/
	    margin-top: 1.2em;
}

.breadcrumb a{
	color:#869189;	
}
.breadcrumb a:hover{
	color:#000000;
	
}

/* Pagination */
.custom-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 20px;
    font-size: 16px;

}

.custom-pagination a {
    text-decoration: none;
   
    color: #cccccc;
    padding: 8px 12px;
    border-radius: 5px;
   
}

.custom-pagination a:hover {
    color: #000000;
}

.pagination-text {
    color: #333;
	position:relative;
	z-index:4;
}
.page-template-template-agenda .pagination-text::before{
	content: "";
    position: absolute;
    left: -17px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 31px;
    height: 31px;
    background-color: #D1DD36;
	z-index:-1;
} 
.pagination-text::before{
	content: "";
    position: absolute;
    left: -17px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 31px;
    height: 31px;
    background-color: #ff777d;
	z-index:-1;
}





/* Elements
--------------------------------------------- */
body {
	background: #fff;
	font-weight: 400;
	margin: 0;
  	padding: 0;
}


hr {
	/*background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;*/
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
	margin:0;
	padding:0;
}
ol li{
	margin-bottom:37px;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
ol li::marker {
  font-weight: 700;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}


.liste-document-simple{
	display: flex;
  	flex-wrap: wrap;
  	max-width: 960px;
  	justify-content: space-between;
  	list-style: none;
  	padding: 0;
  	margin: 45px 0;
}	
.liste-document-simple li{
	position:relative;
	max-width: 430px;
  padding: 50px 59px 29px 38px;
  background: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom: 64px;
}

.liste-document-simple li:after{
	content:'';
	position:absolute;
	background:url('img/document-telechargable.png') no-repeat;
	width:51px;
	height:56px;
	left:-25px;
	top:10px;
	
}
	
	
/* Links
--------------------------------------------- */



a {
	color: #000;
	text-decoration:none;
	
}

/*a:visited {
	color: #800080;
}*/

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}
.slick-slider{
	max-width:495px;
	margin: 0 auto;
}
.slick-track{
	display:flex !important;
	padding-bottom:20px;
	gap: calc(361px /20);/*20*/
}

.slick-track {
    margin-left: 0; /* on enlève le décalage */
    gap: 10px; /* conserve l'écart entre slides */
  }





  /* ajoute un espace avant la 1re et après la dernière slide */
  .slick-list {
    padding: 0 10px; /* ajoute un espace avant la 1re et après la dernière slide */
  }

  .slick-slide {
    width: calc(360px - -37px) !important; /* ajuste la largeur pour ne voir qu'une slide à la fois */
   /* flex: 0 0 auto;*/
  }
/* ajoute un espace avant la 1re et après la dernière slide */




.slick-slider .post-item{
	height:auto !important;
}
.slick-slide{
	height:auto	 !important;

}
.slider-home .slick-slider {
		margin-top:105px;
		margin-bottom: 60px;
}
 #slider-agenda .slick-track {
    padding-top: 65px;
  }	

.slider-home h2:first-child  {
	padding-left:30px;
}

.slick-prev:before{
		content: '⟵' !important;
		color:#000000 !important;
		font-family:none !important;
}			
.slick-next:before{
		content: '⟶' !important;
		color:#000000 !important;
		font-family:none !important;
}		
.slick-prev:hover:before{
	padding-right:10px;
}
.slick-next:hover:before{
	padding-left:10px;
}	
.slider-home h2 .highlighted-title{ 	
	font-family: "thirsty-rough-two", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:2.625rem;
	color:#ff6a71;
	position:relative;
}	
	
	
	
.slider-home h2 .highlighted-title::after{
	content: "";
	width: 199px;
	height: 71px;
	background: url("img/deco-rose.png") no-repeat ;
	top: 59px;
    left: 0;
	position: absolute;
	display: inline-block;
 	z-index: 1;
		
}
.agenda-conteneur h2{
	display:flex;
	flex-direction:column;
}

	
.agenda-conteneur h2 .main-title{
	color:#000000;
	font-size:2.625rem;

}
	
.agenda-conteneur h2 {
		margin-bottom:105px;
		
}

.carte-cali-accueil{
	background:url('img/bg-carte-mobile.png') no-repeat;
	width:auto;
	background-size:contain;
	position:relative;
	margin-top: 50px;

}
.carte-cali-accueil img{
	max-width: 85%;
} 

.bloc-carte-accueil{

	display:flex;
	flex-direction:column;
	margin-bottom:144px;
}	

.hero .carte-interactive img{
	margin-top:-63px;
}

.hero .carte-interactive{
	position:absolute;
	top: 320px;
	top: 248px;
  	right: calc(458px - 392px);
	font-weight:500;
	font-size:1.125rem;
	flex-direction:column;
	 display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
 	padding-top: 25%;
  	padding-left: 17%;
}
.carte-interactive::before {
  content: '';
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 208px;
  height: 208px;
  border-radius: 22px;
  transform: rotate(16deg);
  z-index: 0;
 -webkit-box-shadow: 3px 5px 15px 5px rgba(0,0,0,0.5); 
box-shadow: 3px 5px 15px 5px rgba(0,0,0,0.5);
}

.carte-interactive{
	position:absolute;
	top: 320px;
	top: 288px;
	right: calc(474px - 392px);
	font-weight:500;
	font-size:1.125rem;
	flex-direction:column;
	
	 display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  /* padding-top: 4%;
  padding-left: 14%;*/
	padding-top: 6%;
  padding-left: 16%;
}
	
.carte-interactive:hover::before{
	 border:1px solid black;
}
.carte-interactive img{
	z-index:2;
}
.carte-interactive a{
	position:relative;
}

.carte-interactive a::before{
	position:absolute;
	content:'';
	background:url('img/flech-carte-interactive.png') no-repeat;
	width:23px;
	height:21px;
	top: 0;
  	left: -34px;
}
.agenda-conteneur {
        background: url(img/losange-fond-accueil.png) no-repeat;
        margin: 50px auto;
        background-position: -702px -5px ;
        padding-top: 168px;
        padding-bottom: 190px;
}

	
.bloc-carte-accueil select{
	 border-radius: 50px; /* Votre style existant */
    background: #eef1ef;
    color: #000000;
    padding: 19px 25px 19px 32px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('img/fleche-select.png');
    background-repeat: no-repeat;
    background-position: right 20px center; /* Position de la flèche */
    background-size: 16px; /* Taille de la flèche */
	width:75%;
	

}	
.bloc-carte-accueil #commune-button{
	border:none;
	background:#ffd427;
	border-radius:50%;
	width:60px;
	height:60px;
	font-weight:800;
}
.bloc-carte-accueil #commune-button:hover{
	
	background:#000000;
	color:#ffffff;
	
}
	
.bloc-carte-accueil h2 .highlighted-title{ 	
	font-family: "thirsty-rough-two", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:2.625rem;
	color:#ffd427;
	position:relative;
}	
	
	
	
.bloc-carte-accueil h2 .highlighted-title::after{
	content: "";
	width: 199px;
	height: 71px;
	background: url("img/deco-jaune.png") no-repeat ;
	top: 60px;
    left: 0;
	position: absolute;
	display: inline-block;
 	z-index: 1;
		
}	
.bloc-carte-accueil h2 .main-title{
	color:#000000;
	font-size:2.625rem;
	display:block;
	padding-bottom:20px;

}
.bloc-carte-accueil h2 {
	margin-bottom:105px;
	text-align:center;
}
.slider-home .slick-slider {
		margin-top:105px;
}

	
	
	
	
.agenda-conteneur h2 .highlighted-title{ 	
	font-family: "thirsty-rough-two", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:2.625rem;
	color:#d1dd36;
	position:relative;
	text-align:right;
	padding-right:10px;
}	
	
	
	
.agenda-conteneur h2 .highlighted-title::after{
	content: "";
	width: 199px;
	height: 71px;
	background: url("img/deco-vert.png") no-repeat ;
	top: -114px;
  	/*left: 148px;*/
	left: calc(100% - 204px);
	position: absolute;
	display: inline-block;
 	z-index: 1;
	
}


.hero{
	max-width:1440px;
	margin: 0 auto;
}
.hero img{
	float: none;
    margin-top: auto;

}
.hero-acces-rapide .icone-liste{
	padding: 0 37px;
}
.hero-acces-rapide{
	padding:37px 0 50px 0
}


.hero-single{
	background:url('img/bg-single-page.png') no-repeat;
	background-color:#eef1ef;
	margin-top:-150px;
	background-position:bottom right;
	padding-top:191px;
	padding-bottom:63px;
	/*min-height: 420px;*/
	padding: 190px 17px 0 17px;
	position:relative;
}

.hero-single h1{
	position:relative;
	font-size:2.25rem;
	line-height:48px;
	z-index:2;
}
.hero-single h1 span{
	z-index:2;
	position:relative;
}

.offre_emploi-template-default .hero-single h1::before, .page-template-archive-emplois .hero-single h1::before {
		display: block !important;
	content:'';
    position: absolute;
    top: -35px;
	left:-53px;
    transform: translateX(-50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    color: white;
    width: 142px !important;
    height: 142px !important;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-radius: 50%;
    z-index: 100;
	 background:#2cc6db;
	z-index:-1;
	transition: box-shadow 0.3s ease;

	
}


.commune  .hero-single h1::before,  .archive-communes .hero-single  h1::before{
	display: block !important;
	content:'';
    position: absolute;
    top: -35px;
	left:-53px;
    transform: translateX(-50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    color: white;
    width: 142px !important;
    height: 142px !important;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-radius: 50%;
    z-index: 100;
	 background:#ffd427;
	z-index:-1;
	transition: box-shadow 0.3s ease;
}  


.hero-single h1::before{
	 display: block !important;
	content:'';
    position: absolute;
    top: -35px;
	left:-53px;
    transform: translateX(-52%) rotate(45deg);
	/*! clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); */
    color: white;
    width: 142px !important;
    height: 142px !important;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-radius: 10%;
    z-index: 100;
	 background:#ff777d;
	z-index:-1;
	 transition: box-shadow 0.3s ease;
	  /*! margin-bottom: 76px; */
}


.rouge .hero-single h1::before{
	background: #ff777d;
}
.bleu .hero-single h1::before{
	background: #2cc6db;
}
.jaune .hero-single h1::before{
	background: #fcd11a;
}
.vert .hero-single h1::before{
	background: #d1dd36;
}
.archive-plu .hero-single h1::before, .single-urba h1::before{
	background: #d1dd36;
}

.le-fonctionnement .hero-single h1::before{
	 background:#d1dd36;
}
.etre-accompagne-sur-mes-droits .hero-single h1::before{
	 background:#2cc6db;
}
.suivre-le-parcours-de-mon-enfant .hero-single h1::before{
	 background:#d1dd36;
}
.page-template-template-agenda .hero-single h1::before{
	background:#d1dd36;
}
/*.mon-quotidien .hero-single h1::before{
 	background:#d2dd37;
}*/
.etre-accompagne-vers-lemploi  h1::before{
 	background:#fcd11a;
}

.evenement .hero-single h1::before{
 	background:#d1dd36;
}

.page-template-template-deliberations .hero-single h1::before{
	background:#d1dd36;
}

.page-template-template-les-elus .hero-single h1::before{
		background:#2bc6da;
}
.habitat-logement .hero-single h1::before{
		background:#D1DD36;
}




.CaliVélo  .hero-single h1::before{
	content:url('img/calivelo-titre-picto.png');
	background:transparent;
	transform:none;
	top: -46px;
  	left: -119px;
	
}


.commune  .content, .archive-communes .content{
	max-width:1440px;
	margin: 0 auto;
	/*padding-top:53px;*/
	padding: 109px 17px 0 17px;
}
.commune  ul{
	
	list-style:none;
	margin:67px 0 0 0;
	padding: 0 0 0 41px;
}
.commune  ul li{
	padding-bottom:39px;
	position: relative;
}
.commune  ul li::before {
    content: "";
    position: absolute;
	left: -22px;
  	top: 15%;
    transform: translateY(-50%);
    width: 20px; /* Largeur de l'icône */
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}


.archive-communes select{
	padding:20px 44px;
	border-radius:20px;
	background:#ffffff;
	border:none;
	margin:61px auto 111px auto;
	  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	-webkit-box-shadow: 11px 9px 16px 5px rgba(0,0,0,0.38); 
	box-shadow: 11px 9px 16px 5px rgba(0,0,0,0.38);
	background-image: url('img/fleche-communes.png');
	background-repeat: no-repeat;
  background-position: right 20px center;
	background-size: 16px;
	width: 85%;
	display:block;
	
}


/* Icônes spécifiques */
.commune  .info-mairie  li:nth-child(1)::before {
    background-image: url('img/maire.png');
}

.commune  .info-mairie  li:nth-child(2)::before {
    background-image: url('img/adresse.png');
}

.commune .contact-commune {
	padding-bottom:39px;
	position: relative;
}
.commune  .contact-commune li::before {
    content: "";
    position: absolute;
	left: -22px;
  	top: 15%;
    transform: translateY(-50%);
    width: 20px; /* Largeur de l'icône */
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}
.commune .content span{
	background:#DEE2DF;
	margin-left: 45px;

}

.commune .content span a{
	   text-decoration: underline;
    text-decoration-color: #000000; /* Couleur du soulignement */
    text-decoration-thickness: 2px; /* Épaisseur du soulignement */
}

.vert article p a, .bleu article p a, .jaune article p a, .rouge article p a{
	   
    text-decoration-color: #000000; /* Couleur du soulignement */
  
	background: #DEE2DF;
}


.commune  .contact-commune {
	padding-bottom:0;
}

.secretaire-mairie{
	margin-left:45px;
	margin-top:170px;
}

.commune  .secretaire-mairie h2{
	position:relative;
}

.commune  .secretaire-mairie h2::before, .commune  .secretaire-mairie h3::before{
	display: block !important;
	content:'';
    position: absolute;
  	 top: 70%;
  	left: -59px;
    transform: translateY(-50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    color: white;
    width: 77px !important;
    height: 77px !important;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-radius: 50%;
    z-index: 100;
	 background:#eef1ef;
	z-index:-1;
	transition: box-shadow 0.3s ease;
}



/* Les élus */
.elus-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.elu-first {
    width: 100%;
    text-align: left;
	display:flex;
	margin: 60px auto 32px auto;
	flex-direction:column;
}
.elu-first .post-thumbnail{
	margin-right:41px;
}

.elus-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
	flex-direction:column;
	position:relative:

	max-width: 960px;
	margin: 60px auto 32px auto;
}
.elus-row::before{
	display: block !important;
  content: '';
  position: absolute;
 top: -110px;
  left: 43%;
 background:url('img/separateur-elu.png') no-repeat;
  width: 242px !important;
  height: 80px !important;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  z-index: 100;
}

.elu {
    width: 218px;
    text-align: left;
}

.elu img {
    max-width: 100%;
    height: auto;
    border-radius: 20%;
}

.elu .post-thumbnail {
  width: 218px;
  height: 218px;
  overflow: hidden;
  position: relative;
}

.elu .post-thumbnail img{
	width: 100%;
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
  display: block;
	
}

.evenement .the_thumbnail_single img{
	  width: 418px;
    height: 423px;
    object-fit: cover; /* Ajuste l'image tout en remplissant la zone */
}

.info-elu{
	max-width: 234px;
}




/* Conseillers communautaires */
.commune {
    margin-bottom: 10px;
	
}

.toggle {
    cursor: pointer;
    font-weight: bold;
   	padding: 37px 35px 37px;
    background: #f5f5f5;
    border-radius: 20px;
	font-weight: 400;
	position: relative;
	margin:19px 0;
}
.toggle.active {
    background-color: #2cc6db; /* Couleur de fond quand actif */
    font-weight: 800;

}

.toggle::after {
    content: ''; /* Symbole du plus, tu peux aussi utiliser un autre caractère ou icône */
    position: absolute;
	right: -18px;
  	top: 35%;
	background:url('img/flech-drop.png') no-repeat #2cc6db; 
    font-size: 18px; /* Taille de l'icône */
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(83deg);
	width:35px;
	height:35px;
}

.page-template-template-competences .toggle::after {
    content: ''; /* Symbole du plus, tu peux aussi utiliser un autre caractère ou icône */
    position: absolute;
	right: -18px;
  	top: 35%;
	background:url('img/flech-drop.png') no-repeat #FF777D; 
    font-size: 18px; /* Taille de l'icône */
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(83deg);
	width:35px;
	height:35px;
}
.mon-quotidien .toggle::after{ 

	 content: ''; /* Symbole du plus, tu peux aussi utiliser un autre caractère ou icône */
    position: absolute;
	right: -18px;
  	top: 35%;
	background:url('img/flech-drop.png') no-repeat #d1dd36; 
    font-size: 18px; /* Taille de l'icône */
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(83deg);
	width:35px;
	height:35px;
}
/*.competences .toggle::after{ 

	 content: ''; 
    position: absolute;
	right: -18px;
  	top: 35%;
	background:url('img/flech-drop.png') no-repeat #FF777D; 
    font-size: 18px; 
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(83deg);
	width:35px;
	height:35px;
}*/

.jaune .toggle::after{ 
	
		 content: ''; /* Symbole du plus, tu peux aussi utiliser un autre caractère ou icône */
    position: absolute;
	right: -18px;
  	top: 35%;
	background:url('img/flech-drop.png') no-repeat #FCD11A; 
    font-size: 18px; /* Taille de l'icône */
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(83deg);
	width:35px;
	height:35px;
}

.vert .toggle::after{ 

	 content: ''; /* Symbole du plus, tu peux aussi utiliser un autre caractère ou icône */
    position: absolute;
	right: -18px;
  	top: 35%;
	background:url('img/flech-drop.png') no-repeat #D1DD36; 
    font-size: 18px; /* Taille de l'icône */
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(83deg);
	width:35px;
	height:35px;
}
.bleu .toggle::after{ 

	 content: ''; /* Symbole du plus, tu peux aussi utiliser un autre caractère ou icône */
    position: absolute;
	right: -18px;
  	top: 35%;
	background:url('img/flech-drop.png') no-repeat #2CC6DB; 
    font-size: 18px; /* Taille de l'icône */
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(83deg);
	width:35px;
	height:35px;
}
.rouge .toggle::after{ 

	 content: ''; /* Symbole du plus, tu peux aussi utiliser un autre caractère ou icône */
    position: absolute;
	right: -18px;
  	top: 35%;
	background:url('img/flech-drop.png') no-repeat #FF777D; 
    font-size: 18px; /* Taille de l'icône */
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(83deg);
	width:35px;
	height:35px;
}



.habitat-logement .toggle::after{ 

	 content: ''; /* Symbole du plus, tu peux aussi utiliser un autre caractère ou icône */
    position: absolute;
	right: -18px;
  	top: 35%;
	background:url('img/flech-drop.png') no-repeat #D1DD36; 
    font-size: 18px; /* Taille de l'icône */
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(83deg);
	width:35px;
	height:35px;
}

.mon-quotidien .toggle::after{ 

	 content: ''; /* Symbole du plus, tu peux aussi utiliser un autre caractère ou icône */
    position: absolute;
	right: -18px;
  	top: 35%;
	background:url('img/flech-drop.png') no-repeat #d1dd36; 
    font-size: 18px; /* Taille de l'icône */
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(83deg);
	width:35px;
	height:35px;
}


.page-template-template-competences section h2 , .mon-quotidien section  h2 {
		margin-bottom:88px;
}

.page-template-template-competences section h2 strong, .mon-quotidien section  h2 strong{
	position:relative;
	z-index:3;

}
.mon-quotidien section .conseiller-info  h3{
	position:relative;
	margin-bottom:42px;
}



.mon-quotidien section .conseiller-info h3::before{
	 display: block !important;
	content:'';
    position: absolute;
	top: 90%;
  	left: 5px;
   background:url('img/deco-titre-spec.png') no-repeat;
    width: 38px !important;
    height: 17px !important;
    text-align: center;
  
    border-radius: 50%;
    z-index: 100;
	 
	z-index:-1;
	   transition: box-shadow 0.3s ease;
	
}
#simple-article  h2, #simple-article  h3, .page-template-template-deliberations h2{
	position:relative;
	margin-bottom:42px;
}


#simple-article h3::before{
	 display: block !important;
	content:'';
    position: absolute;
	top: 90%;
  	left: 5px;
   background:url('img/deco-titre-spec.png') no-repeat;
    width: 38px !important;
    height: 17px !important;
    text-align: center;
  
    border-radius: 50%;
    z-index: 100;
	 
	z-index:-1;
	   transition: box-shadow 0.3s ease;
	
}


#simple-article  h2::before, .page-template-template-deliberations h2::before{
	display: block !important;
	content:'';
    position: absolute;
  	 top: 70%;
  	left: -59px;
    transform: translateY(-50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    color: white;
    width: 77px !important;
    height: 77px !important;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-radius: 50%;
    z-index: 100;
	 background:#eef1ef;
	z-index:-1;
	transition: box-shadow 0.3s ease;
	
}


.page-template-template-deliberations h2::before{
	display: block !important;
	content:'';
    position: absolute;
  	 top: 70%;
  	left: -59px;
    transform: translateY(-50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    color: white;
    width: 77px !important;
    height: 77px !important;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-radius: 50%;
    z-index: 100;
	 background:#eef1ef;
	z-index:-1;
	transition: box-shadow 0.3s ease;
	
}



.page-template-template-competences section  h2::before, article.post h3::before, .mon-quotidien section  h2::before, article.post h3::before{
	  display: block !important;
	content:'';
    position: absolute;
  	 top: 70%;
  	left: -59px;
    transform: translateY(-50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    color: white;
    width: 77px !important;
    height: 77px !important;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-radius: 50%;
    z-index: 100;
	 background:#eef1ef;
	z-index:-1;
	transition: box-shadow 0.3s ease;
}




.mon-quotidien  .bloc-info-article h2::before{
	content:'';
	background-color:transparent;
}


/* Lorsque le bouton .toggle est actif */
.toggle.active::after {
    content: ''; /* Symbole du moins (ou une autre icône) lorsqu'il est actif */
    color: white; /* Change la couleur du symbole lorsqu'il est actif */
	transform: rotate(-68deg);
	background:url('img/flech-drown.png') no-repeat #000;
	background-position:center center;
}

.page-template-template-competences .toggle.active{
	background-color: #FF777D;
}
.mon-quotidien .competences .toggle.active{
	background-color: #d1dd36;
}

.vert .competences .toggle.active{
	background-color: #d1dd36;
}
.jaune .competences .toggle.active{
	background-color: #fcd11a;
}
.bleu .competences .toggle.active{
	background-color: #2CC6DB;
}
.rouge .toggle.active{
	background-color: #FF777D
}

/*.competences .toggle.active{
	background-color: #FF777D;
}*/

.habitat-logement  .competences .toggle.active{
	background-color: #D1DD36;
}


/*.page-template-template-competences .toggle::after {
    content: ''; 
    position: absolute;
	right: -18px;
  	top: 35%;
	background:url('img/flech-drop.png') no-repeat #FF777D; 
    font-size: 18px;
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(83deg);
	width:35px;
	height:35px;
}*/



.conseillers-content {
    display: none;
    padding: 10px 10%;
	
}

.conseillers{
	max-width:960px;
	margin:0 auto;
	clear:both;
}

.global_deroullant{
	max-width:960px;
	margin:0 auto;
	clear:both;
}

.conseiller {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}

.conseiller img {
    width: 105px;
    height: 105px;
    
}

.mon-quotidien .conseiller img, .me-deplacer  img{
    width: auto;
    height: 100%;
    
}
.page-template-template-competences .conseiller img {
    width: auto;
    height: 100%;
    
}
.conseiller-info {
    flex: 1;
}

/***** list-emploi */
#list-emploi{
	display:flex;
	list-style:none;
	flex-direction:column;
	margin:0;
	padding:0;
}

#list-emploi li{
	background:#ffffff;
	padding:40px 20px 44px 36px;
	box-shadow: 15px 12px 25px -3px rgba(172,183,175,0.75);
-webkit-box-shadow: 15px 12px 25px -3px rgba(172,183,175,0.75);
-moz-box-shadow: 15px 12px 25px -3px rgba(172,183,175,0.75);
	position:relative;
	    max-width: 435px;
    margin-bottom: 50px;
	
	    justify-content: center;
    align-items: center;
    display: flex
;

}

#list-emploi li::after{ 
	 content: ''; /* Symbole du plus, tu peux aussi utiliser un autre caractère ou icône */
    position: absolute;
	left: -14px;
  	top: 35%;
	background:url('img/flech-drown.png') no-repeat #2CC6DB; 
    font-size: 18px; /* Taille de l'icône */
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(254deg);
	border-radius:10px;
	width:35px;
	height:35px;
}

.archive-plu #list-emploi li::after{ 
	 content: ''; /* Symbole du plus, tu peux aussi utiliser un autre caractère ou icône */
    position: absolute;
	left: -14px;
  	top: 35%;
	background:url('img/flech-drown.png') no-repeat #D1DD36; 
    font-size: 18px; /* Taille de l'icône */
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(254deg);
	border-radius:10px;
	width:35px;
	height:35px;
}



#list-emploi li a{
	font-weight:800;
	font-size:20px;
}



/** Liste sous page ***/
#liste-sous-page{
	display:flex;
	list-style:none;
	flex-direction:row;
	margin:0;
	gap: 3%;
	padding:0;
	flex-wrap:wrap;
	margin-top:120px;
}

#liste-sous-page li{
	background:#ffffff;
	padding:40px 20px 44px 36px;
	box-shadow: 15px 12px 25px -3px rgba(172,183,175,0.75);
-webkit-box-shadow: 15px 12px 25px -3px rgba(172,183,175,0.75);
-moz-box-shadow: 15px 12px 25px -3px rgba(172,183,175,0.75);
	position:relative;
	width:435px;
		margin-bottom:50px;
		display: flex;
  justify-content: flex-start;
  align-content: center;
  align-items: center;

}
#liste-sous-page li::before{ 
content: none ;
}
#liste-sous-page li::after{ 
	 content: ''; /* Symbole du plus, tu peux aussi utiliser un autre caractère ou icône */
    position: absolute;
	left: -14px;
  	top: 35%;
	background:url('img/flech-drown.png') no-repeat #d1dd36; 
    font-size: 18px; /* Taille de l'icône */
    transition: all 0.3s ease;
	background-position:center center;
	transform:rotate(254deg);
	border-radius:10px;
	width:35px;
	height:35px;

}
.rouge #liste-sous-page li::after{
	background-color: #FF777D; 
}
.bleu #liste-sous-page li::after{
	background-color: #2CC6DB; 
}
.jaune #liste-sous-page li::after{
	background-color: #FCD11A; 
}
.vert #liste-sous-page li::after{
	background-color: #D1DD36; 
}

/*.mon-quotidien  #liste-sous-page li::after{ 
	background-color: #d2dd37; 
}*/
.le-fonctionnement .#liste-sous-page li::after{
	background-color: #d1dd36; 
}
.competences  #liste-sous-page li::after{
	background-color: #FF777D; 
}

#liste-sous-page li a{
	font-weight:800;
	font-size:20px;
}


.mon-quotidien article #liste-sous-page > li::before {
	display:none;
}

/*** Agenda ****/

.openagenda-events{
	max-width:1440px;
	margin:60px auto 0 auto;
	display: flex;
  	flex-wrap: wrap;
  	justify-content: space-around;
	padding-top: 103px;
}



.openagenda-events .post-item{
	background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: left;
 	width: 330px !important;
    transition: transform 0.3s ease;
	 margin-bottom: 87px;
	position:relative;	
}


 .openagenda-events .post-item .post-description-slider {
  	padding: 24px 20px 152px;
	word-wrap:break-word;
}


.openagenda-events .post-thumbnail {
  width: auto;
  height: 251px;
  overflow: hidden;
  position: relative;

}

.openagenda-events .post-thumbnail img{
	object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 20px 20px 0 0;
  display: block;
}


.openagenda-events .event-date {
   position: absolute;
    top: -56px;
    right: -18px; 
    width: 115px;
    height: 115px;
    color: white; 
    text-align: center;
    font-weight: bold;
    font-size: 1rem; 
    z-index: 10;
 	/*! padding-top: 39px; */
   background: black;
   border-radius: 10px;
   transform: rotate(12deg);
   align-content: center;
}

/*.openagenda-events .event-date::after {
  position: absolute;
	content:'';
	top: 14px;
  right: 3px;
  width: 115px;
  height: 115px;
  background-color: black;
  color: white;
  text-align: center;
  line-height: 167px;
  font-weight: bold;
  font-size: 1.125rem;
  z-index: 10;
  
  border-radius: 20px;
  transform: rotate(20deg);
	z-index:-1;
}*/

.openagenda-events .event-date span{
	display:block;
	   transform: rotate(-12deg);

}



.openagenda-events .post-location-name{
	color:#acb80f;
	font-size:0.875rem;
	padding-top: 16px;
	position:relative;
	padding-left: 11px;
}
.openagenda-events .post-location-name::before{
  content: url('img/lieu-sliderl.png');
    position: absolute;
  	bottom: 0;
    left: 0px;
    transform: translateX(-50%); /* Centrage parfait horizontal */
    width: 18px;
    height: 20px;
    z-index: 1; /* Assure que l'élément reste derrière le texte */
}	

.openagenda-events .post-location-name{
	color:#acb80f;
	font-size:0.875rem;
	padding-top: 16px;
	position:relative;
	padding-left: 11px;
}

.openagenda-events  .post-location-name::before{
  content: url('img/lieu-sliderl.png');
    position: absolute;
  	bottom: 0;
    left: 0px;
    transform: translateX(-50%); /* Centrage parfait horizontal */
    width: 18px;
    height: 20px;

    z-index: 1; /* Assure que l'élément reste derrière le texte */
}	


.openagenda-events .post-category {
	padding-left: 15px;
	position:relative;
	
}


.openagenda-events .post-category a{
	color:#000000;
	font-size:0.875rem;
	z-index:2;
	position:relative;
	padding-left:11px;
}
.openagenda-events .post-category::before{
	 content: url('img/type-devenement.png');
    position: absolute;
  	bottom: 0;
    left: 0px;
    transform: translateX(-50%); /* Centrage parfait horizontal */
    width: 20px;
    height: 20px;
    z-index: 1; /* Assure que l'élément reste derrière le texte */
}	













/* Icônes spécifiques */
.commune  .contact-commune  li.phone::before {
    background-image: url('img/telephone.png');
}
.commune  .contact-commune  li.fax::before {
    background-image: url('img/telephone.png');
}
.commune   li.horraires::before {
    background-image: url('img/horraires.png');
}



.commune  .content .secretaire-mairie-liste li {
    position: relative;
    padding-left: 20px; /* Espace pour le losange */
    list-style: none; /* Supprime les puces par défaut */
}

.commune  .content .secretaire-mairie-liste li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 20%;
    transform: translateY(-50%) rotate(45deg); /* Rotation pour créer un losange */
    width: 6px; /* Taille du losange */
    height: 6px;
    background-color: #ffd427; /* Couleur du losange */
}
.conteneur-commune{
	 flex-direction: column;
    align-items: center;
	display:flex;
	/*justify-content: space-between;*/
	gap:0px;
  	width: 100%;
	 margin-bottom: 144px;
	flex-wrap: wrap;
}


.commune-item{
	max-width:361px;
	 border-radius: 20px;
	background:#ffffff;
	 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	padding-bottom:57px;
	text-align:center;
	margin-bottom: 87px;

}
.commune-item h2{
	position:relative;
}
.commune-item h2::before{
	position:absolute;
	content:'';
	background:url('img/nos-communes-locationl.png') no-repeat;
	width:42px;
	height:45px;
	top: -48px;
  left: 46%;
}
.commune-item .post-thumbnail {
 	 width: 361px;
 	 height: 251px;
 	 overflow: hidden;
  	position: relative;
	
}

.commune-item  .post-thumbnail img {
  width: 100%;
  border-radius: 20px 20px 0 0;
  height: 100%;
  object-fit: cover;
  display: block;
}




/* Page compétence */
/* Style pour les listes principales */
.page-template-template-competences article ul, .mon-quotidien article ul, .me-deplacer ul, .rouge article ul   {
    list-style-type: none;
    padding-left: 0; /* Supprime le padding de la liste principale */
}

.page-template-template-competences article ul li, .mon-quotidien article ul li; .me-deplacer article ul li, .rouge article ul li, .bleu article ul li, , .vert article ul li,  .actus_urbanisme  ul li  {
    position: relative;
    padding-left: 20px; /* Espace pour la puce losange */
    list-style: none; /* Supprime les puces par défaut */
	margin-bottom: 22px;
}

/* Puce losange pour la liste principale */
/* Style pour les listes principales */
.page-template-template-competences article ul, .offre_emploi-template-default article ul,  .etre-accompagne-vers-lemploi ul li, , .rouge article ul li, .bleu article ul li, , .vert article ul li,  .actus_urbanisme   ul  {
    list-style-type: none;
    padding-left: 0; /* Supprime le padding de la liste principale */
}

.page-template-template-competences article ul li, .mon-quotidien article ul li, .me-deplacer article ul li, .offre_emploi-template-default article ul li, .etre-accompagne-vers-lemploi ul li,  .rouge article ul li, .bleu article ul li ,  .vert article ul li, .actus_urbanisme   ul li {
    position: relative; /* Nécessaire pour positionner le losange */
    padding-left: 30px; /* Espace pour la puce (losange ou image) */
    list-style: none; /* Supprime les puces par défaut */
	padding-bottom: 20px;

}




/* Puce losange pour les éléments principaux (premiers li) */
.offre_emploi-template-default article ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px; 
    height: 6px;
    background-color: #2CC6DB; 
}





.page-template-template-competences article ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px; 
    height: 6px;
    background-color: #ff6a71; 
}
.vert  article ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px; 
    height: 6px;
    background-color: #D1DD36; 
}
.rouge   article ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px; 
    height: 6px;
    background-color: #FF777D; 
}

.actus_urbanisme   ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px; 
    height: 6px;
    background-color: #d1dd36; 
}



/*.mon-quotidien article ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px; 
    height: 6px;
    background-color: #d1dd36; 
}*/


.bleu  article  ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px; 
    height: 6px;
    background-color: #2CC6DB; 
}
.me-deplacer article ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px; 
    height: 6px;
    background-color: #FF777D; 
}
.etre-accompagne-vers-lemploi ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    transform: translateY(-50%) rotate(45deg);
    width: 6px; 
    height: 6px;
    background-color: #F8D952; 
}

/* Style pour les sous-listes (ul imbriquées) */
.page-template-template-competences article ul li ul {
    list-style-type: none;
    padding-left: 20px; /* Espace pour la sous-liste */
}

.page-template-template-competences article ul li ul li {
    position: relative;
    padding-left: 30px; /* Espace pour la puce image */
    list-style: none; /* Supprime les puces par défaut */
    margin-bottom: 13px; /* Espace de 13px entre les sous-éléments */
}



/* Puce image pour les sous-listes */
.page-template-template-competences article ul li ul li::before, .mon-quotidien article ul li ul li::before, .me-deplacer article ul li ul li::before{
       padding-left: 30px; /* Espace pour la puce image */
    list-style: none; /* Supprime les puces par défaut */
    background-image: url('img/puce-sous-liste.png');  /* Remplace par le chemin de l'image de la sous-liste */
    width:13px;
	height:13px;
	transform:rotate(3deg);
    background-repeat: no-repeat;
	background-color:transparent;
    margin-bottom: 13px; /* Espace entre les sous-éléments */
	top:6px;
}


.page-template-template-competences article a:not(.buttton-page):not(.btn-all-articles):not(iframe a):not(#liste-sous-page a),
.mon-quotidien article a:not(.buttton-page):not(.btn-all-articles):not(iframe a):not(#liste-sous-page a),
.evenement article a:not(.buttton-page):not(.btn-all-articles):not(iframe a):not(#liste-sous-page a), .competences article a:not(.buttton-page):not(.btn-all-articles):not(iframe a):not(#liste-sous-page a):not(.bloc-info-article a), .vert article a:not(.buttton-page):not(.btn-all-articles):not(iframe a):not(#liste-sous-page a), .bleu article a:not(.buttton-page):not(.btn-all-articles):not(iframe a):not(#liste-sous-page a), .jaune article a:not(.buttton-page):not(.btn-all-articles):not(iframe a):not(#liste-sous-page a), .rouge article a:not(.buttton-page):not(.btn-all-articles):not(iframe a):not(#liste-sous-page a), .vert .entry-content a:not(.buttton-page):not(.btn-all-articles):not(iframe a):not(#liste-sous-page a):not(.artifica-map-widget .mapboxgl-ctrl-attrib-inner a):not(.artifica-map-widget .nav-map-link a):not(.artifica-map-widget . detail-infos a)  {
   background-color: #dee2df ;
   text-decoration-thickness: auto;
   text-decoration-color: #000000;
   text-decoration-thickness: 2px;
   -webkit-box-shadow: 1px 3px 0px 0px rgba(200,200,200,1);
   -moz-box-shadow: 1px 3px 0px 0px rgba(200,200,200,1);
   box-shadow: 1px 3px 0px 0px rgba(200,200,200,1);
}

.vert article a:hover:not(.buttton-page):not(.btn-all-articles):not(iframe a):not(#liste-sous-page a) , .vert article a:focus:not(.buttton-page):not(.btn-all-articles):not(iframe a):not(#liste-sous-page a) {
	 background-color: #D1DD36 !important;
	  -webkit-box-shadow: 1px 3px 0px 0px rgb(0, 0, 0);
   -moz-box-shadow: 1px 3px 0px 0px rgb(0, 0, 0);
	box-shadow: 1px 3px 0px 0px rgb(0, 0, 0) !important;
}
/*.page-template-template-competences article a:hover{
	 background-color: #ffffff !important;
	color:#FF6A71;
}*/
.mon-quotidien .bloc-info-article a{
	background-color: transparent !important;
  	box-shadow: none !important;
}

/* articles */

article.post h2, article.post h3 {
	position:relative;
	z-index:3;
	margin-bottom: 38px;
}



article.post h2 strong{
		position:relative;
	z-index:3;
}


article.page h2 strong{
	position:relative;
	z-index:3;
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* Ratio 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

article.page h2::before{
	  display: block !important;
	content:'';
    position: absolute;
  	 top: 70%;
  	left: -59px;
    transform: translateY(-50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    color: white;
    width: 77px !important;
    height: 77px !important;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-radius: 50%;
    z-index: 100;
	 background:#eef1ef;
	z-index:-1;
	   transition: box-shadow 0.3s ease;
}


article.post h2::before, article.post h3::before{
	  display: block !important;
	content:'';
    position: absolute;
  	 top: 70%;
  	left: -59px;
    transform: translateY(-50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    color: white;
    width: 77px !important;
    height: 77px !important;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-radius: 50%;
    z-index: 100;
	 background:#eef1ef;
	z-index:-1;
	   transition: box-shadow 0.3s ease;
}





article.post ul{
	list-style-type: none;
}
article.post ul li {
    position: relative;
    padding-left: 20px; /* Espace pour le losange */
    list-style: none; /* Supprime les puces par défaut */
}

 article.post ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg); /* Rotation pour créer un losange */
    width: 6px; /* Taille du losange */
    height: 6px;
    background-color: #ff6a71; /* Couleur du losange */
}

.hero-single p{
	font-weight:500;
	font-size:1.25rem;
	line-height:30px;

}


.bloc-info{
	padding:59px 121px;
	background:#eef1ef;
}


.bloc-info-article{
	max-width:960px;
	padding:5%/*63px 131px*/;
	background:url('img/bg-fond-bloc-info.png') no-repeat #eef1ef;
	background-position: 50% -124px;
	border-radius:10px;
	margin: 0 auto;
}
.bloc-info-article h3{
	text-align:center;
}
.bloc-info-article  h2:after{
	content:'';
	background:#ffffff;
}


article.post .bloc-info-article  ul{
	padding:0;
	margin:0;
}
article .bloc-info-article ul {
  padding: 0;
  margin: 0;
	list-style:none;
}

article .bloc-info-article ul li{
	position:relative;
	padding-left: 30px;
	margin-bottom: 17px;
}


article .bloc-info-article ul li::before ul li{
	position:relative;
	padding-left: 31px;
	margin-bottom: 17px;
}




article .bloc-info-article ul li::before{
	 content: "";
    position: absolute;
    left: 0;
    top: 0;
	background:url('img/puce-bloc-info.png') no-repeat transparent;
    width: 20px; /* Taille du losange */
    height: 20px;
   transform:none;
}

.content-single-article{
	max-width:1440px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	
}

.bloc-article-search{
	border-bottom: 1px solid #c0c7cf;
  	padding-bottom: 40px;
	padding-top: 40px;
	width:100%
}

.bloc-article-search h2 a {
  position: relative;
  display: inline-block; /* important pour que le ::after s'aligne correctement */
  text-decoration: none;
  color: inherit;
}
.bloc-article-search h2 a:hover {
	color:#ff6a71;
}
.bloc-article-search h2 a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: currentColor;
  transition: width 250ms ease-in-out;
}

.bloc-article-search h2 a:hover::after, .bloc-article-search h2 a:focus::after {
  width: 100%;
}

.bloc-article{
	max-width:362px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	text-align: left;
	 margin-bottom: 87px;
}

.bloc-article .post-thumbnail {
  width: 361px;
  height: 251px;
  overflow: hidden;
  position: relative;
}
.bloc-article .post-thumbnail img {
  width: 100%;
  border-radius: 20px 20px 0 0;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bloc-article  .post-category {
  position: relative;

}
.bloc-article .post-category a {
  color: #ff6a71;
  font-size: 0.875rem;
  z-index: 2;
  position: relative;
}
.bloc-article .post-category::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0px;
  transform: translateX(-50%);
  width: 20px;
  height: 21px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background-color: #dee2df;
  z-index: 1;
}


.bloc-article .post-description-slider{
	padding: 24px 20px;
}
article.post  .bloc-article h3::before{
	content:none;
	
}

*, ::before, ::after {
  box-sizing: inherit;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
/*	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;*/
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	/*color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;*/
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.logo-desktop {
        display: none;
}
.logo-mobile {
        display: block;
		padding-top: 13px;
		margin-left:10px;
		margin-right:10px;
		max-width:100%;
}


/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

.button-actu {
	display:block;
	color:#ffffff;
	background:#000000;
	padding:19px 85px;
	max-width:364px;
	border-radius:10px;
	margin:0 auto;
	position:relative;
	-webkit-box-shadow: 15px 10px 21px -1px rgba(0,0,0,0.42); 
	box-shadow: 15px 10px 21px -1px rgba(0,0,0,0.42);
	margin-bottom:142px;
	-webkit-box-shadow: 8px 6px 9px -3px rgba(0,0,0,0.5); 
	box-shadow: 8px 6px 9px -3px rgba(0,0,0,0.5);
	transition: all 0.3s ease-in-out;
	
-moz-transform: skew(0deg, -2deg);
-webkit-transform: skew(0deg, -2deg);
-o-transform: skew(0deg, -2deg);
-ms-transform: skew(0deg, -2deg);
transform: skew(0deg, -2deg);

}
.button-actu:hover{
	background:#ff8389;
	color:#000000;
	-webkit-box-shadow: 16px 12px 9px -4px rgba(0,0,0,0.43); 
	box-shadow: 16px 12px 9px -4px rgba(0,0,0,0.43);
}	

.button-actu a{
		color:#ffffff;
}


.button-actu a:hover{
	color:#000000;
}	


.button-actu::before{
content: "";
width: 54px;
height: 54px;
background: url("img/button-actu.png") no-repeat ;
top: -25px;
left: 12px;
position: absolute;
display: inline-block;
 z-index: 1;	
}

.button-actu:hover::before{
content: "";
width: 54px;
height: 54px;
background: url("img/button-actu-hover.png") no-repeat ;
top: -25px;
left: 12px;
position: absolute;
display: inline-block;
 z-index: 1;	
}

.button-agenda {
	display:block;
	color:#ffffff;
	background:#000000;
	padding:19px 85px;
	max-width:364px;
	border-radius:10px;
	margin:0 auto;
	position:relative;
	margin-top:72px;
	margin-bottom:142px;
	transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 8px 6px 9px -3px rgba(0,0,0,0.5); 
box-shadow: 8px 6px 9px -3px rgba(0,0,0,0.5);
	
-moz-transform: skew(0deg, -2deg);
-webkit-transform: skew(0deg, -2deg);
-o-transform: skew(0deg, -2deg);
-ms-transform: skew(0deg, -2deg);
transform: skew(0deg, -2deg);

}
.button-agenda:hover{
	background:#d2dd37;
	color:#000000;
	-webkit-box-shadow: 16px 12px 9px -4px rgba(0,0,0,0.43); 
	box-shadow: 16px 12px 9px -4px rgba(0,0,0,0.43);
}	

.button-agenda a{
		color:#ffffff;
}

.button-agenda::before{
content: "";
width: 54px;
height: 54px;
background: url("img/button-agenda.png") no-repeat ;
top: -25px;
left: 12px;
position: absolute;
display: inline-block;
 z-index: 1;	
}

.button-agenda:hover::before{
content: "";
width: 54px;
height: 54px;
background: url("img/button-actu-hover.png") no-repeat ;
top: -25px;
left: 12px;
position: absolute;
display: inline-block;
 z-index: 1;	
}

#masthead{
   /* max-width: 1650px;*/
    display: flex;
	justify-content: space-between;
	 transition: all 0.3s ease-in-out;

}
#masthead.sticky {
    position: sticky; /* Devient sticky après le scroll */
    top: 0;
	/*position:relative;*/
	z-index:999;
	background:#ffffff;
	-webkit-box-shadow: 2px 9px 11px 1px #E2E6E2; 
	box-shadow: 2px 9px 11px 1px #E2E6E2;
	justify-content: space-between;
}
#masthead.scrolled {
 height: 86px;
}

.logo-desktop {
  transition: opacity 0.3s ease-in-out;
}

#masthead .toggled .site-nav__button__text{
	color:#ffffff;
}


.site-nav__button__icon {
    display: block;
    height: 34px;
    margin-bottom: 10px;
    width: 44px;
   	background:url('img/menu-bar-mobile.png') no-repeat center center;
	background-color:#000000;
	transition: transform 0.3s ease, opacity 0.3s ease;
	

}


.menu-toggle-acces-rapide .site-nav__button__icon {
    display: block;
    height: 34px;
    margin-bottom: 10px;
    width: 44px;
   	background:url('img/menu-rapide-desktop-hover.png') no-repeat center center;
	background-color:#000000;
	transition: transform 0.3s ease, opacity 0.3s ease;
	
}

.is-clicked.menu-buttons  .menu-toggle .site-nav__button__icon{
		  background:url('img/close-bar-mobile.png') no-repeat center center;
	    transform: rotate(180deg); 
	    background-color: black;
		transition: transform 0.3s ease, opacity 0.3s ease;
}
.is-clicked.menu-toggle .site-nav__button__icon{	
	 	background:url('img/close-bar-mobile.png') no-repeat center center;
	    transform: rotate(180deg); 
	   /* background-color: black;*/
		transition: transform 0.3s ease, opacity 0.3s ease;
}
.toggled  .menu-buttons  .menu-toggle .site-nav__button__icon{	
	  /*background:url('img/close-bar-mobile.png') no-repeat center center;*/
	    transform: rotate(180deg); 
	   /* background-color: black;*/
		transition: transform 0.3s ease, opacity 0.3s ease;
}


/*.toggled  .menu-buttons  .menu-toggle .site-nav__button__icon{	
	  background:url('img/close-bar-mobile.png') no-repeat center center;
	    transform: rotate(180deg); 
	    background-color: black;
}*/

.toggled-rapide .menu-buttons  .menu-toggle-acces-rapide  .site-nav__button__icon{
	  background:url('img/menu-rapide-desktop-hover.png') no-repeat center center;
	   /*transform: rotate(-180deg);*/
	transition: transform 0.3s ease, opacity 0.3s ease;
	
}

.menu-buttons  .menu-toggle-acces-rapide.is-open   .site-nav__button__icon{
	  background:url('img/menu-rapide-desktop-hover.png') no-repeat center center;
	   transform: rotate(-180deg);
	transition: transform 0.3s ease, opacity 0.3s ease;
	
}

#hero{
	background:url('img/hero-bg.jpg') no-repeat;
	background-size:cover;
	padding-top:481px;
	position:relative;
	margin-bottom:552px;
	z-index:3;
	margin-top:-157px;
	background-position: right center;
	
}
#hero:after {
content: "";
width: 945px;
height: 547px;
background: url("img/bg-after-hero.png") no-repeat ;
top: 463px;
 right: 5px;
position: absolute;
display: inline-block;
 z-index: 1;

}



.hero-acces-rapide{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:#ffffff;
	width:85%;
	margin:0 auto;
	position:absolute;
	top: 316px;
  	left: calc(100% - 93%);
	box-shadow: 2px 9px 11px 1px #E2E6E2;
	z-index:2;

}

.hero-acces-rapide ul{
	list-style:none;
	display:flex;
	justify-content: space-evenly;
	margin:0;
	padding:0;
	flex-wrap:wrap;
	align-items: flex-start;
}
.hero-acces-rapide ul li {
   	flex: 1 1 50%; /* Reste en 2 colonnes */
	align-items: center;
  	display: flex;
  	flex-direction: column;
  	text-align: center;
}
.hero-acces-rapide ul li:last-child {
  align-items: flex-start;
}
.hero-acces-rapide .icone-liste li a{
	color:#000000;
	position:relative;
}
.hero-acces-rapide .icone-liste li a:hover{
	color:#818e84;
}
.icone-liste li a::before {
    content: '';
    position: absolute;
    top: 66px; /* Positionne au-dessus du lien */
    left: 50%;
    transform: translateX(-50%) scale(0); /* Caché au départ */
    width: 10px;
    height: 10px;
    background-color: #818e84; /* Couleur du losange */
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    transition: transform 0.3s ease;
}

.icone-liste li a:hover::before {
    transform: translateX(-50%) scale(1); /* Apparition fluide au hover */
}


.hero-acces-rapide ul li img {
  	display:block;
	margin:auto;
}
.hero-acces-rapide ul li span {
  font-weight:500;
}

.the_thumbnail_single{
	position:relative;
}

.the_thumbnail_single::after{
	position:absolute;
	content:'';
	background:url('img/decor-image.png') no-repeat;
	width:174px;
	height:135px;
	right: calc(380px - 395px);
  	bottom: calc(368px - 426px);
}

.mon-quotidien .the_thumbnail_single::after{
	position:absolute;
	content:'';
	background:url('img/deco-vert1.png') no-repeat;
	width:174px;
	height:135px;
	right: calc(380px - 395px);
  	bottom: calc(318px - 383px);
}
.vert .the_thumbnail_single::after{
	position:absolute;
	content:'';
	background:url('img/deco-vert1.png') no-repeat;
	width:174px;
	height:135px;
	
}
.jaune .the_thumbnail_single::after{
	position:absolute;
	content:'';
	background:url('img/deco-vert1.png') no-repeat;
	width:174px;
	height:135px;
	
}
.bleu .the_thumbnail_single::after{
	position:absolute;
	content:'';
	background:url('img/deco-bleu.png') no-repeat;
	width:174px;
	height:135px;
	 bottom: -227px /*-384px*/;
}

.page-template-template-evenement .the_thumbnail_single::after{
	position:absolute;
	content:'';
	background:url('img/deco-vert1.png') no-repeat;
	width:174px;
	height:135px;

}


.commune .the_thumbnail_single::after{
	position:absolute;
	content:'';
	background:url('img/deco-jaune-commune.png') no-repeat;
	width:174px;
	height:135px;
	right: calc(380px - 395px);
  	bottom: calc(368px - 426px);
}


.info-communes{
	list-style: none;
	display: flex;
  	justify-content: space-around;
  	padding: 0;
  	margin: 60px 0 0 0;
	flex-wrap: wrap;
  flex-direction: column;
}
.info-communes li{
	display:inline-block;
	text-align:center;
	margin-bottom:calc(112px + 20px);
	margin-top:50px;
	position:relative;
}
.info-communes li:last-child{
	margin-bottom:0;
}

.info-communes  li:nth-child(1)::before{
	  content: "";
    position: absolute;
	background:url('img/nos-communes-locationl.png') no-repeat;
	left: 43%;
 	 top: -57px;
    transform: translateY(-50%);
    width: 42px; /* Largeur de l'icône */
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
}
.info-communes  li:nth-child(2)::before{
	  content: "";
    position: absolute;
	background:url('img/nos-comunes-nbr-habitant.png') no-repeat;
	left: 43%;
 	 top: -57px;
    transform: translateY(-50%);
    width: 42px; /* Largeur de l'icône */
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
}


.info-communes li .chiffre-communes{
	display:block;
	font-size:3.75rem;
	/*font-size: calc(var(--font-size-fluid-title) * 0.9);*/
	font-weight:800;
}
.info-communes li .titre{
	
	font-size:1.25rem;
	font-weight:800;
}

.agenda-conteneur .slick-slider .post-item {
	/*width: 360px !important;*/
	 background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: left;
	  position: relative; 
	/*margin-left:  calc(480px - 381px /3);.
	margin-right: calc(480px - 381px /3);*/
 	
}
.slick-initialized .slick-slide {
  display: flex !important;
  flex-direction: column;
}

.slick-slider .post-item {
 	/*width: 364px !important;*/
	
	 background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: left;
	  position: relative; 
	
 	
}
.slick-slider .post-category a{
	color:#ff6a71;
	font-size:0.875rem;
	z-index:2;
	position:relative;
}
.slick-slider .post-category::before{
  content: '';
    position: absolute;
  	bottom: 0;
    left: 0px;
    transform: translateX(-50%); /* Centrage parfait horizontal */
    width: 20px;
    height: 21px;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); /* Forme en losange */
    background-color: #dee2df; /* Couleur de fond */
    z-index: 1; /* Assure que l'élément reste derrière le texte */
}	


 #slider-agenda.post-category::before{
  	content: '';
    position: absolute;
  	bottom: 0;
    left: 0px;
    transform: translateX(-50%); /* Centrage parfait horizontal */
    width: 20px;
    height: 21px;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); /* Forme en losange */
    background-color: #D1DD36; /* Couleur de fond */
    z-index: 1; /* Assure que l'élément reste derrière le texte */
}


#slider-agenda .post-category a{
	color:#000;
	font-size:0.875rem;
	z-index:2;
	position:relative;
	padding-left: 11px;
}

#slider-agenda .post-category::before{
  content: url('img/type-devenement.png');
    position: absolute;
  	bottom: 0;
    left: 0px;
    transform: translateX(-50%); /* Centrage parfait horizontal */
    width: 20px;
    height: 20px;
    
    z-index: 1; /* Assure que l'élément reste derrière le texte */
}	


.slick-slider .post-category {

	position:relative;
	
}
.slick-slider .post-location-name{
	color:#acb80f;
	font-size:0.875rem;
	padding-top: 16px;
	position:relative;
	padding-left: 11px;
}
#slider-agenda .post-location-name::before{
  content: url('img/lieu-sliderl.png');
    position: absolute;
  	bottom: 0;
    left: 0px;
    transform: translateX(-50%); /* Centrage parfait horizontal */
    width: 18px;
    height: 20px;

    z-index: 1; /* Assure que l'élément reste derrière le texte */
}	


	
	
	
.slick-slider .post-thumbnail img {
    width: 100%;
	border-radius: 20px 20px 0 0;
    height: 100%; /* Remplit tout le conteneur */
    object-fit: cover; /* Recadre l'image pour qu'elle remplisse le cadre */
    display: block; /* Évite les espaces dus aux images inline */
}
.slick-slider .post-thumbnail {
    width: 361px;
    height: 251px;
    overflow: hidden; /* Masque tout débordement */
    position: relative; /* Optionnel pour un positionnement précis */
}
.slick-slide h2 a{
	font-size:1.25rem;
	font-weight:800;
	text-align:left;
	color:#000000;
	/*text-transform:lowercase;*/
}	

.post-item p {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Nombre de lignes à afficher */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* Ajoute les "..." */
    max-height: calc(1.2em * 5); /* Ajustez en fonction de la taille de la police */
    line-height: 1.2em; /* Ajustez en fonction de votre design */
	font-weight:300;
}	
.slick-slider .post-item	.post-description-slider{
		padding:24px 20px 0 20px;
}

  .slick-prev,
 .slick-next {
    display: block !important;
    position: absolute;
    top: 45% !important;
    transform: translateX(-50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    color: white;
    width: 55px !important;
    height: 55px !important;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-radius: 50%;
    z-index: 100;
	background-color: #ff777d !important;
	transition: box-shadow 0.3s ease; 
}

.slick-prev:hover, .slick-next:hover {
-webkit-box-shadow: 12px 16px 15px -1px rgba(0,0,0,0.7); 
box-shadow: 12px 16px 15px -1px rgba(0,0,0,0.7);
}

#slider-agenda .slick-prev, #slider-agenda .slick-next{
	 top: 57% !important;
	background-color: #d1dd36 !important;
}

#slider-agenda .slick-prev:hover,#slider-agenda .slick-next:hover {
-webkit-box-shadow: 12px 16px 15px -1px rgba(0,0,0,0.7); 
box-shadow: 12px 16px 15px -1px rgba(0,0,0,0.7);
}

/* Container pour le losange */


/* Style du losange */
.slick-slider .event-date {
  	position: absolute;
    top: -44px; /* Ajustez selon vos besoins pour qu'il dépasse au-dessus */
    right: -14px; /* -26px Ajustez pour l'alignement à droite */
    width: 120px; /* Largeur du losange */
    height: 120px; /* Hauteur du losange */
    background-color: black; /* Fond noir */
    color: white; /* Texte blanc */
    text-align: center;
    /*line-height: 167px;  Centrer le texte verticalement */
    font-weight: bold;
    
    font-size: 1rem; /* Taille de la police */
    z-index: 10; /* Place le losange au-dessus de tous les autres éléments */
	 border-radius: 20px;
  	transform: rotate(20deg);
	align-content: center;
	    display: flex;
    flex-direction: column;
	    justify-content: center;
	    padding: 10px 0;
}
.slick-slider .event-date span{
	transform: rotate(-20deg);
  	display: block;
}



/* Barre de recherche
--------------------------------------------- */


.search-accesibility{
	align-content: center;
	display:flex;
	margin-left:20px;
	
}


.search-form{
	display:flex;
	align-content: center;
  align-items: center;
	/*width: 51px;*/
  height: 79px;
}


.search-submit {
    background-image: url('img/searchbutton.png'); /* Remplacez par l'URL de votre image */
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    padding: 10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-indent: -9999px;
	background-color: transparent;
}

.search-submit {
	max-width: 82%;
}
.search-submit:focus {
    outline: 3px solid #0073e6;
    outline-offset: 2px;
}

.search-submit:hover {
    opacity: 0.8;
}

.search-field {
	display:none;
    background-color: #fff; /* Fond blanc */
    border: none; /* Retire la bordure par défaut */
    border-bottom: 1px solid #acb7af; /* Bordure inférieure gris clair */
    padding: 8px 10px; /* Espacement intérieur */
    font-size: 16px; /* Taille du texte */
    width: calc(350px - 174px); /* Largeur de l'input, ajustez selon vos besoins */
    outline: none; /* Retire le contour par défaut lors du focus */
}

/* Modifications lorsque l'input est en focus */
.search-field:focus {
 border-color: #000;
  box-shadow: 0 0 5px rgb(0, 0, 0);
  border: 1px solid black;
}

/* Placeholder personnalisé */
.search-field::placeholder {
    color: #7c7c7c; /* Couleur du texte dans le placeholder */
    font-style: italic; /* Style en italique pour le placeholder */
}



/* Navigation
--------------------------------------------- */



#acces-rapide-mobile{
	background:#fdfefd;
	
}
#acces-rapide-mobile li{
	padding-bottom:5px;
	max-width: 29.125rem; 
	display: flex;
  align-content: center;
  align-items: center;
}
#acces-rapide-mobile li a{
	color:#000;
	font-size:1.1rem;
	font-weight:500;
	align-items: center;
  display: flex;
	padding: 0.5rem;
	
}
.site-nav__button__text{
	font-size:0.6875rem;
}

.menu-toggle-acces-rapide  .site-nav__button__text{
	/*padding-bottom: 10px;*/
	display:flex;
	width:86px;
}	
.menu-toggle .site-nav__button__text{
	text-align:left;
	font-size:0.6875rem;
}

#primary-menu{	
	background-color:#94a198;
}

#primary-menu li{
	/*max-width: 29.125rem;
    border-bottom: 1px solid #acb7af;	*/
}

.menu-item.open > a {
    color: #818e84;
	border-bottom:1px solid #818e84;
}

#primary-menu li a{
	padding: 29px 16px;
	
}

#primary-menu li a:hover{
	color:#000;
	background:#ffffff;
}

#header-acces-rapide{
	background-color:#94a198;
	flex-direction:column;
	

}

.nav-menu{
	/*min-height: 100vh;*/
	width:100vw;
	padding: 0 2rem  0 2rem;
}
.menu-buttons {
    display: flex; /* Active l'alignement horizontal */
    align-items: center;
	width:177px;
	justify-content:space-around;
	padding-top:15px;
	padding-bottom:5px;
}

.menu-buttons .menu-toggle,
.menu-buttons .menu-toggle-acces-rapide {
    flex: 0; 
	display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
	/*padding-top: 1.3125rem;*/
    border: none;
    cursor: pointer; /* Ajoute un pointeur lors du survol */
	color:#adadad;
	position: relative;
  z-index: 999;
	padding-left: 10%;
}




#header-acces-rapide li{
	max-width:33.3%;
	margin: 0 35px;
	
}


#header-acces-rapide li {
  position: relative; /* Pour pouvoir positionner correctement le losange */
}

#header-acces-rapide li a {
  text-transform: uppercase;
  text-decoration: none;
  color: #000000;
  padding-bottom: 2.875rem;
  font-weight: 400;
  color: #000;
  font-size: 1.2rem;
  position: relative; /* Nécessaire pour que le losange apparaisse sous le lien */
}

#header-acces-rapide li a:hover {
  color: #818e84;
}

.conteneur-nav-deplier #header-acces-rapide li a:hover {
  color: #ffffff;
}

/* Losange sous le lien */
#header-acces-rapide li a::after {
  content: '';
  position: absolute;
  bottom: 7px/*17px*/; /* Ajuste cette valeur pour contrôler la distance entre le texte et le losange */
  left: 50%;
  transform: translateX(-50%) scale(0);
  width: 10px;
  height: 10px;
  background-color: #818e84;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  transition: transform 0.3s ease;
}

/* Affiche le losange quand le lien est survolé */
#header-acces-rapide li a:hover::after {
  transform: translateX(-50%) scale(1); /* Affiche le losange sous le lien */
}

.main-navigation {
	display: flex;
  	max-width: 175px;
	flex-direction:column;
	background:#000000;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding:32px 2rem 0 2rem;
	width: 100vw;
}

.main-navigation ul ul {
	/*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);*/
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

/*.main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul{
	position: inherit;
}*/

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

/*.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}*/

.main-navigation ul ul a {
	/*width: 200px;*/
	font-size:1.1875rem;
}
#primary-menu .menu-item-has-children.open > .sub-menu > li > a {
  padding: 16px 16px !important;
  font-size: 1.1175rem !important;
  font-weight: 300 !important;
}


/*.main-navigation ul li:hover > ul {
	left: auto;
}*/

.main-navigation li {
	

}

#primary-menu .sous-menu-deplier li a {
  font-weight: 300;
  padding: 20px 16px;

}


.main-navigation a {
	display: block;
	text-decoration: none;
	font-weight:700;/*700*/
	font-size:1.625rem;
	color:#fff;
}

/* Small menu. */

.menu-toggle, .menu-toggle-acces-rapide{
	background:transparent;
	text-align:left;
	border: none;
}

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
	padding:0;
	border:none;
	width:100%;
	/*min-height: 100%;*/
}

footer{
		background-color:#eef1ef;
		padding:0 35px;
		clear: both;
}

.pre-footer{
	margin-bottom: 87px;
	display:flex;
	justify-content: space-around;
	flex-direction:column;
	align-items: center;

}
.footer-contact{
	display:flex;
	justify-content: space-around;
	flex-direction:column;
	font-size:1.625rem;
	font-weight:800;
	align-items: center;
	padding-bottom:109px;
}
.footer-contact a:hover{
	color:#818e84;
}

.footer-contact .monquotidien{
	text-align:center;
	max-width:367px;
	
	order:2;
}
.footer-contact span{
	order:1;
	padding-bottom:38px;
}

.pre-footer p{
	padding-top:69px;
	order:2;
	text-align: center;
    font-size: 1.4375rem;
}
.pre-footer img{
	order:1;
  margin-top: -108px;
}
.footer-phone{
	order:3;
	background:#ffffff;
	border-radius:50px;
	min-height:75px;
	height: 68px;
 	padding: 1rem 4.5rem;
	margin-top:39px;
	font-weight:800;
	font-size:1.325rem;
	position:relative;
}


.footer-phone::before{
	content:url('img/phone-footer.png');
	position:absolute;
	width:58px;
	height:70px;
	left: 13px;
  	top: -24px;
}

.footer-phone a:hover{
	color:#ff6a71;
	
}

.footer-phone:hover{
	-webkit-box-shadow: 8px 6px 5px 2px #D6DCD8; 
	box-shadow: 8px 6px 5px 2px #D6DCD8;
	color:#ff6a71;
}



.site-info{
	color:#acb7af;
	text-align:center;
	padding:34px 23px;
	background:#ffffff;
	line-height: 31px;
}
.site-info a{
	color:#acb7af;
}
.site-info a:hover{
	color:#000;
}

.social-icons {
    list-style: none;
    display: flex;
    gap: 39px; /* Espace entre les icônes */
    padding: 0;
    margin: 0;
	order:3;
}

.social-icons li {
    display: inline-block;
}

.social-icons a {
    display: inline-block;
    text-decoration: none;
}

.social-icons img {
    width: 40px; /* Taille des icônes */
    height: 40px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.social-icons img:hover {
    transform: scale(1.1); /* Effet de zoom au survol */
    opacity: 0.8; /* Légère transparence au survol */
}



.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}
article.post, article.page,  article.offre_emploi, article.actus_urbanisme {
	max-width:1440px;
	margin:77.7px/*calc(135px + 5%)*/ auto 0 auto;
	padding:0 17px;
}
.post,
.page {
	margin: 0 0 1.5em;
	
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.entry-content{
margin-bottom:144px;
padding:0 10px;
word-break:break-word;
	padding-bottom: 22px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}


/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}




@media screen and (min-width: 37.5em) {
	/*#header-acces-rapide{
		flex-direction:row;
	}*/

.menu-toggle {
	display: block;
}

.main-navigation ul {
	display: flex;
}

}

@media screen and (min-width: 768px) {
	
 #acces-rapide-mobile{
	display:none;	
}	
	
	
.logo-desktop {
	display: none;
}
.logo-mobile {
	display: block;
}

.main-navigation ul {
        display: none;
}
#acces-rapide-mobile ul{
		display: none;
}
.main-navigation{
		flex-direction:column;
}
.header-acces-rapide{
		display:none;
}
	
	
}


@media screen and (min-width: 960px) {
	
	
#masthead{
	justify-content: space-around;	
	/*z-index:9999;*/
	position:relative;
}	
.site-branding{
	position: relative;
  z-index: 9999;		
}	
	
#masthead .toggled .site-nav__button__text{	
	font-size: 0.6875rem;
}		
	
.menu-toggle-acces-rapide .site-nav__button__text{
		padding-bottom:0;
		display: flex;
 		flex-direction: row;
  		width: 91px;
  		
}	
	
	
	
#masthead .main-navigation.toggled{
    max-width: 360px;
	background:#94a198;
}
	
.menu-buttons .menu-toggle-acces-rapide{
		display:none;
}	
	
	
.menu-buttons{
	width:auto;
	justify-content:space-evenly;
	align-items: flex-start;
	padding-top: 18px;
}
.main-navigation{
		max-width:665px;
}	
	
.logo-desktop {
    display: block;
	padding-top:18px;
}
.logo-mobile {
      display: none;
}
	
	
.site-nav__button__icon{
	 background:url('img/1menu-bar.png') no-repeat center center;
     background-color: transparent;
	
}
.site-nav__button__icon:hover{
		background:url('img/1menu-bar-hover.png') no-repeat center center;
	 transition: transform 0.3s ease;       
}

	
.toggled .site-nav__button__icon{
	  background:url('img/menu-bar-mobile.png') no-repeat center center;
	
}
 .is-clicked.menu-toggle-acces-rapide  .site-nav__button__icon{
	background-color: transparent;
	  background:url('img/menu-rapide-desktop.png') no-repeat center center;
}
 .is-clicked.menu-toggle .site-nav__button__icon{
		background: transparent;
	    background: url(img/close-bar-desktop.png) no-repeat center center;
	 transform: rotate(180deg);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.menu-toggle-acces-rapide .site-nav__button__icon {
		background: transparent;
	    background: url('img/menu-rapide-desktop.png') no-repeat center center;
}
.main-navigation ul ul {
	
	position: absolute;
	
}	
	
	
.nav-menu{
		max-width:360px;
}
#acces-rapide-mobile{
	max-width:360px;
	height: 100vh;
}	
	
	
	

#header-acces-rapide{
	list-style:none;
	display:flex;
	/*justify-content:space-between;*/
	flex-direction:row;
	margin:0;
	padding: 0 ;
	width: 100%;
	height: 87px;
	position: relative;
	background-color: transparent;
	z-index:999;

}

#header-acces-rapide.visibleNavheaderaccesRapideclassList{
	min-height: 100vh;
}	
	
.hero-acces-rapide ul li {
    flex: none; /* Reste en 2 colonnes */
	display: flex;
    flex-direction: column;
    width: 80px;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
}

.hero-acces-rapide ul li img{
   	display:block;
	padding-bottom: 25px;
}
	
.main-navigation{
	flex-direction:row;
	padding-top:48px;
	background:transparent;
	
}
.main-navigation.toggled{
	flex-direction:column;
	background:white;
}
.main-navigation.toggled-rapide{
	flex-direction:column;
}	

.toggled #header-acces-rapide{
	background-color: #94a198;
	flex-direction:column;	
	padding-top:48px;
}
.conteneur-nav{
	display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: #94a198;	
}	
	
	
	
.main-navigation #primary-menu > li > a{
		position:relative;
}	
	
.main-navigation #primary-menu li>a:after{
	content: url('img/active-menu.png');
  	position: absolute;
	bottom: 37px;
    left: 319.8px;
  	transform: translateX(-50%) scale(0);
	width: 44px;
    height: 34px;
  	transition: transform 0.3s ease;
	z-index: 1; /* S'assure que ::before est en dessous du texte */		
	display:none;
	left: 340px;
}	
	
/*.main-navigation #primary-menu > li> a:hover::after{	
	display:block;
	transform: translateX(-50%) scale(1);
}*/
	
 #primary-menu  li>sub-menu{
		position:absolute;
		left:0;
		top:0;
}	
	
/*.main-navigation ul li:hover > .sub-menu {
	position:absolute;
	left:360px;
	top:86px;
	background:#ffffff;	
	max-width:374px;
	box-shadow:none;
	min-height:100vh;
	padding-top: 5%;
	

}*/
/*.main-navigation ul li > ul li:hover >.sub-menu{ 	
	position: absolute;
  left: 372px;
  top: 0;
  height: 100vh;
}	*/
	
.main-navigation #primary-menu   li>a .sub-menu li>a:hover{
	position:absolute;
	left:1080px;
	top:0;
	background:#ffffff;	
	max-width:374px;
	box-shadow:none;
	min-height:100vh;
}	
	
/*.main-navigation ul li > ul li.menu-item-has-children a::after {
    content: '▼'; 
    display: inline-block;
    margin-left: 8px;
    font-size: 0.8em;
    color: #666;
}	*/
	
#primary-menu li>ul>li{	
	padding:0 0 0 2.9375rem;
	border-bottom:none;
}	
	
#primary-menu li > ul > li > a {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center; /* Pour bien centrer verticalement le texte et l'icône */
    padding: 4% 0 4% 40px; /*  5%x 0 5% 40px */
    font-size: 1.20rem;
    font-weight: 500;
    width: 289px;
    color: #000;
}
	
#primary-menu .sub-menu .sub-menu a {
     font-size: 1.05rem;
    font-weight: 400;
}
	
	

#primary-menu .sub-menu li > a::before {
    content: '';
    position: absolute;
	left: 12px;
    top: 58%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 6px;
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: -1;
}

#primary-menu .sub-menu li > a:hover::before {
    transform: translateY(-50%) scale(1.2) rotate(30deg);
}

#primary-menu .sub-menu li:nth-child(1) > a:hover::before {
    background-color: #2cc6db;
}
#primary-menu .sub-menu li:nth-child(1) > ul.sub-menu li a:hover::before{
    background-color: #2cc6db;
}
#primary-menu .sub-menu li:nth-child(2) > a:hover::before {
    background-color: #fcd11a;
}
#primary-menu .sub-menu li:nth-child(2) > ul.sub-menu li a:hover::before{
    background-color: #fcd11a;
}
#primary-menu .sub-menu li:nth-child(3) > a:hover::before {
    background-color: #ff6a71;
}
#primary-menu .sub-menu li:nth-child(3) > ul.sub-menu li a:hover::before{
    background-color: #ff6a71;
}
/* Faire en sorte que les sous-éléments héritent de cette couleur */
#primary-menu .sub-menu li:nth-child(3) > ul.sub-menu li a:hover::before {
       background-color: #ff6a71;
}		

#primary-menu .sub-menu li:nth-child(4) > a:hover::before {
    background-color: #d1dd36;
}

/* Faire en sorte que les sous-éléments héritent de cette couleur */
#primary-menu .sub-menu li:nth-child(4) > ul.sub-menu li a:hover::before {
       background-color: #d1dd36;
}	
	
	
	
#primary-menu .sub-menu li:nth-child(5) > a:hover::before {
    background-color: #2cc6db;
}
/* Faire en sorte que les sous-éléments héritent de cette couleur */
#primary-menu .sub-menu li:nth-child(5) > ul.sub-menu li a:hover::before {
       background-color: #2cc6db;
}	
	
#primary-menu .sub-menu li:nth-child(6) > a:hover::before {
    background-color: #fcd11a;
}	
	
#primary-menu .sub-menu li:nth-child(6) > ul.sub-menu li a:hover::before {
    background-color: #fcd11a;
}		
#primary-menu .sub-menu li:nth-child(7) > ul.sub-menu li a:hover::before {
    background-color: #EAEE79;
}	
#primary-menu .sub-menu li:nth-child(8) > ul.sub-menu li a:hover::before {
    background-color: #EAEE79;
}			
	
#primary-menu .sub-menu li:nth-child(7) > a:hover::before {
    background-color: #d1dd36;	
}	
#primary-menu .sub-menu li:nth-child(7) > ul.sub-menu li a:hover::before {
    background-color: #d1dd36;
}		
#primary-menu .sub-menu li:nth-child(8) > ul.sub-menu li a:hover::before {
    background-color: #EAEE79;
}		
		
	
	
#primary-menu .sub-menu li:nth-child(8) > a:hover::before {
    background-color: #2cc6db;	
}
#primary-menu .sub-menu li:nth-child(8) > ul.sub-menu li a:hover::before {
    background-color: #2cc6db;
}	
#primary-menu .sub-menu li:nth-child(9) > a:hover::before {
    background-color: #ff6a71;
}	
#primary-menu .sub-menu li:nth-child(10) > a:hover::before {
    background-color: #EAEE79;
}	
#primary-menu .sub-menu li:nth-child(11) > a:hover::before {
    background-color: #00C9DD;
}	
#primary-menu .sub-menu li:nth-child(9) > ul.sub-menu li a:hover::before {
    background-color: #ff6a71;
}	
#primary-menu .sub-menu li:nth-child(10) > ul.sub-menu li a:hover::before {
    background-color: #eaee79;
}		
/* Exemple : Ajouter un indicateur visuel (flèche) pour les items avec sous-menu */
	
	

	
	
#primary-menu .sub-menu li.menu-item-has-children > a::after {
 content: url('img/active-menu.png');
    display: inline-block;
   
    width: 44px;
    height: 34px;
    margin-left: 5px; 
	/*position: relative;
    top: 0;
    left: 44px;*/
	position:absolute;
	top: 14px;
    left: 258px;
    transform: none;
	   /* 2. On désactive le mask/mobile */
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    transition: none;
}
	
	
.slick-slider {
    position: relative;
    max-width: 1323px;
    margin: 0 auto;
    padding: 0 20px;
}
.slider-home{
	text-align:center;
}	
	

	
.slider-home h2 .main-title{
	color:#000000;
	font-size:2.625rem;
}

	
.slider-home h2:first-child{
	padding-left:0;
}
	
/* Style pour les éléments du slider */
/*.slick-list {
		height: 552px;
}	*/
	
.slick-slider .post-item {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: left;
 	width: 364px !important;
    transition: transform 0.3s ease;
	
	position:relative;
}

#slider-agenda .slick-track{
		padding-top:65px;
}
	
#slider-agenda .slick-prev {
    left: 6px !important;
}

#slider-agenda .slick-next {
    right: 36px !important;
}

.slick-prev {
    left: 18px !important;
}

.slick-next {
    right: 9px !important;
}
	
.slick-prev:before,
	.slick-next:before{
		color:#000000 !important;
}	
	
	
.slick-prev:before{
		content: '⟵' !important;
		color:#000000 ;
		font-family:none !important;
}			
.slick-next:before{
		content: '⟶' !important;
		color:#000000;
		font-family:none !important;
}		
.agenda-conteneur h2{
	display:block;

}
	
	
footer{
padding: 0 ;	
}
	
.footer-contact, .pre-footer{
	flex-direction:row;		
}	

.pre-footer p{
		order:1;
}	
.pre-footer img {
  order: 2;

}	
.footer-phone{
  order: 3;

}
.footer-contact span {
  order: 1;
	position: relative;
	padding-bottom:0;
}
.footer-contact span:first-of-type::after {
  content: '';
  border-right: 1px solid black;
  padding-left: 30px;
  height: 65px;
  display: inline-block;

  position: absolute;
  top: -14px;
}
	
.footer-contact span:last-of-type::before {	
  content: '';
  border-right: 1px solid black;
  padding-left: 30px;
     height: 78px;
  display: inline-block;
  position: absolute;
  left: -42px;
}	
	
	
.social-icons{
  order: 2;
}
.footer-contact .monquotidien{
  order: 3;
}
.agenda-conteneur {
    background: url("img/losange-fond-accueil.png")no-repeat;
    margin: 50px auto; /* Centrage horizontal avec un espace vertical */
	background-position: 77px -5px;
    padding-top: 168px;
	padding-bottom: 190px;
}
.slider-home .slick-slider {
		margin-top:105px;
}
.hero-acces-rapide{
	padding: 87px 0 50px 0;
	top: 436px;
}	
	
.bloc-carte-accueil{
	max-width:1440px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	margin:0 auto 144px auto;
}	
	
.bloc-text-carte{
	padding:139px 69px 20px 69px; 	
}
.bloc-text-carte p{
	max-width: 483px;
  	text-align: left;	
}	
.carte-cali-accueil{
	background:url('img/bg-carte.png') no-repeat;
	width:745px;
	background-position: 140px 10px;
	position:relative;
	margin-top:0;
	
}	
.carte-interactive{
	top: 380px;
	padding-left: 8%;
	
}
.hero .carte-interactive{	
	padding-top: 4%;
  padding-left: 1%;
}	
.carte-interactive a{
	position:relative;
}
	
#hero{
	padding-top:481px;
	background-position:none;
}
.carte-interactive a::before{
	top:0px;
	left:-45px
}
.bloc-carte-accueil h2{
text-align:left;		
}
.bloc-carte-accueil h2 .main-title{
		display:inline-block;
		padding-bottom:0;
}	
.agenda-conteneur h2 .highlighted-title{
		padding-right:0;
}	
	
.agenda-conteneur h2 .highlighted-title::after{
	width: 199px;
	height: 71px;
	top: -61px;
  	left: -25px;
}	
.agenda-conteneur{	
	   background-position: 77px -5px;
}	
	
.carte-interactive a::before{
	top: 0;
    left: -31px;
}	
.buttton-page{
	max-width: 350px;
}
	
.commune .hero img{
		margin-top: -206px;
}	
	
.hero img{
	float: right;
    margin-top: -69px;
	margin-right:265px;
	margin-bottom:102px;
	margin-left:62px;

}	
.hero .carte-interactive img{
		margin:0;

}	
	
.archive-communes	.carte-cali-accueil{
	background: url('img/bg-carte.png') no-repeat;
    width: 745px;
    background-position: center right;
    position: relative;
    float: right;
    margin-top: -91px;
}
	
.archive-communes .carte-cali-accueil img{
	float: right;
    margin-top: 0;
	margin-right:0;
}
.conteneur-commune{
	flex-direction:row;
}
	
.archive-communes select{
	width: 45%;
}	
.hero-single{
	padding:91px 0 61px 0;
}
.archive-communes 	.hero-single{
	padding:91px 0 220px 0;
}

	
.commune  .content, .archive-communes .content{
		padding-top:53px;
}


.the_thumbnail_single::after {	
	right: calc(380px - 198px);
 	bottom: -413px/*-468px*/;
}
	
 .commune .the_thumbnail_single::after {	
	right: calc(380px - 198px);
 	bottom: -231px;
}		
article.post{
	margin:61px auto 0 auto;

}	

/*.post .entry-content p:nth-of-type(2),
.mon-quotidien .entry-content p:nth-of-type(2){
   margin-bottom: 100px;
}*/
.post .entry-content .post-description-slider p:nth-of-type(1),
.post .entry-content .post-description-slider p:nth-of-type(2) {
   max-width: 100%;
}	
.hero-single h1, .hero-single p{
	width:50%;
}
.info-communes{
	margin:0;
	flex-direction:row;
}
	
.hero .carte-interactive{
	 
	top: 392px;
    left: 449px;
	
}
	
.elu-first {
  
	flex-direction:row;
	margin-bottom: 35px;
    justify-content: center;
    width: 100%;
	
}	
.elus-row {
    position:relative;
	flex-direction:row;
}	
	
.recherche-actus{
	position: absolute;
 	bottom: 0;
  	left: 0;
	width: 100%;
}
.entry-content{
		padding:0;
}
.agenda-conteneur .slick-slider .post-item{
		margin-right:0;
		margin-left:0;
}
.search-accesibility{
		padding-top: 18px;
	
	
}	
.content-single-article{
		justify-content:space-around;
}
	
#list-emploi li {
	    width: 435px;
}  
	
#list-emploi{
	flex-wrap: wrap;
	/*justify-content:space-between;*/
	        gap: 3%;
        margin-top: 120px;
	flex-direction:row;
}	

	
	
	
.slick-track{
		gap:59px;
}
.mon-quotidien .the_thumbnail_single::after{

	right: calc(380px - 197px);
  	bottom: calc(318px - 732px);
}
.search-field {
	display:block;
		
}	
	
.openagenda-events .post-item{
	
 	width: 364px !important;
 
}

.conteneur-nav{
	display: flex;
  flex-direction: row;
  background: transparent;	
	min-height:inherit;
	}	
.search-form {
 width:auto;
	height:auto;
  align-items: flex-start;
}		

	
#agenda-filter-form{
	position: absolute;
  	top: 271px;
	width:1099px/*980px*/;
	flex-direction:row;
	justify-content: space-around;
}
	
#datepicker{
	padding: 20px 44px;
}
#agenda-filter-form .form-group{

	width:auto;
}	
.conteneur-nav-deplier{
	flex-direction: column;
 	min-height: 100vh;
	min-width: auto;
 	background: #94a198;
}	
#primary-menu.nav-menu-hide{
		display:none
}	
.toggled #header-acces-rapide.header-acces-rapide-hide{
	display:none;
}	
#acces-rapide-mobile.visibleNav{
	display:none;
}
#header-acces-rapide.acces-rapide-mobile{
	display: flex;
  flex-direction: column;
}
#primary-menu.nav-menu-bloc{
	display:block;
	padding:0;
}
/*.breadcrumb{
	z-index: 999999;
}*/
	
.recherche-actus select{
		width:386px;
}	
	
li.focus > ul.sub-menu {
	position:absolute;
	left:547px;
	top:86px;
	background:#ffffff;	
	max-width:374px;
	box-shadow:none;
	min-height:100vh;
	padding-top: 12px;
	display:block;
	transform: translateX(-50%) scale(1);
}	
li.focus > ul.sub-menu  > li.focus > ul.sub-menu{
	position:absolute;
	left:556px;
	top:0px;
	background:#ffffff;	
	max-width:374px;
	box-shadow:none;
	min-height:100vh;
	padding-top: 5%;
	display:block;
	transform: translateX(-50%) scale(1);
}

/*.main-navigation ul li:hover > .sub-menu {
	position:absolute;
	left:360px;
	top:86px;
	background:#ffffff;	
	max-width:374px;
	box-shadow:none;
	min-height:100vh;
	padding-top: 5%;
	

}*/	
.commune  .content, .archive-communes .content{
	
	padding: 52px 17px 0 17px;
}	
	
.conteneur-commune{
	gap:123px;
}
	
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

}	
.conteneur-nav-deplier-mobile{
		height:auto;
		width:auto;
}	
#accessconfig{
	display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
	padding-right: 2%;
	height: 83px;
	position:relative;
	width: 173px;
}

	
#accessconfig::before{
	content: '';
  position: absolute;
	bottom: 22px;
    left: 13px;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  background-color: #dee2df;
  	
	
}	
	
	
.breadcrumb{
		max-width: 46%;
}	
	
.conteneur_search{
	padding-top:17px;
	height: 83px;
  	width: 593px;
  	display: flex;
 	flex-direction: row;
	justify-content: space-around;
	
	
}	
.menu-buttons{
		padding-top: 42px;
}	
.toggled .menu-buttons{
			padding-top: 17px;
}
.hero .search-field {
	 width: calc(950px - 74px);
	 background-color: transparent; 
}
.carte-cali-accueil img{
	max-width: 85%;
} 
	
.info-communes li{
		margin-top:0;
}	
.logo-mobile {
   
		margin-left:0;
		margin-right:0;
	
}
	
}