/*
Theme Name: Muespach
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ASTERIUM
Author URI:  https://www.asterium.fr
Template: salient
Version: 1.0
*/

:root {
  --vertclair: #8aaf1b;
  --vert: #4c600b;
  --gris: #e3e3e3;
  --blanc: #ffffff;
  --noir: #1f1f1f;
  --grisBouton: #c8c8c82e;
  --bleu: #016799;
}

/***************** Fonts */
@font-face {
  font-family: "Titillium";
  src: url("./font/TitilliumWeb-ExtraLight.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Titillium";
  src: url("./font/TitilliumWeb-ExtraLightItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Titillium";
  src: url("./font/TitilliumWeb-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Titillium";
  src: url("./font/TitilliumWeb-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Titillium";
  src: url("./font/TitilliumWeb-Light.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Titillium";
  src: url("./font/TitilliumWeb-LightItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Titillium";
  src: url("./font/TitilliumWeb-SemiBold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Titillium";
  src: url("./font/TitilliumWeb-SemiBoldItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Titillium";
  src: url("./font/TitilliumWeb-Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Titillium";
  src: url("./font/TitilliumWeb-BoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Titillium";
  src: url("./font/TitilliumWeb-Black.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Titillium";
  src: url("./font/TitilliumWeb-Black.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}

*, body{
	font-family: 'Titillium', Arial, Helvetica, sans-serif !important;
}

/* MENU */
#header-outer.transparent nav .sf-menu li a {
  opacity: 1 !important;
}
#header-outer.transparent nav .sf-menu li a span {
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.8);
}
/* Menu secondaire */
#header-secondary-outer nav .sf-menu li a span {
  text-shadow: none !important;
  font-size: 16px;
  text-transform: uppercase;
}

/* Slider */
.swiper-slide:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(0, 0, 0, 0) 36%
  );
}

/* Wysiwyg -------------------------------------------------------- */
.chapeau {
  font-size: 22px;
  line-height: 30px;
  color: #333;
  font-weight: 500;
}
.ecart {
  display: block;
  background: var(--blanc);
  padding: 20px;
  font-size: 22px;
  line-height: 32px;
  color: #001f3f;
}
.bouton {
  display: block;
  width: fit-content;
  padding: 0 15px;
  transition: 0.4s;
  text-transform: uppercase;
  font-size: 13px;
  margin: 30px 0 0 0;
  color: var(--noir) !important;
  border-radius: 4px;
  font-weight: 500;
  padding-right: 30px;
  border: 1px solid var(--vert);
  background: var(--blanc) url("img/icons/arrow-icon.png") no-repeat 98% -2px;
}
.bouton:hover {
  padding-right: 40px;
  background: var(--grisBouton) url("img/icons/arrow-icon.png") no-repeat 100% -2px;
  cursor: pointer;
}
.bouton a {
  color: var(--noir);
}
.lienfleche {
  color: var(--vert) !important;
  position: relative;
  display: inline-block;
  padding: 0 20px 0 0;
  transition: 0.9s;
}
.lienfleche:hover {
  color: var(--vertclair);
  cursor: pointer;
  padding: 0 20px 0 4px;
}
.lienfleche:after {
  content: url("img/icons/arrow-icon.png");
  position: absolute;
  bottom: -9px;
  cursor: pointer;
}
.lienfleche a {
  transition: 0.1s;
  color: var(--vert) !important;
}
.lienfleche a:hover {
  font-weight: 600;
}
a[href$=".pdf"] {
  padding: 10px 15px 10px 40px;
  background: var(--blanc) url("img/icons/icone-pdf.gif") no-repeat 6px center;
  display: block;
  line-height: 1em;
  width: fit-content;
  font-size: 15px;
  color: var(--noir);
}
p {
  padding-bottom: 0.3em !important;
  margin: 0.45em 0 !important;
}
h2 {
  color: var(--vert) !important;
}
h2,
h3,
h4,
h5 {
  font-weight: 500 !important;
}
.container-wrap {
  padding-bottom: 0 !important;
}
.row .col.section-title {
  border: none;
  padding: 0;
}
body.material .page-header-no-bg {
  padding: 0;
}
.subheader {
  display: none;
}
.vc_column-inner {
  justify-content: center !important;
}

/*--- Pagination ---*/

.nav-links {
  margin-bottom: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-flow: row;
}
#pagination {
  margin-bottom: 40px;
  text-align: center;
}
#pagination span {
  padding: 0 !important;
}
#pagination span.page-numbers {
  line-height: 40px !important;
  padding: 0 15px !important;
}
.nav-links .page-numbers {
  border: 0.1em var(--vert) dotted !important;
  border-radius: 100px !important;
  padding: 2px 12px !important;
  background: var(--blanc) !important;
  color: var(--vert) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  margin: 0 5px !important;
  box-shadow: 1px 4px 5px 0px #0000004d !important;
  transition: 0.3s !important;
}
body[data-button-style*="slightly_rounded"] #pagination a {
  border: 0.1em var(--vert) dotted !important;
  border-radius: 100px !important;
  background: var(--blanc) !important;
  color: var(--vert) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  margin: 0 5px !important;
  box-shadow: 1px 4px 5px 0px #0000004d !important;
  transition: 0.3s !important;
}
#pagination span.page-numbers.current {
  border: 0.1em var(--blanc) dotted !important;
  background: var(--vert) !important;
  border-radius: 100px !important;
  height: auto !important;
  width: auto !important;
  color: var(--blanc) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  margin: 0 5px !important;
  box-shadow: 1px 4px 5px 0px #0000004d !important;
  transition: 0.3s !important;
}
body #pagination > span.page-numbers.current {
  font-size: 20px !important;
}
.nav-links .page-numbers:hover {
  padding: 0 12.5px !important;
  font-size: 21px !important;
}
body[data-button-style*="slightly_rounded"] #pagination a:hover {
  font-size: 21px !important;
}
.nav-links .current {
  border: 0.1em var(--blanc) dotted !important;
  background: var(--vert) !important;
  border-radius: 100px !important;
  height: 35px !important;
  width: auto !important;
  color: var(--blanc) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  margin: 0 5px !important;
  box-shadow: 1px 4px 5px 0px #0000004d !important;
  transition: 0.3s !important;
}
.nav-links .prev,
.nav-links .next,
body[data-button-style*="slightly_rounded"] #pagination .prev,
body[data-button-style*="slightly_rounded"] #pagination .next {
  font-size: 19px !important;
}
#pagination .page-numbers.prev,
#pagination .page-numbers.next,
#pagination .page-numbers.prev:hover,
#pagination .page-numbers.next:hover {
  height: 35px !important;
}
body[data-button-style*="slightly_rounded"] #pagination .prev:hover,
body[data-button-style*="slightly_rounded"] #pagination .next:hover {
  font-size: 20px !important;
}
.spec-ops .wpb_text_column {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.pagination {
  width: 100%;
}

/*---- HEADER ajustements ----*/

/*
#header-outer nav>ul>.megamenu.nectar-megamenu-menu-item>.sub-menu, #header-outer nav>ul>.nectar-megamenu-menu-item>.sub-menu {
	display: block !important;
}
#header-outer nav>ul>.megamenu-3>ul>li {
	width: 33% !important;
	float: left;
}
#header-outer nav>ul>.megamenu-2>ul {
	max-width: 25vw !important;
}
#header-outer nav>ul>.megamenu-3>ul {
	max-width: 35vw !important;
}
#header-outer nav>ul>.megamenu-2>ul>li {
	width: 50% !important;
	float: left;
}
*/
.sf-menu > li > ul {
  margin-top: -50px;
}
.sf-menu ul li a span {
  text-shadow: none !important;
}
.sub-menu li {
  margin: 1px 0 !important;
}

.lien-desactiver a[href$="#"] span,
.lien-desactiver a[href$="#"] span:hover,
.lien-desactiver a[href$="#"],
.lien-desactiver a[href$="#"]:hover,
.lien-desactiver li.lien-desactiver:hover > a > span,
.sub-menu a[href$="#"] span,
.sub-menu a[href$="#"] span:hover {
  color: var(--vert) !important;
  font-size: 15px;
  font-weight: 600;
  cursor: text !important;
  text-transform: uppercase;
}
.lien-desactiver li.lien-desactiver {
  cursor: text !important;
}

#header-outer:not([data-format="left-header"])
  #top
  nav
  > ul
  > li:not(.megamenu)
  ul
  a:hover,
#header-outer:not([data-format="left-header"])
  #top
  nav
  > ul
  > li:not(.megamenu)
  .current-menu-item
  > a,
#header-outer:not([data-format="left-header"])
  #top
  nav
  > ul
  > li:not(.megamenu)
  ul
  .current-menu-item
  > a,
#header-outer #top nav > ul > .megamenu > ul ul li a:hover,
body:not([data-header-format="left-header"])
  #header-outer
  #top
  nav
  > ul
  > .megamenu
  > ul
  ul
  .current-menu-item
  > a {
  color: var(--blanc) !important;
  font-weight: bold !important;
}

#header-outer nav > ul > .megamenu.nectar-megamenu-menu-item.width-75 > ul {
  width: 100em;
}

