/*

Style polygone riviera
Style recupere de css js custom
Style appele uniquement sur site-20 dans function custom.php

*/


#footer .inner-footer .frey_logo svg {
  display: block;
  max-width: 200px;
  height: auto;
  margin: auto;
}


/* masquer les elements en doublon */
.site-20 .monparc #enseignes_list .logo_alpha_list .cell[data-id="elm-17"],
.monparc #enseignes_list .logo_alpha_list .cell.alpha_item_logo[data-id="elm-garderie-service"],
.monparc #enseignes_list .logo_alpha_list .cell.alpha_item_logo[data-id="elm-garderie"],
.monparc #enseignes_list .logo_alpha_list .cell.alpha_item_logo[data-id="elm-detail-car-service"],
.monparc #enseignes_list .logo_alpha_list .cell.alpha_item_logo[data-id="elm-xtreme-spider-zones-culture"],
.monparc #enseignes_list .logo_alpha_list .cell.alpha_item_logo[data-id="elm-picto-ramentafaim-alimentaire"],
.site-20 .monparc #enseignes_list .alpha_wrap .alpha_items .alpha_item:not([data-id^="elm-"]),
.monparc #enseignes_list .alpha_wrap .alpha_items .alpha_item[data-id="elm-garderie-service"],
.monparc #enseignes_list .alpha_wrap .alpha_items .alpha_item[data-id="elm-picto-ramentafaim-alimentaire"],
.site-20 .monparc #enseignes_list .logo_alpha_list .cell.alpha_item_logo:not([data-id^="elm-"]) {
  display: none !important;
}
.site-20 .monparc #enseignes_list .logo_alpha_list .cell.alpha_item_logo[data-id="food-truck-1"],
.site-20 .monparc #enseignes_list .logo_alpha_list .cell.alpha_item_logo[data-id="food-truck-2"],
.site-20 .monparc #enseignes_list .alpha_wrap .alpha_items .alpha_item[data-id^="food-"]{
  display: block !important;
}


/* CL CACHER LOGO MAP*/

#mapplic-id1347 #logo-botanic {
  display: none;
}
#logo-coq {
  display: none;
}

/* NM */
.hidefield {
  display: none;
}

.singleenseigne .logo_wrap {
  background: white !important;
}

.monparc #enseignes_list .logo_alpha_list .cell.notactive {
  display: none !important;
}

.cap,
.cap strong,
.cap>* {
  text-transform: capitalize !important;
}

/*
.mapplic-level-switcher {
    display: none!important;
}
*/
.mapplic-tooltip-body .mapplic-tooltip-title,
.mapplic-hovertip .mapplic-tooltip-title {
  display: none !important;
}

.mapplic-tooltip-body .mapplic-tooltip-content {
  margin: 0;
}

.mapplic-tooltip-wrap .mapplic-tooltip-description {
  text-align: center;
  font-weight: bold;
}


.archive span.btn.center.no-shadow,
.home span.btn.center.no-shadow {
  display: none;
}

body.single-enseigne .singleenseigne .enseigne_meta {
  font-size: 15px;
}

.modal .btn-access {
  margin-top: 30px;
  border-top: solid 1px #00000020;
  padding-top: 30px;
}

.modal .btn-access img {
  display: block;
  width: 160px;
  height: auto;
  margin: auto;
}

/* .mapplic-hovertip .mapplic-tooltip-title{
	display: none !important;
}*/
#ha_modal .close-button span svg path {
  fill: var(--frey-main);
}

/* slick */
.slick-slide {
  padding: 20px 0;
}

.slick-prev,
.slick-next {
  width: 30px;
  height: 30px;
}

.slick-prev::before,
.slick-next::before {
  font-size: 30px;
  color: var(--frey-main);
}

.slick-next {
  right: -15px;
}

.slick-prev {
  left: -15px;
}

/* horaires Access */
.reveal-overlay.active-modal {
  display: block;
}

.reveal-overlay.active-modal .reveal.active-modal {
  display: block !important;
  top: 0;
  opacity: 1;
}

/* template connecte */
.template-connecte .flex {
  display: flex;
  flex-wrap: wrap;
}

.template-connecte .flex .image,
.template-connecte .flex .content {
  width: 50%;
}

.template-connecte .flex .content.full {
  width: 100%;
  max-width: calc(100% - 180px);
}

.template-connecte .flex .image img {
  width: 100%;
  height: auto;
}

.template-connecte .flex .content {
  text-align: center;
  margin: auto;
  padding: 50px 24px;
}

.template-connecte .flex .content span.bonjour {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 9px;
  display: block;
}

.template-connecte .flex .content span.bonjour~p {
  width: 100%;
  max-width: 540px;
  margin: 20px auto;
}

.template-connecte .flex .content .btn {
  display: table;
  margin: 12px auto;
}

.template-connecte .flex .content .logout {
  text-align: center;
  display: table;
  width: auto;
  font-style: italic;
  font-size: 14px;
  margin: 10px auto;
}

.template-connecte .flex .content .logout:hover {
  color: var(--frey-main);
  text-decoration: underline;
}


/* WP FORMS */
.wpforms-form,
.template-connecte .flex .content .wpforms-form {
  text-align: left;
}

.template-connecte .flex .content .form-login .wpforms-form {
  max-width: 400px;
  margin: auto;
}

.wpforms-container .wpforms-field {
  padding: 10px !important;
}

.wpforms-container .wpforms-field.demi {
  width: 50%;
  float: left;
  clear: inherit;
}

.wpforms-container .wpforms-field.lostpassword {
  padding-top: 0 !important;
}

.wpforms-container .wpforms-field.lostpassword a {
  font-size: 12px;
}

.wpforms-container .wpforms-field.demi.clear {
  clear: both;
}

.wpforms-container .wpforms-field fieldset legend,
.wpforms-container .wpforms-field label {
  margin: 0 0 5px 0;
}

