/*
Theme Name: ris
Theme URI: https://maxime-foisseau.fr
Description: Max Child Theme
Author: Maxime Foisseau
Author URL: https://maxime-foisseau.fr/
Template: Bootstrap
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* SOMMAIRE
	#1- IMPORTS
	#2- FONTS
	#3- VARIABLES
	#4- GLOBAL STYLES
	#5- NAVBAR
	#6- FOOTER
	#7- CONTENU MISE EN PAGE
			ACTUALITE
			AGENDA
			MON COMPTE
			MENTION LEGALE // SITEMAP //ACCESSIBILITE //CREDIT
			JE SUIS
			petite-enfance-0-3ans
			FAQ
			single-demarches
			mes-demarches
			page-simple

	#8- detail
	#9- SINGLE PARCOURS
	#10- PARCOURS PÉDAGOGIQUE DÉTAIL
	#11- CONTACT
	#12- OTHERS (404...)
				les-marches-publics
	#13- autour-de-moi & map
	#14- term-commerce-associations
	#15- HOME
	#16- Ma Ville
	#17- search-results
-------------------------------------------------- */
/* #1- IMPORTS
-------------------------------------------------- */
@import url("https://p.typekit.net/p.css?s=1&k=ewc5mrp&ht=tk&f=44881.44882.44883.44884.44885.44886.44887.44888.44889.45271&a=105550501&app=typekit&e=css");
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;900');
@font-face {
  font-family: "alternate-gothic-atf";
  src: url("https://use.typekit.net/af/1e5eee/00000000000000007735c73a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"), url("https://use.typekit.net/af/1e5eee/00000000000000007735c73a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"), url("https://use.typekit.net/af/1e5eee/00000000000000007735c73a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
}
@font-face {
  font-family: "alternate-gothic-atf";
  src: url("https://use.typekit.net/af/8d7d0a/00000000000000007735c73c/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"), url("https://use.typekit.net/af/8d7d0a/00000000000000007735c73c/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"), url("https://use.typekit.net/af/8d7d0a/00000000000000007735c73c/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 200;
  font-stretch: normal;
}
@font-face {
  font-family: "alternate-gothic-atf";
  src: url("https://use.typekit.net/af/13a7d7/00000000000000007735c73d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/13a7d7/00000000000000007735c73d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/13a7d7/00000000000000007735c73d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: "alternate-gothic-atf";
  src: url("https://use.typekit.net/af/5ab2eb/00000000000000007735c741/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/5ab2eb/00000000000000007735c741/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/5ab2eb/00000000000000007735c741/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "alternate-gothic-atf";
  src: url("https://use.typekit.net/af/18097b/00000000000000007735c74f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/18097b/00000000000000007735c74f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/18097b/00000000000000007735c74f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}
@font-face {
  font-family: "alternate-gothic-atf";
  src: url("https://use.typekit.net/af/13197b/00000000000000007735c74a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/13197b/00000000000000007735c74a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/13197b/00000000000000007735c74a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: "alternate-gothic-atf";
  src: url("https://use.typekit.net/af/889bfc/00000000000000007735c752/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/889bfc/00000000000000007735c752/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/889bfc/00000000000000007735c752/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: "alternate-gothic-atf";
  src: url("https://use.typekit.net/af/9a3e73/00000000000000007735c756/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/9a3e73/00000000000000007735c756/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/9a3e73/00000000000000007735c756/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
}
@font-face {
  font-family: "alternate-gothic-atf";
  src: url("https://use.typekit.net/af/fb328a/00000000000000007735c75b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/fb328a/00000000000000007735c75b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/fb328a/00000000000000007735c75b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
}
@font-face {
  font-family: "alternate-gothic-atf-thin";
  src: url("https://use.typekit.net/af/8f3cca/00000000000000007735c744/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"), url("https://use.typekit.net/af/8f3cca/00000000000000007735c744/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"), url("https://use.typekit.net/af/8f3cca/00000000000000007735c744/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
}
/* #2- FONTS
-------------------------------------------------- */
body {
  overflow-x: hidden;
}
* {
  outline: none!important;
}
*:focus {
  outline: none!important;
  border-style: none!important;
  box-shadow: none;
}
button:focus,
button:active,
button:hover {
  outline: none!important;
  box-shadow: none;
}
iframe {
  max-width: 100%;
}
img {
  max-width: 100%;
  height: auto;
}
.row ul {
  padding-left: 30px;
}
.hidden {
  visibility: hidden;
  width: 0px!important;
  height: 0px!important;
  margin: 0px!important;
  padding: 0px!important;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #E2001A;
  color: white;
}
/* #3- VARIABLES
-------------------------------------------------- */
/* #4- GLOBAL STYLES
-------------------------------------------------- */
.disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}
.btn-close {
  background: transparent url('assets/btn_close.svg') center / 1em auto no-repeat;
  z-index: 9999;
}
.modal-content {
  border: none;
}
.content,
.contenu {
  margin-top: 25px;
}
.content section,
.contenu section {
  padding: 15px 0;
}
@media (max-width: 992px) {
  .content,
  .contenu {
    padding: 0 30px;
  }
  .content section,
  .contenu section {
    padding-left: 30px!important;
    padding-right: 30px!important;
    margin: 0 -30px;
  }
}
.card-img,
.card-img-top {
  border-radius: 0px;
}
.lightbox {
  display: none;
  /* cachée par défaut */
  position: fixed;
  /* fixée et qui prend tout l'écran */
  z-index: 1000;
  /* Pour être sûr de passer au dessus du reste */
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  /* noire avec transparence */
  background-size: contain;
  /* l'image occupe tout l'espace disponible */
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  /* Le curseur a la même forme que sur un lien */
}
.acf-gallery {
  list-style-type: none;
  /* Retirer le style de liste */
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  /* Autoriser le retour à la ligne */
  margin-bottom: 55px;
}
.acf-gallery li {
  flex: 50%;
  padding: 10px;
}
.acf-gallery li:first-child {
  flex: 100%;
}
.entete {
  background-size: cover!important;
  background-position: center center!important;
}
@media (max-width: 992px) {
  .entete {
    padding-left: 15px;
  }
}
.col-20 {
  width: 20%;
}
h1 {
  font: bold 40px/50px "alternate-gothic-atf", sans-serif;
  color: #E2001A;
  padding: 15px;
  background-color: white;
  margin: 45px 0 0px 0;
  display: inline;
  width: auto!important;
}
h2 {
  font: bold 30px/38px "alternate-gothic-atf", sans-serif;
  color: #E2001A;
  text-transform: uppercase;
  margin-bottom: 25px;
}
h2:before {
  content: " ";
  width: 30px;
  height: 30px;
  display: block;
  border-left: 8px solid #E2001A;
  border-top: 8px solid #E2001A;
  position: relative;
  top: 14px;
  left: -25px;
}
h2 b,
h2 strong {
  font-weight: bold;
}
h3 {
  font: bold 25px/30px 'Lato', sans-serif;
}
h4 {
  font-family: 'Lato', sans-serif;
  color: #E2001A;
  font-size: 20px;
  line-height: 24px;
}
h5 {
  font: bolder 18px/24px 'Lato', sans-serif;
  color: #E2001A;
}
p {
  font: normal 15px/19px 'Lato', sans-serif;
  color: #5A5A5A;
}
ul li {
  font: normal 15px/19px 'Lato', sans-serif;
  color: #5A5A5A;
}
a {
  color: #E2001A;
  text-decoration: none;
}
.row ul {
  padding-left: 17px;
}
a.wp-block-button__link {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  background-color: white;
}
a.wp-block-button__link:focus {
  border: 1px solid #E2001A !important;
}
a.wp-block-button__link:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
a.wp-block-button__link:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
a.wp-block-button__link:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
a.wp-block-button__link:hover:after {
  opacity: 0;
}
#load-more {
  font: normal 15px/19px 'Lato', sans-serif;
  border: none;
  background: transparent;
  color: #505050;
}
#load-more:after {
  content: ' ';
  background-color: transparent;
  background-image: url(assets/button-arrow.svg);
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  display: block;
  margin: auto;
  text-align: center;
  transform: rotate(90deg);
  width: 45px;
  height: 45px;
  filter: brightness(0.3);
}
.breadcrumb {
  border-top: 1px solid #5A5A5A;
  border-bottom: 1px solid #5A5A5A;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .breadcrumb {
    overflow: scroll;
  }
}
.breadcrumb .fbc-page .fbc-wrap .fbc-items {
  background-color: transparent!important;
  border-radius: 0px;
  width: 100%;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .breadcrumb .fbc-page .fbc-wrap .fbc-items li:first-child {
    padding-left: 0px;
  }
}
.breadcrumb .fbc-page .fbc-wrap .fbc-items li a,
.breadcrumb .fbc-page .fbc-wrap .fbc-items li span {
  font: bold 12px/15px 'Lato', sans-serif !important;
  color: #5A5A5A !important;
  text-transform: uppercase;
}
.breadcrumb .fbc-page .fbc-wrap .fbc-items li a i,
.breadcrumb .fbc-page .fbc-wrap .fbc-items li span i {
  display: none;
}
.breadcrumb .fbc-page .fbc-wrap .fbc-items li.active a,
.breadcrumb .fbc-page .fbc-wrap .fbc-items li.active span {
  color: #E2001A !important;
}
.card {
  border-radius: 0px;
  border: 0px;
}
.card .card-title {
  margin-bottom: 18px;
}
.card img {
  filter: grayscale(100%);
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.card:hover img {
  filter: grayscale(0%);
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.section_image_et_texte {
  padding: 45px 0;
}
@media (max-width: 992px) {
  .section_image_et_texte {
    width: 100%;
  }
}
.section_image_et_texte h3 {
  font: bold 25px/30px 'Lato', sans-serif;
  color: #505050;
  background-color: white;
  padding: 60px;
  transform: translateX(-90px);
  margin-top: 0px;
}
@media (max-width: 1350px) {
  .section_image_et_texte h3 {
    transform: translateX(-50px);
  }
}
@media (max-width: 992px) {
  .section_image_et_texte h3 {
    transform: translateX(0px);
    padding: 20px 0;
    margin-top: 0px;
  }
}
.section_image_et_texte .my-auto {
  margin-top: 0px!important;
}
.section_image_et_texte p {
  padding-left: 40px;
}
@media (max-width: 992px) {
  .section_image_et_texte p {
    padding-left: 0px;
  }
}
.section_image_et_texte ul,
.section_image_et_texte ol {
  padding-left: 57px;
}
.section_image_et_texte ul li,
.section_image_et_texte ol li {
  color: #505050;
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  line-height: 19px;
}
.section_image_et_texte img {
  width: 100%;
}
.section_image_et_texte .description a {
  color: #E2001A;
  border: inherit;
  margin: 0;
  padding: 0;
  position: inherit;
  width: inherit;
  display: inherit;
  font: inherit;
}
.section_image_et_texte .description a:before,
.section_image_et_texte .description a:after {
  content: none;
}
@media (max-width: 992px) {
  .section_image_et_texte .description a {
    margin: 0px;
  }
}
.section_image_et_texte a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #F76640;
  border: 1px solid #F76640;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-left: 40px;
  margin-top: 30px;
}
.section_image_et_texte a:focus {
  border: 1px solid #F76640 !important;
}
.section_image_et_texte a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #F76640;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.section_image_et_texte a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #F76640;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.section_image_et_texte a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.section_image_et_texte a:hover:after {
  opacity: 0;
}
@media (max-width: 992px) {
  .section_image_et_texte a {
    margin-left: 0px;
  }
}
.image_legende {
  position: relative;
  margin-bottom: 100px;
}
.image_legende p {
  font: normal 15px/19px 'Lato', sans-serif;
  position: absolute;
  background: white;
  padding: 40px 0px 40px 60px;
  width: 50%;
  bottom: -20px;
  right: 0;
  font-weight: bolder;
}
@media (max-width: 992px) {
  .image_legende p {
    position: static;
    background: white;
    padding: 15px 0px 0px 0px;
    width: 100%;
    font-weight: bolder;
  }
}
.contact-block {
  border: 1px solid #505050;
  border-radius: 10px;
  padding: 30px;
}
.zoom_sur .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 992px) {
  .zoom_sur .row {
    flex-direction: column;
  }
}
.zoom_sur .row .my-auto {
  margin-top: 0px!important;
}
.zoom_sur h3 {
  font: bold 25px/30px 'Lato', sans-serif;
  color: #505050;
  background-color: white;
  padding: 60px;
  transform: translateX(-90px);
  margin-top: 0px;
}
@media (max-width: 1350px) {
  .zoom_sur h3 {
    transform: translateX(-50px);
  }
}
@media (max-width: 992px) {
  .zoom_sur h3 {
    transform: translateX(0px);
    padding: 20px 0;
    margin-top: 0px;
  }
}
.zoom_sur .texte {
  padding-left: 45px;
}
@media (max-width: 992px) {
  .zoom_sur .texte {
    padding-left: 0px;
  }
}
.zoom_sur img {
  width: 100%;
}
.zoom_sur .link {
  margin-left: 45px;
  margin-top: 30px;
}
@media (max-width: 992px) {
  .zoom_sur .link {
    margin-left: 0px;
  }
}
.zoom_sur .link a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.zoom_sur .link a:focus {
  border: 1px solid #E2001A !important;
}
.zoom_sur .link a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.zoom_sur .link a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.zoom_sur .link a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.zoom_sur .link a:hover:after {
  opacity: 0;
}
.zoom_sur a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.zoom_sur a:focus {
  border: 1px solid #E2001A !important;
}
.zoom_sur a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.zoom_sur a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.zoom_sur a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.zoom_sur a:hover:after {
  opacity: 0;
}
.carousel-indicators {
  position: absolute;
  right: 0px;
  top: -50px;
  left: 0;
  z-index: 2;
  display: block;
  text-align: right;
  padding: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  width: 17px;
  height: 17px;
  border-radius: 30px;
  border: 1px solid #E2001A;
  background-color: transparent!important;
  box-sizing: inherit;
  margin-right: 0px;
  margin-left: 16px;
}
.carousel-indicators [data-bs-target].active {
  background-color: #E2001A !important;
}
.carousel-control-prev,
.carousel-control-next {
  display: none;
}
.carousel img {
  filter: grayscale(100%);
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.carousel:hover img {
  filter: grayscale(0%);
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
@media (max-width: 992px) {
  .carousel .col-md-4 {
    margin-bottom: 30px;
  }
  .carousel .col-md-4 .card-body {
    padding: 0;
    margin-bottom: 15px;
  }
  .carousel .col-md-4 a.btn {
    font: bolder 13px/16px 'Lato', sans-serif;
    color: #E2001A;
    border: 1px solid #E2001A;
    text-decoration: none;
    padding: 0px 15px;
    position: relative;
    background: transparent;
    width: fit-content;
    border-radius: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  .carousel .col-md-4 a.btn:focus {
    border: 1px solid #E2001A !important;
  }
  .carousel .col-md-4 a.btn:after {
    content: " ";
    width: 25px;
    height: 26px;
    background-color: #E2001A;
    background-image: url('assets/button-arrow.svg');
    background-repeat: no-repeat;
    background-size: auto 48%;
    background-position: center center;
    position: relative;
    top: 0px;
    right: -15px;
    display: inline-block;
    text-align: center;
  }
  .carousel .col-md-4 a.btn:before {
    content: " ";
    width: 25px;
    height: 26px;
    background-color: #E2001A;
    background-image: url('assets/button-arrow.svg');
    background-repeat: no-repeat;
    background-size: auto 48%;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    text-align: center;
    width: 0%;
    transition: 200ms all ease-out;
  }
  .carousel .col-md-4 a.btn:hover:before {
    width: 100%;
    transition: 150ms all ease-out;
  }
  .carousel .col-md-4 a.btn:hover:after {
    opacity: 0;
  }
}
.carousel-caption {
  padding: 30px;
  background-color: white;
  position: absolute;
  right: 0;
  bottom: 0;
  left: unset;
  width: 40%;
  text-align: left;
}
.carousel-caption a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.carousel-caption a:focus {
  border: 1px solid #E2001A !important;
}
.carousel-caption a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.carousel-caption a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.carousel-caption a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.carousel-caption a:hover:after {
  opacity: 0;
}
a.back,
.btn_back {
  font: normal 14px/18px 'Lato', sans-serif;
  color: #505050;
  float: right;
  text-align: right;
  margin-bottom: 15px;
  width: fit-content;
  margin: 0 0 0 auto;
}
a.back:before,
.btn_back:before {
  content: ' ';
  width: 18px;
  height: 20px;
  margin-top: 4px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url('assets/back-btn.png');
  display: inline-block;
  vertical-align: text-top;
  margin-right: 5px;
}
a.back:hover,
.btn_back:hover {
  background: red;
  border-radius: 0px;
  color: white;
}
a.back:hover:before,
.btn_back:hover:before {
  filter: brightness(100);
}
.tribe-events-cal-links,
.wpulike-heart button.wp_ulike_btn {
  display: none;
  width: 0px!important;
}
table a:link {
  color: #666;
  font-weight: bold;
  text-decoration: none;
}
table a:visited {
  color: #999999;
  font-weight: bold;
  text-decoration: none;
}
table a:active,
table a:hover {
  color: #bd5a35;
  text-decoration: underline;
}
table {
  font: normal 15px/19px 'Lato', sans-serif;
  color: #505050;
  text-shadow: 1px 1px 0px #fff;
  background: #eaebec;
  margin: 20px;
  margin-left: 10px;
  border: #ccc 1px solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
table th {
  padding: 21px 25px 22px 25px;
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #e0e0e0;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
  background: -moz-linear-gradient(top, #ededed, #ebebeb);
}
table th:first-child {
  text-align: left;
  padding-left: 20px;
}
table tr:first-child th:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}
table tr:first-child th:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
table tr {
  text-align: center;
  padding-left: 20px;
}
table td:first-child {
  text-align: left;
  padding-left: 20px;
  border-left: 0;
}
table td {
  padding: 18px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  background: #fafafa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
  background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}
table tr.even td {
  background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
  background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}
table tr:last-child td {
  border-bottom: 0;
}
table tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
table tr:last-child td:last-child {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
table tr:hover td {
  background: #f2f2f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
  background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}
/* #5- NAVBAR
-------------------------------------------------- */
#v-pills-tabContent .card {
  padding: 40px 15px 0 15px;
}
#v-pills-tabContent .col-lg-4 {
  margin-bottom: 0;
  margin-top: 0;
}
.navbar {
  background: white;
  height: 110px;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.navbar .co {
  margin-left: 50px;
}
.navbar .co a {
  margin-right: 10px;
}
.navbar .logonav img {
  height: 40px;
  width: auto;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.navbar.scroll .logonav img {
  width: 160px;
}
.navbar .rs {
  display: inline-block;
  padding-top: 10px;
}
.navbar #btn_search {
  font-size: 16px;
  display: flex;
  flex-direction: row;
}
.navbar #btn_search:before {
  content: '';
  background-image: url('assets/btn_search.svg');
  background-size: cover;
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-right: 6px;
}
.navbar #btn_autour {
  font-size: 16px;
  display: flex;
  flex-direction: row;
}
.navbar #btn_autour:before {
  content: '';
  background-image: url('assets/btn_autour.svg');
  background-size: cover;
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-right: 6px;
}
.navbar #btn_compte_citoyen {
  opacity: 0.4;
}
.navbar #btn_compte_citoyen:hover,
.navbar #btn_compte_citoyen:focus {
  background: transparent;
  box-shadow: none;
  color: #E2001A;
}
.navbar #btn_compte_citoyen,
.navbar #btn_compte {
  margin-left: 50px;
  font-weight: 500;
  opacity: 0.4;
  cursor: unset;
  font-size: 16px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.navbar #btn_compte_citoyen:before,
.navbar #btn_compte:before {
  content: '';
  background-image: url('assets/btn_compte.svg');
  background-size: cover;
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 6px;
}
.navbar #btn_compte_citoyen:hover,
.navbar #btn_compte:hover {
  color: #E2001A;
}
.navbar #btn_clic {
  font-size: 16px;
  display: flex;
  flex-direction: row;
}
.navbar #btn_clic:before {
  content: '';
  background-image: url('assets/btn_clic.svg');
  background-size: cover;
  position: relative;
  width: 11px;
  height: 17px;
  margin-top: 2px;
  margin-right: 6px;
}
.navbar #btn_maville a {
  font-size: 16px;
  display: flex;
  flex-direction: row;
}
.navbar #btn_maville a:before {
  content: '';
  background-image: url('assets/btn_ville.svg');
  background-size: cover;
  position: relative;
  width: 16px;
  height: 17px;
  margin-top: 2px;
  margin-right: 6px;
}
.navbar .special_menu {
  padding: 0;
  list-style: none;
  display: inline-block;
}
.navbar .special_menu .commerces {
  display: none;
}
.navbar .special_menu a:hover,
.navbar .special_menu a:focus {
  color: #E2001A;
}
.navbar #menu-menu-footer-rs {
  padding-right: 30px;
  margin-top: -7px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  align-content: space-around;
}
.navbar #menu-menu-footer-rs li {
  display: inline-block;
  padding: 0 5px;
}
.navbar #menu-menu-footer-rs li .dashicons {
  color: #E2001A;
}
.navbar .menu_left {
  padding-bottom: 10px;
}
.navbar .menu_left a,
.navbar .menu_left button {
  font-size: 17px;
  line-height: 20px;
  font-weight: 400;
  color: #E2001A;
  display: block;
  padding: 0 15px;
  opacity: 0.8;
  border: none!important;
  margin-right: 0!important;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  cursor: pointer;
}
.navbar .menu_left a:hover,
.navbar .menu_left button:hover,
.navbar .menu_left a:focus,
.navbar .menu_left button:focus {
  background: transparent;
  opacity: 1;
}
.navbar .menu_left a:after,
.navbar .menu_left button:after {
  display: none!important;
}
.navbar .menu_right {
  padding-top: 30px;
}
.navbar .menu_right .special_menu li {
  display: inline-block;
}
.navbar .menu_right #close_m {
  position: fixed;
  right: 40px;
  top: 40px;
  width: 1em;
  height: 1em;
  border: 0px;
  background: transparent;
  color: #E2001A;
  font-size: 50px;
  font-family: inherit;
}
.navbar #reveal-click {
  cursor: pointer;
  color: #E2001A;
  position: absolute;
  top: 50px;
}
.navbar .menu-item {
  opacity: 0.7;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.navbar .menu-item a {
  font-size: 17px;
  line-height: 20px;
  font-weight: 400;
  color: white;
}
.navbar .menu-item:hover,
.navbar .menu-item.active {
  opacity: 1;
}
.navbar .menu-item:hover a,
.navbar .menu-item.active a {
  color: #000000;
}
.navbar .row_general {
  min-width: 100vw;
}
.navbar button,
.navbar .nav-link {
  appearance: none;
  padding: 0;
  color: #E2001A;
  background-color: transparent;
  text-align: left;
  font: normal 12px/15px 'Lato', sans-serif;
  font-weight: bolder;
  border: 0px;
}
.navbar .navbar-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
.navbar ul.navbar-nav {
  padding-left: 0;
  padding-top: 20px;
}
.navbar .hiden-smart {
  display: none!important;
}
@media (max-width: 1200px) {
  .navbar #primaryNav {
    position: absolute;
    background: white;
    z-index: 3;
    top: 50px;
    left: 12px;
    width: 100vw;
  }
  .navbar #primaryNav .hiden-smart {
    display: block!important;
  }
  .navbar #primaryNav ul.navbar-nav {
    width: 100%;
  }
  .navbar #primaryNav ul.navbar-nav li {
    height: 50px;
    border-bottom: 1px solid #E2001A;
    width: 100vw;
    margin-left: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .navbar #primaryNav ul.navbar-nav li a {
    text-align: center;
    font-size: 16px!important;
  }
  .navbar .menu_right {
    display: none!important;
  }
  .navbar .text-right {
    text-align: right;
  }
}
.navbar-toggler:focus {
  box-shadow: none;
}
#btn_jesuis a,
#btn_actualites a,
#btn_mesdemarches a,
#btn_auquotidien a {
  font-size: 12px;
}
.onlymobil {
  display: none;
}
@media (max-width: 1200px) {
  .onlymobil {
    display: block;
  }
}
#customdrop {
  position: unset;
}
#customdrop .special_btn_menu {
  opacity: 0;
}
#customdrop .special_btn_menu p {
  font-size: 13px;
  line-height: 16px;
  padding: 5px 0 0 0;
}
#customdrop .special_btn_menu.opanone {
  opacity: 0;
}
#customdrop .special_btn_menu a:hover,
#customdrop .special_btn_menu a:focus {
  color: #E2001A;
}
#customdrop .cvalink .cva {
  float: right;
  margin-bottom: 20px;
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#customdrop .cvalink .cva:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
#customdrop .cvalink .cva:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
#customdrop .cvalink .cva:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
#customdrop .cvalink .cva:hover:after {
  opacity: 0;
}
#customdrop #special_btn_menu {
  width: 100px;
  font: bolder 13px/16px 'Lato', sans-serif;
  color: white;
  border: 1px solid #F76640;
  text-decoration: none;
  padding: 5px 15px;
  position: relative;
  background: #F76640;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