/*---- FOOTER ajustements ----*/

#copyright {
  padding: 0 !important;
}
#footer-outer .row {
  padding: 40px 0 !important;
}
#block-17 img {
  max-height: 200px;
  width: auto;
}
.widget_block .fb_link {
  display: block;
  text-indent: -9999px;
  background: transparent url("img/icons/icon-fb.png") no-repeat center left;
  background-size: 22px;
}
#footer-widgets .widget_media_image {
  width: 208px;
  height: auto;
}

/*------RESPONSIVE Accueil----------*/

@media only screen and (min-width: 1px) and (max-width: 690px) {
  h1 {
    text-align: center !important;
  }
  h1:after {
    left: 39% !important;
    width: 9% !important;
  }
  #slide-out-widget-area.fullscreen-split .left-side {
    padding: 0 30px;
  }
  #slide-out-widget-area .menu > li {
    margin-bottom: 30px !important;
  }
  #slide-out-widget-area .menu > li > ul {
    margin: 15px 0 !important;
    max-width: 100% !important;
  }
  #slide-out-widget-area .menu > li > ul > .lien-desactiver > ul {
    margin: 10px 0 !important;
    max-width: 100% !important;
  }
  #slide-out-widget-area .menu > li > ul > li,
  #slide-out-widget-area .menu > li > ul > .lien-desactiver > ul > li {
    margin: 3px 0 !important;
  }
  #slide-out-widget-area .menu > li > ul > .lien-desactiver > a {
    color: var(--blanc) !important;
  }
  .archive h1 {
    margin-top: 20px;
  }
  h2 {
    text-align: center;
  }
  h3 {
    font-size: 22px !important;
  }
  .agenda {
    background-size: contain !important;
    padding-left: 115px !important;
    margin: 12px 0 0 12px !important;
    text-align: left;
  }
  .actualites {
    background-size: contain !important;
    padding-left: 115px !important;
    text-align: left;
  }
  .actu_img {
    height: auto !important;
  }
  .Actualite-div .lienfleche {
    margin-bottom: 30px;
  }
  .vc_column-inner {
    padding: 0 !important;
  }
  .page-numbers {
    margin-bottom: 20px !important;
  }
  .img-with-animation {
    max-width: 100%;
    padding: 22px 0 0 0 !important;
  }
  .home .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner {
    height: 14vh !important;
  }
  .splw-lite-wrapper {
    margin: auto;
    max-width: 50vw !important;
  }
  .instance-9,
  .instance-16 {
    margin-bottom: 25px !important;
  }
  #derniers_journaux_municipaux .journaux_municipaux_liste .journal_municipal {
    flex: 0 0 100% !important;
  }
  #footer-outer,
  #bulletins_communaux_liste .journal_visuel,
  #agenda_liste .journal_visuel,
  .economie_visuel,
  .association_visuel {
    text-align: center;
  }
  #actualites_liste_global .actu_element_global,
  #agenda_liste .agenda_municipal,
  #bulletins_communaux_liste .journal_municipal,
  #associations_liste .associations,
  #economies_liste .economies,
  #derniers_journaux_municipaux .journal_municipal {
    flex-direction: column;
  }
  #actualites_liste_global img,
  #agenda_liste img,
  #bulletins_communaux_liste img,
  .economie_visuel img,
  .association_visuel img {
    margin: auto !important;
  }
  #derniers_journaux_municipaux img,
  #derniers_journaux_municipaux .journal_municipal .description .bouton {
    margin: 20px auto !important;
  }
  #derniers_journaux_municipaux h3 {
    text-align: center;
  }
  #actualites_liste_global .actu_element_global .description,
  #agenda_liste .agenda_municipal .description,
  #bulletins_communaux_liste .journal_municipal .description,
  #associations_liste .associations .description,
  #economies_liste .economies .description {
    margin-top: 15px;
  }
  #actualites_liste_global .actu_element_global .description .bouton,
  #agenda_liste .agenda_municipal .description .bouton,
  #bulletins_communaux_liste .journal_municipal .description .bouton,
  #journal_municipal_actuel .journal_contenu .bouton,
  #associations_liste .associations .description .bouton,
  #economies_liste .economies .description .bouton {
    margin: 20px auto 0 auto;
    text-align: center;
  }
  #actualite_municipal_actuel,
  #agenda_municipal_actuel,
  #journal_municipal_actuel,
  #association_actuel,
  #economie_actuel,
  .maire-div .dark {
    justify-content: center;
    flex-direction: column-reverse;
  }
  #actualite_municipal_actuel .actualite_contenu,
  #agenda_municipal_actuel .agenda_contenu,
  #journal_municipal_actuel .journal_contenu,
  #association_actuel .association,
  #economie_actuel .economie {
    padding: 0 12px !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  #actualite_municipal_actuel h1,
  #agenda_municipal_actuel h1,
  #journal_municipal_actuel h1,
  #association_actuel h1,
  #economie_actuel h1 {
    margin: 0 0 20px 0 !important;
  }
  #actualite_municipal_actuel a[href$=".pdf"] {
    margin: auto !important;
  }
  .actu_visuel,
  #journal_municipal_actuel .journal_visuel,
  .agenda_visuel,
  .actualite_visuel,
  #association_actuel .association_visuel,
  #economie_actuel .economie_visuel {
    text-align: center;
    margin: 0 auto 30px auto;
    max-width: 50vw !important;
  }
  .actu_visuel img,
  #journal_municipal_actuel .journal_visuel img,
  .agenda_visuel img,
  .actualite_visuel img,
  #association_actuel .association_visuel img,
  #economie_actuel .economie_visuel img {
    max-width: 40vw !important;
  }
  #derniers_journaux_municipaux
    .journaux_municipaux_liste
    .journal_municipal
    h3 {
    margin-bottom: 20px !important;
  }
  #associations_liste p,
  #economies_liste p {
    margin: 0.15em 0 !important;
  }
  .page-id-29 form {
    width: 100% !important;
  }
  .page-id-29 form .contact-submit p {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .page-id-29 form .contact-submit p input {
    margin: auto !important;
    width: 35% !important;
  }
  .contact-mairie {
    margin: auto;
    width: 50%;
  }
  .contact-mairie div:first-child {
    width: fit-content;
    margin: auto;
  }
  .maire-div .dark .hover-wrap-inner img {
    padding: 0 !important;
    margin-bottom: 20px !important;
  }
  .brigade-verte .hover-wrap-inner,
  .cis .hover-wrap-inner,
  .sigfra .padding-6-percent .hover-wrap-inner {
    text-align: center;
    margin-bottom: 40px;
  }
  .comcom img {
    margin-bottom: 40px !important;
  }
  .page-id-693 h3 {
    text-align: center;
    margin-bottom: 20px;
  }
  .page-id-713 h3,
  .siac .hover-wrap-inner,
  .gaz .hover-wrap-inner,
  .syndicat .hover-wrap-inner,
  .dechetterie h3,
  .meteo .hover-wrap-inner,
  .papi-mamie h3,
  .maternelle .row_col_wrap_12 .vc_col-sm-6 .hover-wrap-inner,
  .maire-div .dark .hover-wrap-inner,
  .terrain-jeux,
  .college,
  .abcm h3,
  .logo-abcm .vc_col-sm-4,
  .elementaire .row_col_wrap_12,
  .maternelle-publique .row_col_wrap_12,
  .periscolaire .row_col_wrap_12,
  .vacances,
  .bibliographie,
  .page-id-184,
  .page-id-185 h3,
  .page-id-274 h3 {
    text-align: center !important;
  }
  .college li,
  .elementaire li,
  .maternelle-publique li,
  .periscolaire li,
  .transports-scolaire {
    text-align: left !important;
  }
  .page-id-713 li {
    margin-bottom: 15px;
  }
  .gaz .wpb_wrapper,
  .syndicat .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .gaz .wpb_wrapper:nth-child(0),
  .gaz .wpb_wrapper:nth-child(1),
  .syndicat .wpb_wrapper:nth-child(0),
  .syndicat .wpb_wrapper:nth-child(1) {
    flex: 0 0 90%;
    max-width: 90%;
    margin: auto;
  }
  .multi-accueil .row_col_wrap_12 .vc_col-sm-6,
  .maternelle .row_col_wrap_12 .vc_col-sm-6,
  .page-id-184 a,
  .page-id-185 a {
    margin: auto !important;
  }
  .multi-accueil .row_col_wrap_12 .vc_col-sm-6 img,
  .maternelle .row_col_wrap_12 .vc_col-sm-6 img {
    padding: 0 !important;
  }
  .logo-multi,
  .logo-maternelle {
    max-width: 40% !important;
  }
  .hover-wrap-inner:has(.logo-multi),
  .hover-wrap-inner:has(.logo-maternelle) {
    text-align: center;
    margin-top: 30px !important;
  }
  .page-id-767 .row_col_wrap_12 {
    justify-content: center;
  }
  .page-id-767 .row_col_wrap_12 .vc_column_container {
    flex: 90%;
    max-width: 90%;
    margin-top: 0 !important;
  }
  .medecins .row_col_wrap_12_inner {
    justify-content: center;
  }
  .medecins .row_col_wrap_12_inner .vc_col-sm-4 {
    flex: 51%;
    max-width: 51%;
    margin-top: 0 !important;
  }
  .histoire-muespach,
  .histoire-muespach a {
    text-align: center !important;
    margin: auto !important;
  }
  .page-id-182 table {
    width: 100% !important;
  }
}