.wpforms-container .wpforms-form em.wpforms-error,
.wpforms-container .wpforms-form .wpforms-field-sublabel {
  margin: 5px 0;
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label,
div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label,
div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label {
  font-size: 12px;
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox.wpforms-list-inline ul,
div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-inline ul,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox.wpforms-list-inline ul,
div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple.wpforms-list-inline ul,
div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox.wpforms-list-inline ul {
  width: 100%;
}

div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li {
  width: 30%;
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label {
  border-radius: 0;
  padding: 10px;
  width: 100%;
  border: solid 1px #cacaca;
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label .wpforms-image-choices-label,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label .wpforms-image-choices-label,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label {
  margin-top: 0;
}

div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected .wpforms-image-choices-image::after {
  display: none !important;
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected label .wpforms-image-choices-label,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item.wpforms-selected label .wpforms-image-choices-label,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item.wpforms-selected label .wpforms-image-choices-label {
  font-weight: bold;
}

div.wpforms-container-full .wpforms-form .wpforms-field-html ul li {
  list-style: none !important;
  font-size: 12px;
  color: #777;
}

.template-connecte .flex .content div.wpforms-container-full .wpforms-form .wpforms-submit-container {
  margin-top: 0;
  padding-top: 0;
}

.template-connecte .flex .content .form-inscription div.wpforms-container-full .wpforms-form .wpforms-submit-container {
  text-align: right;
}

div.wpforms-container-full .wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full {
  background: none;
  border: none;
}

.wpforms-confirmation-container-full p a.btn:hover {
  color: var(--frey-main) !important;
}

#pageheader {
  margin-bottom: 0;
}

.site_squares {
  margin-top: 30px;
}

#toggle_search {
  vertical-align: middle;
  margin-left: 11px;
  padding-left: 12px;
  border-left: solid 1px #24658950;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* PROMOTIONS */
.page-template-template-page-arts .promotions {
  background: white;
}

.promotions {
  background: #f7f7f7;
  padding: 80px 24px;
  box-sizing: border-box;
}

.promotions .demi-content {
  width: 100%;
  max-width: 450px;
  padding: 0 12px;
  margin: auto;
}

.content-single-promo {
  margin-top: 20px;
}

.content-single-promo.center {
  text-align: center;
  max-width: 740px;
  margin: 0 auto 40px auto;
}

.content-single-promo h4 {
  font-weight: bold;
}

.content-single-promo p {
  color: var(--frey-main);
}

.promotions .demi-promo {
  width: 100%;
  max-width: calc(100% - 450px);
  padding: 0 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.promotions .container {
  width: calc(100% - 90px);
  max-width: 1200px;
  margin: auto;
}

.promotions .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  flex-direction: row;
  gap: 20px;
  max-width: 1162px;
}

.les-promos .promo.serv-none {
  display: none !important;
}

.promo {
  width: 275px;
  border-radius: 20px;
  box-shadow: 0 0 40px #00000020;
  overflow: hidden;
  background: white;
}

.promo .logo-promo {
  padding: 10px;
  box-sizing: border-box;
  height: 140px;
  display: flex;
  background-color: #f7f7f7;
}

.promo .logo-promo img {
  width: 80%;
  max-width: 110px;
  max-height: 130px;
  mix-blend-mode: multiply;
  object-fit: contain;
  display: block;
  margin: auto;
  height: auto;
}

.promo .contenu-promo {
  padding: 12px;
  background: white;
  text-align: center;
}

.promo .contenu-promo .avantage {
  display: block;
  color: var(--frey-main);
  font-size: 40px;
  text-align: center;
}

.promo .contenu-promo .legende {
  display: block;
  text-align: center;
  font-size: 12px;
  margin: 0 0 5px 0;
}

.promo .contenu-promo .legende.prefix {
  color: var(--frey-main);
  margin: 0 0 -10px 0;
}

.promo .contenu-promo .adherent {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

.promo .contenu-promo .connect {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  color: var(--frey-main);
  font-size: 11px;
  margin-top: 5px;
}

.promo .contenu-promo .code {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--frey-main);
  font-size: 13px;
}

/* SINGLE PROMO */
.single .promotions {
  margin-top: 40px;
}

.single .promotions .flex {
  gap: unset;
  max-width: unset;
}

.single .promotions .flex .demi-promo {
  justify-content: space-evenly;
}

.promotions .container.les-promos {
  margin: 60px auto;
}


/* EXEMPLE OFFRE */
.exemple-offres {
  width: 100%;
  margin: 20px auto;
}

.exemple-offres .flex {
  justify-content: space-between;
  gap: 30px;
}

.exemple-offre {
  background-color: #ffffff;
  padding: 44px 24px;
  width: 100%;
  max-width: 250px;
}

.exemple-offre img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 70px;
  margin: auto auto 10px auto;
}

.exemple-offre p {
  text-align: center;
  font-size: 14px;
  margin-bottom: 0;
}

.exemple-offre p strong {
  display: block;
}

.exemple-offre p img {
  width: 100%;
  max-width: unset;
  height: auto;
  margin: 20px auto 0;
}


/* BANDEAU CONNEXION */
.bandeau-co {
  background: var(--frey-main);
  padding: 60px 24px;
  text-align: center;
  color: white;
  margin: 0 auto 40px auto;
}

.bandeau-co h4 {
  font-size: 24px;
  display: block;
  font-weight: bold;
}

.bandeau-co a.btn.btn-invers {
  border-color: white !important;
  background-color: transparent !important;
  margin: 0 12px;
}

.bandeau-co a.btn.btn-invers:hover,
.bandeau-co a.btn.btn-invers:focus {
  background-color: white !important;
  color: var(--frey-main) !important;
}

.bandeau-co.codebarre {
  background-color: white;
  color: black;
  text-align: left;
  max-width: unset;
  margin: auto auto 30px auto;
  padding: 24px 24px 0 24px;
}

.bandeau-co.codebarre .flex {
  max-width: 1000px;
  margin: auto;
  gap: 0;
}

.bandeau-co.codebarre .flex .content,
.bandeau-co.codebarre .flex .codebarre {
  margin: auto;
  width: 50%;
}

.bandeau-co.codebarre .flex .content {
  padding: 0 24px 0 0;
}

.bandeau-co.codebarre h4 {
  color: var(--frey-main);
}

.bandeau-co.codebarre img {
  width: 100%;
  height: auto;
  margin: auto;
  display: block;
}

/* PREFOOT */
.prefoot .flex {
  display: flex;
  flex-wrap: wrap;
}

.prefoot .flex .demi {
  width: 50%;
}

.prefoot .flex .demi.demi-newsletter-prefoot {
  background-color: var(--frey-main);
}

.prefoot .flex .demi.demi-fidelite-prefoot {
  background-color: #093853;
}

.prefoot .flex .demi .content {
  padding: 36px;
  margin: auto;
}

.prefoot .flex .demi .btn.center{
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.prefoot .flex .demi .content img {
  display: block;
  margin: auto auto 6px auto;
}

.prefoot .flex .demi .content .titre {
  font-size: 24px;
  color: white;
  font-weight: bold;
  text-align: center;
  display: block;
}

.prefoot .flex .demi .content .info {
  color: white;
  text-align: center;
  display: block;
}

.prefoot .btn.btn-invers {
  border-color: white !important;
  background-color: transparent;
  color: white !important;
}

.prefoot .btn.btn-invers:hover,
.prefoot .btn.btn-invers:focus {
  color: var(--frey-main) !important;
}


/* MODAL SERVICE */
.modal-service {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 1080px;
  background: white;
  box-shadow: 0 0 0 1000px #00000070;
  z-index: -2;
  height: auto;
  overflow: scroll;
  opacity: 0;
}

.modal-service.open {
  opacity: 1;
  z-index: 999999;
}

.promo .logo-promo.bg-bleu,
.modal-service .promo .logo-promo {
  background-color: #1a3456;
  display: flex;
}

.promo .logo-promo.bg-bleu img,
.modal-service .promo .logo-promo img {
  max-height: 70px;
  mix-blend-mode: unset;
}

.modal-service .flex {
  display: flex;
  flex-wrap: wrap;
}

.picto-modal:hover {
  cursor: pointer;
}

span.cross {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: var(--frey-main);
  display: block;
  border-radius: 100%;
  transform: rotate(45deg);
}

span.cross:hover {
  cursor: pointer;
  background-color: #183557;
}

span.cross::after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
}

span.cross::before {
  content: "";
  display: block;
  height: 20px;
  width: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
}

.demi-content-modal {
  width: calc(100% - 400px);
  padding: 60px 30px;
  box-sizing: border-box;
  margin: auto;
}

.demi-content-modal .content-info-modal img {
  width: 100%;
  height: auto;
  max-width: 300px;
}

.demi-content-modal .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.demi-content-modal .flex .horaires {
  width: 100%;
  max-width: calc(100% - 150px);
}

.demi-content-modal .flex p {
  margin-bottom: 0;
}

.demi-content-modal .flex p.blue {
  color: var(--frey-main);
}

.demi-content-modal .flex .telephone {
  width: 100%;
  max-width: 150px;
}

.demi-promo-modal h4,
.demi-content-modal h4 {
  font-weight: bold;
  font-size: 24px;
}

.demi-promo-modal p,
.demi-content-modal p {
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 20px;
}

.demi-promo-modal {
  width: 400px;
  background-color: #F7F7F7;
  padding: 60px 30px;
  box-sizing: border-box;
}

.demi-promo-modal p {
  text-align: center;
  color: var(--frey-main);
}

.demi-promo-modal h4 {
  text-align: center;
}

.demi-promo-modal .promo {
  margin: 10px auto;
}

.demi-promo-modal.no-promo {
  background-color: #093853;
  display: flex;
}

.demi-promo-modal.no-promo h4,
.demi-promo-modal.no-promo p {
  color: white;
}

.demi-promo-modal.no-promo .info {
  margin: auto;
}


/* bouton tri */
.bouton-tri {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
}

.bouton-tri.tri-promo {
  background-color: #093853;
  padding: 14px 34px;
  display: flex;
  margin: -20px auto 40px auto;
}

.bouton-tri.tri-promo .btn-tri {
  background-color: transparent;
  color: white;
  border-radius: 0;
  border: solid 1px transparent;
}

.bouton-tri.tri-promo .btn-tri.active {
  border: solid 1px white;
}

.btn-tri {
  display: inline-block;
  padding: 6px 20px;
  background-color: white;
  color: var(--frey-main);
  border-radius: 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin: 10px 6px;
  border: solid 2px var(--frey-main);
  box-shadow: unset;
  height: auto;
  line-height: 130%;
}

.btn-tri:hover {
  color: var(--frey-main);
  border-color: var(--frey-main);
  background-color: #eee;
  cursor: pointer;
}

.btn-tri.active {
  color: white;
  background-color: var(--frey-main);
}

.services-section .services-items {
  margin-top: 10px;
}

.off-canvas-content .services-section .services-items .service .icon {
  transform: scale(1);
  transition: all ease .3s;
}

.off-canvas-content .services-section .services-items .service:hover .icon {
  transform: scale(1.1);
  transition: all ease .3s;
}

.btn.no-shadow {
  text-shadow: none;
}

.services-section .services-items .service .icon img {
  max-width: unset;
  width: 40px;
}

.monparc .category_map_list {
  justify-content: center;
}

.monparc .category_map_list.has_active .reset {
  color: white;
}

.monparc .category_map_list .cat[data-id="uncategorized"] {
  display: none;
}


/* PAGE ARTS */
.content-page-arts.center {
  text-align: center;
}

.content-page-arts h4 {
  color: var(--frey-main);
}

.map-arts {
  margin: 24px auto;
}

.map-arts h4 {
  text-align: center;
  font-weight: bold;
  margin: 80px 0 20px 0;
}

.site_squares .item:not(.custom) .item_wrap a::after,
.map_site_squares.site_squares .item:not(.custom) .item_wrap a::after {
  background: linear-gradient(180deg, rgba(36, 100, 137, 0) 0%, rgba(36, 100, 137, 1) 100%);
}

.drag_element {
  z-index: 1;
}

body .point_style a img,
body .point_style img {
  transform: scale(1);
}

/* AJOUT BOUTON ACTU */
.site_squares .item:hover .title span.btn {
  color: var(--frey-main) !important;
  background-color: white !important;
}

.site_squares .item .title span.nom-oeuvre {
  display: block;
  font-size: 14px;
  font-weight: 300;
}


/* CONDITION BODY SINGLE ART */
span.nom-oeuvre,
body.single-art span.nom-oeuvre {
  color: var(--frey-main);
  font-size: 18px;
  display: block;
  margin: -24px 0 20px 0;
}

body.single-art article.align-middle {
  align-items: flex-start;
}

body.single-art .single-item .date {
  display: none;
}

/* CHANGE COLOR TOOLTIP MAP */
body #powerTip {
  background-color: #fff;
  box-shadow: 0 0 40px #00000020;
}

body #powerTip.n:before {
  border-top: 10px solid rgb(255, 252, 252);
}

body #powerTip.s:before {
  border-bottom: 10px solid #fff;
}