#customdrop #special_btn_menu:hover {
  background-color: #E2001A;
}
#customdrop .dropdown-menu {
  display: none;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.97);
  padding-top: 40px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 0px;
}
#customdrop .dropdown-menu.show {
  display: block!important;
}
@media (max-width: 992px) {
  #customdrop .dropdown-menu {
    position: fixed;
  }
}
#customdrop .dropdown-menu h3 {
  font: bold 20px/20px 'Lato', sans-serif;
  color: #E2001A;
}
#customdrop .dropdown-menu button {
  text-align: center;
}
#customdrop .dropdown-menu button:before {
  display: none;
}
@media (max-width: 992px) {
  #customdrop .dropdown-menu .d-flex.align-items-start {
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-start;
  }
}
#customdrop .dropdown-menu .nav-pills {
  position: sticky;
  top: 0px;
}
@media (max-width: 992px) {
  #customdrop .dropdown-menu .nav-pills {
    flex-direction: row!important;
    flex-wrap: nowrap;
  }
}
#customdrop .dropdown-menu .nav-pills .nav-link {
  border-radius: 0px;
  font: bold 20px/20px 'Lato', sans-serif;
  font-family: "alternate-gothic-atf", sans-serif;
  text-transform: uppercase;
  display: flex!important;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
  flex-wrap: nowrap;
}
#customdrop .dropdown-menu .nav-pills .nav-link.active {
  background-color: #E2001A;
}
@media (max-width: 992px) {
  #customdrop .dropdown-menu .nav-pills .nav-link {
    font-size: 18px;
    width: 25%;
  }
}
#customdrop .dropdown-menu .tab-content {
  padding: 0px 120px;
}
@media (max-width: 992px) {
  #customdrop .dropdown-menu .tab-content {
    flex-direction: row!important;
    padding: 30px 30px;
  }
}
#customdrop .dropdown-menu .tab-content .agenda .container {
  margin-bottom: 0px;
}
#customdrop .dropdown-menu .tab-content .agenda .card .card-body,
#customdrop .dropdown-menu .tab-content .agenda .card .card-footer {
  padding-left: 0px;
  padding-right: 0px;
}
#customdrop .dropdown-menu .tab-content .agenda .card .card-footer {
  border-bottom: #E2001A 5px solid;
}
#customdrop .dropdown-menu .card {
  background-color: transparent;
  padding: 40px 15px;
}
#customdrop .dropdown-menu .card h4 {
  font: bold 20px/20px 'Lato', sans-serif;
  color: #E2001A;
}
#customdrop .dropdown-menu .card a {
  margin-top: 20px;
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#customdrop .dropdown-menu .card a:focus {
  border: 1px solid #E2001A !important;
}
#customdrop .dropdown-menu .card a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
#customdrop .dropdown-menu .card a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
#customdrop .dropdown-menu .card a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
#customdrop .dropdown-menu .card a:hover:after {
  opacity: 0;
}
#customdrop .dropdown-menu .card .img_card .card-link {
  margin-top: 0px;
}
@media (max-width: 992px) {
  #customdrop .dropdown-menu .card .img_card .card-link {
    margin-right: -10px;
  }
}
#customdrop .dropdown-menu .card .img_card .card-link:after {
  display: none;
}
#customdrop .dropdown-menu .card .img_card .end-0 {
  right: 40px!important;
  top: 40px!important;
  background-color: #E2001A;
  width: 40px;
}
#customdrop .dropdown-menu .card .img_card .end-0 a {
  width: 40px;
  height: 40px;
  padding: 10px;
}
#customdrop .dropdown-menu .card .img_card .end-0 a:before {
  content: none;
}
#customdrop .dropdown-menu .card .card-footer {
  background-color: transparent;
  border: 0px;
}
#customdrop .dropdown-menu #v-pills-home0 .row:first-child {
  border-bottom: 1px solid #505050;
}
#customdrop .dropdown-menu #v-pills-home1 .actu_venir {
  position: relative;
}
#customdrop .dropdown-menu #v-pills-home1 .actu_venir img {
  filter: none;
}
#customdrop .dropdown-menu #v-pills-home1 .actu_venir a {
  position: absolute;
  border: 1px solid white;
  color: white;
  bottom: 70px;
  right: 120px;
}
#customdrop .dropdown-menu #v-pills-home1 .actu_venir a:after {
  background-color: white;
  background-image: url(assets/button-arrow-red.svg);
}
#customdrop .dropdown-menu #v-pills-home1 .actu_venir a:after {
  background-color: white;
}
#customdrop .dropdown-menu #v-pills-home2 .row {
  border-bottom: 1px solid #505050;
}
#customdrop .dropdown-menu #v-pills-home2 .row:last-child {
  border-bottom: 0px;
}
#customdrop .dropdown-menu #v-pills-home3 .card {
  padding: 40px 15px 0 15px;
}
#customdrop .dropdown-menu #v-pills-home3 .card-body {
  border-right: 1px solid #505050;
  margin: 25px 0 25px 0;
  padding-top: 0px;
  padding-bottom: 0px;
}
#customdrop .nav-link:not(.dropdown-toggle) {
  width: calc((100vh - 120px)/4);
  height: calc((100vh - 120px)/4);
}
#customdrop .agenda .card .card-body {
  padding-bottom: 0;
}
#customdrop .agenda .card .card-footer {
  position: relative;
  padding-bottom: 20px;
}
#customdrop .agenda .card .wpulike-heart {
  position: absolute;
  top: 16px;
  right: 0;
}
.modal-backdrop.show {
  background-color: white;
  opacity: 1;
}
#recherche .modal-dialog {
  max-width: 700px;
}
#recherche .modal-dialog .modal-content {
  border: 0px;
}
#recherche .modal-dialog .modal-content .modal-header {
  border: 0px;
}
#recherche .modal-dialog .modal-content .modal-body {
  translate: 0% 0%;
}
#recherche .modal-dialog .modal-content .modal-body .btn-outline-success:after {
  width: 63px;
  right: 50px;
  background: transparent;
}
@media (max-width: 992px) {
  #recherche .modal-dialog .modal-content .modal-body .input-group {
    width: 90%;
  }
}
#recherche .modal-dialog .modal-content .modal-body .input-group:before {
  content: " ";
  width: 30px;
  height: 30px;
  display: block;
  border-left: 8px solid #E2001A;
  border-top: 8px solid #E2001A;
  position: relative;
  top: -10px;
  left: 5px;
}
#recherche .modal-dialog .modal-content .modal-body .input-group .form-control {
  border: 0px;
  border-radius: 0px;
  border-bottom: 5px solid #E2001A;
  background: white;
  color: #E2001A;
  padding: 10px 0px;
  padding-right: 100px;
  font: bold 35px/42px 'Lato', sans-serif;
}
@media (max-width: 992px) {
  #recherche .modal-dialog .modal-content .modal-body .input-group .form-control {
    width: 70%;
  }
}
#recherche .modal-dialog .modal-content .modal-body .input-group .form-control::placeholder {
  color: #E2001A;
}
#recherche .modal-dialog .modal-content .modal-body .input-group .btn.btn-outline-success {
  font-size: 0px;
  border: 0px;
  left: -40px;
}
#recherche .modal-dialog .modal-content .modal-body .input-group .btn.btn-outline-success:before {
  content: " ";
  background-image: url('assets/search_large.png');
  position: absolute;
  width: 35px;
  height: 35px;
  display: block;
  top: 12px;
  left: 0;
}
#recherche .modal-dialog .modal-content .modal-body .input-group .btn.btn-outline-success:hover {
  background-color: transparent;
}
@media (max-width: 992px) {
  #recherche .modal-dialog .modal-content .modal-body .input-group .btn.btn-outline-success {
    position: absolute;
    right: -20px;
  }
}
/* #6- FOOTER
-------------------------------------------------- */
.footer {
  padding: 30px 0 50px 0;
}
@media (max-width: 992px) {
  .footer .text-light .row {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
  }
  .footer .text-light .row .col ul {
    padding-left: 0px;
    margin-top: 15px!important;
  }
  .footer .justify-content-between .col-lg-2,
  .footer .justify-content-between .col {
    text-align: center;
  }
}
.footer .copy p {
  margin-bottom: 0;
  font-size: 10px;
  line-height: 13px;
}
.footer li {
  list-style: none;
}
.footer li a {
  font-family: 'Lato', sans-serif;
  color: #505050;
  font-size: 14px;
  font-weight: 800;
  line-height: 18px;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  white-space: nowrap;
}
.footer li a:hover {
  color: #E2001A;
}
.footer #menu-menu-footer-rs-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  align-content: space-around;
}
@media (max-width: 992px) {
  .footer #menu-menu-footer-rs-1 {
    justify-content: center;
  }
}
.footer #menu-menu-footer-rs-1 li {
  display: inline-block;
}
@media (max-width: 992px) {
  .footer #menu-menu-footer-rs-1 li {
    padding: 10px;
  }
}
.footer #menu-menu-footer-rs-1 .dashicons-admin-comments {
  margin-bottom: 3px;
}
.footer #menu-menu-footer-rs-1 .dashicons-admin-comments:before {
  filter: brightness(0);
}
.footer_horaire {
  margin-top: 120px;
  padding: 30px 0 60px 0!important;
  background: #E2001A;
}
.footer_horaire #btn_h_a {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  border: none;
  color: white;
  font-size: 15px;
  line-height: 25px;
}
.footer_horaire #btn_h_a:after {
  content: none;
}
@media (max-width: 992px) {
  .footer_horaire {
    padding: 30px!important;
  }
}
.footer_horaire h2 {
  color: white;
}
.footer_horaire h2:before {
  border-color: white;
}
.footer_horaire p,
.footer_horaire a,
.footer_horaire a:hover {
  margin-bottom: 0;
  color: white;
  font-size: 15px;
  line-height: 25px;
}
/* #7- HOME
-------------------------------------------------- */
.home .actualite .wpulike {
  position: absolute;
  right: 27px;
}
.demarches_slide .carousel-control-prev,
.demarches_slide .carousel-control-next {
  display: block;
}
@media (max-width: 768px) {
  .demarches_slide .carousel-control-prev,
  .demarches_slide .carousel-control-next {
    display: none;
  }
}
.demarches_slide .carousel-inner {
  padding: 1em;
}
.demarches_slide .card {
  border: none;
}
.demarches_slide .card .card-img img.card-img-top {
  width: auto!important;
}
.demarches_slide .carousel-control-prev,
.demarches_slide .carousel-control-next {
  background-color: #e1e1e1;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.demarches_slide .carousel-item {
  display: none;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.demarches_slide .carousel-item.active {
  display: block;
}
.demarches_slide .card .img-wrapper {
  max-width: 100%;
  height: 13em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.demarches_slide .card img {
  max-height: 100%;
}
@media (max-width: 992px) {
  .demarches_slide .card .img-wrapper {
    height: 17em;
  }
}
.filters-button-group {
  margin-bottom: 30px;
}
.filters-button-group .btn {
  position: relative;
  border: 1px solid #E2001A;
  margin-right: 30px;
  margin-bottom: 10px;
  border-radius: 0;
  padding: 10px 45px 10px 10px;
}
.filters-button-group .btn span {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #E2001A;
  padding: 7px 9px;
}
.filters-button-group .btn span img {
  width: 15px;
}
.grid {
  min-height: 440px;
}
.grid img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.grid img:hover {
  -webkit-filter: grayscale(0%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}
.actualite .filters-button-group button {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
}
.actualite .grid {
  padding: 0px;
  left: -35px;
}
@media (max-width: 992px) {
  .actualite .grid {
    left: 0;
  }
}
.actualite .grid img {
  border-radius: 0px;
}
.actualite .card {
  border: none;
  padding: 0px 50px;
  cursor: pointer;
}
.actualite .card.hidden {
  display: none!important;
}
@media (max-width: 992px) {
  .actualite .card {
    padding: 0px;
  }
}
.actualite .card .img_card {
  overflow: hidden;
  height: 180px;
}
.actualite .card .img_card .end-0 {
  right: 20px!important;
}
@media (max-width: 992px) {
  .actualite .card .img_card .end-0 {
    right: -30px !important;
  }
}
.actualite .card .img_card .card-link {
  width: 45px;
  height: 40px;
  background-color: #E2001A;
  display: block;
  margin-right: 30px;
  text-align: center;
  padding-top: 5px;
}
.actualite .card .img_card .card-link img {
  height: 90%;
}
.actualite .card .card-body {
  padding: 1rem 0;
}
.actualite .card .card-body h3 {
  font: bolder 18px/24px 'Lato', sans-serif;
  color: #E2001A;
}
.actualite .card .card-body .card-footer {
  padding: 0;
  background: none;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border: none;
  border-bottom: 5px solid #E2001A;
  padding-bottom: 15px;
}
.actualite .card .card-body .card-footer a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
}
.actualite .card .card-body .card-footer a:focus {
  border: 1px solid #E2001A !important;
}
.actualite .card .card-body .card-footer a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.actualite .card .card-body .card-footer a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.actualite .card .card-body .card-footer a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.actualite .card .card-body .card-footer a:hover:after {
  opacity: 0;
}
.actualite .card .card-body .card-footer a:after {
  top: 0px;
  vertical-align: middle;
}
.actualite .card .card-body .card-footer .wpulike-heart .wp_ulike_general_class {
  box-shadow: none;
  padding: 0;
}
.actualite .card .card-body .card-footer .wpulike-heart .count-box {
  display: none;
}
#tribe-events-pg-template {
  max-width: none;
  padding: 0px;
}
.single h2 {
  margin-bottom: 30px;
}
.single .btn:not(.btn_back) {
  position: relative;
  border: 1px solid #E2001A;
  margin-right: 20px;
  border-radius: 0;
  padding: 10px 45px 10px 10px;
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
}
.single .btn:not(.btn_back) span {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #E2001A;
  padding: 7px 9px;
  z-index: 2;
}
.single .btn:not(.btn_back) span img {
  width: 15px;
}
.single .btn:not(.btn_back):after {
  content: ' ';
  width: 33px;
  height: 100%;
  background-size: 70% auto;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #E2001A;
}
.single .btn:not(.btn_back).ris-autrement:after {
  background-image: url('https://www.mairie-ris-orangis.fr/wp-content/uploads/2022/04/autrement.svg');
}
.single .btn:not(.btn_back).coup-de-projecteur:after {
  background-image: url('https://www.mairie-ris-orangis.fr/wp-content/uploads/2022/04/projecteur.svg');
}
.single .btn:not(.btn_back).lessentiel:after {
  background-image: url('https://www.mairie-ris-orangis.fr/wp-content/uploads/2022/04/essentiel.svg');
}
.single .tribe-events-cal-links button.btn-secondary:hover,
.single .tribe-events-cal-links button.btn-secondary:focus {
  background-color: transparent;
  border: none;
}
.single .tribe-events-cal-links button:after {
  width: 25px;
  min-height: 25px;
  margin-top: 4px;
}
.single .wp-block-image {
  margin-bottom: 30px;
}
.single #nf-field-24-container {
  width: 50%;
  float: right;
  margin-top: -200px;
}
.single #nf-field-21,
.single #nf-field-22,
.single #nf-field-23 {
  width: 45%!important;
  border-bottom: 3px solid #E2001A !important;
}
.single #nf-form-title-4 {
  display: none;
}
.single #nf-field-25 {
  float: right;
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.single #nf-field-25:focus {
  border: 1px solid #E2001A !important;
}
.single #nf-field-25:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.single #nf-field-25:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.single #nf-field-25:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.single #nf-field-25:hover:after {
  opacity: 0;
}
.single .formulaire {
  margin-top: 83px;
}
.single .faq {
  padding-top: 46px;
}
.single .faq .accordion-item .accordion-button {
  font-weight: normal;
}
.single .en_images {
  margin-top: 27px;
}
.similaire {
  background-color: white;
}
.similaire .card a.btn {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-left: 15px;
}
.similaire .card a.btn:focus {
  border: 1px solid #E2001A !important;
}
.similaire .card a.btn:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.similaire .card a.btn:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.similaire .card a.btn:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.similaire .card a.btn:hover:after {
  opacity: 0;
}
.similaire .col-md-4 a.btn,
.similaire .col-md-4 .btn:not(.btn_back),
.similaire .col-md-4 a.btn:not(.btn_back) {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-left: 15px;
}
.similaire .col-md-4 a.btn:focus,
.similaire .col-md-4 .btn:not(.btn_back):focus,
.similaire .col-md-4 a.btn:not(.btn_back):focus {
  border: 1px solid #E2001A !important;
}
.similaire .col-md-4 a.btn:after,
.similaire .col-md-4 .btn:not(.btn_back):after,
.similaire .col-md-4 a.btn:not(.btn_back):after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.similaire .col-md-4 a.btn:before,
.similaire .col-md-4 .btn:not(.btn_back):before,
.similaire .col-md-4 a.btn:not(.btn_back):before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.similaire .col-md-4 a.btn:hover:before,
.similaire .col-md-4 .btn:not(.btn_back):hover:before,
.similaire .col-md-4 a.btn:not(.btn_back):hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.similaire .col-md-4 a.btn:hover:after,
.similaire .col-md-4 .btn:not(.btn_back):hover:after,
.similaire .col-md-4 a.btn:not(.btn_back):hover:after {
  opacity: 0;
}
@media (max-width: 992px) {
  .similaire .col-md-4 a.btn,
  .similaire .col-md-4 .btn:not(.btn_back),
  .similaire .col-md-4 a.btn:not(.btn_back) {
    margin-left: 0px;
  }
}
.date {
  font: normal 14px/18px 'Lato', sans-serif;
  color: #505050;
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.date div {
  margin-right: 10px;
}
.wpulike-heart .wp_ulike_general_class {
  box-shadow: none;
  padding: 0;
}
.wpulike-heart .count-box {
  display: none;
}
.tribe-events-cal-links button {
  background-color: transparent;
  font: normal 12px/20px 'Lato', sans-serif;
  color: black;
  border: none;
}
.tribe-events-cal-links button:after {
  content: ' ';
  margin-left: 10px;
  background-image: url('assets/calendar.svg');
  background-repeat: no-repeat;
  background-size: 90% auto;
  width: 15px;
  min-height: 15px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 100%;
  border: none;
}
.share {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.share div {
  height: 40px!important;
  width: 40px!important;
  margin: 0;
  padding: 0;
}
.share .wpulike {
  width: 0px!important;
}
.share a.back {
  position: absolute;
  right: 0px;
}
.agenda .container {
  margin-bottom: 25px;
}
.agenda .breadcrumb .container {
  margin-bottom: 0;
}
.agenda .col-md-12 {
  background-color: #F76640;
}
.agenda .col-md-12 p {
  color: white;
}
.agenda .col-md-12 .col-md-3,
.agenda .col-md-12 .col-md-9 {
  border-bottom: 1px solid white;
}
@media (max-width: 992px) {
  .agenda .col-md-12 .col-md-3,
  .agenda .col-md-12 .col-md-9 {
    padding: 30px 0;
  }
}
.agenda .col-md-12 .col-md-3 {
  border-right: 1px dotted white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  align-content: center;
}
.agenda .col-md-12 .event-day,
.agenda .col-md-12 .event-year {
  font: bold 15px/19px "alternate-gothic-atf", sans-serif;
  text-align: center;
  color: white;
}
.agenda .col-md-12 .event-day-month {
  font: bold 40px/20px "alternate-gothic-atf", sans-serif;
  text-align: center;
  color: white;
}
.agenda .col-md-12 .col-md-9 {
  padding: 12px 20px 25px 60px;
}
@media (max-width: 992px) {
  .agenda .col-md-12 .col-md-9 {
    padding: 30px;
  }
}
.agenda .col-md-12 .col-md-9 .col-md-4,
.agenda .col-md-12 .col-md-9 .col-md-8 {
  border: none;
  padding-bottom: 25px;
}
@media (max-width: 992px) {
  .agenda .col-md-12 .col-md-9 .col-md-4,
  .agenda .col-md-12 .col-md-9 .col-md-8 {
    padding-bottom: 10px;
  }
  .agenda .col-md-12 .col-md-9 .col-md-4 img,
  .agenda .col-md-12 .col-md-9 .col-md-8 img {
    margin-top: 15px;
  }
}
.agenda .col-md-12 .col-md-9 .title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.agenda .col-md-12 .col-md-9 .title h2 {
  font: normal 25px/31px;
  color: white;
  padding: 0;
  margin-bottom: 0px;
  text-transform: none;
}
.agenda .col-md-12 .col-md-9 .title h2:before {
  content: none;
}
.agenda .col-md-12 .col-md-9 .tribe-events-cal-links button {
  background-color: transparent;
  font: normal 12px/20px 'Lato', sans-serif;
  color: black;
  border: none;
}
.agenda .col-md-12 .col-md-9 .tribe-events-cal-links button:after {
  content: ' ';
  margin-left: 10px;
  background-image: url('assets/calendar.svg');
  background-repeat: no-repeat;
  background-size: 90% auto;
  width: 15px;
  min-height: 15px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 100%;
  border: none;
}
.agenda .col-md-12 .col-md-9 .infos {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  font: normal 12px/20px 'Lato', sans-serif;
  color: black;
  margin-bottom: -15px;
}
@media (max-width: 992px) {
  .agenda .col-md-12 .col-md-9 .infos {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.agenda .col-md-12 .col-md-9 .infos .col-md-4,
.agenda .col-md-12 .col-md-9 .infos .col-md-8 {
  border: none;
  display: inherit;
  flex-direction: unset;
  justify-content: left;
}
.agenda .col-md-12 .col-md-9 .infos .start:before {
  content: ' ';
  margin-right: 10px;
  background-image: url('assets/clock.svg');
  background-repeat: no-repeat;
  background-size: 90% auto;
  width: 15px;
  min-height: 15px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 100%;
}
.agenda .col-md-12 .col-md-9 .infos .end:before {
  content: "-";
}
.agenda .col-md-12 .col-md-9 .infos .place:before {
  content: ' ';
  margin-right: 10px;
  background-image: url('assets/place.svg');
  background-repeat: no-repeat;
  background-size: 90% auto;
  width: 10px;
  min-height: 10px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 100%;
}
.agenda .col-md-12 .col-md-9 .col-md-8 a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: white;
  border: 1px solid white;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.agenda .col-md-12 .col-md-9 .col-md-8 a:focus {
  border: 1px solid white !important;
}
.agenda .col-md-12 .col-md-9 .col-md-8 a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: white;
  background-image: url('assets/button-arrow-orange.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.agenda .col-md-12 .col-md-9 .col-md-8 a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: white;
  background-image: url('assets/button-arrow-orange.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.agenda .col-md-12 .col-md-9 .col-md-8 a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.agenda .col-md-12 .col-md-9 .col-md-8 a:hover:after {
  opacity: 0;
}
.agenda a.more {
  margin: auto;
  margin-top: 25px;
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #F76640;
  border: 1px solid #F76640;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.agenda a.more:focus {
  border: 1px solid #F76640 !important;
}
.agenda a.more:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #F76640;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.agenda a.more:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #F76640;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.agenda a.more:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.agenda a.more:hover:after {
  opacity: 0;
}
.moncompte,
.moncompte_light {
  margin-top: 120px;
}
.moncompte .container,
.moncompte_light .container {
  background-color: #F76640;
  border-radius: 10px 10px 0 0;
  padding-bottom: 25px;
  padding: 40px 70px 25px 70px;
}
@media (max-width: 992px) {
  .moncompte .container,
  .moncompte_light .container {
    padding: 20px 55px;
  }
}
.moncompte .container h2,
.moncompte_light .container h2 {
  color: white;
}
.moncompte .container h2:before,
.moncompte_light .container h2:before {
  border-color: white;
}
.moncompte .container p,
.moncompte_light .container p {
  color: white;
}
.moncompte .container a,
.moncompte_light .container a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: white;
  border: 1px solid white;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  float: right;
  width: 236px;
  height: 45px;
  font-size: 18px;
}
.moncompte .container a:focus,
.moncompte_light .container a:focus {
  border: 1px solid white !important;
}
.moncompte .container a:after,
.moncompte_light .container a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: white;
  background-image: url('assets/button-arrow-orange.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.moncompte .container a:before,
.moncompte_light .container a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: white;
  background-image: url('assets/button-arrow-orange.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.moncompte .container a:hover:before,
.moncompte_light .container a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.moncompte .container a:hover:after,
.moncompte_light .container a:hover:after {
  opacity: 0;
}
.moncompte .container a:after,
.moncompte_light .container a:after,
.moncompte .container a:before,
.moncompte_light .container a:before {
  width: 43px;
  height: 43px;
}
@media (max-width: 992px) {
  .moncompte .container a,
  .moncompte_light .container a {
    float: none;
  }
}
#mon-compte {
  background-color: #F76640;
  border-radius: 10px 10px 0 0;
  padding-bottom: 25px;
  padding: 40px 70px 25px 70px;
}
@media (max-width: 992px) {
  #mon-compte {
    padding: 20px 55px;
  }
}
#mon-compte h2 {
  color: white;
}
#mon-compte h2:before {
  border-color: white;
}
#mon-compte p {
  color: white;
}
#mon-compte a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: white;
  border: 1px solid white;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#mon-compte a:focus {
  border: 1px solid white !important;
}
#mon-compte a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: white;
  background-image: url('assets/button-arrow-orange.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
#mon-compte a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: white;
  background-image: url('assets/button-arrow-orange.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
#mon-compte a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
#mon-compte a:hover:after {
  opacity: 0;
}
#mon-compte .container {
  padding: 36px;
}
#mon-compte h2 {
  color: white;
  text-transform: none;
  font: bolder 20px/24px 'Lato', sans-serif;
}
#mon-compte h2:before {
  content: none;
}
#mon-compte a {
  margin-left: 10px;
}
.moncompte_light .container {
  padding: 36px;
}
.moncompte_light h2 {
  color: white;
  text-transform: none;
  font: bolder 20px/24px 'Lato', sans-serif;
}
.moncompte_light h2:before {
  content: none;
}
.moncompte_light a {
  margin-left: 10px;
}
.mon_compte {
  background-color: #F76640;
  border-radius: 10px 10px;
  padding-bottom: 25px;
  padding: 40px 70px 25px 70px;
}
@media (max-width: 992px) {
  .mon_compte {
    padding: 20px 55px;
  }
}
.mon_compte h2 {
  color: white;
}
.mon_compte h2:before {
  border-color: white;
}
.mon_compte p {
  color: white;
}
.mon_compte a {
  font: bolder 13px/16px 'Lato', sans-serif !important;
  color: white !important;
  border: 1px solid white !important;
  text-decoration: none !important;
  padding: 0px 15px !important;
  position: relative !important;
  background: transparent !important;
  width: fit-content !important;
  border-radius: 0px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-content: center !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.mon_compte a:focus {
  border: 1px solid white !important;
}
.mon_compte a:after {
  content: " " !important;
  width: 25px !important;
  height: 26px !important;
  background-color: white !important;
  background-image: url('assets/button-arrow-orange.svg') !important;
  background-repeat: no-repeat !important;
  background-size: auto 48% !important;
  background-position: center center !important;
  position: relative !important;
  top: 0px !important;
  right: -15px !important;
  display: inline-block !important;
  text-align: center !important;
}
.mon_compte a:before {
  content: " " !important;
  width: 25px !important;
  height: 26px !important;
  background-color: white !important;
  background-image: url('assets/button-arrow-orange.svg') !important;
  background-repeat: no-repeat !important;
  background-size: auto 48% !important;
  background-position: center center !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: inline-block !important;
  text-align: center !important;
  width: 0% !important;
  transition: 200ms all ease-out !important;
}
.mon_compte a:hover:before {
  width: 100% !important;
  transition: 150ms all ease-out !important;
}
.mon_compte a:hover:after {
  opacity: 0 !important;
}
.mon_compte .container {
  padding: 36px;
}
.mon_compte h2 {
  color: white;
  text-transform: none;
  font: bolder 20px/24px 'Lato', sans-serif;
}
.mon_compte h2:before {
  content: none;
}
@media (max-width: 992px) {
  .px-5 {
    padding: 0px!important;
  }
}
.derniere_minute .carousel-indicators {
  height: 17px;
}
.privacy-policy .simple_content h2,
.sitemap .simple_content h2,
.accessibilite .simple_content h2,
.credits .simple_content h2,
.privacy-policy .text_simple h2,
.sitemap .text_simple h2,
.accessibilite .text_simple h2,
.credits .text_simple h2,
.privacy-policy .simple_content h3,
.sitemap .simple_content h3,
.accessibilite .simple_content h3,
.credits .simple_content h3,
.privacy-policy .text_simple h3,
.sitemap .text_simple h3,
.accessibilite .text_simple h3,
.credits .text_simple h3 {
  font: bolder 15px/18px 'Lato', sans-serif;
  color: #505050;
  text-transform: uppercase;
  margin: 15px 0;
}
.privacy-policy .simple_content h2:before,
.sitemap .simple_content h2:before,
.accessibilite .simple_content h2:before,
.credits .simple_content h2:before,
.privacy-policy .text_simple h2:before,
.sitemap .text_simple h2:before,
.accessibilite .text_simple h2:before,
.credits .text_simple h2:before,
.privacy-policy .simple_content h3:before,
.sitemap .simple_content h3:before,
.accessibilite .simple_content h3:before,
.credits .simple_content h3:before,
.privacy-policy .text_simple h3:before,
.sitemap .text_simple h3:before,
.accessibilite .text_simple h3:before,
.credits .text_simple h3:before {
  content: none;
}
.privacy-policy .simple_content h3,
.sitemap .simple_content h3,
.accessibilite .simple_content h3,
.credits .simple_content h3,
.privacy-policy .text_simple h3,
.sitemap .text_simple h3,
.accessibilite .text_simple h3,
.credits .text_simple h3 {
  font: bolder 18px/24px 'Lato', sans-serif;
  text-transform: none;
}
.privacy-policy .simple_content a,
.sitemap .simple_content a,
.accessibilite .simple_content a,
.credits .simple_content a,
.privacy-policy .text_simple a,
.sitemap .text_simple a,
.accessibilite .text_simple a,
.credits .text_simple a {
  font: normal 15px/19px 'Lato', sans-serif;
  color: #E2001A;
}
.privacy-policy .simple_content a:hover,
.sitemap .simple_content a:hover,
.accessibilite .simple_content a:hover,
.credits .simple_content a:hover,
.privacy-policy .text_simple a:hover,
.sitemap .text_simple a:hover,
.accessibilite .text_simple a:hover,
.credits .text_simple a:hover {
  text-decoration: underline;
}
.privacy-policy .simple_content ul,
.sitemap .simple_content ul,
.accessibilite .simple_content ul,
.credits .simple_content ul,
.privacy-policy .text_simple ul,
.sitemap .text_simple ul,
.accessibilite .text_simple ul,
.credits .text_simple ul {
  list-style: none;
}
.je-suis .acutalite_du_moment .card,
.un-parent .acutalite_du_moment .card,
.petite-enfance-0-3ans .acutalite_du_moment .card,
.election .acutalite_du_moment .card,
#catgrid .acutalite_du_moment .card,
.parent_quotidien .acutalite_du_moment .card,
.term-sortie-nature .acutalite_du_moment .card,
.term-associations .acutalite_du_moment .card,
.page-child .acutalite_du_moment .card,
.ma-ville .acutalite_du_moment .card {
  padding: 0 15px 15px 15px;
  margin-top: 15px;
}
.je-suis .acutalite_du_moment .card .img_card .position-absolute a,
.un-parent .acutalite_du_moment .card .img_card .position-absolute a,
.petite-enfance-0-3ans .acutalite_du_moment .card .img_card .position-absolute a,
.election .acutalite_du_moment .card .img_card .position-absolute a,
#catgrid .acutalite_du_moment .card .img_card .position-absolute a,
.parent_quotidien .acutalite_du_moment .card .img_card .position-absolute a,
.term-sortie-nature .acutalite_du_moment .card .img_card .position-absolute a,
.term-associations .acutalite_du_moment .card .img_card .position-absolute a,
.page-child .acutalite_du_moment .card .img_card .position-absolute a,
.ma-ville .acutalite_du_moment .card .img_card .position-absolute a {
  padding-top: 8px;
  margin-top: 0;
}
.je-suis .grid,
.un-parent .grid,
.petite-enfance-0-3ans .grid,
.election .grid,
#catgrid .grid,
.parent_quotidien .grid,
.term-sortie-nature .grid,
.term-associations .grid,
.page-child .grid,
.ma-ville .grid {
  background: white!important;
  margin-left: -50px;
}
@media (max-width: 992px) {
  .je-suis .grid,
  .un-parent .grid,
  .petite-enfance-0-3ans .grid,
  .election .grid,
  #catgrid .grid,
  .parent_quotidien .grid,
  .term-sortie-nature .grid,
  .term-associations .grid,
  .page-child .grid,
  .ma-ville .grid {
    margin-left: 0px;
  }
}
.je-suis .cards,
.un-parent .cards,
.petite-enfance-0-3ans .cards,
.election .cards,
#catgrid .cards,
.parent_quotidien .cards,
.term-sortie-nature .cards,
.term-associations .cards,
.page-child .cards,
.ma-ville .cards {
  margin-bottom: 60px;
}
@media (max-width: 992px) {
  .je-suis .cards .card,
  .un-parent .cards .card,
  .petite-enfance-0-3ans .cards .card,
  .election .cards .card,
  #catgrid .cards .card,
  .parent_quotidien .cards .card,
  .term-sortie-nature .cards .card,
  .term-associations .cards .card,
  .page-child .cards .card,
  .ma-ville .cards .card {
    margin-top: 20px;
  }
}
.je-suis .card,
.un-parent .card,
.petite-enfance-0-3ans .card,
.election .card,
#catgrid .card,
.parent_quotidien .card,
.term-sortie-nature .card,
.term-associations .card,
.page-child .card,
.ma-ville .card {
  border: none;
  padding: 0px 50px;
  cursor: pointer;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .je-suis .card,
  .un-parent .card,
  .petite-enfance-0-3ans .card,
  .election .card,
  #catgrid .card,
  .parent_quotidien .card,
  .term-sortie-nature .card,
  .term-associations .card,
  .page-child .card,
  .ma-ville .card {
    margin-bottom: 15px;
    padding: 0px;
  }
}
.je-suis .card .img_card,
.un-parent .card .img_card,
.petite-enfance-0-3ans .card .img_card,
.election .card .img_card,
#catgrid .card .img_card,
.parent_quotidien .card .img_card,
.term-sortie-nature .card .img_card,
.term-associations .card .img_card,
.page-child .card .img_card,
.ma-ville .card .img_card {
  overflow: hidden;
  height: 180px;
}
.je-suis .card .img_card .end-0,
.un-parent .card .img_card .end-0,
.petite-enfance-0-3ans .card .img_card .end-0,
.election .card .img_card .end-0,
#catgrid .card .img_card .end-0,
.parent_quotidien .card .img_card .end-0,
.term-sortie-nature .card .img_card .end-0,
.term-associations .card .img_card .end-0,
.page-child .card .img_card .end-0,
.ma-ville .card .img_card .end-0 {
  right: 20px!important;
}
.je-suis .card .img_card .card-link,
.un-parent .card .img_card .card-link,
.petite-enfance-0-3ans .card .img_card .card-link,
.election .card .img_card .card-link,
#catgrid .card .img_card .card-link,
.parent_quotidien .card .img_card .card-link,
.term-sortie-nature .card .img_card .card-link,
.term-associations .card .img_card .card-link,
.page-child .card .img_card .card-link,
.ma-ville .card .img_card .card-link {
  width: 45px;
  height: 40px;
  background-color: #E2001A;
  display: block;
  margin-right: 30px;
  text-align: center;
  padding-top: 5px;
}
.je-suis .card .card-img,
.un-parent .card .card-img,
.petite-enfance-0-3ans .card .card-img,
.election .card .card-img,
#catgrid .card .card-img,
.parent_quotidien .card .card-img,
.term-sortie-nature .card .card-img,
.term-associations .card .card-img,
.page-child .card .card-img,
.ma-ville .card .card-img,
.je-suis .card .card-img-top,
.un-parent .card .card-img-top,
.petite-enfance-0-3ans .card .card-img-top,
.election .card .card-img-top,
#catgrid .card .card-img-top,
.parent_quotidien .card .card-img-top,
.term-sortie-nature .card .card-img-top,
.term-associations .card .card-img-top,
.page-child .card .card-img-top,
.ma-ville .card .card-img-top {
  border-radius: 0px;
}
.je-suis .card .card-body,
.un-parent .card .card-body,
.petite-enfance-0-3ans .card .card-body,
.election .card .card-body,
#catgrid .card .card-body,
.parent_quotidien .card .card-body,
.term-sortie-nature .card .card-body,
.term-associations .card .card-body,
.page-child .card .card-body,
.ma-ville .card .card-body {
  padding: 1rem 0;
}
.je-suis .card .card-body h2,
.un-parent .card .card-body h2,
.petite-enfance-0-3ans .card .card-body h2,
.election .card .card-body h2,
#catgrid .card .card-body h2,
.parent_quotidien .card .card-body h2,
.term-sortie-nature .card .card-body h2,
.term-associations .card .card-body h2,
.page-child .card .card-body h2,
.ma-ville .card .card-body h2,
.je-suis .card .card-body h3,
.un-parent .card .card-body h3,
.petite-enfance-0-3ans .card .card-body h3,
.election .card .card-body h3,
#catgrid .card .card-body h3,
.parent_quotidien .card .card-body h3,
.term-sortie-nature .card .card-body h3,
.term-associations .card .card-body h3,
.page-child .card .card-body h3,
.ma-ville .card .card-body h3 {
  font: bolder 18px/24px 'Lato', sans-serif;
  color: #E2001A;
  text-transform: none;
}
.je-suis .card .card-body h2:before,
.un-parent .card .card-body h2:before,
.petite-enfance-0-3ans .card .card-body h2:before,
.election .card .card-body h2:before,
#catgrid .card .card-body h2:before,
.parent_quotidien .card .card-body h2:before,
.term-sortie-nature .card .card-body h2:before,
.term-associations .card .card-body h2:before,
.page-child .card .card-body h2:before,
.ma-ville .card .card-body h2:before,
.je-suis .card .card-body h3:before,
.un-parent .card .card-body h3:before,
.petite-enfance-0-3ans .card .card-body h3:before,
.election .card .card-body h3:before,
#catgrid .card .card-body h3:before,
.parent_quotidien .card .card-body h3:before,
.term-sortie-nature .card .card-body h3:before,
.term-associations .card .card-body h3:before,
.page-child .card .card-body h3:before,
.ma-ville .card .card-body h3:before {
  content: none;
}
.je-suis .card .card-body img,
.un-parent .card .card-body img,
.petite-enfance-0-3ans .card .card-body img,
.election .card .card-body img,
#catgrid .card .card-body img,
.parent_quotidien .card .card-body img,
.term-sortie-nature .card .card-body img,
.term-associations .card .card-body img,
.page-child .card .card-body img,
.ma-ville .card .card-body img {
  border-radius: 0px;
}
.je-suis .card .card-body .card-footer,
.un-parent .card .card-body .card-footer,
.petite-enfance-0-3ans .card .card-body .card-footer,
.election .card .card-body .card-footer,
#catgrid .card .card-body .card-footer,
.parent_quotidien .card .card-body .card-footer,
.term-sortie-nature .card .card-body .card-footer,
.term-associations .card .card-body .card-footer,
.page-child .card .card-body .card-footer,
.ma-ville .card .card-body .card-footer {
  padding: 0;
  background: none;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border: none;
  border-bottom: 5px solid #E2001A;
  padding-bottom: 15px;
}
.je-suis .card a,
.un-parent .card a,
.petite-enfance-0-3ans .card a,
.election .card a,
#catgrid .card a,
.parent_quotidien .card a,
.term-sortie-nature .card a,
.term-associations .card a,
.page-child .card a,
.ma-ville .card a {
  margin-top: 15px;
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
}
.je-suis .card a:focus,
.un-parent .card a:focus,
.petite-enfance-0-3ans .card a:focus,
.election .card a:focus,
#catgrid .card a:focus,
.parent_quotidien .card a:focus,
.term-sortie-nature .card a:focus,
.term-associations .card a:focus,
.page-child .card a:focus,
.ma-ville .card a:focus {
  border: 1px solid #E2001A !important;
}
.je-suis .card a:after,
.un-parent .card a:after,
.petite-enfance-0-3ans .card a:after,
.election .card a:after,
#catgrid .card a:after,
.parent_quotidien .card a:after,
.term-sortie-nature .card a:after,
.term-associations .card a:after,
.page-child .card a:after,
.ma-ville .card a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.je-suis .card a:before,
.un-parent .card a:before,
.petite-enfance-0-3ans .card a:before,
.election .card a:before,
#catgrid .card a:before,
.parent_quotidien .card a:before,
.term-sortie-nature .card a:before,
.term-associations .card a:before,
.page-child .card a:before,
.ma-ville .card a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.je-suis .card a:hover:before,
.un-parent .card a:hover:before,
.petite-enfance-0-3ans .card a:hover:before,
.election .card a:hover:before,
#catgrid .card a:hover:before,
.parent_quotidien .card a:hover:before,
.term-sortie-nature .card a:hover:before,
.term-associations .card a:hover:before,
.page-child .card a:hover:before,
.ma-ville .card a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.je-suis .card a:hover:after,
.un-parent .card a:hover:after,
.petite-enfance-0-3ans .card a:hover:after,
.election .card a:hover:after,
#catgrid .card a:hover:after,
.parent_quotidien .card a:hover:after,
.term-sortie-nature .card a:hover:after,
.term-associations .card a:hover:after,
.page-child .card a:hover:after,
.ma-ville .card a:hover:after {
  opacity: 0;
}
.je-suis .card a:after,
.un-parent .card a:after,
.petite-enfance-0-3ans .card a:after,
.election .card a:after,
#catgrid .card a:after,
.parent_quotidien .card a:after,
.term-sortie-nature .card a:after,
.term-associations .card a:after,
.page-child .card a:after,
.ma-ville .card a:after {
  top: 0px;
  vertical-align: middle;
}
.je-suis #parcs,
.un-parent #parcs,
.petite-enfance-0-3ans #parcs,
.election #parcs,
#catgrid #parcs,
.parent_quotidien #parcs,
.term-sortie-nature #parcs,
.term-associations #parcs,
.page-child #parcs,
.ma-ville #parcs {
  margin-bottom: 140px;
}
.je-suis #parcs button,
.un-parent #parcs button,
.petite-enfance-0-3ans #parcs button,
.election #parcs button,
#catgrid #parcs button,
.parent_quotidien #parcs button,
.term-sortie-nature #parcs button,
.term-associations #parcs button,
.page-child #parcs button,
.ma-ville #parcs button {
  display: none;
}
.je-suis #parcs .wp_ulike_btn,
.un-parent #parcs .wp_ulike_btn,
.petite-enfance-0-3ans #parcs .wp_ulike_btn,
.election #parcs .wp_ulike_btn,
#catgrid #parcs .wp_ulike_btn,
.parent_quotidien #parcs .wp_ulike_btn,
.term-sortie-nature #parcs .wp_ulike_btn,
.term-associations #parcs .wp_ulike_btn,
.page-child #parcs .wp_ulike_btn,
.ma-ville #parcs .wp_ulike_btn {
  position: absolute;
  right: 0;
  bottom: 40px;
}
.ensemble-au-quotidien p strong,
.parent_quotidien p strong {
  font-size: 20px;
}
.ensemble-au-quotidien .card,
.parent_quotidien .card {
  margin-bottom: 0px;
}
.ensemble-au-quotidien .card h3,
.parent_quotidien .card h3 {
  font: bold 20px/20px 'Lato', sans-serif;
}
.page-child h3 {
  font-size: 25px;
  color: #707070;
}
.page-child .rapide_child .card {
  padding: 15px;
  cursor: pointer;
  margin-top: 0px;
}
.page-child .rapide_child .card .overlay {
  background: transparent;
  background-size: cover;
  width: 100%;
  height: 180px;
  color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  font: bolder 15px/19px 'Lato', sans-serif;
  text-transform: uppercase;
}
.page-child .rapide_child .card:hover .overlay {
  color: white;
  padding: 0 15px;
  background: #E2001A !important;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.page-child .rapide_child .card:hover .overlay:after {
  content: " ";
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  display: block;
  height: 30px;
  width: 30px;
  margin-top: -70%;
  transform: rotate(90deg);
}
.page-child .rapide_child .card .btn {
  width: 100%;
  text-align: center;
  border: 0px;
  justify-content: center;
  font: bolder 15px/19px 'Lato', sans-serif;
  color: #505050;
  text-transform: uppercase;
}
.page-child .rapide_child .card .btn:after,
.page-child .rapide_child .card .btn:before {
  display: none;
}
.page-child .demarches_slide {
  background-color: #F4F4F4;
}
.page-child .demarches_slide .carousel-control-prev,
.page-child .demarches_slide .carousel-control-next {
  background-color: transparent;
  filter: brightness(0.2);
}
.page-child .demarches_slide .carousel-control-next {
  transform: translateX(100%) translateY(-50%);
}
@media (max-width: 992px) {
  .page-child .demarches_slide .carousel-control-next {
    transform: translateX(60%) translateY(-650%);
  }
}
.page-child .demarches_slide .carousel-control-prev {
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 992px) {
  .page-child .demarches_slide .carousel-control-prev {
    transform: translateX(0%) translateY(-650%);
  }
}
.page-child .demarches_slide .carousel-item {
  box-shadow: none;
}
.page-child .demarches_slide .card {
  background-color: transparent;
  box-shadow: none;
}
.page-child .demarches_slide .card a:before {
  display: none;
}
.page-child .demarches_slide .carousel-inner .card-img {
  height: 280px;
  overflow: hidden;
}
.page-child .demarches_slide .carousel-inner .card-img img {
  width: 100%;
  height: auto;
}
.page-child .demarches_slide .carousel-inner .card-body {
  background-color: transparent;
  display: flex;
  align-content: flex-end;
  flex-direction: row;
  align-items: flex-end;
}
.page-child .demarches_slide .carousel-inner .card-body h5 {
  font: bolder 15px/19px 'Lato', sans-serif;
  color: #505050;
  text-transform: uppercase;
}
.page-child .demarches_slide .carousel-inner .card-body .btn.btn-primary {
  width: 30px;
  height: 30px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  display: inline-block;
  text-align: center;
}
.page-child .demarches_slide .carousel-inner .card-body .btn.btn-primary:before,
.page-child .demarches_slide .carousel-inner .card-body .btn.btn-primary:after {
  display: none;
}
.page-child .contacts_privilegies .card {
  text-align: center;
}
.page-child .contacts_privilegies .card p {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}
.page-child .contacts_privilegies .card .fonction {
  color: #E2001A;
  font-size: 12px;
}
.page-child .contacts_privilegies .card .mask {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border: 1px solid #505050;
  border-radius: 201px;
  margin: auto;
}
.page-child .contacts_privilegies .card hr {
  width: 50%;
  margin: 8px auto;
}
.page-child .contacts_privilegies .card span {
  display: block;
  color: #505050;
  font-size: 13px;
}
.page-child .contacts_privilegies .card span a {
  display: inline;
  font: normal 15px/19px 'Lato', sans-serif;
  font-size: 13px;
  color: #505050;
  text-transform: none;
  padding: 0;
  border: 0px;
}
.page-child .contacts_privilegies .card span a:after,
.page-child .contacts_privilegies .card span a:before {
  content: none;
}
.petite-enfance-0-3ans section {
  padding: 45px 0;
}
@media (max-width: 992px) {
  .petite-enfance-0-3ans section {
    padding: 15px 0;
  }
}
.petite-enfance-0-3ans .breadcrumb,
.petite-enfance-0-3ans .simple_content {
  padding: 0;
}
.petite-enfance-0-3ans .grid {
  left: -35px;
  position: relative;
}
@media (max-width: 992px) {
  .petite-enfance-0-3ans .grid {
    left: 0;
  }
}
.petite-enfance-0-3ans .grid .card {
  padding: 0px 50px;
}
@media (max-width: 992px) {
  .petite-enfance-0-3ans .grid .card {
    padding: 0;
  }
}
.petite-enfance-0-3ans .card {
  padding: 15px;
  cursor: pointer;
  margin-top: 0px;
}
.petite-enfance-0-3ans .card .overlay {
  background: transparent;
  background-size: cover;
  width: 100%;
  height: 180px;
  color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  font: bolder 15px/19px 'Lato', sans-serif;
  text-transform: uppercase;
}
.petite-enfance-0-3ans .card:hover .overlay {
  color: white;
  background: #E2001A !important;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.petite-enfance-0-3ans .card:hover .overlay:after {
  content: " ";
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  display: block;
  height: 30px;
  width: 30px;
  margin-top: -70%;
  transform: rotate(90deg);
}
.petite-enfance-0-3ans .card .btn {
  width: 100%;
  text-align: center;
  border: 0px;
  justify-content: center;
  font: bolder 15px/19px 'Lato', sans-serif;
  color: #505050;
  text-transform: uppercase;
}
.petite-enfance-0-3ans .card .btn:after,
.petite-enfance-0-3ans .card .btn:before {
  display: none;
}
.petite-enfance-0-3ans .demarches_slide {
  background-color: #F4F4F4;
}
.petite-enfance-0-3ans .demarches_slide .carousel-control-prev,
.petite-enfance-0-3ans .demarches_slide .carousel-control-next {
  background-color: transparent;
  filter: brightness(0.2);
}
.petite-enfance-0-3ans .demarches_slide .carousel-control-next {
  transform: translateX(100%) translateY(-50%);
}
@media (max-width: 992px) {
  .petite-enfance-0-3ans .demarches_slide .carousel-control-next {
    transform: translateX(60%) translateY(-650%);
  }
}
.petite-enfance-0-3ans .demarches_slide .carousel-control-prev {
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 992px) {
  .petite-enfance-0-3ans .demarches_slide .carousel-control-prev {
    transform: translateX(0%) translateY(-650%);
  }
}
.petite-enfance-0-3ans .demarches_slide .carousel-item {
  box-shadow: none;
}
.petite-enfance-0-3ans .demarches_slide .card {
  background-color: transparent;
  box-shadow: none;
}
.petite-enfance-0-3ans .demarches_slide .carousel-inner .card-img {
  height: 280px;
  overflow: hidden;
}
.petite-enfance-0-3ans .demarches_slide .carousel-inner .card-img img {
  width: 100%;
  height: auto;
}
.petite-enfance-0-3ans .demarches_slide .carousel-inner .card-body {
  background-color: transparent;
  display: flex;
  align-content: flex-end;
  flex-direction: row;
  align-items: flex-end;
}
.petite-enfance-0-3ans .demarches_slide .carousel-inner .card-body h5 {
  font: bolder 15px/19px 'Lato', sans-serif;
  color: #505050;
  text-transform: uppercase;
}
.petite-enfance-0-3ans .demarches_slide .carousel-inner .card-body .btn.btn-primary {
  width: 30px;
  height: 30px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  display: inline-block;
  text-align: center;
}
.petite-enfance-0-3ans .acutalite_du_moment h3 {
  font: bolder 18px/24px 'Lato', sans-serif;
  color: #E2001A;
  margin-bottom: 15px;
}
.petite-enfance-0-3ans .footer_horaire {
  margin-top: 0;
}
#acces_rapide {
  margin-bottom: 45px;
}
@media (max-width: 992px) {
  #acces_rapide {
    padding: 0!important;
  }
}
#acces_rapide .container-fluid .card:nth-child(2),
#acces_rapide .container-fluid .card:nth-child(1) {
  background-color: #E2001A;
  color: white;
  display: flex;
  justify-content: flex-start;
  min-height: 400px;
  padding-top: 50px;
}
@media (max-width: 992px) {
  #acces_rapide .container-fluid .card:nth-child(2),
  #acces_rapide .container-fluid .card:nth-child(1) {
    padding: 15px;
    min-height: auto;
  }
}
#acces_rapide .container-fluid .card:nth-child(2) h3,
#acces_rapide .container-fluid .card:nth-child(1) h3 {
  text-transform: uppercase;
  color: white;
  font-family: "alternate-gothic-atf", sans-serif;
}
#acces_rapide .container-fluid .card:nth-child(2) a,
#acces_rapide .container-fluid .card:nth-child(1) a {
  color: white;
}
#acces_rapide .container-fluid .card:nth-child(2) a:before,
#acces_rapide .container-fluid .card:nth-child(1) a:before {
  content: " ";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(assets/white-dropdown.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  margin-right: 15px;
}
#acces_rapide .container-fluid .card:last-child {
  padding: 0 100px;
}
@media (max-width: 992px) {
  #acces_rapide .container-fluid .card:last-child {
    padding: 15px;
  }
}
#acces_rapide .container-fluid .card:last-child h3 {
  font: bold 25px/30px 'Lato', sans-serif;
  color: #505050;
  background-color: white;
  padding: 60px;
  transform: translateX(-90px);
  margin-top: 0px;
  width: calc(100% + 90px);
  padding: 40px;
  margin-top: -16px;
}
@media (max-width: 1350px) {
  #acces_rapide .container-fluid .card:last-child h3 {
    transform: translateX(-50px);
  }
}
@media (max-width: 992px) {
  #acces_rapide .container-fluid .card:last-child h3 {
    transform: translateX(0px);
    padding: 20px 0;
    margin-top: 0px;
  }
}
@media (max-width: 992px) {
  #acces_rapide .container-fluid .card:last-child h3 {
    width: 100%;
  }
}
.faq {
  background-color: #F4F4F4;
  padding: 60px 0px;
}
.faq .accordion-item {
  border: 0px;
  border-top: 1px solid #505050;
  border-bottom: 1px solid #505050;
  border-radius: 0px;
  background-color: transparent;
}
.faq .accordion-item .accordion-button {
  font: normal 15px/19px 'Lato', sans-serif;
  color: #E2001A;
  line-height: 20px;
  font-weight: bolder;
  box-shadow: none;
  background-color: transparent;
}
.faq .accordion-item .accordion-button.collapsed:after {
  background-image: url('assets/more.png');
}
.faq .accordion-item .accordion-button:after {
  background-image: url('assets/less.png');
}
@media (max-width: 992px) {
  .finger {
    display: none;
  }
}
.single-demarches h3 {
  font: bold 20px/20px 'Lato', sans-serif;
  color: #E2001A;
}
.single-demarches figure img {
  width: 100%;
}
.single-demarches .the_content p strong {
  font-size: 20px;
}
.single-demarches .section_image_et_texte .image {
  background-size: cover!important;
  min-height: 300px;
}
.single-demarches .section_image_et_texte .image img {
  display: none;
}
.single-demarches .section_image_et_texte h3 {
  font: bold 25px/30px 'Lato', sans-serif;
  color: #505050;
  background-color: white;
  padding: 60px;
  transform: translateX(-90px);
  margin-top: 0px;
}
@media (max-width: 1350px) {
  .single-demarches .section_image_et_texte h3 {
    transform: translateX(-50px);
  }
}
@media (max-width: 992px) {
  .single-demarches .section_image_et_texte h3 {
    transform: translateX(0px);
    padding: 20px 0;
    margin-top: 0px;
  }
}
.single-demarches .section_image_et_texte .link a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.single-demarches .section_image_et_texte .link a:focus {
  border: 1px solid #E2001A !important;
}
.single-demarches .section_image_et_texte .link a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.single-demarches .section_image_et_texte .link a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.single-demarches .section_image_et_texte .link a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.single-demarches .section_image_et_texte .link a:hover:after {
  opacity: 0;
}
.mes-demarches .section_image_et_texte h3 {
  font: bold 25px/30px 'Lato', sans-serif;
  color: #505050;
  background-color: white;
  padding: 60px;
  transform: translateX(-90px);
  margin-top: 0px;
}
@media (max-width: 1350px) {
  .mes-demarches .section_image_et_texte h3 {
    transform: translateX(-50px);
  }
}
@media (max-width: 992px) {
  .mes-demarches .section_image_et_texte h3 {
    transform: translateX(0px);
    padding: 20px 0;
    margin-top: 0px;
  }
}
.mes-demarches .section_image_et_texte a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.mes-demarches .section_image_et_texte a:focus {
  border: 1px solid #E2001A !important;
}
.mes-demarches .section_image_et_texte a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.mes-demarches .section_image_et_texte a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.mes-demarches .section_image_et_texte a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.mes-demarches .section_image_et_texte a:hover:after {
  opacity: 0;
}
.mes-demarches .grid {
  height: auto!important;
}
.mes-demarches .search {
  margin-top: 75px;
}
.mes-demarches .search .container {
  background-color: #E2001A;
  padding: 50px 0;
}
@media (max-width: 992px) {
  .mes-demarches .search .container {
    padding: 50px 40px;
    margin: 0 -30px;
    width: calc(100% + 60px);
  }
}
.mes-demarches .search form {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}
.mes-demarches .search form span:before {
  content: " ";
  width: 30px;
  height: 30px;
  display: block;
  border-left: 8px solid white;
  border-top: 8px solid white;
  position: relative;
  top: 8px;
  left: -25px;
}
.mes-demarches .search form #demarcheSearch {
  border: 0px;
  border-radius: 0px;
  border-bottom: 5px solid white;
  background: #E2001A;
  color: white;
  padding: 10px 0px;
  padding-right: 100px;
  font: bold 35px/42px 'Lato', sans-serif;
}
@media (max-width: 992px) {
  .mes-demarches .search form #demarcheSearch {
    width: 90%;
    font: bold 23px/42px 'Lato', sans-serif;
    padding-right: 20px;
  }
}
.mes-demarches .search form #demarcheSearch::placeholder {
  color: white;
}
.mes-demarches .search form #searchbtn {
  background-color: transparent;
  border: 0px;
  opacity: 1;
  transform: scale(2);
  margin-top: -20px;
  margin-left: -40px;
}
.mes-demarches .search form #searchbtn svg {
  fill: white;
}
@media (max-width: 992px) {
  .mes-demarches .les_demarches {
    margin-top: 30px;
  }
}
.mes-demarches .les_demarches .demarches_section {
  margin-bottom: 45px;
}
.mes-demarches .les_demarches .demarches_section:nth-child(even) {
  background-color: #F4F4F4;
}
@media (max-width: 992px) {
  .mes-demarches .les_demarches .demarches_section:nth-child(even) {
    padding: 50px 40px;
    margin: 0 -40px;
    width: calc(100% + 80px);
  }
}
.mes-demarches .les_demarches .demarches_section:last-child {
  margin-bottom: 0px;
}
.mes-demarches .les_demarches h3 {
  margin: 30px;
}
@media (max-width: 992px) {
  .mes-demarches .les_demarches h3 {
    margin: 15px 0;
  }
}
.mes-demarches .les_demarches h3 a {
  font: bold 25px/30px 'Lato', sans-serif;
  color: #505050;
}
.mes-demarches .les_demarches .card {
  border: none;
  padding: 0px 40px;
  cursor: pointer;
  background-color: transparent;
}
@media (max-width: 992px) {
  .mes-demarches .les_demarches .card {
    padding: 10px;
  }
}
.mes-demarches .les_demarches .card .img_card {
  overflow: hidden;
  height: 180px;
}
.mes-demarches .les_demarches .card .img_card .end-0 {
  right: 20px!important;
}
.mes-demarches .les_demarches .card .img_card .card-link {
  width: 45px;
  height: 40px;
  background-color: #E2001A;
  display: block;
  margin-right: 30px;
  text-align: center;
  padding-top: 5px;
}
.mes-demarches .les_demarches .card .card-img,
.mes-demarches .les_demarches .card .card-img-top {
  border-radius: 0px;
}
.mes-demarches .les_demarches .card .card-body {
  padding: 1rem 0;
}
.mes-demarches .les_demarches .card .card-body h2 {
  font: bolder 18px/24px 'Lato', sans-serif;
  color: #E2001A;
  text-transform: none;
}
.mes-demarches .les_demarches .card .card-body h2:before {
  content: none;
}
.mes-demarches .les_demarches .card .card-body img {
  border-radius: 0px;
}
.mes-demarches .les_demarches .card .card-body .card-footer {
  padding: 0;
  background: none;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border: none;
  border-bottom: 5px solid #E2001A;
  padding-bottom: 15px;
}
.mes-demarches .les_demarches .card a {
  margin-top: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #505050;
  font: normal 15px/19px 'Lato', sans-serif;
  font-weight: bolder;
}
.mes-demarches .les_demarches .card a:after {
  content: " ";
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  height: 25px;
  width: 25px;
  top: 9px;
  right: -15px;
  display: inline-block;
  filter: brightness(0.3);
}
.page-simple h2,
.single h2 {
  margin-bottom: 25px;
}
.page-simple h3,
.single h3 {
  color: #E2001A;
  font: bold 20px/20px 'Lato', sans-serif;
}
.page-simple .gallery,
.single .gallery {
  list-style: none;
  column-width: 19em;
  -moz-column-width: 19em;
  -webkit-column-width: 19em;
  column-gap: 1rem;
  -moz-column-gap: 1rem;
  -webkit-column-gap: 1rem;
}
.page-simple .gallery .item,
.single .gallery .item {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  position: relative;
  background: transparent;
  padding: 6px;
  border: none;
  border-radius: 0;
  transition: 0.3s ease;
  font-size: 0;
}
@media (min-width: 992px) {
  .page-simple .gallery .item .col-lg-4,
  .single .gallery .item .col-lg-4 {
    flex: 0 0 auto;
    width: 32%;
  }
}
.page-simple .gallery .item img,
.single .gallery .item img {
  max-width: 100%;
}
.page-simple .gallery li,
.single .gallery li {
  padding: 15px;
}
.page-simple .gallery li img,
.single .gallery li img {
  width: 100%;
}
/* #8- DETAIL
-------------------------------------------------- */
/* #11- CONTACT
-------------------------------------------------- */
.ninja-forms-noscript-message,
.nf-form-fields-required {
  font: normal 15px/19px 'Lato', sans-serif !important;
  color: #505050 !important;
  margin-bottom: 30px!important;
}
.ninja-forms-noscript-message:after,
.nf-form-fields-required:after {
  content: ".";
}
.nf-form-content {
  max-width: none!important;
  padding: 0px!important;
  font: normal 15px/19px 'Lato', sans-serif !important;
}
.nf-form-content .nf-field-label {
  display: none;
}
.nf-form-content input:not([type=button]) {
  background: transparent!important;
  border: 0px!important;
  border-bottom: 5px solid #505050 !important;
  border-radius: 0!important;
  box-shadow: none!important;
  color: #5A5A5A !important;
  transition: all 0.5s !important;
  width: 20%!important;
  padding-left: 0px!important;
}
.nf-form-content #nf-field-2 {
  width: 40%!important;
}
.nf-form-content #nf-field-6,
.nf-form-content #nf-field-13 {
  background: transparent!important;
  border-radius: 5px!important;
  border: 1px #505050 solid !important;
  padding-left: 15px!important;
}
.nf-form-content #nf-label-field-7 {
  font: normal 15px/19px 'Lato', sans-serif;
  color: #505050;
}
.nf-form-content textarea {
  background: transparent!important;
  border-radius: 5px!important;
  border-color: #505050 !important;
}
.nf-form-content textarea:focus {
  background: transparent!important;
  border-radius: 5px!important;
  border-color: #505050 !important;
  border: 1px #505050 solid !important;
}
.nf-form-content .nf-field-label label:after {
  border-radius: 5px;
  border: 2px solid #505050 !important;
  background: transparent!important;
}
.nf-form-content #nf-field-4,
.nf-form-content #nf-field-11 {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  background: transparent!important;
  height: 30px!important;
  position: absolute;
  float: right;
  right: 0;
}
.nf-form-content #nf-field-4:focus,
.nf-form-content #nf-field-11:focus {
  border: 1px solid #E2001A !important;
}
.nf-form-content #nf-field-4:after,
.nf-form-content #nf-field-11:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.nf-form-content #nf-field-4:before,
.nf-form-content #nf-field-11:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.nf-form-content #nf-field-4:hover:before,
.nf-form-content #nf-field-11:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.nf-form-content #nf-field-4:hover:after,
.nf-form-content #nf-field-11:hover:after {
  opacity: 0;
}
.nf-form-content #nf-label-field-14 {
  font: normal 15px/19px 'Lato', sans-serif;
  color: #505050;
}
.nf-response-msg {
  position: fixed;
  background: white;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 30vh 20vw;
  z-index: 10;
}
@media (max-width: 992px) {
  .nf-response-msg {
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: auto;
    padding: 50px;
  }
}
/* #12- OTHERS
-------------------------------------------------- */
.btn.ninja-forms-field.nf-element.btn-success.nf-fu-fileinput-button {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}
.nf-fu-progress {
  height: 10px;
  box-shadow: none;
}
.nf-fu-progress-bar {
  background-color: #E2001A;
}
.nf-response-msg p {
  font: bold 30px/38px "alternate-gothic-atf", sans-serif;
  color: #E2001A;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.nf-response-msg p:before {
  content: " ";
  width: 30px;
  height: 30px;
  display: block;
  border-left: 8px solid #E2001A;
  border-top: 8px solid #E2001A;
  position: relative;
  top: 14px;
  left: -25px;
}
.nf-response-msg p b {
  font-weight: bold;
}
#nf-form-1-cont .nf-response-msg p:before {
  content: none;
}
.les-marches-publics .text_simple,
.accessibilite .text_simple {
  margin-top: 45px;
}
.erreur-404 .text_simple h2:before {
  content: none;
}
.erreur-404 .text_simple p {
  text-align: center;
}
.erreur-404 .text_simple img {
  margin: auto;
  width: 750px;
}
.cmplz-cookiebanner.cmplz-show {
  font: normal 15px/19px 'Lato', sans-serif !important;
  border-radius: 0px!important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
  background-color: #E2001A !important;
  border: 1px solid #E2001A !important;
  font: normal 15px/19px 'Lato', sans-serif !important;
  border-radius: 0px;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
  color: #E2001A !important;
  border: 1px solid #E2001A !important;
  font: normal 15px/19px 'Lato', sans-serif !important;
  border-radius: 0px;
}
.cmplz-cookiebanner .cmplz-links .cmplz-link {
  color: #E2001A !important;
}
#recherche lottie-player,
#one_click lottie-player,
.en_1_clic lottie-player,
#horaire_annexe lottie-player {
  max-width: 100px;
  margin: auto;
}
#recherche .modal-dialog,
#one_click .modal-dialog,
.en_1_clic .modal-dialog,
#horaire_annexe .modal-dialog {
  width: 100vw;
  height: 100vh;
  max-width: none;
}
#recherche .modal-content,
#one_click .modal-content,
.en_1_clic .modal-content,
#horaire_annexe .modal-content {
  height: 100%;
  max-width: 100%;
  padding-bottom: 10vh;
}
@media (max-width: 992px) {
  #recherche .modal-content,
  #one_click .modal-content,
  .en_1_clic .modal-content,
  #horaire_annexe .modal-content {
    height: auto;
  }
}
#recherche .modal-header,
#one_click .modal-header,
.en_1_clic .modal-header,
#horaire_annexe .modal-header {
  justify-content: flex-end;
  border: none;
  height: 0px;
  width: 1200px;
  max-width: 100%;
  margin: auto;
}
@media (max-width: 992px) {
  #recherche .modal-header,
  #one_click .modal-header,
  .en_1_clic .modal-header,
  #horaire_annexe .modal-header {
    width: 100%;
  }
}
#recherche .modal-header .close,
#one_click .modal-header .close,
.en_1_clic .modal-header .close,
#horaire_annexe .modal-header .close {
  border: 0px;
  background: transparent;
  color: #E2001A;
  font-size: 50px;
}
#recherche .modal-body,
#one_click .modal-body,
.en_1_clic .modal-body,
#horaire_annexe .modal-body {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: space-around;
  width: 1200px;
  max-width: 100%;
  margin: auto;
}
#recherche .row,
#one_click .row,
.en_1_clic .row,
#horaire_annexe .row {
  align-items: flex-end;
}
@media (max-width: 992px) {
  #recherche .row,
  #one_click .row,
  .en_1_clic .row,
  #horaire_annexe .row {
    flex-direction: initial;
  }
  #recherche .row .col,
  #one_click .row .col,
  .en_1_clic .row .col,
  #horaire_annexe .row .col {
    margin-top: 20px;
    max-width: 17%;
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}
@media (max-width: 768px) {
  #recherche .row,
  #one_click .row,
  .en_1_clic .row,
  #horaire_annexe .row {
    flex-direction: initial;
  }
  #recherche .row .col,
  #one_click .row .col,
  .en_1_clic .row .col,
  #horaire_annexe .row .col {
    margin-top: 20px;
    max-width: none;
  }
}
#recherche h2,
#one_click h2,
.en_1_clic h2,
#horaire_annexe h2 {
  text-align: left;
  margin-bottom: 30px;
}
#recherche img,
#one_click img,
.en_1_clic img,
#horaire_annexe img {
  max-width: 70px;
  display: block;
  margin: auto;
}
#recherche a.button,
#one_click a.button,
.en_1_clic a.button,
#horaire_annexe a.button {
  margin-top: 20px;
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border: 1px solid #E2001A;
  font: bold 15px/15px 'Lato', sans-serif;
  padding: 5px;
  color: #E2001A;
  text-align: center;
  align-content: center;
}
#recherche a.button:hover,
#one_click a.button:hover,
.en_1_clic a.button:hover,
#horaire_annexe a.button:hover {
  border: 1px solid #F2B035;
  background-color: #F2B035;
}
#horaire_annexe .text-left {
  text-align: left;
}
.en_1_clic {
  background-color: #E2001A;
  padding: 30px 0;
}
.en_1_clic h2 {
  text-align: left;
  margin-bottom: 30px;
  color: white;
}
.en_1_clic h2:before {
  border-color: white;
}
.en_1_clic a.button {
  color: white;
  border: 1px solid white;
  text-align: center;
}
.leaflet-container {
  height: 400px;
  width: 600px;
  max-width: 100%;
  max-height: 100%;
}
.term-35 {
  /* ---- isotope ---- */
  /* clear fix */
  /* ui group */
  /* color-shape */
}
.term-35 .grid {
  background: #FFF;
  max-width: 1200px;
}
.term-35 .grid:after {
  content: '';
  display: block;
  clear: both;
}
.term-35 .ui-group h3 {
  font: normal 15px/19px 'Lato', sans-serif;
  color: #505050;
}
.term-35 .ui-group h3 a:after {
  content: " ";
  width: 12px;
  height: 10px;
  display: inline-block;
  background-image: url(assets/red-dropdown.png);
  background-size: auto 100%;
  margin-left: 3px;
}
.term-35 .ui-group .button-group {
  margin-right: 20px;
}
.term-35 .ui-group .button-group .collapse:not(.show) {
  display: none;
}
.term-35 .ui-group .button-group .card.card-body {
  display: contents;
}
.term-35 .color-shape {
  width: 70px;
  height: 70px;
  margin: 5px;
  float: left;
}
.term-35 .color-shape.round {
  border-radius: 35px;
}
.term-35 .color-shape.big.round {
  border-radius: 75px;
}
.term-35 .color-shape.red {
  background: red;
}
.term-35 .color-shape.blue {
  background: blue;
}
.term-35 .color-shape.yellow {
  background: yellow;
}
.term-35 .color-shape.wide,
.term-35 .color-shape.big {
  width: 150px;
}
.term-35 .color-shape.tall,
.term-35 .color-shape.big {
  height: 150px;
}
.term-35 #byType button,
.term-35 #byAge button {
  appearance: none;
  color: #505050;
  font-size: 13px;
  text-align: left;
  border: 0px;
  background: white;
}
.term-35 #byType button:before,
.term-35 #byAge button:before {
  content: " ";
  width: 10px;
  height: 10px;
  margin-right: 10px;
  display: inline-block;
  background-color: white;
  border: 1px solid #505050;
}
.term-35 #byType button:hover,
.term-35 #byAge button:hover,
.term-35 #byType button:active,
.term-35 #byAge button:active,
.term-35 #byType button.is-checked,
.term-35 #byAge button.is-checked {
  color: #E2001A;
}
.term-35 #byType button:hover:before,
.term-35 #byAge button:hover:before,
.term-35 #byType button:active:before,
.term-35 #byAge button:active:before,
.term-35 #byType button.is-checked:before,
.term-35 #byAge button.is-checked:before {
  content: " ";
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background-color: #E2001A;
  border: 1px solid #E2001A;
}
@media (max-width: 992px) {
  .term-35 .py-sm-2 {
    padding-top: 30px;
  }
}
/* #13- autour-de-moi & Map & map
-------------------------------------------------- */
.autour-de-moi input:checked {
  border: 1px solid blue;
}
.leaflet-top {
  z-index: 999;
}
.leaflet-control-layers-base,
.leaflet-control-attribution {
  display: none;
}
.map .leaflet-control-layers .leaflet-control-layers-list {
  display: block;
  position: relative;
  padding: 15px!important;
  overflow: visible;
}
.map .leaflet-control-layers-expanded {
  padding: 0px!important;
}
.map input[type='radio']:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #505050;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}
.map input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #E2001A;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}
.map .leaflet-control-layers-overlays {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.map .leaflet-control-layers-overlays label .leaflet-control-layers-selector + span {
  background: white;
  padding: 15px;
  border: 1px solid #505050;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  display: block;
}
@media (max-width: 1350px) {
  .map .leaflet-control-layers-overlays label .leaflet-control-layers-selector + span {
    padding: 10px;
  }
}
@media (max-width: 992px) {
  .map .leaflet-control-layers-overlays label .leaflet-control-layers-selector + span {
    padding: 11px;
  }
}
.map .leaflet-control-layers-overlays label .leaflet-control-layers-selector:checked + span {
  background: #E2001A;
  color: white;
  display: block;
}
.map .leaflet-control-layers-overlays .leaflet-control-layers-separator {
  display: none;
}
.map .leaflet-control-layers-overlays label {
  font: normal normal 15px/19px 'Lato', sans-serif;
  color: #505050;
  margin: 5px;
  cursor: pointer;
  position: relative;
  background-color: white;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.map .leaflet-control-layers-overlays label:hover {
  color: white;
  background-color: #E2001A;
}
@media (max-width: 992px) {
  .map .leaflet-control-layers-overlays label {
    font-size: 11px;
  }
}
.map .leaflet-control-layers-overlays label input[type='checkbox'] {
  background: white;
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  appearance: none;
}
.map .leaflet-control-layers-overlays label input[type='checkbox']:checked {
  background: #E2001A;
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#map,
.leaflet-map {
  width: 100%;
  height: 550px;
  border-radius: 0px;
}
@media (max-width: 992px) {
  #map,
  .leaflet-map {
    height: 450px;
    width: 90%;
    margin-left: 5%;
  }
}
#map .leaflet-right,
.leaflet-map .leaflet-right {
  width: 100%;
}
@media (max-width: 992px) {
  #map .leaflet-right,
  .leaflet-map .leaflet-right {
    bottom: 0;
    top: unset;
  }
}
#map .leaflet-control-layers,
.leaflet-map .leaflet-control-layers {
  margin: 0px!important;
  border: 0px!important;
  border-radius: 0px!important;
  width: 30vw;
  height: 100vh;
}
@media (max-width: 992px) {
  #map .leaflet-control-layers,
  .leaflet-map .leaflet-control-layers {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    height: auto;
  }
}
#map .leaflet-control-layers-toggle,
.leaflet-map .leaflet-control-layers-toggle {
  display: none;
}
/* #14- term-commerce-associations 
-------------------------------------------------- */
.term-commerce-associations #nf-label-field-19,
.term-cat-general #nf-label-field-19,
.term-sortie-nature #nf-label-field-19,
.decouvrir #nf-label-field-19,
.le-conseil-municipal #nf-label-field-19,
.nos-projets-citoyens-2 #nf-label-field-19,
.jardin-1 #nf-label-field-19 {
  font-size: 15px;
  font-family: 'Lato', sans-serif;
  line-height: 19px;
  color: #505050;
  font-weight: 400;
}
.term-commerce-associations h2,
.term-cat-general h2,
.term-sortie-nature h2,
.decouvrir h2,
.le-conseil-municipal h2,
.nos-projets-citoyens-2 h2,
.jardin-1 h2 {
  margin-bottom: 25px;
}
.term-commerce-associations #acces_rapide .card:nth-child(2),
.term-cat-general #acces_rapide .card:nth-child(2),
.term-sortie-nature #acces_rapide .card:nth-child(2),
.decouvrir #acces_rapide .card:nth-child(2),
.le-conseil-municipal #acces_rapide .card:nth-child(2),
.nos-projets-citoyens-2 #acces_rapide .card:nth-child(2),
.jardin-1 #acces_rapide .card:nth-child(2),
.term-commerce-associations #acces_rapide .card:nth-child(1),
.term-cat-general #acces_rapide .card:nth-child(1),
.term-sortie-nature #acces_rapide .card:nth-child(1),
.decouvrir #acces_rapide .card:nth-child(1),
.le-conseil-municipal #acces_rapide .card:nth-child(1),
.nos-projets-citoyens-2 #acces_rapide .card:nth-child(1),
.jardin-1 #acces_rapide .card:nth-child(1) {
  background-color: #E2001A;
  color: white;
  display: flex;
  justify-content: flex-start;
  min-height: 350px;
  padding-top: 50px;
}
@media (max-width: 992px) {
  .term-commerce-associations #acces_rapide .card:nth-child(2),
  .term-cat-general #acces_rapide .card:nth-child(2),
  .term-sortie-nature #acces_rapide .card:nth-child(2),
  .decouvrir #acces_rapide .card:nth-child(2),
  .le-conseil-municipal #acces_rapide .card:nth-child(2),
  .nos-projets-citoyens-2 #acces_rapide .card:nth-child(2),
  .jardin-1 #acces_rapide .card:nth-child(2),
  .term-commerce-associations #acces_rapide .card:nth-child(1),
  .term-cat-general #acces_rapide .card:nth-child(1),
  .term-sortie-nature #acces_rapide .card:nth-child(1),
  .decouvrir #acces_rapide .card:nth-child(1),
  .le-conseil-municipal #acces_rapide .card:nth-child(1),
  .nos-projets-citoyens-2 #acces_rapide .card:nth-child(1),
  .jardin-1 #acces_rapide .card:nth-child(1) {
    padding: 15px;
    min-height: auto;
  }
}
.term-commerce-associations #acces_rapide .card:nth-child(2) h3,
.term-cat-general #acces_rapide .card:nth-child(2) h3,
.term-sortie-nature #acces_rapide .card:nth-child(2) h3,
.decouvrir #acces_rapide .card:nth-child(2) h3,
.le-conseil-municipal #acces_rapide .card:nth-child(2) h3,
.nos-projets-citoyens-2 #acces_rapide .card:nth-child(2) h3,
.jardin-1 #acces_rapide .card:nth-child(2) h3,
.term-commerce-associations #acces_rapide .card:nth-child(1) h3,
.term-cat-general #acces_rapide .card:nth-child(1) h3,
.term-sortie-nature #acces_rapide .card:nth-child(1) h3,
.decouvrir #acces_rapide .card:nth-child(1) h3,
.le-conseil-municipal #acces_rapide .card:nth-child(1) h3,
.nos-projets-citoyens-2 #acces_rapide .card:nth-child(1) h3,
.jardin-1 #acces_rapide .card:nth-child(1) h3 {
  text-transform: uppercase;
  font-family: "alternate-gothic-atf", sans-serif;
}
.term-commerce-associations #acces_rapide .card:nth-child(2) ul,
.term-cat-general #acces_rapide .card:nth-child(2) ul,
.term-sortie-nature #acces_rapide .card:nth-child(2) ul,
.decouvrir #acces_rapide .card:nth-child(2) ul,
.le-conseil-municipal #acces_rapide .card:nth-child(2) ul,
.nos-projets-citoyens-2 #acces_rapide .card:nth-child(2) ul,
.jardin-1 #acces_rapide .card:nth-child(2) ul,
.term-commerce-associations #acces_rapide .card:nth-child(1) ul,
.term-cat-general #acces_rapide .card:nth-child(1) ul,
.term-sortie-nature #acces_rapide .card:nth-child(1) ul,
.decouvrir #acces_rapide .card:nth-child(1) ul,
.le-conseil-municipal #acces_rapide .card:nth-child(1) ul,
.nos-projets-citoyens-2 #acces_rapide .card:nth-child(1) ul,
.jardin-1 #acces_rapide .card:nth-child(1) ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.term-commerce-associations #acces_rapide .card:nth-child(2) a,
.term-cat-general #acces_rapide .card:nth-child(2) a,
.term-sortie-nature #acces_rapide .card:nth-child(2) a,
.decouvrir #acces_rapide .card:nth-child(2) a,
.le-conseil-municipal #acces_rapide .card:nth-child(2) a,
.nos-projets-citoyens-2 #acces_rapide .card:nth-child(2) a,
.jardin-1 #acces_rapide .card:nth-child(2) a,
.term-commerce-associations #acces_rapide .card:nth-child(1) a,
.term-cat-general #acces_rapide .card:nth-child(1) a,
.term-sortie-nature #acces_rapide .card:nth-child(1) a,
.decouvrir #acces_rapide .card:nth-child(1) a,
.le-conseil-municipal #acces_rapide .card:nth-child(1) a,
.nos-projets-citoyens-2 #acces_rapide .card:nth-child(1) a,
.jardin-1 #acces_rapide .card:nth-child(1) a {
  color: white;
  text-transform: uppercase;
}
.term-commerce-associations #acces_rapide .card:nth-child(2) a:after,
.term-cat-general #acces_rapide .card:nth-child(2) a:after,
.term-sortie-nature #acces_rapide .card:nth-child(2) a:after,
.decouvrir #acces_rapide .card:nth-child(2) a:after,
.le-conseil-municipal #acces_rapide .card:nth-child(2) a:after,
.nos-projets-citoyens-2 #acces_rapide .card:nth-child(2) a:after,
.jardin-1 #acces_rapide .card:nth-child(2) a:after,
.term-commerce-associations #acces_rapide .card:nth-child(1) a:after,
.term-cat-general #acces_rapide .card:nth-child(1) a:after,
.term-sortie-nature #acces_rapide .card:nth-child(1) a:after,
.decouvrir #acces_rapide .card:nth-child(1) a:after,
.le-conseil-municipal #acces_rapide .card:nth-child(1) a:after,
.nos-projets-citoyens-2 #acces_rapide .card:nth-child(1) a:after,
.jardin-1 #acces_rapide .card:nth-child(1) a:after {
  content: none;
}
.term-commerce-associations #acces_rapide .card:nth-child(2) a:before,
.term-cat-general #acces_rapide .card:nth-child(2) a:before,
.term-sortie-nature #acces_rapide .card:nth-child(2) a:before,
.decouvrir #acces_rapide .card:nth-child(2) a:before,
.le-conseil-municipal #acces_rapide .card:nth-child(2) a:before,
.nos-projets-citoyens-2 #acces_rapide .card:nth-child(2) a:before,
.jardin-1 #acces_rapide .card:nth-child(2) a:before,
.term-commerce-associations #acces_rapide .card:nth-child(1) a:before,
.term-cat-general #acces_rapide .card:nth-child(1) a:before,
.term-sortie-nature #acces_rapide .card:nth-child(1) a:before,
.decouvrir #acces_rapide .card:nth-child(1) a:before,
.le-conseil-municipal #acces_rapide .card:nth-child(1) a:before,
.nos-projets-citoyens-2 #acces_rapide .card:nth-child(1) a:before,
.jardin-1 #acces_rapide .card:nth-child(1) a:before {
  content: " ";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(assets/white-dropdown.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  margin-right: 15px;
  margin-top: 5px;
  position: absolute;
  left: 0;
}
@media (max-width: 992px) {
  .term-commerce-associations #acces_rapide .card:nth-child(1),
  .term-cat-general #acces_rapide .card:nth-child(1),
  .term-sortie-nature #acces_rapide .card:nth-child(1),
  .decouvrir #acces_rapide .card:nth-child(1),
  .le-conseil-municipal #acces_rapide .card:nth-child(1),
  .nos-projets-citoyens-2 #acces_rapide .card:nth-child(1),
  .jardin-1 #acces_rapide .card:nth-child(1) {
    display: none;
  }
}
.term-commerce-associations #acces_rapide .card:last-child,
.term-cat-general #acces_rapide .card:last-child,
.term-sortie-nature #acces_rapide .card:last-child,
.decouvrir #acces_rapide .card:last-child,
.le-conseil-municipal #acces_rapide .card:last-child,
.nos-projets-citoyens-2 #acces_rapide .card:last-child,
.jardin-1 #acces_rapide .card:last-child {
  padding: 0 100px;
}
@media (max-width: 992px) {
  .term-commerce-associations #acces_rapide .card:last-child,
  .term-cat-general #acces_rapide .card:last-child,
  .term-sortie-nature #acces_rapide .card:last-child,
  .decouvrir #acces_rapide .card:last-child,
  .le-conseil-municipal #acces_rapide .card:last-child,
  .nos-projets-citoyens-2 #acces_rapide .card:last-child,
  .jardin-1 #acces_rapide .card:last-child {
    padding: 15px;
  }
}
.term-commerce-associations #acces_rapide .card:last-child h3,
.term-cat-general #acces_rapide .card:last-child h3,
.term-sortie-nature #acces_rapide .card:last-child h3,
.decouvrir #acces_rapide .card:last-child h3,
.le-conseil-municipal #acces_rapide .card:last-child h3,
.nos-projets-citoyens-2 #acces_rapide .card:last-child h3,
.jardin-1 #acces_rapide .card:last-child h3 {
  font: bold 25px/30px 'Lato', sans-serif;
  color: #505050;
  background-color: white;
  padding: 60px;
  transform: translateX(-90px);
  margin-top: 0px;
  width: calc(100% + 90px);
  padding: 40px;
  margin-top: -16px;
}
@media (max-width: 1350px) {
  .term-commerce-associations #acces_rapide .card:last-child h3,
  .term-cat-general #acces_rapide .card:last-child h3,
  .term-sortie-nature #acces_rapide .card:last-child h3,
  .decouvrir #acces_rapide .card:last-child h3,
  .le-conseil-municipal #acces_rapide .card:last-child h3,
  .nos-projets-citoyens-2 #acces_rapide .card:last-child h3,
  .jardin-1 #acces_rapide .card:last-child h3 {
    transform: translateX(-50px);
  }
}
@media (max-width: 992px) {
  .term-commerce-associations #acces_rapide .card:last-child h3,
  .term-cat-general #acces_rapide .card:last-child h3,
  .term-sortie-nature #acces_rapide .card:last-child h3,
  .decouvrir #acces_rapide .card:last-child h3,
  .le-conseil-municipal #acces_rapide .card:last-child h3,
  .nos-projets-citoyens-2 #acces_rapide .card:last-child h3,
  .jardin-1 #acces_rapide .card:last-child h3 {
    transform: translateX(0px);
    padding: 20px 0;
    margin-top: 0px;
  }
}
@media (max-width: 992px) {
  .term-commerce-associations #acces_rapide .card:last-child h3,
  .term-cat-general #acces_rapide .card:last-child h3,
  .term-sortie-nature #acces_rapide .card:last-child h3,
  .decouvrir #acces_rapide .card:last-child h3,
  .le-conseil-municipal #acces_rapide .card:last-child h3,
  .nos-projets-citoyens-2 #acces_rapide .card:last-child h3,
  .jardin-1 #acces_rapide .card:last-child h3 {
    width: 100%;
  }
}
.term-commerce-associations .parent_quotidien,
.term-cat-general .parent_quotidien,
.term-sortie-nature .parent_quotidien,
.decouvrir .parent_quotidien,
.le-conseil-municipal .parent_quotidien,
.nos-projets-citoyens-2 .parent_quotidien,
.jardin-1 .parent_quotidien {
  margin-top: 0px;
}
.term-commerce-associations .parent_quotidien h2,
.term-cat-general .parent_quotidien h2,
.term-sortie-nature .parent_quotidien h2,
.decouvrir .parent_quotidien h2,
.le-conseil-municipal .parent_quotidien h2,
.nos-projets-citoyens-2 .parent_quotidien h2,
.jardin-1 .parent_quotidien h2,
.term-commerce-associations .parent_quotidien p,
.term-cat-general .parent_quotidien p,
.term-sortie-nature .parent_quotidien p,
.decouvrir .parent_quotidien p,
.le-conseil-municipal .parent_quotidien p,
.nos-projets-citoyens-2 .parent_quotidien p,
.jardin-1 .parent_quotidien p {
  padding: 0 50px;
}
@media (max-width: 992px) {
  .term-commerce-associations .parent_quotidien h2,
  .term-cat-general .parent_quotidien h2,
  .term-sortie-nature .parent_quotidien h2,
  .decouvrir .parent_quotidien h2,
  .le-conseil-municipal .parent_quotidien h2,
  .nos-projets-citoyens-2 .parent_quotidien h2,
  .jardin-1 .parent_quotidien h2,
  .term-commerce-associations .parent_quotidien p,
  .term-cat-general .parent_quotidien p,
  .term-sortie-nature .parent_quotidien p,
  .decouvrir .parent_quotidien p,
  .le-conseil-municipal .parent_quotidien p,
  .nos-projets-citoyens-2 .parent_quotidien p,
  .jardin-1 .parent_quotidien p {
    padding: 0 15px;
  }
}
.term-commerce-associations .parent_quotidien .card h2,
.term-cat-general .parent_quotidien .card h2,
.term-sortie-nature .parent_quotidien .card h2,
.decouvrir .parent_quotidien .card h2,
.le-conseil-municipal .parent_quotidien .card h2,
.nos-projets-citoyens-2 .parent_quotidien .card h2,
.jardin-1 .parent_quotidien .card h2,
.term-commerce-associations .parent_quotidien .card p,
.term-cat-general .parent_quotidien .card p,
.term-sortie-nature .parent_quotidien .card p,
.decouvrir .parent_quotidien .card p,
.le-conseil-municipal .parent_quotidien .card p,
.nos-projets-citoyens-2 .parent_quotidien .card p,
.jardin-1 .parent_quotidien .card p {
  padding: 0px;
}
.term-commerce-associations .section_image_et_texte h3,
.term-cat-general .section_image_et_texte h3,
.term-sortie-nature .section_image_et_texte h3,
.decouvrir .section_image_et_texte h3,
.le-conseil-municipal .section_image_et_texte h3,
.nos-projets-citoyens-2 .section_image_et_texte h3,
.jardin-1 .section_image_et_texte h3 {
  font: bold 25px/30px 'Lato', sans-serif;
  color: #505050;
  background-color: white;
  padding: 60px;
  transform: translateX(-90px);
  margin-top: 0px;
}
@media (max-width: 1350px) {
  .term-commerce-associations .section_image_et_texte h3,
  .term-cat-general .section_image_et_texte h3,
  .term-sortie-nature .section_image_et_texte h3,
  .decouvrir .section_image_et_texte h3,
  .le-conseil-municipal .section_image_et_texte h3,
  .nos-projets-citoyens-2 .section_image_et_texte h3,
  .jardin-1 .section_image_et_texte h3 {
    transform: translateX(-50px);
  }
}
@media (max-width: 992px) {
  .term-commerce-associations .section_image_et_texte h3,
  .term-cat-general .section_image_et_texte h3,
  .term-sortie-nature .section_image_et_texte h3,
  .decouvrir .section_image_et_texte h3,
  .le-conseil-municipal .section_image_et_texte h3,
  .nos-projets-citoyens-2 .section_image_et_texte h3,
  .jardin-1 .section_image_et_texte h3 {
    transform: translateX(0px);
    padding: 20px 0;
    margin-top: 0px;
  }
}
.term-commerce-associations .section_image_et_texte a,
.term-cat-general .section_image_et_texte a,
.term-sortie-nature .section_image_et_texte a,
.decouvrir .section_image_et_texte a,
.le-conseil-municipal .section_image_et_texte a,
.nos-projets-citoyens-2 .section_image_et_texte a,
.jardin-1 .section_image_et_texte a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.term-commerce-associations .section_image_et_texte a:focus,
.term-cat-general .section_image_et_texte a:focus,
.term-sortie-nature .section_image_et_texte a:focus,
.decouvrir .section_image_et_texte a:focus,
.le-conseil-municipal .section_image_et_texte a:focus,
.nos-projets-citoyens-2 .section_image_et_texte a:focus,
.jardin-1 .section_image_et_texte a:focus {
  border: 1px solid #E2001A !important;
}
.term-commerce-associations .section_image_et_texte a:after,
.term-cat-general .section_image_et_texte a:after,
.term-sortie-nature .section_image_et_texte a:after,
.decouvrir .section_image_et_texte a:after,
.le-conseil-municipal .section_image_et_texte a:after,
.nos-projets-citoyens-2 .section_image_et_texte a:after,
.jardin-1 .section_image_et_texte a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.term-commerce-associations .section_image_et_texte a:before,
.term-cat-general .section_image_et_texte a:before,
.term-sortie-nature .section_image_et_texte a:before,
.decouvrir .section_image_et_texte a:before,
.le-conseil-municipal .section_image_et_texte a:before,
.nos-projets-citoyens-2 .section_image_et_texte a:before,
.jardin-1 .section_image_et_texte a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.term-commerce-associations .section_image_et_texte a:hover:before,
.term-cat-general .section_image_et_texte a:hover:before,
.term-sortie-nature .section_image_et_texte a:hover:before,
.decouvrir .section_image_et_texte a:hover:before,
.le-conseil-municipal .section_image_et_texte a:hover:before,
.nos-projets-citoyens-2 .section_image_et_texte a:hover:before,
.jardin-1 .section_image_et_texte a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.term-commerce-associations .section_image_et_texte a:hover:after,
.term-cat-general .section_image_et_texte a:hover:after,
.term-sortie-nature .section_image_et_texte a:hover:after,
.decouvrir .section_image_et_texte a:hover:after,
.le-conseil-municipal .section_image_et_texte a:hover:after,
.nos-projets-citoyens-2 .section_image_et_texte a:hover:after,
.jardin-1 .section_image_et_texte a:hover:after {
  opacity: 0;
}
.term-commerce-associations .title_btn_modal,
.term-cat-general .title_btn_modal,
.term-sortie-nature .title_btn_modal,
.decouvrir .title_btn_modal,
.le-conseil-municipal .title_btn_modal,
.nos-projets-citoyens-2 .title_btn_modal,
.jardin-1 .title_btn_modal {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.term-commerce-associations .title_btn_modal button,
.term-cat-general .title_btn_modal button,
.term-sortie-nature .title_btn_modal button,
.decouvrir .title_btn_modal button,
.le-conseil-municipal .title_btn_modal button,
.nos-projets-citoyens-2 .title_btn_modal button,
.jardin-1 .title_btn_modal button {
  border-radius: 0px;
  background-color: #E2001A;
  width: 130px;
  border: 0px;
}
.term-commerce-associations .title_btn_modal button img,
.term-cat-general .title_btn_modal button img,
.term-sortie-nature .title_btn_modal button img,
.decouvrir .title_btn_modal button img,
.le-conseil-municipal .title_btn_modal button img,
.nos-projets-citoyens-2 .title_btn_modal button img,
.jardin-1 .title_btn_modal button img {
  height: 25px;
  width: auto;
}
@media (max-width: 992px) {
  .term-commerce-associations .title_btn_modal button,
  .term-cat-general .title_btn_modal button,
  .term-sortie-nature .title_btn_modal button,
  .decouvrir .title_btn_modal button,
  .le-conseil-municipal .title_btn_modal button,
  .nos-projets-citoyens-2 .title_btn_modal button,
  .jardin-1 .title_btn_modal button {
    width: 40px;
  }
}
.term-commerce-associations #balades button,
.term-cat-general #balades button,
.term-sortie-nature #balades button,
.decouvrir #balades button,
.le-conseil-municipal #balades button,
.nos-projets-citoyens-2 #balades button,
.jardin-1 #balades button {
  display: none;
}
.term-commerce-associations #balades .col-lg-6,
.term-cat-general #balades .col-lg-6,
.term-sortie-nature #balades .col-lg-6,
.decouvrir #balades .col-lg-6,
.le-conseil-municipal #balades .col-lg-6,
.nos-projets-citoyens-2 #balades .col-lg-6,
.jardin-1 #balades .col-lg-6 {
  margin-bottom: 120px;
  position: relative;
}
@media (max-width: 992px) {
  .term-commerce-associations #balades .col-lg-6,
  .term-cat-general #balades .col-lg-6,
  .term-sortie-nature #balades .col-lg-6,
  .decouvrir #balades .col-lg-6,
  .le-conseil-municipal #balades .col-lg-6,
  .nos-projets-citoyens-2 #balades .col-lg-6,
  .jardin-1 #balades .col-lg-6 {
    margin-bottom: 30px;
  }
}
.term-commerce-associations #balades .col-lg-6.img-block,
.term-cat-general #balades .col-lg-6.img-block,
.term-sortie-nature #balades .col-lg-6.img-block,
.decouvrir #balades .col-lg-6.img-block,
.le-conseil-municipal #balades .col-lg-6.img-block,
.nos-projets-citoyens-2 #balades .col-lg-6.img-block,
.jardin-1 #balades .col-lg-6.img-block {
  transform: translateY(60px);
}
@media (max-width: 992px) {
  .term-commerce-associations #balades .col-lg-6.img-block,
  .term-cat-general #balades .col-lg-6.img-block,
  .term-sortie-nature #balades .col-lg-6.img-block,
  .decouvrir #balades .col-lg-6.img-block,
  .le-conseil-municipal #balades .col-lg-6.img-block,
  .nos-projets-citoyens-2 #balades .col-lg-6.img-block,
  .jardin-1 #balades .col-lg-6.img-block {
    transform: translateY(0px);
  }
}
.term-commerce-associations #balades .text-block,
.term-cat-general #balades .text-block,
.term-sortie-nature #balades .text-block,
.decouvrir #balades .text-block,
.le-conseil-municipal #balades .text-block,
.nos-projets-citoyens-2 #balades .text-block,
.jardin-1 #balades .text-block {
  transform: translateX(60px);
  background-color: white;
  padding: 30px 15px;
  z-index: 1;
  height: fit-content;
}
@media (max-width: 992px) {
  .term-commerce-associations #balades .text-block,
  .term-cat-general #balades .text-block,
  .term-sortie-nature #balades .text-block,
  .decouvrir #balades .text-block,
  .le-conseil-municipal #balades .text-block,
  .nos-projets-citoyens-2 #balades .text-block,
  .jardin-1 #balades .text-block {
    transform: translateX(0px);
  }
}
.term-commerce-associations #balades .text-block:nth-child(even),
.term-cat-general #balades .text-block:nth-child(even),
.term-sortie-nature #balades .text-block:nth-child(even),
.decouvrir #balades .text-block:nth-child(even),
.le-conseil-municipal #balades .text-block:nth-child(even),
.nos-projets-citoyens-2 #balades .text-block:nth-child(even),
.jardin-1 #balades .text-block:nth-child(even) {
  transform: translateX(-60px);
}
@media (max-width: 992px) {
  .term-commerce-associations #balades .text-block:nth-child(even),
  .term-cat-general #balades .text-block:nth-child(even),
  .term-sortie-nature #balades .text-block:nth-child(even),
  .decouvrir #balades .text-block:nth-child(even),
  .le-conseil-municipal #balades .text-block:nth-child(even),
  .nos-projets-citoyens-2 #balades .text-block:nth-child(even),
  .jardin-1 #balades .text-block:nth-child(even) {
    transform: translateX(0px);
  }
}
.term-commerce-associations #balades .text-block h3,
.term-cat-general #balades .text-block h3,
.term-sortie-nature #balades .text-block h3,
.decouvrir #balades .text-block h3,
.le-conseil-municipal #balades .text-block h3,
.nos-projets-citoyens-2 #balades .text-block h3,
.jardin-1 #balades .text-block h3 {
  font: bolder 18px/24px 'Lato', sans-serif;
  color: #E2001A;
}
.term-commerce-associations #balades .text-block a,
.term-cat-general #balades .text-block a,
.term-sortie-nature #balades .text-block a,
.decouvrir #balades .text-block a,
.le-conseil-municipal #balades .text-block a,
.nos-projets-citoyens-2 #balades .text-block a,
.jardin-1 #balades .text-block a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.term-commerce-associations #balades .text-block a:focus,
.term-cat-general #balades .text-block a:focus,
.term-sortie-nature #balades .text-block a:focus,
.decouvrir #balades .text-block a:focus,
.le-conseil-municipal #balades .text-block a:focus,
.nos-projets-citoyens-2 #balades .text-block a:focus,
.jardin-1 #balades .text-block a:focus {
  border: 1px solid #E2001A !important;
}
.term-commerce-associations #balades .text-block a:after,
.term-cat-general #balades .text-block a:after,
.term-sortie-nature #balades .text-block a:after,
.decouvrir #balades .text-block a:after,
.le-conseil-municipal #balades .text-block a:after,
.nos-projets-citoyens-2 #balades .text-block a:after,
.jardin-1 #balades .text-block a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.term-commerce-associations #balades .text-block a:before,
.term-cat-general #balades .text-block a:before,
.term-sortie-nature #balades .text-block a:before,
.decouvrir #balades .text-block a:before,
.le-conseil-municipal #balades .text-block a:before,
.nos-projets-citoyens-2 #balades .text-block a:before,
.jardin-1 #balades .text-block a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.term-commerce-associations #balades .text-block a:hover:before,
.term-cat-general #balades .text-block a:hover:before,
.term-sortie-nature #balades .text-block a:hover:before,
.decouvrir #balades .text-block a:hover:before,
.le-conseil-municipal #balades .text-block a:hover:before,
.nos-projets-citoyens-2 #balades .text-block a:hover:before,
.jardin-1 #balades .text-block a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.term-commerce-associations #balades .text-block a:hover:after,
.term-cat-general #balades .text-block a:hover:after,
.term-sortie-nature #balades .text-block a:hover:after,
.decouvrir #balades .text-block a:hover:after,
.le-conseil-municipal #balades .text-block a:hover:after,
.nos-projets-citoyens-2 #balades .text-block a:hover:after,
.jardin-1 #balades .text-block a:hover:after {
  opacity: 0;
}
.term-commerce-associations #balades .image_legende,
.term-cat-general #balades .image_legende,
.term-sortie-nature #balades .image_legende,
.decouvrir #balades .image_legende,
.le-conseil-municipal #balades .image_legende,
.nos-projets-citoyens-2 #balades .image_legende,
.jardin-1 #balades .image_legende {
  margin-top: 36px;
}
.term-commerce-associations #balades .image_legende p,
.term-cat-general #balades .image_legende p,
.term-sortie-nature #balades .image_legende p,
.decouvrir #balades .image_legende p,
.le-conseil-municipal #balades .image_legende p,
.nos-projets-citoyens-2 #balades .image_legende p,
.jardin-1 #balades .image_legende p {
  font: normal 15px/19px 'Lato', sans-serif;
}
.term-commerce-associations .modal-dialog,
.term-cat-general .modal-dialog,
.term-sortie-nature .modal-dialog,
.decouvrir .modal-dialog,
.le-conseil-municipal .modal-dialog,
.nos-projets-citoyens-2 .modal-dialog,
.jardin-1 .modal-dialog {
  max-width: 100vw;
  background-color: white;
}
.term-commerce-associations .modal-dialog .modal-content,
.term-cat-general .modal-dialog .modal-content,
.term-sortie-nature .modal-dialog .modal-content,
.decouvrir .modal-dialog .modal-content,
.le-conseil-municipal .modal-dialog .modal-content,
.nos-projets-citoyens-2 .modal-dialog .modal-content,
.jardin-1 .modal-dialog .modal-content {
  max-width: 750px;
  margin: 0 auto;
  border: 0px;
}
.term-commerce-associations .modal-dialog .modal-content .modal-header,
.term-cat-general .modal-dialog .modal-content .modal-header,
.term-sortie-nature .modal-dialog .modal-content .modal-header,
.decouvrir .modal-dialog .modal-content .modal-header,
.le-conseil-municipal .modal-dialog .modal-content .modal-header,
.nos-projets-citoyens-2 .modal-dialog .modal-content .modal-header,
.jardin-1 .modal-dialog .modal-content .modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0px;
  border: 0px;
  flex-direction: column;
  align-content: flex-start;
  flex-wrap: nowrap;
  margin-top: 200px;
}
.term-commerce-associations .modal-dialog .modal-content .modal-header .btn-close,
.term-cat-general .modal-dialog .modal-content .modal-header .btn-close,
.term-sortie-nature .modal-dialog .modal-content .modal-header .btn-close,
.decouvrir .modal-dialog .modal-content .modal-header .btn-close,
.le-conseil-municipal .modal-dialog .modal-content .modal-header .btn-close,
.nos-projets-citoyens-2 .modal-dialog .modal-content .modal-header .btn-close,
.jardin-1 .modal-dialog .modal-content .modal-header .btn-close {
  position: absolute;
  top: 30px;
  right: 0;
}
.term-commerce-associations .modal-dialog .modal-content .nf-form-content input:not([type=button]),
.term-cat-general .modal-dialog .modal-content .nf-form-content input:not([type=button]),
.term-sortie-nature .modal-dialog .modal-content .nf-form-content input:not([type=button]),
.decouvrir .modal-dialog .modal-content .nf-form-content input:not([type=button]),
.le-conseil-municipal .modal-dialog .modal-content .nf-form-content input:not([type=button]),
.nos-projets-citoyens-2 .modal-dialog .modal-content .nf-form-content input:not([type=button]),
.jardin-1 .modal-dialog .modal-content .nf-form-content input:not([type=button]) {
  width: 70%!important;
}
.term-commerce-associations .modal-dialog .modal-footer,
.term-cat-general .modal-dialog .modal-footer,
.term-sortie-nature .modal-dialog .modal-footer,
.decouvrir .modal-dialog .modal-footer,
.le-conseil-municipal .modal-dialog .modal-footer,
.nos-projets-citoyens-2 .modal-dialog .modal-footer,
.jardin-1 .modal-dialog .modal-footer {
  border: 0px;
}
.term-commerce-associations .modal-dialog #nf-field-20,
.term-cat-general .modal-dialog #nf-field-20,
.term-sortie-nature .modal-dialog #nf-field-20,
.decouvrir .modal-dialog #nf-field-20,
.le-conseil-municipal .modal-dialog #nf-field-20,
.nos-projets-citoyens-2 .modal-dialog #nf-field-20,
.jardin-1 .modal-dialog #nf-field-20 {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.term-commerce-associations .modal-dialog #nf-field-20:focus,
.term-cat-general .modal-dialog #nf-field-20:focus,
.term-sortie-nature .modal-dialog #nf-field-20:focus,
.decouvrir .modal-dialog #nf-field-20:focus,
.le-conseil-municipal .modal-dialog #nf-field-20:focus,
.nos-projets-citoyens-2 .modal-dialog #nf-field-20:focus,
.jardin-1 .modal-dialog #nf-field-20:focus {
  border: 1px solid #E2001A !important;
}
.term-commerce-associations .modal-dialog #nf-field-20:after,
.term-cat-general .modal-dialog #nf-field-20:after,
.term-sortie-nature .modal-dialog #nf-field-20:after,
.decouvrir .modal-dialog #nf-field-20:after,
.le-conseil-municipal .modal-dialog #nf-field-20:after,
.nos-projets-citoyens-2 .modal-dialog #nf-field-20:after,
.jardin-1 .modal-dialog #nf-field-20:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/pin.png');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.term-commerce-associations .modal-dialog #nf-field-20:before,
.term-cat-general .modal-dialog #nf-field-20:before,
.term-sortie-nature .modal-dialog #nf-field-20:before,
.decouvrir .modal-dialog #nf-field-20:before,
.le-conseil-municipal .modal-dialog #nf-field-20:before,
.nos-projets-citoyens-2 .modal-dialog #nf-field-20:before,
.jardin-1 .modal-dialog #nf-field-20:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/pin.png');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.term-commerce-associations .modal-dialog #nf-field-20:hover:before,
.term-cat-general .modal-dialog #nf-field-20:hover:before,
.term-sortie-nature .modal-dialog #nf-field-20:hover:before,
.decouvrir .modal-dialog #nf-field-20:hover:before,
.le-conseil-municipal .modal-dialog #nf-field-20:hover:before,
.nos-projets-citoyens-2 .modal-dialog #nf-field-20:hover:before,
.jardin-1 .modal-dialog #nf-field-20:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.term-commerce-associations .modal-dialog #nf-field-20:hover:after,
.term-cat-general .modal-dialog #nf-field-20:hover:after,
.term-sortie-nature .modal-dialog #nf-field-20:hover:after,
.decouvrir .modal-dialog #nf-field-20:hover:after,
.le-conseil-municipal .modal-dialog #nf-field-20:hover:after,
.nos-projets-citoyens-2 .modal-dialog #nf-field-20:hover:after,
.jardin-1 .modal-dialog #nf-field-20:hover:after {
  opacity: 0;
}
.term-commerce-associations .carousel.slide .btn-primary,
.term-cat-general .carousel.slide .btn-primary,
.term-sortie-nature .carousel.slide .btn-primary,
.decouvrir .carousel.slide .btn-primary,
.le-conseil-municipal .carousel.slide .btn-primary,
.nos-projets-citoyens-2 .carousel.slide .btn-primary,
.jardin-1 .carousel.slide .btn-primary {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  margin-left: 15px;
}
.term-commerce-associations .carousel.slide .btn-primary:focus,
.term-cat-general .carousel.slide .btn-primary:focus,
.term-sortie-nature .carousel.slide .btn-primary:focus,
.decouvrir .carousel.slide .btn-primary:focus,
.le-conseil-municipal .carousel.slide .btn-primary:focus,
.nos-projets-citoyens-2 .carousel.slide .btn-primary:focus,
.jardin-1 .carousel.slide .btn-primary:focus {
  border: 1px solid #E2001A !important;
}
.term-commerce-associations .carousel.slide .btn-primary:after,
.term-cat-general .carousel.slide .btn-primary:after,
.term-sortie-nature .carousel.slide .btn-primary:after,
.decouvrir .carousel.slide .btn-primary:after,
.le-conseil-municipal .carousel.slide .btn-primary:after,
.nos-projets-citoyens-2 .carousel.slide .btn-primary:after,
.jardin-1 .carousel.slide .btn-primary:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.term-commerce-associations .carousel.slide .btn-primary:before,
.term-cat-general .carousel.slide .btn-primary:before,
.term-sortie-nature .carousel.slide .btn-primary:before,
.decouvrir .carousel.slide .btn-primary:before,
.le-conseil-municipal .carousel.slide .btn-primary:before,
.nos-projets-citoyens-2 .carousel.slide .btn-primary:before,
.jardin-1 .carousel.slide .btn-primary:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.term-commerce-associations .carousel.slide .btn-primary:hover:before,
.term-cat-general .carousel.slide .btn-primary:hover:before,
.term-sortie-nature .carousel.slide .btn-primary:hover:before,
.decouvrir .carousel.slide .btn-primary:hover:before,
.le-conseil-municipal .carousel.slide .btn-primary:hover:before,
.nos-projets-citoyens-2 .carousel.slide .btn-primary:hover:before,
.jardin-1 .carousel.slide .btn-primary:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.term-commerce-associations .carousel.slide .btn-primary:hover:after,
.term-cat-general .carousel.slide .btn-primary:hover:after,
.term-sortie-nature .carousel.slide .btn-primary:hover:after,
.decouvrir .carousel.slide .btn-primary:hover:after,
.le-conseil-municipal .carousel.slide .btn-primary:hover:after,
.nos-projets-citoyens-2 .carousel.slide .btn-primary:hover:after,
.jardin-1 .carousel.slide .btn-primary:hover:after {
  opacity: 0;
}
.decouvrir .en_images {
  background-color: #F4F4F4;
}
.decouvrir .en_images .gallery {
  column-width: 19em;
  -moz-column-width: 19em;
  -webkit-column-width: 19em;
  column-gap: 1rem;
  -moz-column-gap: 1rem;
  -webkit-column-gap: 1rem;
}
.decouvrir .en_images .gallery .item {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  position: relative;
  background: transparent;
  padding: 6px;
  border: none;
  border-radius: 0;
  transition: 0.3s ease;
  font-size: 0;
}
.decouvrir .en_images .gallery .item img {
  filter: grayscale(1);
  max-width: 100%;
}
.decouvrir .en_images .gallery .item img:hover {
  filter: grayscale(0);
}
.decouvrir .en_images .gallery li {
  padding: 15px;
}
.decouvrir .en_images .gallery li img {
  width: 100%;
}
.decouvrir .acf-gallery {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 55px;
  flex-direction: row;
}
@media (max-width: 992px) {
  .decouvrir .acf-gallery {
    flex-direction: column;
  }
}
.decouvrir .acf-gallery li {
  margin: 13px;
}
@media (max-width: 992px) {
  .le-conseil-municipal #le_maire {
    padding: 15px 30px;
  }
}
.le-conseil-municipal #les-elus .elu .mask {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border: 1px solid #505050;
  border-radius: 201px;
  margin: auto;
}
.le-conseil-municipal #les-elus .elu .mask img {
  filter: grayscale(100);
}
.le-conseil-municipal #les-elus .elu .mask:hover img {
  filter: grayscale(0);
}
.le-conseil-municipal #les-elus .elu h4 {
  font: normal 15px/19px 'Lato', sans-serif;
  text-align: center;
  margin-top: 30px;
  color: #505050;
}
.le-conseil-municipal #les-elus .elu hr {
  width: 50%;
  margin: 8px auto;
}
.le-conseil-municipal #les-elus .elu p {
  display: block;
  color: #505050;
  font-size: 13px;
  text-align: center;
  word-break: keep-all;
}
.le-conseil-municipal #les-elus .elu p a {
  display: inline;
  word-break: keep-all;
  white-space: nowrap;
  font: normal 15px/19px 'Lato', sans-serif;
  font-size: 13px;
  color: #505050;
  text-transform: none;
  padding: 0;
  border: 0px;
}
.le-conseil-municipal #les-elus .elu p a:after,
.le-conseil-municipal #les-elus .elu p a:before {
  content: none;
}
.le-conseil-municipal #les-elus .elu .fonction {
  color: #E2001A;
}
.le-conseil-municipal #actes-reglementaires .accordion-item {
  border: 0px;
  border-top: 1px solid #505050;
  border-radius: 0px;
  background-color: white;
}
.le-conseil-municipal #actes-reglementaires .accordion-item p {
  margin: 0;
  line-height: 30px;
}
.le-conseil-municipal #actes-reglementaires .accordion-item a {
  color: #505050;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.le-conseil-municipal #actes-reglementaires .accordion-item a:hover {
  color: #E2001A;
}
.le-conseil-municipal #actes-reglementaires .accordion-item h4 {
  font: normal 15px/19px 'Lato', sans-serif;
  color: #505050;
}
.le-conseil-municipal #actes-reglementaires .accordion-item .accordion-body {
  background-color: white;
}
.le-conseil-municipal #actes-reglementaires .accordion-item .accordion-button {
  font: normal 15px/19px 'Lato', sans-serif;
  color: #E2001A;
  line-height: 20px;
  font-weight: bolder;
  box-shadow: none;
  background-color: transparent;
}
.le-conseil-municipal #actes-reglementaires .accordion-item .accordion-button:after {
  background-image: url('assets/more.png');
}
.le-conseil-municipal #actes-reglementaires .accordion-item .accordion-button:not(.collapsed):after {
  background-image: url('assets/less.png');
}
.la-mairie #horaires-et-coordonnees img {
  width: 100%;
  margin-top: 50px;
}
.la-mairie #horaires-et-coordonnees h3 {
  font: bolder 18px/24px 'Lato', sans-serif;
  color: #E2001A;
  margin-top: 30px;
}
.la-mairie #horaires-et-coordonnees a {
  color: #505050;
}
.la-mairie #les-services-municipaux {
  margin-top: 50px;
}
.la-mairie #les-services-municipaux .accordion-item {
  border: 0px;
  border-radius: 0px;
  background-color: #F4F4F4;
}
.la-mairie #les-services-municipaux .accordion-item .accordion-body {
  background-color: white;
}
.la-mairie #les-services-municipaux .accordion-item .accordion-button {
  font: normal 15px/19px 'Lato', sans-serif;
  color: #505050;
  font-size: 20px;
  line-height: 20px;
  font-weight: bolder;
  box-shadow: none;
  background-color: transparent;
  margin-bottom: 20px;
}
.la-mairie #les-services-municipaux .accordion-item .accordion-button:after {
  background-image: url('assets/more.png');
}
.la-mairie #les-services-municipaux .accordion-item .accordion-button:not(.collapsed):after {
  background-image: url('assets/less.png');
}
/* #15- HOME (gracias papa)
-------------------------------------------------- */
.home .evenements .card img {
  filter: none!important;
}
.home .evenements .row.py-4 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.home .evenements .row.py-4 h2 {
  width: auto;
}
.home .evenements .row.py-4 a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  align-self: auto!important;
}
.home .evenements .row.py-4 a:focus {
  border: 1px solid #E2001A !important;
}
.home .evenements .row.py-4 a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.home .evenements .row.py-4 a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.home .evenements .row.py-4 a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.home .evenements .row.py-4 a:hover:after {
  opacity: 0;
}
@media (max-width: 992px) {
  .home .evenements .row.py-4 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.home .rs_feed,
.home #ff-stream-1 {
  background-color: #F2B035;
}
@media (max-width: 992px) {
  .home .rs_feed {
    padding: 0 40px;
  }
}
.home .rs_feed h2 {
  color: white;
}
.home .rs_feed h2:before {
  border-left: 8px solid white;
  border-top: 8px solid white;
}
.home section:not(.main_menu) {
  margin: 0;
  margin-top: 30px;
}
.home section:not(.main_menu) .py-5 {
  padding-bottom: 0px!important;
}
@media (max-width: 992px) {
  .home section:not(.main_menu) {
    padding-bottom: 30px!important;
  }
}
@media (max-width: 992px) {
  .home .en_1_clic,
  .home .zoom_sur,
  .home .informe {
    padding: 0 30px;
  }
}
.home .flash .container {
  border-bottom: 1px solid #E2001A;
  border-top: 1px solid #E2001A;
  padding-top: 25px;
  padding-bottom: 15px;
}
.home .flash .container h3 {
  font: normal 15px/19px 'Lato', sans-serif;
}
.home .main_menu {
  margin: auto;
}
.home .actualite .row.py-4 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.home .actualite .row.py-4 h2 {
  width: auto;
}
.home .actualite .row.py-4 a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  align-self: auto!important;
}
.home .actualite .row.py-4 a:focus {
  border: 1px solid #E2001A !important;
}
.home .actualite .row.py-4 a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.home .actualite .row.py-4 a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.home .actualite .row.py-4 a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.home .actualite .row.py-4 a:hover:after {
  opacity: 0;
}
@media (max-width: 992px) {
  .home .actualite .row.py-4 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.home .actualite .col-md-6 {
  padding: 15px 30px;
  position: relative;
}
.home .actualite .col-md-6 .position-absolute.top-0 {
  background: red;
  width: 30px;
  height: 30px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  right: inherit!important;
  left: 30px;
  top: 15px!important;
  justify-content: center;
}
.home .actualite .col-md-6 .position-absolute.top-0 a {
  text-align: center;
}
.home .actualite .col-md-6 .position-absolute.top-0 a img {
  width: 20px;
}
.home .actualite .col-md-6:nth-child(3),
.home .actualite .col-md-6:nth-child(4) {
  transform: translateX(30px);
}
@media (max-width: 992px) {
  .home .actualite .col-md-6:nth-child(3),
  .home .actualite .col-md-6:nth-child(4) {
    transform: translateX(0px);
  }
}
.home .actualite .col-md-6 .col-lg-5 {
  border: 1px solid #E2001A;
  border-right: 0px;
  padding-left: 0px;
  background-position: center center!important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
}
.home .actualite .col-md-6 .col-lg-5 img {
  opacity: 0;
}
@media (max-width: 992px) {
  .home .actualite .col-md-6 .col-lg-5 {
    padding-left: 0px;
    padding-right: 0px;
    border: 1px solid #E2001A;
    border-bottom: 0px;
  }
}
.home .actualite .col-md-6 .col-lg-7 {
  border: 1px solid #E2001A;
  border-left: 0px;
}
@media (max-width: 992px) {
  .home .actualite .col-md-6 .col-lg-7 {
    padding: 15px;
    border: 1px solid #E2001A;
    border-top: 0px;
  }
}
.home .actualite .col-md-6 .col-lg-7 p:nth-child(3) {
  font-size: 13px;
}
.home .actualite .col-md-6 h3 {
  font: bolder 18px/24px 'Lato', sans-serif;
  color: #505050;
  margin-top: 20px;
}
.home .actualite .col-md-6 .btn {
  border-radius: 0px;
  background-color: #E2001A;
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: 15px;
  right: 30px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .actualite .col-md-6 .btn a {
  color: white;
}
.home .actualite .card-img-top {
  height: 100%;
  max-height: max-content;
  width: fit-content;
}
.home .fier {
  background: linear-gradient(90deg, #f2b035 50%, #f4f4f4 50%);
}
@media (max-width: 992px) {
  .home .fier {
    background: #f2b035;
    padding: 30px;
  }
}
.home .fier .col-lg-6:first-child {
  background-color: #F2B035;
  padding-right: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
}
.home .fier .col-lg-6:first-child h3,
.home .fier .col-lg-6:first-child p {
  color: white;
}
.home .fier .col-lg-6:first-child a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-left: 15px;
  margin-top: 20px;
}
.home .fier .col-lg-6:first-child a:focus {
  border: 1px solid #E2001A !important;
}
.home .fier .col-lg-6:first-child a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.home .fier .col-lg-6:first-child a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.home .fier .col-lg-6:first-child a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.home .fier .col-lg-6:first-child a:hover:after {
  opacity: 0;
}
.home .fier .col-lg-6:last-child {
  padding-left: 60px;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #F4F4F4;
}
@media (max-width: 992px) {
  .home .fier .col-lg-6:last-child {
    padding: 30px 30px 30px 12px;
    background-color: #F2B035;
  }
  .home .fier .col-lg-6:last-child h3,
  .home .fier .col-lg-6:last-child p {
    color: white;
  }
}
.home .fier .col-lg-6:last-child a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #F76640;
  border: 1px solid #F76640;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-left: 15px;
  margin-top: 20px;
}
.home .fier .col-lg-6:last-child a:focus {
  border: 1px solid #F76640 !important;
}
.home .fier .col-lg-6:last-child a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #F76640;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.home .fier .col-lg-6:last-child a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #F76640;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.home .fier .col-lg-6:last-child a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.home .fier .col-lg-6:last-child a:hover:after {
  opacity: 0;
}
.home .fier h3 {
  font: bolder 18px/24px 'Lato', sans-serif;
  margin-bottom: 20px;
}
.home .fier p {
  margin-top: 30px;
}
.home .informe .container {
  border-top: 1px solid #505050;
  padding-top: 70px;
}
.home .informe .container h4 {
  font: normal 15px/19px 'Lato', sans-serif;
  font-weight: bolder;
  color: #E2001A;
}
.home .informe .container .bullet {
  width: 110px;
  height: 110px;
  background: #F2B035;
  border-radius: 120px;
  text-align: center;
  padding: 10px;
  justify-content: space-around;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.home .informe .container .bullet p {
  margin: 0;
}
.home .informe .container .bullet .number {
  font: bolder 30px/36px 'Lato', sans-serif;
  color: white;
}
.home .informe .container .bullet .month,
.home .informe .container .bullet .year {
  font: bolder 12px/16px 'Lato', sans-serif;
  text-transform: uppercase;
  color: #E2001A;
  border-top: 1px solid #E2001A;
  border-bottom: 1px solid #E2001A;
}
.home .informe .container .bullet .year {
  border: 0px;
}
.home .informe .container .card-content {
  padding: 20px;
  max-width: 80%;
  margin-left: 20%;
  margin-top: -25%;
  z-index: 1;
  position: relative;
  background: white;
}
.home .informe .container .buttons {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
}
.home .informe .container a.btn {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-right: 30px;
}
.home .informe .container a.btn:focus {
  border: 1px solid #E2001A !important;
}
.home .informe .container a.btn:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.home .informe .container a.btn:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.home .informe .container a.btn:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.home .informe .container a.btn:hover:after {
  opacity: 0;
}
.home .informe .container .col-lg-4 {
  padding-right: 60px;
  border-right: 1px solid #505050;
}
@media (max-width: 992px) {
  .home .informe .container .col-lg-4 {
    border-right: 0px;
    padding-right: 0px;
  }
}
.home .informe .container .col-lg-8 {
  padding-left: 60px;
}
@media (max-width: 992px) {
  .home .informe .container .col-lg-8 {
    padding-left: 0px;
  }
  .home .informe .container .col-lg-8 .col,
  .home .informe .container .col-lg-8 .col-auto {
    min-width: 100%!important;
    margin: 15px 0 0 0;
  }
}
.home .informe .container .col-lg-8 .row {
  padding: 15px 0;
}
.home .informe .container .col-lg-8 .row:nth-child(even) {
  background-color: #F4F4F4;
  border-top: 1px solid #505050;
  border-bottom: 1px solid #505050;
}
.home .informe .container .col-lg-8 .row .card {
  background-color: transparent;
}
.home .informe .container .col-lg-8 .row .col-auto {
  min-width: 200px;
  text-align: center;
}
.home .informe .container .col-lg-8 .row .flex {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
}
.home .informe .container .col-lg-8 .row .flex a {
  margin-right: 30px;
}
.home .playful figure {
  cursor: pointer;
  float: left;
  margin: 10px 1%;
  max-height: 680px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}
@media (max-width: 992px) {
  .home .playful figure {
    max-height: 140px;
    margin: 0px;
  }
}
.home .playful figure figcaption {
  height: calc(100% - 150px);
  left: 0;
  position: absolute;
  top: 150px;
  width: 100%;
  backface-visibility: hidden;
  color: #fff;
  font-size: 1.25em;
  text-transform: uppercase;
  opacity: 0;
  background-color: #E2001A;
  padding: 30px;
  color: white;
  overflow: auto;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.home .playful figure figcaption ul {
  list-style: none;
  text-align: left;
  padding: 0 60px;
}
.home .playful figure figcaption ul li {
  width: 100%;
  margin-bottom: 15px;
}
.home .playful figure figcaption ul li:before {
  content: " ";
  width: 10px;
  height: 10px;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100% ;
  margin-right: 10px;
  display: inline-block;
  color: white;
  font-weight: 800;
  padding-right: 10px;
}
.home .playful figure figcaption ul li a {
  color: white;
}
.home .playful figure a.btn {
  margin: 30px auto;
  font: bolder 13px/16px 'Lato', sans-serif;
  color: white;
  border: 1px solid white;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.home .playful figure a.btn:focus {
  border: 1px solid white !important;
}
.home .playful figure a.btn:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: white;
  background-image: url('assets/button-arrow-red.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.home .playful figure a.btn:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: white;
  background-image: url('assets/button-arrow-red.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.home .playful figure a.btn:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.home .playful figure a.btn:hover:after {
  opacity: 0;
}
.home .playful figure .title {
  display: flex;
  align-items: center;
  height: 150px;
  z-index: 2;
  background: rgba(226, 0, 26, 0.5);
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.home .playful figure .title h3 {
  color: white;
}
.home .playful figure img {
  display: block;
  max-width: 100%;
  min-height: 100%;
  opacity: 1;
  position: relative;
}
.home .playful figure.softeffect {
  background: none repeat scroll 0 0 #000000;
}
.home .playful figure.softeffect img {
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
.home .playful figure.softeffect figcaption:before {
  opacity: 0;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
.home .playful figure.softeffect p {
  opacity: 0;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  margin: 0 auto;
  max-width: 200px;
  transform: scale(1.5);
}
.home .playful figure.softeffect h4 {
  opacity: 0;
  padding: 20% 0 20px;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
.home .playful figure.softeffect:hover figcaption:before {
  opacity: 1;
  transform: scale(1);
}
.home .playful figure.softeffect:hover p {
  opacity: 1;
  transform: scale(1);
}
.home .playful figure.softeffect:hover h4 {
  opacity: 1;
  transform: scale(1);
}
.home figure.softeffect {
  background: none repeat scroll 0 0 transparent;
}
@media (max-width: 992px) {
  .home figure.softeffect {
    height: 140px;
    max-height: 500px;
    min-width: 100%;
  }
}
.home figure.softeffect:hover {
  background: none repeat scroll 0 0 #000000;
}
.home figure.softeffect:hover img {
  opacity: 0.35;
  transform: scale(1);
  opacity: 0.4;
  transform: scale(1.15);
  filter: blur(2px);
}
.home figure.softeffect:hover figcaption {
  opacity: 1;
}
@media (max-width: 992px) {
  .home figure.softeffect:hover figcaption {
    top: 140px;
    background-color: white;
    height: 360px;
  }
}
.home figure.softeffect:hover .title {
  background: #E2001A;
}
@media (max-width: 992px) {
  .home figure.softeffect:hover .title {
    height: 50px;
  }
}
@media (max-width: 992px) {
  .home figure.softeffect:hover .title {
    height: 140px;
  }
}
@media (max-width: 992px) {
  .home figure.softeffect:hover {
    height: 500px;
  }
  .home figure.softeffect:hover ul li a {
    color: #E2001A;
  }
  .home figure.softeffect:hover .btn {
    font: bolder 13px/16px 'Lato', sans-serif;
    color: #E2001A;
    border: 1px solid #E2001A;
    text-decoration: none;
    padding: 0px 15px;
    position: relative;
    background: transparent;
    width: fit-content;
    border-radius: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  .home figure.softeffect:hover .btn:focus {
    border: 1px solid #E2001A !important;
  }
  .home figure.softeffect:hover .btn:after {
    content: " ";
    width: 25px;
    height: 26px;
    background-color: #E2001A;
    background-image: url('assets/button-arrow.svg');
    background-repeat: no-repeat;
    background-size: auto 48%;
    background-position: center center;
    position: relative;
    top: 0px;
    right: -15px;
    display: inline-block;
    text-align: center;
  }
  .home figure.softeffect:hover .btn:before {
    content: " ";
    width: 25px;
    height: 26px;
    background-color: #E2001A;
    background-image: url('assets/button-arrow.svg');
    background-repeat: no-repeat;
    background-size: auto 48%;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    text-align: center;
    width: 0%;
    transition: 200ms all ease-out;
  }
  .home figure.softeffect:hover .btn:hover:before {
    width: 100%;
    transition: 150ms all ease-out;
  }
  .home figure.softeffect:hover .btn:hover:after {
    opacity: 0;
  }
}
.home figure.softeffect img {
  transform: scale(1);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
/*#16- Ma Ville
-------------------------------------------------- */
.ma-ville .serv {
  padding-top: 60px;
}
.ma-ville .les_elus:before {
  background-color: #F4F4F4;
  height: 600px;
  width: 100vw;
  position: absolute;
  z-index: -1;
  margin-top: -50px;
  left: 0px;
}
.ma-ville .les_elus .card {
  padding: 0 25px;
  background-color: transparent;
}
.ma-ville .carousel-inner {
  padding: 1em;
}
.ma-ville .carousel-control-prev,
.ma-ville .carousel-control-next {
  display: block;
}
.ma-ville .carousel-control-next-icon,
.ma-ville .carousel-control-prev-icon {
  color: #E2001A;
}
.ma-ville .carousel-item .mask {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ma-ville {
    /*.carousel-item {
	    margin-right: 0;
	    flex: 0 0 50%;
	    display: block;
	  }*/
  }
  .ma-ville .carousel-inner {
    display: flex;
  }
  .ma-ville .carousel-indicators {
    top: unset!important;
    bottom: -20px;
    position: static;
  }
  .ma-ville .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 30px;
    border: 1px solid #E2001A;
    background-color: transparent!important;
    box-sizing: inherit;
    margin-right: 0px;
    margin-left: 10px;
  }
  .ma-ville .carousel-indicators [data-bs-target].active {
    background: #E2001A !important;
  }
  .ma-ville .carousel-item .mask {
    margin: 0 auto;
  }
}
.ma-ville .section_image_et_texte {
  padding-top: 0px;
}
.ma-ville #decouvrir {
  padding: 60px 0px;
  background-color: #F4F4F4;
  margin-top: 50px;
}
.ma-ville #decouvrir .row:first-child a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  float: right;
  margin-top: 30px;
}
.ma-ville #decouvrir .row:first-child a:focus {
  border: 1px solid #E2001A !important;
}
.ma-ville #decouvrir .row:first-child a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.ma-ville #decouvrir .row:first-child a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.ma-ville #decouvrir .row:first-child a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.ma-ville #decouvrir .row:first-child a:hover:after {
  opacity: 0;
}
@media (max-width: 768px) {
  .ma-ville #decouvrir .row:first-child a {
    float: unset;
    margin-bottom: 30px;
  }
}
.ma-ville #decouvrir .col-md-3 h3 a {
  width: 100%;
  text-align: center;
  border: 0px;
  justify-content: center;
  font: normal 15px/19px 'Lato', sans-serif;
  font-weight: bolder;
  color: #505050;
  text-transform: uppercase;
  white-space: nowrap;
  display: flex;
  padding-top: 15px;
}
@media (max-width: 992px) {
  .ma-ville #decouvrir .col-md-3 {
    margin-bottom: 20px;
    text-align: center;
  }
}
.ma-ville #la-mairie {
  padding: 0;
}
@media (max-width: 992px) {
  .ma-ville #la-mairie .container {
    margin: 0 -30px 0 -30px;
    width: calc(100% + 60px);
  }
}
.ma-ville #la-mairie .col-lg-6,
.ma-ville #la-mairie .col-md-6 {
  padding: 60px;
  background-color: #E8D6D0;
}
.ma-ville #la-mairie .col-lg-6 h3,
.ma-ville #la-mairie .col-md-6 h3 {
  font: bolder 18px/24px 'Lato', sans-serif;
  color: #E2001A;
}
@media (max-width: 992px) {
  .ma-ville #la-mairie .col-lg-6 h3,
  .ma-ville #la-mairie .col-md-6 h3 {
    margin-top: 20px;
  }
}
.ma-ville #la-mairie .col-lg-6 a,
.ma-ville #la-mairie .col-md-6 a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.ma-ville #la-mairie .col-lg-6 a:focus,
.ma-ville #la-mairie .col-md-6 a:focus {
  border: 1px solid #E2001A !important;
}
.ma-ville #la-mairie .col-lg-6 a:after,
.ma-ville #la-mairie .col-md-6 a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.ma-ville #la-mairie .col-lg-6 a:before,
.ma-ville #la-mairie .col-md-6 a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.ma-ville #la-mairie .col-lg-6 a:hover:before,
.ma-ville #la-mairie .col-md-6 a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.ma-ville #la-mairie .col-lg-6 a:hover:after,
.ma-ville #la-mairie .col-md-6 a:hover:after {
  opacity: 0;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal {
  background-color: transparent;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .col-lg-6,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .col-lg-6 {
  background-color: white;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .mask,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .mask {
  width: 230px;
  height: 230px;
  overflow: hidden;
  border-radius: 1000px;
  filter: grayscale(1);
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .mask:hover,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .mask:hover {
  filter: grayscale(0);
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .maire,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .maire {
  margin-bottom: 60px;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .maire-inside,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .maire-inside {
  margin-top: 50px;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .maire-inside h4,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .maire-inside h4 {
  text-transform: uppercase;
  font: normal 15px/19px 'Lato', sans-serif;
  color: #505050;
  font-weight: bolder;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .carousel-item .mask,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .carousel-item .mask {
  width: 199px;
  height: 199px;
}
@media (max-width: 992px) {
  .ma-ville #la-mairie .col-lg-6#le-conseil-municipal .carousel-item .mask,
  .ma-ville #la-mairie .col-md-6#le-conseil-municipal .carousel-item .mask {
    width: 120px;
    height: 120px;
  }
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .carousel-item h4,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .carousel-item h4 {
  font: normal 15px/19px 'Lato', sans-serif;
  text-align: center;
  margin-top: 30px;
  color: #505050;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .carousel-item hr,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .carousel-item hr {
  width: 50%;
  margin: 8px auto;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .carousel-item p,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .carousel-item p {
  display: block;
  color: #505050;
  font-size: 13px;
  text-align: center;
  word-break: keep-all;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .carousel-item p a,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .carousel-item p a {
  display: inline;
  word-break: keep-all;
  white-space: nowrap;
  font: normal 15px/19px 'Lato', sans-serif;
  font-size: 13px;
  color: #505050;
  text-transform: none;
  padding: 0;
  border: 0px;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .carousel-item p a:after,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .carousel-item p a:after,
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .carousel-item p a:before,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .carousel-item p a:before {
  content: none;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .carousel-item .fonction,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .carousel-item .fonction {
  color: #E2001A;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .carousel-item .text-right a,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .carousel-item .text-right a {
  float: right;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal .carousel-indicators,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal .carousel-indicators {
  top: -30px;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal #raccourcis,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal #raccourcis {
  margin-top: 30px;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal #raccourcis div,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal #raccourcis div {
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal #raccourcis div:first-child,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal #raccourcis div:first-child {
  border-bottom: 0px;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal #raccourcis div:last-child,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal #raccourcis div:last-child {
  border-top: 0px;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal #raccourcis a,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal #raccourcis a {
  font: bolder 20px/24px 'Lato', sans-serif;
  color: #505050;
  border: 0px;
  padding: 20px 0;
  width: 100%;
  margin: 0;
}
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal #raccourcis a:after,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal #raccourcis a:after,
.ma-ville #la-mairie .col-lg-6#le-conseil-municipal #raccourcis a:before,
.ma-ville #la-mairie .col-md-6#le-conseil-municipal #raccourcis a:before {
  content: none;
}
.ma-ville section.projets {
  margin-top: 75px;
  padding-bottom: 0px;
}
.ma-ville #nos-projets-citoyens {
  padding: 60px;
  padding-top: 0px;
}
@media (max-width: 992px) {
  .ma-ville #nos-projets-citoyens {
    padding: 0px;
    margin-bottom: 15px;
    margin-top: 15px;
  }
}
.ma-ville #nos-projets-citoyens img {
  float: left;
  margin-right: 30px;
  margin-bottom: 15px;
}
.ma-ville #nos-projets-citoyens h3 {
  font: bold 20px/20px 'Lato', sans-serif;
  color: #E2001A;
  margin-top: 20px;
}
.ma-ville #nos-projets-citoyens a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.ma-ville #nos-projets-citoyens a:focus {
  border: 1px solid #E2001A !important;
}
.ma-ville #nos-projets-citoyens a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.ma-ville #nos-projets-citoyens a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.ma-ville #nos-projets-citoyens a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.ma-ville #nos-projets-citoyens a:hover:after {
  opacity: 0;
}
.ma-ville .footer_horaire {
  margin-top: 0px;
}
@media (max-width: 992px) {
  .nos-projets-citoyens-2 .container-fluid {
    padding: 0 40px;
  }
}
.nos-projets-citoyens-2 .zoom_sur {
  margin: 120px 0;
}
.nos-projets-citoyens-2 .global_content {
  width: 80%;
  padding: 50px 0;
  margin: 50px auto;
  position: relative;
  overflow: hidden;
}
.nos-projets-citoyens-2 .global_content h3 {
  font: bold 25px/30px 'Lato', sans-serif;
  font-weight: bold;
}
.nos-projets-citoyens-2 .global_content .time {
  font: normal 15px/19px 'Lato', sans-serif;
  font-weight: bold;
  color: #505050;
}
.nos-projets-citoyens-2 .global_content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 100%;
  background: #CCD1D9;
  z-index: 1;
}
.nos-projets-citoyens-2 .timeline-block {
  width: -webkit-calc(58%);
  width: -moz-calc(58%);
  width: calc(50% + 8px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  justify-content: space-between;
  clear: both;
}
.nos-projets-citoyens-2 .timeline-block-center {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  margin-bottom: 100px;
  margin-top: 30px;
  border-radius: 200px;
  background-color: #707070;
  background-color: #E2001A;
  color: white;
  position: relative;
  z-index: 2;
  text-align: center;
}
.nos-projets-citoyens-2 .timeline-block-center h3 {
  width: 100%;
  margin: 0px;
  color: white;
}
.nos-projets-citoyens-2 .timeline-block-center:first-child {
  background-color: #E2001A;
}
.nos-projets-citoyens-2 .timeline-block-right {
  float: right;
  position: relative;
  padding-left: 150px;
}
.nos-projets-citoyens-2 .timeline-block-right h3:before {
  content: " ";
  width: 140px;
  height: 8px;
  border-top: 1px dashed #505050;
  display: inline-block;
  margin-left: -170px;
  margin-right: 30px;
}
.nos-projets-citoyens-2 .timeline-block-right .marker {
  margin-left: -150px;
}
.nos-projets-citoyens-2 .timeline-block-right .time {
  position: absolute;
  left: calc(0% - 134px);
  top: 6px;
}
.nos-projets-citoyens-2 .timeline-block-left {
  float: left;
  position: relative;
  text-align: right;
  padding-right: 150px;
}
.nos-projets-citoyens-2 .timeline-block-left .marker {
  position: absolute;
  right: 0;
}
.nos-projets-citoyens-2 .timeline-block-left .marker:before {
  content: " ";
  width: 140px;
  height: 8px;
  border-top: 1px dashed #505050;
  display: inline-block;
  margin-top: 8px;
  position: absolute;
  right: 0;
}
.nos-projets-citoyens-2 .timeline-block-left .time {
  direction: ltr;
  position: absolute;
  right: calc(0% - 134px);
  top: 6px;
}
.nos-projets-citoyens-2 .marker {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0px solid #F5F7FA;
  background: #505050;
  margin-top: 10px;
  z-index: 9999;
}
.nos-projets-citoyens-2 .timeline-content {
  width: 95%;
  padding: 0 15px;
  color: #666;
}
.nos-projets-citoyens-2 .timeline-content span {
  font-size: 15px;
  color: #a4a4a4;
}
.nos-projets-citoyens-2 .nos_reussite .years {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-right: 30px;
}
.nos-projets-citoyens-2 .nos_reussite .years:focus {
  border: 1px solid #E2001A !important;
}
.nos-projets-citoyens-2 .nos_reussite .years:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.nos-projets-citoyens-2 .nos_reussite .years:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.nos-projets-citoyens-2 .nos_reussite .years:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.nos-projets-citoyens-2 .nos_reussite .years:hover:after {
  opacity: 0;
}
.nos-projets-citoyens-2 .nos_reussite .years:after {
  width: 26px;
  transform: rotate(90deg);
}
@media (max-width: 992px) {
  .nos-projets-citoyens-2 .nos_reussite .years {
    margin: 5px;
  }
}
@media screen and (max-width: 768px) {
  .nos-projets-citoyens-2 .global_content:before {
    left: 50%;
    width: 2px;
  }
  .nos-projets-citoyens-2 .timeline-block {
    width: 150px;
    margin-bottom: 30px;
  }
  .nos-projets-citoyens-2 .timeline-block-right {
    float: none;
    width: 100%;
    padding: 0px;
    z-index: 3;
    background-color: white;
  }
  .nos-projets-citoyens-2 .timeline-block-left {
    float: none;
    z-index: 3;
    background-color: white;
    direction: ltr;
    width: 100%;
    padding: 0px;
  }
  .nos-projets-citoyens-2 .timeline-content {
    width: 100%;
    padding: 0;
  }
  .nos-projets-citoyens-2 .marker {
    display: none;
  }
  .nos-projets-citoyens-2 h3:before {
    content: none;
  }
}
.single-au_quotidien .en_images .gallery {
  column-width: 19em;
  -moz-column-width: 19em;
  -webkit-column-width: 19em;
  column-gap: 1rem;
  -moz-column-gap: 1rem;
  -webkit-column-gap: 1rem;
}
.single-au_quotidien .en_images .gallery .item {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  position: relative;
  background: transparent;
  padding: 6px;
  border: none;
  border-radius: 0;
  transition: 0.3s ease;
  font-size: 0;
}
.single-au_quotidien .en_images .gallery .item img {
  filter: grayscale(1);
  max-width: 100%;
}
.single-au_quotidien .en_images .gallery .item img:hover {
  filter: grayscale(0);
}
.single-au_quotidien .en_images .gallery li {
  padding: 15px;
}
.single-au_quotidien .en_images .gallery li img {
  width: 100%;
}
.single-au_quotidien .intro .image_legende p {
  font-size: 25px;
  line-height: 29px;
}
.single-au_quotidien p strong {
  font-size: 20px;
  line-height: 24px;
}
.acutalite_du_moment .end-0 {
  right: 20px!important;
}
@media (max-width: 992px) {
  .acutalite_du_moment .end-0 {
    right: -30px !important;
  }
}
.acutalite_du_moment .position-absolute a {
  margin-right: -5px !important;
}
.acutalite_du_moment .position-absolute a:after,
.acutalite_du_moment .position-absolute a:before {
  display: none;
}
/*#17- search-results
-------------------------------------------------- */
.search-results .list-unstyled li {
  margin-bottom: 30px;
  border-bottom: 1px solid #E2001A;
}
.search-results .list-unstyled li a {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  color: #505050;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.search-results .list-unstyled li a:hover {
  font-size: 21px;
}
/*#18- Single au quotidien
-------------------------------------------------- */
.single-au_quotidien .carousel-inner {
  padding: 1em;
}
.single-au_quotidien .carousel-control-prev,
.single-au_quotidien .carousel-control-next {
  display: block;
}
.single-au_quotidien .carousel-control-prev {
  left: -20px;
  color: #E2001A;
  width: 50px;
  font-size: 30px;
  background: transparent;
  display: block;
}
.single-au_quotidien .carousel-control-next {
  right: -20px;
  color: #E2001A;
  width: 50px;
  font-size: 30px;
  background: transparent;
  display: block;
}
@media (max-width: 768px) {
  .single-au_quotidien .carousel-control-next,
  .single-au_quotidien .carousel-control-prev {
    display: none;
  }
}
.single-au_quotidien .contenu h3 {
  font-family: 'Lato', sans-serif;
  color: #5A5A5A;
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  margin-top: 25px;
}
.single-au_quotidien .contenu h4 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  color: #E2001A;
  font-size: 18px;
  line-height: 22px;
  margin-top: 25px;
}
.single-au_quotidien .contenu h5 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  color: #5A5A5A;
  font-size: 16px;
  line-height: 20px;
}
.single-au_quotidien .contenu ul {
  margin-left: 30px;
}
.page .text_simple .back_simple {
  position: absolute;
  top: 45px;
  width: auto;
  right: 0;
  padding: 10px;
}
.page .text_simple h3 {
  font-family: 'Lato', sans-serif;
  color: #5A5A5A;
  font-size: 20px;
  line-height: 24px;
  font-weight: 900;
  margin-top: 25px;
}
.page .text_simple h4 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  color: #E2001A;
  font-size: 18px;
  line-height: 22px;
  margin-top: 25px;
}
.page .text_simple h5 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  color: #5A5A5A;
  font-size: 16px;
  line-height: 20px;
}
.page .text_simple ul,
.page .text_simple ol {
  margin-left: 30px;
}
.page .text_simple ul {
  list-style: disc;
}
.page .text_simple ol {
  font: normal 15px/19px 'Lato', sans-serif;
  color: #505050;
}
.page .footer_horaire {
  margin-top: 0px;
}
.dashicons-admin-comments {
  margin-bottom: 4px;
}
.dashicons-admin-comments:before {
  content: url("assets/insta.svg");
}
.ff-loadmore-wrapper .ff-btn {
  font: normal 15px/19px 'Lato', sans-serif;
  border: none;
  text-transform: none!important;
  background: transparent!important;
  color: #505050 !important;
}
.ff-loadmore-wrapper .ff-btn:after {
  content: ' ';
  background-color: transparent;
  background-image: url(assets/button-arrow.svg);
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  display: block;
  margin: auto;
  text-align: center;
  transform: rotate(90deg);
  width: 45px;
  height: 45px;
  filter: brightness(0.3);
}
.simple_content {
  padding: 0px!important;
}
.page-child .demarches_slide .card {
  min-width: 100%;
}
@media (max-width: 992px) {
  .le-conseil-municipal .le_maire {
    padding: 15px 30px!important;
  }
  .le-conseil-municipal .le_maire .col-lg-8 {
    padding: 0 30px;
  }
  .le-conseil-municipal .le_maire h2:before {
    left: -15px;
  }
}
@media (max-width: 992px) {
  .content section.map {
    padding: 0!important;
  }
}
.post-password-form {
  padding: 30px 0;
}
.page-id-14442 .lesfiltres {
  margin-bottom: 30px;
}
.page-id-14442 #quicksearch {
  display: none;
}
.page-id-14442 .filters,
.page-id-14442 #sort {
  display: inline-block;
}
.page-id-14442 .filters select,
.page-id-14442 #sort select {
  border: 1px solid #E2001A;
  padding: 5px 15px;
  color: #E2001A;
  font-family: normal 15px/19px 'Lato', sans-serif;
}
.page-id-14442 .filters select:focus,
.page-id-14442 #sort select:focus {
  border-style: solid!important;
}
.page-id-14442 #price-sort {
  margin-right: 15px;
}
.page-id-14442 .holderpage {
  display: none;
}
.customblock {
  background: #D8D8DA;
  padding: 25px;
}
.customblock h2 {
  margin-left: 25px;
}
.page-id-14442 .actualite .card .card-body .card-footer {
  border: none;
}
.page-id-14442 .card .card-title {
  margin-bottom: 0;
}
.page-id-14442 .card-type {
  color: #505050;
  font-size: 16px;
}
#registerModal {
  justify-content: center;
  /* Horizontal centering */
  align-items: center;
  /* Vertical centering */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