@media only screen and (min-width: 691px) and (max-width: 999px) {
  h1 {
    text-align: center !important;
  }
  h1:after {
    left: 42% !important;
    width: 8% !important;
  }
  .actu_img {
    height: auto !important;
  }
  #slide-out-widget-area.fullscreen-split .left-side {
    width: 100% !important;
    flex: 0 0 100%;
    padding: 0 50px;
  }
  #slide-out-widget-area .menu > li {
    margin-bottom: 30px !important;
  }
  #slide-out-widget-area .menu > li > ul {
    margin: 15px 0 !important;
    max-width: 100% !important;
  }
  #slide-out-widget-area .menu > li > ul > .lien-desactiver > ul {
    margin: 10px 0 !important;
    max-width: 100% !important;
  }
  #slide-out-widget-area .menu > li > ul > li,
  #slide-out-widget-area .menu > li > ul > .lien-desactiver > ul > li {
    margin: 3px 0 !important;
  }
  #slide-out-widget-area .menu > li > ul > .lien-desactiver > a {
    color: var(--blanc) !important;
  }
  .splw-lite-wrapper {
    margin: auto;
    max-width: 50vw !important;
  }
  .instance-9,
  .instance-16 {
    margin-bottom: 25px !important;
  }
  .img-with-animation {
    max-width: 94% !important;
    padding: 22px 0 0 0 !important;
  }
  .home .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner {
    height: 14vh !important;
  }
  .archive h1 {
    margin-top: 20px;
  }
  #derniers_journaux_municipaux .journaux_municipaux_liste .journal_municipal {
    flex: 0 0 100% !important;
  }
  .agenda,
  .actualites {
    background-size: contain !important;
    padding-left: 20px !important;
  }
  .Actualite-div .lienfleche {
    margin-bottom: 30px;
  }
  #actualite_municipal_actuel {
    justify-content: center;
  }
  #actualite_municipal_actuel .actualite_contenu {
    padding: 0 30px !important;
  }
  #actualite_municipal_actuel h1 {
    margin: 0 0 20px 0 !important;
  }
  #actualite_municipal_actuel a[href$=".pdf"] {
    margin: auto !important;
  }
  .page-id-29 form {
    width: 100% !important;
  }
  .page-id-29 form .contact-submit p {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .page-id-29 form .contact-submit p input {
    margin: auto !important;
  }
  h2 {
    text-align: center;
  }
  h3 {
    font-size: 22px !important;
  }
  .contact-mairie {
    margin: auto;
    width: 50%;
  }
  .contact-mairie div:first-child {
    width: fit-content;
    margin: auto;
  }
  #derniers_journaux_municipaux
    .journaux_municipaux_liste
    .journal_municipal
    h3 {
    margin-bottom: 20px !important;
  }
  #derniers_journaux_municipaux .journaux_municipaux_liste .journal_municipal {
    flex: 0 0 100% !important;
  }
  #footer-outer,
  #bulletins_communaux_liste .journal_visuel,
  #agenda_liste .journal_visuel,
  .economie_visuel,
  .association_visuel,
  .page-id-184,
  .page-id-185 h3,
  .page-id-185 h4,
  .page-id-274 h3 {
    text-align: center;
  }
  #actualites_liste_global .actu_element_global,
  #agenda_liste .agenda_municipal,
  #bulletins_communaux_liste .journal_municipal,
  #associations_liste .associations,
  #economies_liste .economies {
    flex-direction: column;
  }
  #actualites_liste_global img,
  #agenda_liste img,
  #bulletins_communaux_liste img,
  .economie_visuel img,
  .association_visuel img,
  .page-id-184 a {
    margin: auto !important;
  }
  #actualites_liste_global .actu_element_global .description,
  #agenda_liste .agenda_municipal .description,
  #bulletins_communaux_liste .journal_municipal .description,
  #associations_liste .associations .description,
  #economies_liste .economies .description {
    margin-top: 15px;
  }
  #actualites_liste_global .actu_element_global .description .bouton,
  #agenda_liste .agenda_municipal .description .bouton,
  #bulletins_communaux_liste .journal_municipal .description .bouton,
  #journal_municipal_actuel .journal_contenu .bouton,
  #associations_liste .associations .description .bouton,
  #economies_liste .economies .description .bouton {
    margin: 20px auto 0 auto;
    text-align: center;
  }
  #actualite_municipal_actuel,
  #agenda_municipal_actuel,
  #journal_municipal_actuel,
  #association_actuel,
  #economie_actuel,
  .maire-div .dark {
    justify-content: center;
    flex-direction: column-reverse;
  }
  #actualite_municipal_actuel .actualite_contenu,
  #agenda_municipal_actuel .agenda_contenu,
  #journal_municipal_actuel .journal_contenu,
  #association_actuel .association,
  #economie_actuel .economie {
    padding: 0 12px !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  #actualite_municipal_actuel h1,
  #agenda_municipal_actuel h1,
  #journal_municipal_actuel h1,
  #association_actuel h1,
  #economie_actuel h1 {
    margin: 0 0 20px 0 !important;
    text-align: center;
  }
  #actualite_municipal_actuel a[href$=".pdf"],
  .page-id-185 a {
    margin: auto !important;
  }
  .actu_visuel,
  #journal_municipal_actuel .journal_visuel,
  .agenda_visuel,
  .actualite_visuel,
  #association_actuel .association_visuel,
  #economie_actuel .economie_visuel {
    text-align: center;
    margin: 0 auto 30px auto;
    max-width: 50vw !important;
  }
  .actu_visuel img,
  #journal_municipal_actuel .journal_visuel img,
  .agenda_visuel img,
  .actualite_visuel img,
  #association_actuel .association_visuel img,
  #economie_actuel .economie_visuel img {
    max-width: 40vw !important;
  }
  #derniers_journaux_municipaux
    .journaux_municipaux_liste
    .journal_municipal
    h3 {
    margin-bottom: 20px !important;
  }
  #associations_liste p,
  #economies_liste p {
    margin: 0.15em 0 !important;
  }
  .Actualite-div div:first-child,
  .commissions-div div:first-child {
    padding: 0 !important;
  }
  .arretes p a,
  .histoire-muespach,
  .histoire-muespach a {
    text-align: center !important;
    margin: auto !important;
  }
  .maire-div .dark .hover-wrap-inner img {
    padding: 0 !important;
    margin-bottom: 20px !important;
  }
  .brigade-verte .hover-wrap-inner,
  .cis .hover-wrap-inner,
  .comcom .hover-wrap-inner,
  .sigfra .padding-6-percent .hover-wrap-inner,
  .meteo .padding-6-percent .hover-wrap-inner {
    text-align: center;
    margin-bottom: 40px;
  }
  .comcom .padding-6-percent .vc_column-inner,
  .demarches-admin .padding-6-percent .vc_column-inner,
  .sigfra .padding-6-percent .vc_column-inner,
  .dechetterie .padding-6-percent .vc_column-inner,
  .gendarmerie .padding-6-percent .vc_column-inner,
  .meteo .padding-6-percent .vc_column-inner,
  .cimetiere .padding-6-percent .vc_column-inner,
  .urgence .padding-6-percent .vc_column-inner,
  .papi-mamie .padding-6-percent .vc_column-inner,
  .page-id-767 .row_col_wrap_12 .vc_column_container .vc_column-inner,
  .apamad .padding-6-percent .vc_column-inner,
  .medecins .padding-6-percent .vc_column-inner,
  .abcm .vc_column_container .vc_column-inner,
  .logo-abcm .vc_col-sm-4 .vc_column-inner,
  .lycees .padding-6-percent .vc_column-inner,
  .directrice-periscolaire,
  .logo-periscolaire,
  .perisco,
  .transports-scolaire .padding-6-percent .vc_column-inner {
    padding: 0 !important;
  }
  .demarches-admin .hover-wrap-inner,
  .siac .hover-wrap-inner,
  .complexe .hover-wrap-inner,
  .meteo .hover-wrap-inner,
  .maire-div .dark .hover-wrap-inner,
  .papi-mamie h3,
  .terrain-jeux,
  .college .hover-wrap-inner,
  .photo-maternelle .hover-wrap-inner,
  .vacances,
  .bibliographie {
    text-align: center !important;
  }
  .gaz .wpb_wrapper,
  .syndicat .wpb_wrapper {
    display: flex;
    justify-content: space-around;
  }
  .gaz .wpb_wrapper .couleur_bleu {
    padding-top: 10%;
  }
  .paroisse .row_col_wrap_12_inner .vc_col-sm-6,
  .multi-accueil .row_col_wrap_12 .vc_col-sm-6,
  .maternelle .row_col_wrap_12 .vc_col-sm-6,
  .elementaire .row_col_wrap_12 .vc_col-sm-8,
  .elementaire .row_col_wrap_12 .vc_col-sm-4 {
    flex: 0 0 49%;
    max-width: 49%;
  }
  .periscolaire .row_col_wrap_12 .vc_col-sm-8 {
    flex: 0 0 59%;
    max-width: 59%;
  }
  .periscolaire .row_col_wrap_12 .vc_col-sm-4 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .periscolaire .row_col_wrap_12 .vc_col-sm-8 .wpb_text_column,
  .periscolaire .row_col_wrap_12 .vc_col-sm-4 .img-with-aniamtion-wrap {
    height: 15vh;
    margin-bottom: 0 !important;
  }
  .periscolaire h2 {
    text-align: left !important;
  }
  .multi-accueil .row_col_wrap_12 .vc_col-sm-6,
  .maternelle .row_col_wrap_12 .vc_col-sm-6 {
    margin: auto !important;
  }
  .multi-accueil .row_col_wrap_12 .vc_col-sm-6 img,
  .maternelle .row_col_wrap_12 .vc_col-sm-6 img,
  .terrain-jeux .vc_column-inner {
    padding: 0 !important;
  }
  .logo-multi,
  .logo-maternelle,
  .logo-periscolaire {
    max-width: 40% !important;
  }
  .page-id-767 .row_col_wrap_12,
  .elementaire .row_col_wrap_12 {
    justify-content: center;
  }
  .elementaire .row_col_wrap_12,
  .maternelle-publique .row_col_wrap_12 {
    flex-direction: row-reverse;
  }
  .atsem .row_col_wrap_12 {
    flex-direction: row !important;
  }
  .elementaire h2,
  .maternelle-publique h2 {
    width: 102% !important;
    margin-top: 6%;
  }
  .page-id-767 .row_col_wrap_12 .vc_column_container,
  .elementaire .row_col_wrap_12 .vc_column_container,
  .maternelle-publique .row_col_wrap_12 .vc_column_container {
    flex: 45%;
    max-width: 45%;
    margin-top: 0 !important;
  }
  .atsem {
    max-width: 80%;
    margin: auto;
  }
  .atsem .row_col_wrap_12 .vc_column_container {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  .medecins .row_col_wrap_12_inner {
    justify-content: space-between;
  }
  .medecins .row_col_wrap_12_inner .vc_col-sm-4 {
    flex: 30%;
    max-width: 30%;
    margin-top: 0 !important;
  }
  .logo-abcm .vc_col-sm-4 {
    text-align: center;
    margin-top: 25px;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1400px) {
  #slide-out-widget-area.fullscreen-split .inner > .container {
    justify-content: center;
  }
  #slide-out-widget-area.fullscreen-split .left-side {
    padding: 0 50px;
  }
  #slide-out-widget-area.fullscreen-split .right-side {
    width: 0 !important;
    flex: 0 !important;
  }
  #slide-out-widget-area .menu > li {
    margin-bottom: 30px !important;
  }
  #slide-out-widget-area .menu > li > ul {
    margin: 15px 0 !important;
    max-width: 100% !important;
  }
  #slide-out-widget-area .menu > li > ul > .lien-desactiver > ul {
    margin: 10px 0 !important;
    max-width: 100% !important;
  }
  #slide-out-widget-area .menu > li > ul > li,
  #slide-out-widget-area .menu > li > ul > .lien-desactiver > ul > li {
    margin: 3px 0 !important;
  }
  #slide-out-widget-area .menu > li > ul > .lien-desactiver > a {
    color: var(--blanc) !important;
  }
  .agenda,
  .actualites {
    background-size: contain !important;
  }
}