body #powerTip.e:before {
  border-right: 10px solid #fff;
}

body #powerTip.w:before {
  border-left: 10px solid #fff;
  right: -10px
}

body #powerTip.ne:before,
body #powerTip.nw:before {
  border-top: 10px solid #fff;
  border-top: 10px solid rgba(255, 255, 255, 1);
}

body #powerTip.se:before,
body #powerTip.sw:before {
  border-bottom: 10px solid #fff;
  border-bottom: 10px solid rgba(255, 255, 255, 1);
}

body #powerTip.nw-alt:before,
body #powerTip.ne-alt:before,
body #powerTip.sw-alt:before,
body #powerTip.se-alt:before {
  border-top: 10px solid #fff;
  border-top: 10px solid rgba(255, 255, 255, 1);
}

body #powerTip.sw-alt:before,
body #powerTip.se-alt:before {
  border-bottom: 10px solid #fff;
  border-bottom: 10px solid rgba(255, 255, 255, 1);
}

body .box_view_html {
  color: #000;
}

body .box_view_html p {
  margin-bottom: 0;
  font-weight: bold;
}

body .box_view_html span.close_ihp svg {
  fill: #000;
}


/* PAGE ACCES */
.access_page .side_image img {
  max-width: 500px;
  display: block;
  margin: auto;
}