#registerModal .custom-checkbox {
  margin-top: 15px;
}
#registerModal.show {
  display: flex!important;
}
#registerModal #loginform {
  margin-top: 30px;
}
#registerModal #loginform img {
  max-width: 60px;
}
#registerModal #loginTab img {
  max-width: 60px;
  margin-bottom: 30px;
}
#registerModal #little {
  font-size: 12px;
  color: #E2001A;
}
#registerModal .modal-dialog {
  width: 100%;
  max-width: 600px!important;
}
#registerModal .modal-content {
  padding: 60px;
  top: unset!important;
}
@media (max-width: 992px) {
  #registerModal .modal-content {
    padding: 15px;
    top: -20px;
  }
}
#registerModal .modal-header {
  border: none;
}
#registerModal .modal-header .nav-link {
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  border-radius: 0;
  color: #E2001A;
  background-color: white;
  border-color: white;
  border: none;
}
#registerModal .modal-header .nav-link:hover {
  color: white;
  background-color: #E2001A;
  border-color: #E2001A;
  border-radius: 0;
}
#registerModal .modal-header .nav-link.active {
  color: white;
  background-color: #E2001A;
  border-color: #E2001A;
  border-radius: 0;
}
#registerModal .nav-tabs {
  border: none;
}
@media (max-width: 992px) {
  #registerModal .nav-tabs .nav-item {
    display: inline-block;
  }
}
#registration-form .errorp {
  margin: 0;
}
#registration-form .errorp,
#registration-form #resultlog,
#registration-form #resultlogemail {
  color: #E2001A;
  font-size: 12px;
  margin-top: -14px;
}
#registration-form img {
  max-width: 60px;
  padding: 0;
  margin-bottom: 30px;
}
#registration-form #first_name.error,
#registration-form #last_name.error,
#registration-form #user_login_i.error,
#registration-form #user_password_i.error,
#registration-form #user_email_i.error {
  border-bottom: 2px solid #E2001A;
}
#registration-form #agree_to_terms .error {
  border: 1px solid #E2001A;
}
#custom-login-form #wp-submit {
  display: none!important;
}
#error_form_user,
#error_form,
#resultat-inscription {
  display: none;
  background: red;
  color: white;
  padding: 5px;
  width: fit-content;
  font-size: 14px;
}
.page-template-template-login-action-register .acces_rapide .first_part,
.page-template-template-login-action-register .acces_rapide #group2,
.page-template-template-login-action-register .acces_rapide #group3 {
  display: none;
}
.page-template-template-login-action-register .actus .first_part,
.page-template-template-login-action-register .actus #group1,
.page-template-template-login-action-register .actus #group3 {
  display: none;
}
.page-template-template-login-action-register .demarches .first_part,
.page-template-template-login-action-register .demarches #group1,
.page-template-template-login-action-register .demarches #group2 {
  display: none;
}
.page-template-template-login-action-register .demarches .first_part,
.page-template-template-login-action-register .demarches #group1,
.page-template-template-login-action-register .demarches #group2 {
  display: none;
}
.page-template-template-login-action-register h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.page-template-template-login-action-register .errorp,
.page-template-template-login-action-register #resultlog,
.page-template-template-login-action-register #resultlogemail {
  color: #E2001A;
  font-size: 12px;
}
.page-template-template-login-action-register #first_name.error,
.page-template-template-login-action-register #last_name.error,
.page-template-template-login-action-register #user_login.error,
.page-template-template-login-action-register #user_email.error {
  filter: invert(0);
  border-bottom: 2px solid #E2001A;
}
#confirm_suppression,
#delete_user,
.page-template-template-login-action-register {
  /* Hide the default select arrow and styles */
  /* Style the custom container */
  /* Style the custom arrow */
  /* Optional: Style the select when it's focused */
}
#confirm_suppression .twocolumn,
#delete_user .twocolumn,
.page-template-template-login-action-register .twocolumn {
  column-count: 2;
}
#confirm_suppression .profile-template,
#delete_user .profile-template,
.page-template-template-login-action-register .profile-template {
  padding: 60px 0;
}
#confirm_suppression #accueilperso,
#delete_user #accueilperso,
.page-template-template-login-action-register #accueilperso,
#confirm_suppression #comptecitoyen,
#delete_user #comptecitoyen,
.page-template-template-login-action-register #comptecitoyen {
  margin-right: 15px;
}
#confirm_suppression h3,
#delete_user h3,
.page-template-template-login-action-register h3 {
  color: #E2001A;
}
#confirm_suppression input,
#delete_user input,
.page-template-template-login-action-register input {
  border: none;
  border-bottom: 2px solid white;
  color: white;
  display: block!important;
  position: relative;
  background: transparent;
  height: 35px;
  padding-left: 0;
  padding-top: 10px;
  border-radius: 0;
  font-family: var(--font-book);
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  max-width: 350px;
  filter: invert(1);
}
#confirm_suppression input::-webkit-input-placeholder,
#delete_user input::-webkit-input-placeholder,
.page-template-template-login-action-register input::-webkit-input-placeholder {
  color: white!important;
  font-size: 14px;
  line-height: 20px;
  opacity: 1!important;
}
#confirm_suppression input::-moz-placeholder,
#delete_user input::-moz-placeholder,
.page-template-template-login-action-register input::-moz-placeholder {
  /* Firefox 18- */
  color: white!important;
  font-size: 14px;
  line-height: 20px;
  opacity: 1!important;
}
#confirm_suppression input::-moz-placeholder,
#delete_user input::-moz-placeholder,
.page-template-template-login-action-register input::-moz-placeholder {
  /* Firefox 19+ */
  color: white!important;
  font-size: 14px;
  line-height: 20px;
  opacity: 1!important;
}
#confirm_suppression input::-ms-input-placeholder,
#delete_user input::-ms-input-placeholder,
.page-template-template-login-action-register input::-ms-input-placeholder {
  color: white!important;
  font-size: 14px;
  line-height: 20px;
  opacity: 1!important;
}
#confirm_suppression input[type=submit],
#delete_user input[type=submit],
.page-template-template-login-action-register input[type=submit] {
  display: none;
}
#confirm_suppression .custom-select select,
#delete_user .custom-select select,
.page-template-template-login-action-register .custom-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 8px;
  /* Adjust this value based on your design */
  border: 2px solid black;
  /* Adjust border properties as needed */
  border-radius: 0;
  /* Adjust border-radius as needed */
  width: 100%;
  /* Adjust width as needed */
  font-size: 14px;
  /* Adjust font size as needed */
  max-width: 350px;
}
#confirm_suppression .custom-select,
#delete_user .custom-select,
.page-template-template-login-action-register .custom-select {
  position: relative;
  width: 100%;
  /* Adjust width as needed */
  max-width: 350px;
}
#confirm_suppression .custom-select::after,
#delete_user .custom-select::after,
.page-template-template-login-action-register .custom-select::after {
  content: '\25BC';
  /* Unicode down arrow */
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  /* Avoids the pseudo-element blocking clicks */
}
#confirm_suppression .custom-select select:focus,
#delete_user .custom-select select:focus,
.page-template-template-login-action-register .custom-select select:focus {
  outline: none;
  /* Remove the default focus outline */
  box-shadow: 0 0 5px #2196F3;
  /* Add a custom focus style */
  border-color: #2196F3;
}
#confirm_suppression .button,
#delete_user .button,
.page-template-template-login-action-register .button {
  float: right;
  margin-bottom: 20px;
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#confirm_suppression .button:after,
#delete_user .button:after,
.page-template-template-login-action-register .button:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
#confirm_suppression .button:before,
#delete_user .button:before,
.page-template-template-login-action-register .button:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
#confirm_suppression .button:hover:before,
#delete_user .button:hover:before,
.page-template-template-login-action-register .button:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
#confirm_suppression .button:hover:after,
#delete_user .button:hover:after,
.page-template-template-login-action-register .button:hover:after {
  opacity: 0;
}
#confirm_suppression .back,
#delete_user .back,
.page-template-template-login-action-register .back {
  float: left;
}
#confirm_suppression .back:hover,
#delete_user .back:hover,
.page-template-template-login-action-register .back:hover {
  color: black;
  background: transparent;
}
#confirm_suppression .back:hover:before,
#delete_user .back:hover:before,
.page-template-template-login-action-register .back:hover:before {
  content: ' ';
  width: 18px;
  height: 20px;
  margin-top: 4px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url(assets/back-btn.png);
  display: inline-block;
  vertical-align: text-top;
  margin-right: 5px;
  filter: none;
}
#confirm_suppression .custom-checkbox,
#delete_user .custom-checkbox,
.page-template-template-login-action-register .custom-checkbox {
  position: relative;
  padding-left: 30px;
  /* Adjust this value based on your design */
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 14px;
}
#confirm_suppression .custom-checkbox input,
#delete_user .custom-checkbox input,
.page-template-template-login-action-register .custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  font-size: 14px;
}
#confirm_suppression .checkmark,
#delete_user .checkmark,
.page-template-template-login-action-register .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  /* Adjust this value based on your design */
  width: 20px;
  /* Adjust this value based on your design */
  background-color: white;
  /* Set the background color for the unchecked state */
  border-radius: 0;
  /* Adjust this value based on your design */
  border: 1px solid black;
}
#confirm_suppression .custom-checkbox input:checked ~ .checkmark,
#delete_user .custom-checkbox input:checked ~ .checkmark,
.page-template-template-login-action-register .custom-checkbox input:checked ~ .checkmark {
  background-color: black;
  /* Set the background color for the checked state */
}
#confirm_suppression .checkmark:after,
#delete_user .checkmark:after,
.page-template-template-login-action-register .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#confirm_suppression .custom-checkbox input:checked ~ .checkmark:after,
#delete_user .custom-checkbox input:checked ~ .checkmark:after,
.page-template-template-login-action-register .custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}
#confirm_suppression .custom-checkbox .checkmark:after,
#delete_user .custom-checkbox .checkmark:after,
.page-template-template-login-action-register .custom-checkbox .checkmark:after {
  content: "";
  left: 7px;
  /* Adjust this value based on your design */
  top: 3px;
  /* Adjust this value based on your design */
  width: 5px;
  /* Adjust this value based on your design */
  height: 10px;
  /* Adjust this value based on your design */
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
#confirm_suppression #successform,
#delete_user #successform,
.page-template-template-login-action-register #successform {
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  color: green;
}
#registerModal input,
#custom-reset-password-form input {
  border: none;
  border-bottom: 2px solid black;
  color: black;
  display: block!important;
  position: relative;
  background: transparent;
  height: 35px;
  padding-left: 0;
  padding-top: 10px;
  border-radius: 0;
  font-family: var(--font-book);
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  max-width: 350px;
}
#registerModal input::-webkit-input-placeholder,
#custom-reset-password-form input::-webkit-input-placeholder {
  color: black!important;
  font-size: 14px;
  line-height: 20px;
  opacity: 1!important;
}
#registerModal input::-moz-placeholder,
#custom-reset-password-form input::-moz-placeholder {
  /* Firefox 18- */
  color: black!important;
  font-size: 14px;
  line-height: 20px;
  opacity: 1!important;
}
#registerModal input::-moz-placeholder,
#custom-reset-password-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: black!important;
  font-size: 14px;
  line-height: 20px;
  opacity: 1!important;
}
#registerModal input::-ms-input-placeholder,
#custom-reset-password-form input::-ms-input-placeholder {
  color: black!important;
  font-size: 14px;
  line-height: 20px;
  opacity: 1!important;
}
#registerModal input[type=submit],
#custom-reset-password-form input[type=submit] {
  display: none;
}
#registerModal .button,
#custom-reset-password-form .button {
  float: right;
  margin-bottom: 20px;
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
#registerModal .button:after,
#custom-reset-password-form .button:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
#registerModal .button:before,
#custom-reset-password-form .button:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
#registerModal .button:hover:before,
#custom-reset-password-form .button:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
#registerModal .button:hover:after,
#custom-reset-password-form .button:hover:after {
  opacity: 0;
}
#registerModal .back,
#custom-reset-password-form .back {
  float: left;
}
#registerModal .back:hover,
#custom-reset-password-form .back:hover {
  color: black;
  background: transparent;
}
#registerModal .back:hover:before,
#custom-reset-password-form .back:hover:before {
  content: ' ';
  width: 18px;
  height: 20px;
  margin-top: 4px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url(assets/back-btn.png);
  display: inline-block;
  vertical-align: text-top;
  margin-right: 5px;
  filter: none;
}
#registerModal .custom-checkbox,
#custom-reset-password-form .custom-checkbox {
  position: relative;
  padding-left: 30px;
  /* Adjust this value based on your design */
  cursor: pointer;
  font-size: 14px;
  text-transform: lowercase;
}
#registerModal .custom-checkbox input,
#custom-reset-password-form .custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  font-size: 14px;
  text-transform: lowercase;
  z-index: -1;
}
#registerModal .checkmark,
#custom-reset-password-form .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  /* Adjust this value based on your design */
  width: 20px;
  /* Adjust this value based on your design */
  background-color: white;
  /* Set the background color for the unchecked state */
  border-radius: 0;
  /* Adjust this value based on your design */
  border: 1px solid black;
}
#registerModal .custom-checkbox input:checked ~ .checkmark,
#custom-reset-password-form .custom-checkbox input:checked ~ .checkmark {
  background-color: black;
  /* Set the background color for the checked state */
}
#registerModal .checkmark:after,
#custom-reset-password-form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#registerModal .custom-checkbox input:checked ~ .checkmark:after,
#custom-reset-password-form .custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}
#registerModal .custom-checkbox .checkmark:after,
#custom-reset-password-form .custom-checkbox .checkmark:after {
  content: "";
  left: 7px;
  /* Adjust this value based on your design */
  top: 3px;
  /* Adjust this value based on your design */
  width: 5px;
  /* Adjust this value based on your design */
  height: 10px;
  /* Adjust this value based on your design */
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
#registerModal #successform,
#custom-reset-password-form #successform {
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  color: green;
}
label {
  font: normal 15px/19px 'Lato', sans-serif;
}
@media (max-width: 992px) {
  #custom-reset-password-form #submitLinkreset {
    margin-top: 20px;
  }
}
#registration-form h3 {
  padding-top: 15px;
}
.page-id-17527 .monprofil img {
  max-width: 300px;
}
@media (max-width: 992px) {
  .page-id-17527 .monprofil .row,
  .page-id-17537 .monprofil .row,
  .page-id-17527 .tableauperso .row,
  .page-id-17537 .tableauperso .row {
    padding: 0 15px;
  }
}
.page-id-17527 .padbot,
.page-id-17537 .padbot {
  margin-bottom: 30px;
  border-bottom: 1px solid black;
}
.page-id-17527 .lesliens,
.page-id-17537 .lesliens {
  width: 100%;
}
.page-id-17527 .lesliens a,
.page-id-17537 .lesliens a {
  margin-left: 15px;
}
.page-id-17527 #portail_famille,
.page-id-17537 #portail_famille {
  cursor: pointer;
  background: #E2001A;
  color: white;
  padding: 10px 50px 70px 50px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.page-id-17527 #portail_famille h2,