/* --------------- Page - Accueil (ACTUALITES en-dessous du Header) -------------------------------------------------------- */

/* A LA UNE */

.actualites {
  background: url("img/icons/annonce-icon.png") no-repeat 0 -1px;
  padding-left: 80px;
  margin-bottom: 45px !important;
}
.ml-12 {
  margin-left: 12px;
}
.mt-40 {
  margin-top: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.actu_img {
  height: 30vh;
  overflow: hidden;
}
.actu_a_la_une {
  width: 100%;
  border: 2px solid var(--bleu);
  position: relative;
}
.actu_a_la_une:after {
  content: url("img/a_la_une.png");
  position: absolute;
  left: 20px;
  top: -10px;
}
.actu_a_la_une img {
  object-fit: contain;
  width: 100% !important;
  margin: auto;
  margin-bottom: 0 !important;
  display: block;
}
.actu_a_la_une h3 {
  background: var(--gris);
  color: var(--vert) !important;
  margin-bottom: 0 !important;
  padding: 15px 0 15px 20px;
  z-index: 1;
}
.actu_a_la_une p {
  padding: 15px 20px 50px 20px;
  background: var(--grisBouton);
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0 !important;
}
.actu_a_la_une .bouton {
  margin: 2% 0 !important;
}

/* LISTE ACTUS (en-dessous de A LA UNE) */

.actu_liste {
  width: 100%;
  position: relative;
}
.actu_element {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px dashed var(--gris);
}
.actu_element:last-child {
  border: none;
}
.btn-actu {
  margin-top: 15px;
}
.actu_liste h3 {
  margin-bottom: 3% !important;
}

/* --------------- Page - Accueil (AGENDA en-dessous du Header) -------------------------------------------------------- */

.agenda {
  background: url("img/icons/agenda-icon.png") no-repeat 0 0px;
  padding-left: 60px;
  margin: 50px 0 0 12px;
}
.agenda-div {
  background: var(--grisBouton);
  height: fit-content;
  right: 0;
  top: -40px;
}
.agenda-div .wpb_raw_html {
  margin-bottom: 0 !important;
}
.agenda-div .whitespacer {
  height: 50px;
  background: var(--blanc);
  margin: 0 -4% !important;
}
.date_liste {
  padding: 0 12px;
}
.date_element {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px dashed var(--gris);
}
.date_element:last-child {
  border: none;
}
.date_element h3 {
  color: var(--vert);
}

/* Météo en dessous d'Agenda */

.splw-lite-wrapper {
  max-width: 20vw;
}
#splw-location-weather-489 {
  margin-bottom: 0 !important;
  max-width: 100% !important;
  padding: 30px !important;
}
#splw-location-weather-489 .splw-lite-body {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#splw-location-weather-489 .splw-weather-title {
  margin: 0 !important;
}
#splw-location-weather-489 .splw-lite-body .splw-lite-current-text {
  flex: 0 0 50%;
  margin: auto;
}
#splw-location-weather-489 .weather-icon,
#splw-location-weather-489 .splw-lite-body .splw-lite-current-temp {
  margin: auto;
}
#splw-location-weather-489 .cur-temp {
  font-size: 45px !important;
}
#splw-location-weather-489 .splw-lite-desc {
  font-size: 20px !important;
}