.access_page .side_image a {
  display: table;
  margin: auto;
}

/* FAQ */
.info_supp_access_page {
  padding: 60px 0;
  background-color: #f7f7f7;
}

.info_supp_access_page .side_plan img {
  mix-blend-mode: multiply;
}

.info_supp_access_page .side_info {
  text-align: center;
}

.info_supp_access_page .side_info .title {
  font-size: 32px;
  font-weight: bold;
}

.info_supp_access_page .side_info .content {
  color: var(--frey-main);
}

.faq {
  width: 100%;
  max-width: 530px;
  margin: auto;
}

.faq details {
  padding: 0 20px;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  box-shadow: 0 0 20px #00000010;
  background-color: white;
}

.faq details:hover {
  cursor: pointer;
}

.faq summary {
  color: var(--frey-main);
  font-weight: bold;
  margin: 0;
  padding: 20px 40px 20px 0;
  box-sizing: border-box;
  font-size: 20px;
  position: relative;
  transition: all ease 0.3s;
}

.faq details>summary {
  list-style: none !important;
}

.faq details>summary::marker,
.faq details>summary::-webkit-details-marker {
  display: none !important;
}

.faq details[open] {
  padding-bottom: 20px;
}

.faq details[open] summary {
  margin-bottom: 20px;
  border-bottom: solid 1px #f0f0f0;
  padding-bottom: 20px;
}

.faq summary::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(/wp-content/themes/malls/assets/images/arrow_faq.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(0);
  margin-top: -12px;
  transition: all ease 0.3s;
}

.faq details[open] summary::after {
  transform: scale(-1);
  margin-top: -20px;
}

.faq details p {
  margin-bottom: 10px;
}

.faq details p:last-child {
  margin-bottom: 0;
}

.faq .side_plan img {
  width: 100%;
  height: auto;
}

.form-inscription {
  max-width: 900px;
  margin: 60px auto 50px auto;
  width: 100%;
}

.single .align-middle {
  align-items: flex-start;
}

.single .align-middle .image_side {
  margin-top: 20px;
}

.single.single-art .single-item .share,
.single.single-actu .single-item .share,
.single.single-actu .single-item .date {
  display: none;
}

.single.single-actu .related_items.site_squares {
  margin-top: 80px;
}

#footer .footer_logos h4 {
  text-align: center;
  font-weight: bold;
  margin: -20px 0 10px 0;
  font-size: 32px;
  color: var(--frey-main);
}

.social_account.social_footer .social_links,
#footer .inner-footer .social_footer .social_links {
  display: flex;
  align-items: center;
  justify-content: center;
}

.social_account.social_footer span {
  width: 100%;
  max-width: 500px;
  margin: 20px auto 10px auto;
  display: block;
  text-align: center;
  color: var(--frey-main);
  border-top: solid 1px #f7f7f7;
  padding-top: 20px;
  font-size: 13px;
}

#footer .inner-footer .social_footer span {
  width: 100%;
  margin: 20px auto 10px auto;
  display: block;
  text-align: center;
  color: white;
  border-top: solid 1px #ffffff30;
  padding-top: 20px;
  font-size: 13px;
}

.social_account.social_footer a,
#footer .inner-footer .social_footer a {
  padding: 10px 10px 0 10px;
  display: flex;
}