.page-id-17537 #portail_famille h2 {
  color: white;
}
.page-id-17527 #portail_famille h2:before,
.page-id-17537 #portail_famille h2:before {
  border-left: 8px solid white;
  border-top: 8px solid white;
}
.page-id-17527 #portail_famille p,
.page-id-17537 #portail_famille p {
  color: white;
}
.page-id-17527 #portail_famille .button,
.page-id-17537 #portail_famille .button {
  margin-top: 15px;
  border: 1px solid white;
  color: white;
  float: left;
}
.page-id-17527 #portail_famille .button:after,
.page-id-17537 #portail_famille .button:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: white;
  background-image: url('assets/button-arrow-red.svg');
}
.page-id-17527 #portail_famille .button:before,
.page-id-17537 #portail_famille .button:before {
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
}
.page-id-17527 #portail_citoyen,
.page-id-17537 #portail_citoyen {
  cursor: pointer;
  background: #707070;
  color: white;
  padding: 10px 50px 70px 50px;
  border-radius: 10px;
}
.page-id-17527 #portail_citoyen h2,
.page-id-17537 #portail_citoyen h2 {
  color: white;
}
.page-id-17527 #portail_citoyen h2:before,
.page-id-17537 #portail_citoyen h2:before {
  border-left: 8px solid white;
  border-top: 8px solid white;
}
.page-id-17527 #portail_citoyen p,
.page-id-17537 #portail_citoyen p {
  color: white;
}
.page-id-17527 #portail_citoyen .button,
.page-id-17537 #portail_citoyen .button {
  margin-top: 15px;
  border: 1px solid white;
  color: white;
  float: left;
}
.page-id-17527 #portail_citoyen .button:after,
.page-id-17537 #portail_citoyen .button:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: white;
  background-image: url('assets/button-arrow_grey.svg');
}
.page-id-17527 #portail_citoyen .button:before,
.page-id-17537 #portail_citoyen .button:before {
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
}
.page-id-17527 .button,
.page-id-17537 .button {
  float: right;
  margin-bottom: 20px;
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.page-id-17527 .button:after,
.page-id-17537 .button:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.page-id-17527 .button:before,
.page-id-17537 .button:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.page-id-17527 .button:hover:before,
.page-id-17537 .button:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.page-id-17527 .button:hover:after,
.page-id-17537 .button:hover:after {
  opacity: 0;
}
.page-id-17527 .back,
.page-id-17537 .back {
  float: left;
}
.page-id-17527 .back:hover,
.page-id-17537 .back:hover {
  color: black;
  background: transparent;
}
.page-id-17527 .back:hover:before,
.page-id-17537 .back:hover:before {
  content: ' ';
  width: 18px;
  height: 20px;
  margin-top: 4px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url(assets/back-btn.png);
  display: inline-block;
  vertical-align: text-top;
  margin-right: 5px;
  filter: none;
}
.page-id-17527 .tableauperso,
.page-id-17537 .tableauperso {
  background: #E8D6D0;
}
.page-id-17527 .tableauperso h3,
.page-id-17537 .tableauperso h3 {
  color: #E2001A;
  float: left;
}
.page-id-17527 .tableauperso .btn,
.page-id-17537 .tableauperso .btn {
  position: absolute;
  width: fit-content;
  right: 0;
  top: 36px;
}
.page-id-17527 .tableauperso .card,
.page-id-17537 .tableauperso .card {
  margin-bottom: 30px;
  border: none;
  padding: 0px 50px;
  cursor: pointer;
  background-color: transparent;
}
.page-id-17527 .tableauperso .card.hidden,
.page-id-17537 .tableauperso .card.hidden {
  display: none!important;
}
@media (max-width: 992px) {
  .page-id-17527 .tableauperso .card,
  .page-id-17537 .tableauperso .card {
    padding: 0px;
  }
}
.page-id-17527 .tableauperso .card .img_card,
.page-id-17537 .tableauperso .card .img_card {
  overflow: hidden;
  height: 180px;
}
.page-id-17527 .tableauperso .card .img_card .end-0,
.page-id-17537 .tableauperso .card .img_card .end-0 {
  right: -30px !important;
}
@media (max-width: 992px) {
  .page-id-17527 .tableauperso .card .img_card .end-0,
  .page-id-17537 .tableauperso .card .img_card .end-0 {
    right: -30px !important;
  }
}
.page-id-17527 .tableauperso .card .img_card .card-link,
.page-id-17537 .tableauperso .card .img_card .card-link {
  width: 45px;
  height: 40px;
  background-color: #E2001A;
  display: block;
  margin-right: 30px;
  text-align: center;
  padding-top: 5px;
}
.page-id-17527 .tableauperso .card .img_card .card-link img,
.page-id-17537 .tableauperso .card .img_card .card-link img {
  height: 90%;
}
.page-id-17527 .tableauperso .card .card-body,
.page-id-17537 .tableauperso .card .card-body {
  padding: 1rem 0;
  background-color: white;
  padding: 15px;
}
.page-id-17527 .tableauperso .card .card-body h3,
.page-id-17537 .tableauperso .card .card-body h3 {
  font: bolder 18px/24px 'Lato', sans-serif;
  color: #E2001A;
  width: 100%;
}
.page-id-17527 .tableauperso .card .card-body .card-footer,
.page-id-17537 .tableauperso .card .card-body .card-footer {
  padding: 0;
  background: none;
  border-radius: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border: none;
  border-bottom: 5px solid #E2001A;
  padding-bottom: 15px;
}
.page-id-17527 .tableauperso .card .card-body .card-footer a,
.page-id-17537 .tableauperso .card .card-body .card-footer a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
}
.page-id-17527 .tableauperso .card .card-body .card-footer a:focus,
.page-id-17537 .tableauperso .card .card-body .card-footer a:focus {
  border: 1px solid #E2001A !important;
}
.page-id-17527 .tableauperso .card .card-body .card-footer a:after,
.page-id-17537 .tableauperso .card .card-body .card-footer a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.page-id-17527 .tableauperso .card .card-body .card-footer a:before,
.page-id-17537 .tableauperso .card .card-body .card-footer a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.page-id-17527 .tableauperso .card .card-body .card-footer a:hover:before,
.page-id-17537 .tableauperso .card .card-body .card-footer a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.page-id-17527 .tableauperso .card .card-body .card-footer a:hover:after,
.page-id-17537 .tableauperso .card .card-body .card-footer a:hover:after {
  opacity: 0;
}
.page-id-17527 .tableauperso .card .card-body .card-footer a:after,
.page-id-17537 .tableauperso .card .card-body .card-footer a:after {
  top: 0px;
  vertical-align: middle;
}
.page-id-17527 .tableauperso .card .card-body .card-footer .wpulike-heart .wp_ulike_general_class,
.page-id-17537 .tableauperso .card .card-body .card-footer .wpulike-heart .wp_ulike_general_class {
  box-shadow: none;
  padding: 0;
}
.page-id-17527 .tableauperso .card .card-body .card-footer .wpulike-heart .count-box,
.page-id-17537 .tableauperso .card .card-body .card-footer .wpulike-heart .count-box {
  display: none;
}
.btn_mdp {
  cursor: pointer;
  font-size: 14px;
  text-transform: lowercase;
  color: #E2001A;
  margin-top: 12px;
  display: block;
}
.btn_mdp:hover {
  color: #E2001A;
}
#navbarDropdownMenuLink {
  font-size: 16px;
  font-weight: 400;
}
#trigger-tab2 {
  font-size: 14px;
}
@media (max-width: 992px) {
  #trigger-tab2 {
    display: block;
    margin-bottom: 20px;
    font-family: 'Lato';
  }
}
#loginform #trigger-tab2,
#loginform .btn_mdp {
  cursor: pointer;
  font-size: 14px;
  text-transform: lowercase;
  color: #E2001A;
}
#loginform #trigger-tab2:hover,
#loginform .btn_mdp:hover {
  color: #E2001A;
}
#loginform .btn_mdp {
  margin-top: 10px;
}
#loginform #trigger-tab2 {
  text-transform: unset;
}
#loginform input[type="submit"] {
  display: none!important;
}
.page-id-17537 {
  overflow-x: hidden;
}
.page-id-17537 .actus .card-body {
  margin: 0;
}
.page-id-17537 .actus .card-body .card-text {
  min-height: 76px;
}
.page-id-17537 .actus,
.page-id-17537 .zoom_sur {
  background: #F4F4F4;
}
.page-id-17537 .carousel-control-prev,
.page-id-17537 .carousel-control-next {
  display: block;
  width: 32px;
}
.page-id-17537 .carousel-control-prev-icon {
  background-image: url('assets/arrow_left.svg');
}
.page-id-17537 .carousel-control-next-icon {
  background-image: url('assets/arrow_right.svg');
}
@media (max-width: 992px) {
  .page-id-17537 .nopadsmall {
    padding: 0;
  }
}
.page-id-17537 #le-conseil-municipal-des-enfants .elu .mask {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border: 1px solid #505050;
  border-radius: 201px;
  margin: auto;
}
.page-id-17537 #le-conseil-municipal-des-enfants .elu .mask img {
  filter: grayscale(100);
}
.page-id-17537 #le-conseil-municipal-des-enfants .elu .mask:hover img {
  filter: grayscale(0);
}
.page-id-17537 #le-conseil-municipal-des-enfants .elu h4 {
  font: normal 15px/19px 'Lato', sans-serif;
  text-align: center;
  margin-top: 30px;
  color: #505050;
}
.page-id-17537 #le-conseil-municipal-des-enfants .elu hr {
  width: 50%;
  margin: 8px auto;
}
.page-id-17537 #le-conseil-municipal-des-enfants .elu p.fonction {
  color: #E2001A;
}
.page-id-17537 #le-conseil-municipal-des-enfants .elu p {
  display: block;
  color: #505050;
  font-size: 13px;
  text-align: center;
  word-break: keep-all;
}
.page-id-17537 #le-conseil-municipal-des-enfants .elu p a {
  display: inline;
  word-break: keep-all;
  white-space: nowrap;
  font: normal 15px/19px 'Lato', sans-serif;
  font-size: 13px;
  color: #505050;
  text-transform: none;
  padding: 0;
  border: 0px;
}
.page-id-17537 #le-conseil-municipal-des-enfants .elu p a:after,
.page-id-17537 #le-conseil-municipal-des-enfants .elu p a:before {
  content: none;
}
.page-id-17537 #le-conseil-municipal-des-enfants .elu .fonction {
  color: #E2001A;
}
@media (max-width: 992px) {
  .page-id-17537 .demarches .row,
  .page-id-17537 .actus .row,
  .page-id-17537 .acces_rapide .row,
  .page-id-17537 .zoom_sur .row {
    padding: 0 15px;
    width: 100vw;
    max-width: 100%;
  }
}
.page-id-17537 .demarches a {
  background-color: #E2001A;
  color: white;
  float: right;
  border-color: #E2001A;
}
.page-id-17537 .card {
  border: none;
  padding: 0px 50px;
  cursor: pointer;
  background-color: transparent;
}
.page-id-17537 .card.hidden {
  display: none!important;
}
@media (max-width: 992px) {
  .page-id-17537 .card {
    padding: 0 15px;
  }
}
.page-id-17537 .card .img_card {
  overflow: hidden;
  height: 180px;
  position: relative;
}
.page-id-17537 .card .img_card .end-0 {
  right: -30px !important;
}
.page-id-17537 .card .img_card .card-link {
  width: 45px;
  height: 40px;
  background-color: #E2001A;
  display: block;
  margin-right: 30px;
  text-align: center;
  padding-top: 5px;
}
.page-id-17537 .card .img_card .card-link img {
  height: 90%;
}
.page-id-17537 .card .card-body {
  padding: 1rem 0;
  background-color: white;
  padding: 15px;
}
.page-id-17537 .card .card-body h3 {
  font: bolder 18px/24px 'Lato', sans-serif;
  color: #E2001A;
  width: 100%;
  white-space: nowrap;
}
.page-id-17537 .card .card-body .card-footer {
  padding: 0;
  background: none;
  border-radius: 0;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  border: none;
  border-bottom: 5px solid #E2001A;
  padding-bottom: 15px;
}
.page-id-17537 .card .card-body .card-footer a {
  font: bolder 13px/16px 'Lato', sans-serif;
  color: #E2001A;
  border: 1px solid #E2001A;
  text-decoration: none;
  padding: 0px 15px;
  position: relative;
  background: transparent;
  width: fit-content;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
}
.page-id-17537 .card .card-body .card-footer a:focus {
  border: 1px solid #E2001A !important;
}
.page-id-17537 .card .card-body .card-footer a:after {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: relative;
  top: 0px;
  right: -15px;
  display: inline-block;
  text-align: center;
}
.page-id-17537 .card .card-body .card-footer a:before {
  content: " ";
  width: 25px;
  height: 26px;
  background-color: #E2001A;
  background-image: url('assets/button-arrow.svg');
  background-repeat: no-repeat;
  background-size: auto 48%;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  width: 0%;
  transition: 200ms all ease-out;
}
.page-id-17537 .card .card-body .card-footer a:hover:before {
  width: 100%;
  transition: 150ms all ease-out;
}
.page-id-17537 .card .card-body .card-footer a:hover:after {
  opacity: 0;
}
.page-id-17537 .card .card-body .card-footer a:after {
  top: 0px;
  vertical-align: middle;
}
.page-id-17537 .card .card-body .card-footer .wpulike-heart .wp_ulike_general_class {
  box-shadow: none;
  padding: 0;
}
.page-id-17537 .card .card-body .card-footer .wpulike-heart .count-box {
  display: none;
}
.page-id-17537 .acces_rapide .card .card-body h3 {
  white-space: unset;
}
.page-id-17509 .a_one {
  float: right;
  background: #F76640;
  color: white;
  margin-left: 20px;
}
.page-id-17509 .a_two {
  float: right;
}
.modal-backdrop.fade.show {
  background-color: transparent;
}
.profile-template .groupitem {
  margin-bottom: 30px;
}
.page-id-17537 .zoom_sur {
  padding-bottom: 60px;
}
.page-id-17537 #backhome {
  background-color: transparent;
  color: #505050;
  border-color: none;
  border: none;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  text-align: right;
  position: relative;
  top: 50px;
  font-size: 15px;
  display: block;
  width: fit-content;
  right: 86px;
  padding: 0;
  z-index: 2;
}
.page-id-17537 #backhome:hover:before {
  filter: brightness(0);
}
@media (max-width: 992px) {
  .page-id-17537 #backhome {
    overflow: hidden;
    width: 72px!important;
    height: 20px;
    right: 20px;
  }
}
.page-id-17537 .padbot {
  position: relative;
}
.page-id-17537 .padbot #gereracces,
.page-id-17537 .padbot #geredem,
.page-id-17537 .padbot #gereractu {
  background-color: transparent;
  color: #E2001A;
  border-color: none;
  border: none;
  text-align: right;
  position: absolute;
  top: 50px;
  font-size: 15px;
  display: block;
  width: fit-content;
  right: 86px;
  padding: 0;
}
@media (max-width: 992px) {
  .page-id-17537 .padbot #gereracces,
  .page-id-17537 .padbot #geredem,
  .page-id-17537 .padbot #gereractu {
    position: relative;
    right: 0;
    top: -18px;
  }
}
.phrase,
.phrasere {
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  display: none;
  position: absolute;
  z-index: 9999;
  padding: 10px;
  border: 1px solid #505050;
  margin: 0;
  background: white;
  color: #707070;
  font-size: 12px;
}
/* CSS pour afficher le menu au survol */
.dropdown:hover .dropdown-menu {
  display: block;
}