/* --------------- Page - Accueil (PDF au-dessus du Footer) --------------------------------------------------------------- */

#derniers_journaux_municipaux .pdf-thumbnail {
  max-width: 150px;
  height: fit-content;
  border: 1px solid var(--gris);
  margin: 15px 0;
  transition: all 0.3s ease-in-out;
  padding: 10px;
}
#derniers_journaux_municipaux .pdf-thumbnail:hover {
  cursor: pointer;
  transform: scale(1.04);
}
#derniers_journaux_municipaux .journaux_municipaux_liste {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
  flex-wrap: wrap;
}
#derniers_journaux_municipaux .journaux_municipaux_liste .journal_municipal {
  display: flex;
  margin: 20px 0;
  flex: 0 0 48%;
  background: var(--blanc);
}
#derniers_journaux_municipaux
  .journaux_municipaux_liste
  .journal_municipal
  img {
  margin-left: 15px;
}
#derniers_journaux_municipaux
  .journaux_municipaux_liste
  .journal_municipal
  span {
  color: var(--noir);
}
#derniers_journaux_municipaux .journaux_municipaux_liste .journal_municipal h3 {
  margin-bottom: 20px;
  color: var(--vert);
}
#derniers_journaux_municipaux
  .journaux_municipaux_liste
  .journal_municipal
  .description {
  padding: 10px 25px;
}