.social_account.social_footer a svg,
#footer .inner-footer .social_footer a svg {
  display: block;
  width: 24px;
  height: auto;
}

.social_account.social_footer a svg path {
  fill: var(--frey-main);
}

.social_account.social_footer a:hover svg path {
  fill: #093853;
}

#footer .inner-footer .social_footer a svg path {
  fill: white;
}

#footer .inner-footer .social_footer a:hover svg {
  opacity: 0.5;
}

#footer .inner-footer .frey_logo a {
  display: block;
  margin: auto;
}

#footer .inner-footer .frey_logo a:hover {
  cursor: pointer;
}

#footer .inner-footer .frey_logo svg {
  display: block;
  max-width: 200px;
  height: auto;
  margin: auto;
}

img.ico-co {
  margin-right: 5px;
  width: 27px;
  vertical-align: middle;
  margin-top: -2px;
}



.site-20 #pageheader .page_title {
  background-color: #093853;
}
.site-20 #pageheader .page_title h1,
.site-20 #pageheader .page_title h2 {
  color: white;
}



#pageheader .menu_wrap ul li.en-avant {
  background-color: #dfa613;
}

#pageheader .menu_wrap ul li.en-avant.red {
  background-color: #e11a2b;
}

.off-canvas-content #pageheader .menu_wrap ul li.en-avant a,
.off-canvas-content #pageheader .sticky .menu_wrap ul li.en-avant a,
.off-canvas-content #pageheader .sticky.is-stuck .menu_wrap ul li.en-avant a {
  color: white !important;
}

#pageheader .sticky .menu_wrap ul li.en-avant a:hover {
  border-bottom: none;
}

#pageheader .sticky .menu_wrap ul li.en-avant a::after {
  display: none;
}

#pageheader .sticky .menu_wrap ul li.en-avant.active.current_page_item,
#pageheader .menu_wrap ul li.en-avant:hover {
  background-color: #f9b401;
}

#pageheader .sticky .menu_wrap ul li.en-avant.red.active.current_page_item,
#pageheader .menu_wrap ul li.en-avant.red:hover {
  background-color: #bc1322;
}

#pageheader .sticky .menu_wrap ul li.en-avant.active.current_page_item a {
  padding-left: 0;
  padding-right: 0;
}

#pageheader .sticky .menu_wrap ul li.en-avant.active.current_page_item a {
  border: none;
}

/* MODIFICATION LOUPE SEARCH */
#header .bottom_line .cell.right_text #toggle_search {
  padding: 0;
  margin: 0;
  border: none;
}

.ico-search-menu {
  display: flex;
}

.ico-search-menu button#toggle_search {
  margin: auto;
  padding: 0;
  display: flex;
  border: none;
}

.ico-search-menu button#toggle_search svg {
  margin: auto;
}

.ico-search-menu button#toggle_search svg path {
  stroke: white;
}

#pageheader .sticky.is-stuck .ico-search-menu button#toggle_search svg path {
  stroke: var(--frey-main);
}

#search_modal,
#news_modal {
  z-index: 999999;
}

/* MISSIONS */
.page-template-template-page-misions #pageheader .menu_wrap ul li a::after,
.page-template-template-page-misions #pageheader .sticky {
  background-color: #e72d87;
}

.sticky.is-stuck {
  z-index: 100000;
}

.page-template-template-page-misions #pageheader .sticky.is-stuck {
  border-bottom-color: #e72d87;
}

.page-template-template-page-misions #pageheader .sticky.is-stuck .menu_wrap ul li.active a,
.page-template-template-page-misions #pageheader .sticky.is-stuck .menu_wrap ul li a {
  color: white !important;
}
.page-template-template-page-misions #pageheader .sticky.is-stuck .ico-search-menu svg path{
  stroke: white !important;
}

.intro-missions {
  padding: 50px;
  background-color: #335490;
}

.intro-missions .container {
  width: 90%;
  max-width: 546px;
  margin: auto;
}

.intro-missions .container img.logo_intro {
  height: auto;
  margin: auto auto 30px auto;
  width: 100%;
  max-width: 270px;
  display: block;
}

.intro-missions .container p {
  color: white;
  text-align: center;
}

.btn.btn-rose {
  border-color: #E72D87 !important;
  background-color: #E72D87 !important;
  color: white;
  text-align: center;
}

.btn.btn-rose:hover {
  border-color: #9B1958 !important;
  background-color: #9B1958 !important;
  color: white !important;
}

.bandeau-missions {
  padding: 80px 0;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.bandeau-missions::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #335490;
  opacity: 0.86;
}

.bandeau-missions .container {
  position: relative;
  z-index: 2;
}

.bandeau-missions span {
  display: block;
  color: white;
  width: 100%;
  text-align: center;
}

.bandeau-missions span.titre {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 16px;
}

.bandeau-missions span.sous_titre {
  max-width: 710px;
  margin: 0 auto 25px auto;
}

.nos-actions {
  padding: 60px 0;
}

.nos-actions .container {
  width: 90%;
  max-width: 1060px;
  margin: auto;
}

.nos-actions .container .flex {
  display: flex;
  justify-content: center;
}

.nos-actions .container .action {
  width: 50%;
  margin: 0;
  float: left;
  padding: 20px 36px;
}

.clear {
  clear: both;
  content: "";
  display: block;
}

.nos-actions .container .action .image {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  max-width: 500px;
  margin: auto auto 20px auto;
}

.nos-actions .container .action .image img {
  border-radius: 100%;
  border-bottom-right-radius: 0;
  margin: 0 0 0 auto;
}

.nos-actions .container .action .image .titre {
  width: 187px;
  height: 187px;
  display: flex;
  justify-content: center;
  background: #E72D87;
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 40px;
  border-radius: 100%;
  border-bottom-left-radius: 0;
}

.nos-actions .container .action .image .titre .titre_bulle {
  width: 100%;
  margin: auto 0 0 0;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 28px;
  line-height: 1em;
}