/* ---------Page Journal-Agenda-Actualité ARCHIVES (pas single) ------------------------------------------------------ */

#bulletins_communaux_liste img,
#agenda_liste img,
#actualites_liste_global img,
#economies_liste img,
#associations_liste img {
  max-width: 190px;
  width: 190px;
  height: fit-content;
  border: 1px solid var(--gris);
  margin: 15px 15px 15px 0;
  transition: all 0.3s ease-in-out;
  padding: 30px 10px;
}
#bulletins_communaux_liste img:hover,
#agenda_liste img:hover,
#actualites_liste_global img:hover,
#economies_liste img:hover,
#associations_liste img:hover {
  cursor: pointer;
  transform: scale(1.04);
}
#bulletins_communaux_liste .journal_municipal,
#agenda_liste .agenda_municipal,
#actualites_liste_global .actu_element_global,
#economies_liste .economies,
#associations_liste .associations {
  display: flex;
  padding: 30px 0;
  border-bottom: 1px dashed var(--gris);
}
#bulletins_communaux_liste .journal_municipal:last-child,
#agenda_liste .agenda_municipal:last-child,
#actualites_liste_global .actu_element_global:last-child,
#economies_liste .economies:last-child,
#associations_liste .associations:last-child {
  border: none;
}
#bulletins_communaux_liste .journal_municipal h3,
.actu_liste h3,
#agenda_liste .agenda_municipal h3,
#actualites_liste_global .actu_element_global h3,
#economies_liste .economies h3,
#associations_liste .associations h3 {
  margin-bottom: 15px;
  position: relative;
  color: var(--vert);
  padding-left: 25px;
}
#bulletins_communaux_liste .journal_municipal h3:after,
.actu_liste h3:after,
#agenda_liste .agenda_municipal h3:after,
#actualites_liste_global .actu_element_global h3:after,
#economies_liste .economies h3:after,
#associations_liste .associations h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 90%;
  width: 10px;
  background-color: var(--gris);
}
#bulletins_communaux_liste .journal_municipal span,
#agenda_liste .agenda_municipal span,
#actualites_liste_global .actu_element_global span,
#economies_liste .economies span,
#associations_liste .associations span {
  color: var(--noir);
}
#bulletins_communaux_liste .journal_municipal .description,
#agenda_liste .agenda_municipal .description,
#actualites_liste_global .actu_element_global .description,
#economies_liste .economies .description,
#associations_liste .associations .description {
  padding: 15px 35px;
  width: 100%;
  max-width: 100%;
  z-index: 1;
  justify-content: center;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
}
#economies_liste .economies .description p,
#associations_liste .associations .description p {
  color: var(--noir);
  text-shadow: 0 0 0 black;
  display: inline-flex;
  width: 100%;
  padding-bottom: 0;
}
#economies_liste .economies .description div,
#associations_liste .associations .description div {
  padding: 20px 0;
}