.nos-actions .container .action .contenu {
  text-align: right;
  padding-left: 60px;
}

/* ACTION VARIANTES */
.nos-actions .container .action:nth-child(2) .image .titre,
.nos-actions .container .action:nth-child(5) .image .titre,
.nos-actions .container .action:nth-child(8) .image .titre {
  left: unset;
  right: 0;
  border-radius: 100%;
  border-bottom-right-radius: 0;
  text-align: right;
}

.nos-actions .container .action:nth-child(2) .image img,
.nos-actions .container .action:nth-child(5) .image img,
.nos-actions .container .action:nth-child(8) .image img {
  margin: auto 0 0 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 100%;
}

.nos-actions .container .action:nth-child(2) .contenu,
.nos-actions .container .action:nth-child(5) .contenu,
.nos-actions .container .action:nth-child(8) .contenu {
  padding-left: 0;
  padding-right: 60px;
  text-align: left;
}

.nos-actions .container .action:nth-child(3),
.nos-actions .container .action:nth-child(6),
.nos-actions .container .action:nth-child(9) {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.nos-actions .container .action:nth-child(3) .image,
.nos-actions .container .action:nth-child(3) .contenu,
.nos-actions .container .action:nth-child(6) .image,
.nos-actions .container .action:nth-child(6) .contenu {
  width: 50%;
  display: block;
  margin: 0;
  float: left;
}

.nos-actions .container .action:nth-child(3) .image .titre,
.nos-actions .container .action:nth-child(6) .image .titre {
  bottom: unset;
  top: 0;
}

.nos-actions .container .action:nth-child(3) .image img,
.nos-actions .container .action:nth-child(6) .image img {
  margin: 0 0 0 auto;
  display: block;
}

.nos-actions .container .action:nth-child(3) .contenu,
.nos-actions .container .action:nth-child(6) .contenu {
  padding: 0;
  margin: auto;
  padding-left: 60px;
  padding-right: 24px;
}

.nos-actions .container .action:nth-child(3) {
  max-width: 1000px;
  margin: auto;
}

.nos-actions .container .action:nth-child(6) {
  flex-direction: row;
}

.nos-actions .container .action:nth-child(6) .contenu {
  text-align: left;
}

.liste-article-missions.site_squares {
  padding: 60px 0;
  background-color: #f7f7f7;
  margin-bottom: 0;
  margin-top: 0;
}

.titre-mission {
  text-align: center;
  margin-bottom: 40px;
}

.titre-mission h4 {
  font-weight: bold;
  font-size: 32px;
}

.titre-mission span {
  display: block;
  width: 100%;
  color: #E72D87;
  padding: 0 24px;
}


.missions_link {
  width: 70px;
  margin: 20px;
  position: fixed;
  bottom: 0;
  left: 60px;
  z-index: 100;
}

.missions_link a:hover {
  opacity: 0.5;
}

.missions_link a img {
  width: 100%;
  height: auto;
}

.message_fidelite {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  background: white;
  padding: 60px 50px 40px 50px;
  width: 90%;
  max-width: 540px;
  box-shadow: 0 0 0 9999px #00000090;
}

.message_fidelite h5 {
  font-weight: bold;
  color: var(--frey-main);
  margin-bottom: 12px;
}

/* MAPPLIC */
.mapplic-tooltip-title.no-title {
  display: none !important;
}

.mapplic-tooltip-title.with-title {
  display: block !important;
}

.mapplic-element g#icones {
  display: none;
}

a.pin-label:not(.pin-bordered) {
  transform: unset !important;
  width: 40px !important;
  height: 40px !important;
}

#place-map .mapplic-pin.pin-bordered::before {
  border-width: 1px;
  left: -1px;
  top: -1px;
}

#place-map .mapplic-level-switcher {
  position: absolute;
  right: 0;
  top: 7%;
  margin: 12px;
  display: flex;
  left: 0;
  width: 100%;
  margin: 12px auto;
  max-width: 1400px;
}

#place-map .mapplic-level-switcher button {
  background-color: #f8f8f8;
  color: #000000;
  font-size: 11px;
  line-height: 13px;
  padding: 10px;
}

.singleenseigne {
  margin-bottom: 60px;
}

/* #place-map .monparc #enseignes_list .logo_alpha_list .cell:nth-child(1),
#place-map .monparc #enseignes_list .logo_alpha_list .cell:nth-child(2),
#place-map .monparc #enseignes_list .logo_alpha_list .cell:nth-child(3),
#place-map .monparc #enseignes_list .alpha_wrap:nth-child(1){
	display: none;
} */
#place-map .monparc .mapplic-element {
  margin: 15px auto 0 auto;
}

.monparc #enseignes_list .logo_alpha_list .cell .title_hover {
  font-size: 11px;
  text-align: center;
}

.mapplic-level-switcher button.mapplic-selected {
  background-color: #a2bdcc !important;
  transform: unset !important;
  color: white !important;
}


/* LOGIN FORM WP */
body.login {
  background: #fff;
}

/* BANDEAU MESSAGE */
.bandeau_message {
  background-color: var(--frey-main);
  display: block;
  padding: 5px 12px;
}

.bandeau_message span {
  font-size: 12px;
  text-align: center;
  display: block;
  color: white;
}

/* INFO EXCEPTIONNELLE */
.content.info_exception {
  background: #b71818;
  padding: 20px;
  display: table;
  margin: 20px auto 0 auto;
}

.access_page.modal .content.info_exception {
  width: 100%;
  max-width: 500px;
}

.content.info_exception p {
  color: white;
  text-align: center;
}

.content.info_exception p:last-child {
  margin-bottom: 0;
}

/* collection ephemere */
.simple-section#colEphemere {
  background: #ffffff;
}

.simple-section#colLoisirs {
  background: #eff9ff;
}

.simple-section {
  margin: 0;
  width: 100%;
  max-width: unset;
  padding-top: 60px;
  padding-bottom: 60px;
}

.simple-section .container {
  max-width: 1440px;
  margin: auto;
}

.simple-section .content-page-arts h4,
.simple-section .content-page-arts p {
  text-align: center;
}

.content-page-arts p {
  max-width: 800px;
  margin: auto;
}

.simple-section article {
  margin-top: 40px;
  margin-bottom: 40px;
}

.simple-section article .entry-content a.btn {
  color: white;
  display: table;
}

.simple-section article:nth-child(even) {
  flex-direction: row-reverse;
}

.simple-section .slider-arts .slick-prev {
  left: 20px;
  z-index: 100;
}

.simple-section .slider-arts .slick-next {
  right: 20px;
  z-index: 100;
}

.simple-section .slider-arts .slick-next::before,
.simple-section .slider-arts .slick-prev::before {
  color: white;
  opacity: 1;
}

/* iframe cinema */
.content-iframe {
  padding: 60px 0;
  background-color: #f7f7f7;
}

.container-iframe {
  width: 100%;
  max-width: 1024px;
  overflow: hidden;
  margin: auto;
  display: block;
  height: 800px;
}

.container-iframe iframe {
  border: none;
  width: 100%;
  height: calc(100% + 190px);
  transform: translateY(-190px);
}

/* les display none */
.site_squares .item.type-art .title span.nom-oeuvre {
  display: none;
}



@media screen and (max-width: 1024px) {
  .simple-section article .content_side {
    margin-top: 20px;
  }
}

@media screen and (max-width: 950px) {
  #place-map .monparc .mapplic-element {
    margin: 0 auto;
  }

  #place-map .mapplic-container {
    padding-right: 150px;
  }

  #place-map .mapplic-level-switcher {
    display: block;
    width: 150px;
    right: 0;
    top: 0;
    left: unset;
  }

  #place-map .mapplic-level-switcher button {
    width: 100%;
    display: block;
    font-size: 9px;
    line-height: 9px;
    padding: 8px;
  }
}

@media screen and (max-width: 830px) {
  #toggle_search {
    border: none;
  }

  #pageheader .menu_wrap ul li {
    width: 100%;
    text-align: center;
  }

  .off-canvas-content header#header {
    height: auto !important;
    padding-top: 30px;
  }

  #pageheader {
    margin-top: 0;
  }

  #header .bottom_line .cell strong {
    font-size: 12px;
  }

  img.ico-co {
    width: 20px;
  }

  body.logged-in #header .bottom_line .cell strong {
    padding-right: 6px;
    border-right: solid 1px #cacaca;
    margin-right: 3px;
  }

  #header .bottom_line .cell.right_text>span {
    display: inline-block;
    vertical-align: middle;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
    padding: 6px;
    background: #f7f7f7;
    font-size: 10px;
  }

  #header .bottom_line .cell.right_text>span br {
    display: none;
  }
}

@media screen and (max-width: 780px) {
  .widget-google {
    position: unset;
    padding: 20px 0 10px 0;
    margin: 0 auto -40px auto;
    background: #f7f7f7;
  }
}


@media screen and (max-width: 650px) {
  .wpforms-container .wpforms-field.demi {
    width: 100%;
  }

  .form-inscription {
    margin: 0;
  }

  div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li {
    width: auto;
    margin: 0 !important;
  }

  .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half,
  .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths,
  .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths {
    width: 100%;
    padding: 0;
  }

  div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-item label .wpforms-image-choices-label,
  div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-item label .wpforms-image-choices-label,
  div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-none .wpforms-image-choices-item label .wpforms-image-choices-label {
    margin-top: 0;
    font-size: 13px;
  }
}


/*Bidouille Tri*/
.monparc .category_map_list {
  display: none !important;
}

.monparc #enseignes_list .alpha_list {
  margin: 50px 0;
}

.monparc #enseignes_list {
  display: flex;
  flex-direction: column-reverse;
  margin: 30px auto 30px auto;
}

/* widget google */
/* widget google */
.widget-google {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: white;
  border-top-left-radius: 10px;
  overflow: hidden;
  transform: scale(0.7);
  transform-origin: bottom right;
  -webkit-transform: scale(0.7);
  -webkit-transform-origin: bottom right;
}