/* ---------Page Journal-Agenda-Actualité ACTUEL (single) ------------------------------------------------------ */

#journal_municipal_actuel,
#agenda_liste,
#actualite_municipal_actuel,
#association_actuel,
#economie_actuel,
#agenda_municipal_actuel {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
#journal_municipal_actuel a[href$=".pdf"],
#actualite_municipal_actuel a[href$=".pdf"] {
  padding: 10px 15px 10px 40px;
  background: var(--blanc) url("img/icons/icone-pdf.gif") no-repeat 6px center;
  display: block;
  line-height: 1.2em;
  width: fit-content;
  border: 1px solid var(--vert);
  border-radius: 4px;
  margin: 20px 0;
  transition: 0.4s;
  font-size: 15px;
  font-weight: bold;
  color: var(--noir);
}
.page .main-content {
  margin-bottom: 50px;
}
.home .main-content {
  margin-bottom: 0 !important;
}
#journal_municipal_actuel h1,
#agenda_municipal_actuel h1,
#actualite_municipal_actuel h1,
#association_actuel h1,
#economie_actuel h1,
.page_titre {
  margin: 0 0 40px 0;
  position: relative;
}
.page_titre:after {
  position: absolute;
  content: "";
  height: 2px;
  background: var(--vert);
  left: 0;
  bottom: -12px;
  width: 10%;
}
#journal_municipal_actuel h2,
#journal_municipal_actuel h3,
#journal_municipal_actuel h4,
#journal_municipal_actuel h5,
#agenda_municipal_actuel h2,
#agenda_municipal_actuel h3,
#agenda_municipal_actuel h4,
#agenda_municipal_actuel h5,
#actualite_municipal_actuel h2,
#actualite_municipal_actuel h3,
#actualite_municipal_actuel h4,
#actualite_municipal_actuel h5,
#association_actuel h2,
#association_actuel h3,
#association_actuel h4,
#association_actuel h5,
#economie_actuel h2,
#economie_actuel h3,
#economie_actuel h4,
#economie_actuel h5,
.page h2,
.page h3,
.page h4,
.page h5 {
  margin-bottom: 30px !important;
}
.home h2,
.home h4,
.home h5 {
  margin-bottom: 0 !important;
  color: var(--noir) !important;
}
.home h3 {
  margin-bottom: 0 !important;
  color: var(--vert) !important;
}
.agenda-div h3,
.actu_liste h3 {
  margin-bottom: 2.5% !important;
  color: var(--vert) !important;
}
#journal_municipal_actuel .journal_contenu,
#economie_actuel .economie,
#association_actuel .association,
#agenda_municipal_actuel .agenda_contenu,
#actualite_municipal_actuel .actualite_contenu {
  max-width: 80%;
  flex: 0 0 80%;
  height: fit-content;
  padding-right: 10%;
}
#journal_municipal_actuel .journal_visuel,
#economie_actuel .economie_visuel,
#association_actuel .association_visuel,
#agenda_municipal_actuel .agenda_visuel,
#actualite_municipal_actuel .actualite_visuel {
  max-width: 20%;
  flex: 0 0 20%;
  height: fit-content;
  border: 2px solid var(--vert);
  border-radius: 5px;
  padding: 10px;
  position: sticky;
  top: 0px;
  text-align: center;
}
#journal_municipal_actuel .journal_visuel img,
#economie_actuel .economie_visuel img,
#association_actuel .association_visuel img,
#agenda_municipal_actuel .agenda_visuel img,
#actualite_municipal_actuel .actualite_visuel img {
  max-width: 100%;
  height: auto;
  padding-top: 8px;
}
#journal_municipal_actuel .btn-journal,
#economie_actuel .btn-journal,
#association_actuel .btn-journal {
  flex: 0 0 100%;
}
#journal_municipal_actuel .btn-journal a,
#economie_actuel .btn-journal a,
#association_actuel .btn-journal a {
  margin: 0;
}