.widget-google .njt-header {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.widget-google .njt-google-places-reviews-wap {
  border-top: 0;
}

.widget-google .njt-read-all-reviews {
  display: none;
}

.widget-google .njt-header-image {
  border-radius: 100%;
}


/* REsPONSIVE */

@media screen and (max-width:1228px) {
  .exemple-offres {
    max-width: 530px;
  }
}

@media screen and (max-width:1200px) {
  .template-connecte .flex .content.full {
    max-width: calc(100% - 90px);
  }

  .promotions .demi-content,
  .promotions .demi-promo {
    width: 100%;
    max-width: unset;
  }

  .promotions .demi-content {
    max-width: 600px;
    text-align: center;
    margin-bottom: 40px;
  }

  .promotions .demi-content .btn {
    margin: auto;
  }

  .promotions .demi-promo .promo {
    margin: 10px;
  }
}

@media screen and (max-width:980px) {
  .nos-actions .container .action {
    padding: 20px 12px;
  }

  .nos-actions .container .action .image .titre {
    padding: 10px 40px 10px 10px;
  }

  .nos-actions .container .action:nth-child(2) .image .titre,
  .nos-actions .container .action:nth-child(5) .image .titre {
    padding: 10px 10px 10px 40px;
  }

  .nos-actions .container .action .image .titre .titre_bulle {
    font-size: 23px;
  }
}

@media screen and (max-width:760px) {
  .template-connecte .flex .content.full {
    max-width: calc(100% - 45px);
  }

  .promotions {
    padding: 30px 0;
  }

  .promotions .demi-promo .promo {
    max-width: 255px;
  }

  .promotions .promo .contenu-promo .connect {
    font-size: 11px;
  }

  .prefoot .flex .demi {
    width: 100%;
  }

  .exemple-offres .flex {
    gap: 0;
  }

  .exemple-offres .exemple-offre {
    max-width: calc(50% - 10px);
    margin: 10px 0;
    padding: 34px 14px;
  }

  .exemple-offres .exemple-offre img {
    max-width: 50px;
  }

  .demi-content-modal,
  .demi-promo-modal {
    width: 100%;
    text-align: center;
  }

  .demi-promo-modal {
    padding: 30px;
  }

  .demi-content-modal {
    padding: 60px 30px 30px 30px;
  }

  .titre-mission h4,
  #footer .footer_logos h4,
  .info_supp_access_page .side_info .title {
    font-size: 20px;
  }

  .template-connecte .flex {
    flex-direction: column-reverse;
  }

  .template-connecte .flex .image,
  .template-connecte .flex .content {
    width: 100%;
  }

  .nos-actions .container .action {
    padding: 20px;
    width: 100%;
  }

  .nos-actions .container .action .contenu {
    text-align: center !important;
    padding: 0 !important;
    width: 100%;
    max-width: 500px;
    margin: auto;
  }

  .nos-actions .container .action .image .titre {
    left: 0;
  }

  .nos-actions .container .action .image {
    max-width: 380px;
    margin: auto auto 30px auto;
  }

  .nos-actions .container .action:nth-child(3) {
    display: block;
  }

  .nos-actions .container .action:nth-child(3) .image,
  .nos-actions .container .action:nth-child(3) .contenu,
  .nos-actions .container .action:nth-child(6) .image,
  .nos-actions .container .action:nth-child(6) .contenu {
    width: 100%;
    display: block;
    margin: auto auto 20px auto;
    float: none;
  }

  .nos-actions .container .action:nth-child(3) .image .titre,
  .nos-actions .container .action:nth-child(6) .image .titre {
    bottom: 0;
    top: unset;
  }

  .nos-actions .container .action:nth-child(2) .image .titre,
  .nos-actions .container .action:nth-child(3) .image .titre,
  .nos-actions .container .action:nth-child(4) .image .titre,
  .nos-actions .container .action:nth-child(5) .image .titre,
  .nos-actions .container .action:nth-child(6) .image .titre {
    left: 0;
    right: unset;
    border-radius: 100%;
    border-bottom-right-radius: 100%;
    text-align: left;
    border-bottom-left-radius: 0;
  }

  .nos-actions .container .action:nth-child(2) .image .titre,
  .nos-actions .container .action:nth-child(3) .image .titre,
  .nos-actions .container .action:nth-child(4) .image .titre,
  .nos-actions .container .action:nth-child(5) .image .titre,
  .nos-actions .container .action:nth-child(6) .image .titre {
    padding: 10px 40px 10px 10px;
  }

  .nos-actions .container .action:nth-child(2) .image img,
  .nos-actions .container .action:nth-child(3) .image img,
  .nos-actions .container .action:nth-child(4) .image img,
  .nos-actions .container .action:nth-child(5) .image img,
  .nos-actions .container .action:nth-child(6) .image img {
    margin: 0 0 0 auto;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 0;
  }

  .nos-actions .container .action:nth-child(2n) .image .titre {
    left: unset;
    right: 0;
    padding: 10px 10px 10px 40px;
    border-radius: 100%;
    border-bottom-right-radius: 0;
    text-align: right;
  }

  .nos-actions .container .action:nth-child(2n) .image img {
    margin: 0 auto 0 0;
    border-radius: 100%;
    border-bottom-left-radius: 0;
  }

  .bandeau-co.codebarre {
    max-width: unset;
    text-align: center;
  }

  .bandeau-co.codebarre .flex {
    flex-direction: column;
  }

  .bandeau-co.codebarre .flex .content,
  .bandeau-co.codebarre .flex .codebarre {
    width: 100%;
  }

  .bandeau-co.codebarre .flex .content {
    padding: 0;
  }
}

@media screen and (max-width:640px) {
  .faq {
    max-width: 90%;
    margin-top: 40px;
  }

  .missions_link {
    width: 50px;
  }

  /* modal */
  .modal-service {
    max-height: 90vh;
  }

  .modal-service .demi-promo-modal h4,
  .demi-content-modal h4 {
    font-size: 17px;
  }

  .modal-service .demi-content-modal {
    padding: 40px 10px 10px 10px;
  }

  .modal-service .demi-promo-modal p,
  .modal-service .demi-content-modal p {
    font-size: 12px;
  }

  .modal-service .demi-promo-modal {
    padding: 20px;
  }

  .modal-service .promo .contenu-promo .avantage {
    font-size: 26px;
  }

  .modal-service .promo .logo-promo.bg-bleu img,
  .modal-service .promo .logo-promo img {
    max-height: 40px;
    mix-blend-mode: unset;
  }

  .modal-service .promo .logo-promo {
    height: 60px;
  }

  .modal-service .demi-content-modal .flex>div {
    width: 100%;
    max-width: unset;
  }

  /*faq*/
  .faq summary {
    font-size: 16px;
  }
}

@media screen and (max-width:520px) {
  .exemple-offres .flex {
    gap: 0;
  }

  .exemple-offres .exemple-offre {
    max-width: unset;
  }

  body .point_style a img,
  body .point_style img {
    transform: scale(0.5);
  }

  .nos-actions .container .action .image .titre {
    transform: scale(0.6);
    transform-origin: bottom left;
  }

  .nos-actions .container .action:nth-child(2n) .image .titre {
    transform-origin: bottom right;
  }

  .message_fidelite {
    text-align: center;
  }

  .bandeau-co.codebarre {
    padding: 24px 24px 0 24px;
  }

  /**/
  #place-map .mapplic-container {
    padding-right: 0;
  }

  #place-map .mapplic-level-switcher {
    width: 100%;
    background-color: #f8f8f8;
  }

  #place-map .mapplic-level-switcher button {
    width: calc(100% / 3);
    display: inline-block;
  }
}