/* ---------Pages type page (contenu individuel) ------------------------------------------------------ */

.commissions li,
.terrain-de-jeux li {
  margin-bottom: 12px;
}
.personnel-communal h3 {
  color: var(--vert);
  margin-bottom: 0 !important;
}
.arretes p {
  margin: 3px 0 !important;
  padding-bottom: 0 !important;
}
@media only screen and (min-width: 1000px) {
  .arretes a {
    transition: 0.5s;
    border-radius: 5px;
    opacity: 1;
  }
  .arretes a:hover {
    background: var(--vert) url("img/icons/icone-pdf.gif") no-repeat 6px center;
    border-radius: 5px;
    color: var(--blanc);
    font-weight: bold;
    opacity: 0.8;
  }
}
.transport-hirsingue a {
  display: inline-block;
}
.chorale h4 {
  margin: 5px 0 !important;
}
tr:has(h4) {
  background: #8aaf1b57 !important;
}
form:has(.contact) {
  width: 88%;
}
.contact-form label {
  font-weight: bold;
}
.contact-form input,
.contact-form textarea {
  font-size: 1.1rem !important;
}
.contact-submit {
  text-align: center;
  margin: 3% 0;
}
.contact-submit input {
  width: 25%;
  font-size: 1rem;
}
.RGPD {
  margin: 0 5%;
}
.result img {
  margin: auto !important;
}
.result span {
  display: none !important;
}

.grecaptcha-badge {
  opacity: 0;
}