@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@500;600;700&display=swap");
@font-face {
  font-display: swap;
  font-family: 'IsidoraAlt-Medium';
  src: url("../fonts/IsidoraAltMedium/font.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: 'IsidoraAlt-SemiBold';
  src: url("../fonts/IsidoraAltSemiBold/font.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: 'IsidoraAlt-Bold';
  src: url("../fonts/IsidoraAltBold/font.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

/* WCAG */
/* V2 > WCAG */
/* WCAG 0.95 opacity */

/* -----------------------------
 * HEADING
 * ----------------------------*/
h1, h2, h3, h4, h5, h6, .field--name-field-download-link .field__label, .node--type-client-promotion .field--name-field-interrested-cta .field__label, .node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta .field--name-field-title, .consumation-simulator-form .question, .path-faq .field--name-field-faq .field__label, .field--name-field-faq .field__label, .path-aide-et-contact .region-content .node__content .field--name-field-formulaire-call .field__label, .page-node-type-page-profile .block-documents .title-block-documents, .page-node-type-page-profile .field--type-viewsreference .viewsreference--view-title,
.page-node-type-page-profile .field--type-viewsreference .field__label, .page-node-type-page-profile .block-faq .title-block-faq,
.page-node-type-page-profile .block-faq .field--name-field-title, .field--name-field-see-too .field__label, .view-id-search .view-header, .view-id-search .view-content .views-field-title {
  font-family: "IsidoraAlt-Bold", sans-serif;
  font-weight: 700;
  line-height: 1.2em;
}

/* -----------------------------
 * GRID
 * ----------------------------*/
.region-content, #block-social-networks .block_container, .breadcrumb, .menu--footer > .menu, .region-notif .dmb-notification .dmb-notification-content, .region-aftcontent .block_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 15px;
  padding-right: 15px;
}

/* -----------------------------
 * FORMS
 * ----------------------------*/
.webform-submission-form .form-item .form-text,
.webform-submission-form .form-item .form-email,
.webform-submission-form .form-item .form-date, .webform-submission-form .form-textarea, .path-faq input[type="text"], #block-views-block-works-block-latest .form-text, .view-id-search .form-text, #block-search input.form-autocomplete, .swde-water-quality-form .form-item input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: none;
  /*border: 1px solid #fff; - new WCAG 2026*/
  border: 1px solid var(--cd-color-form-border);
  border-radius: 30px;
  box-sizing: border-box;
  display: block;
  padding: 10px 10px 10px 15px;
  width: 100%;
}

.webform-submission-form .form-item .form-text:focus,
.webform-submission-form .form-item .form-email:focus,
.webform-submission-form .form-item .form-date:focus, .webform-submission-form .form-textarea:focus, .path-faq input:focus[type="text"], #block-views-block-works-block-latest .form-text:focus, .view-id-search .form-text:focus, #block-search input.form-autocomplete:focus, .swde-water-quality-form .form-item input:focus {
  border-color: #4e4c4c;
  outline: none;
}

.webform-submission-form .form-item .form-text::-moz-placeholder, .webform-submission-form .form-item .form-email::-moz-placeholder, .webform-submission-form .form-item .form-date::-moz-placeholder, .webform-submission-form .form-textarea::-moz-placeholder, .path-faq input[type="text"]::-moz-placeholder, #block-views-block-works-block-latest .form-text::-moz-placeholder, .view-id-search .form-text::-moz-placeholder, #block-search input.form-autocomplete::-moz-placeholder, .swde-water-quality-form .form-item input::-moz-placeholder {
  color: #383838;
  opacity: 0.7;
}

.webform-submission-form .form-item .form-text::placeholder,
.webform-submission-form .form-item .form-email::placeholder,
.webform-submission-form .form-item .form-date::placeholder, .webform-submission-form .form-textarea::placeholder, .path-faq input[type="text"]::placeholder, #block-views-block-works-block-latest .form-text::placeholder, .view-id-search .form-text::placeholder, #block-search input.form-autocomplete::placeholder, .swde-water-quality-form .form-item input::placeholder {
  color: #383838;
  opacity: 0.7;
}

.webform-submission-form .form-item .form-text:disabled,
.webform-submission-form .form-item .form-email:disabled,
.webform-submission-form .form-item .form-date:disabled, .webform-submission-form .form-textarea:disabled, .path-faq input:disabled[type="text"], #block-views-block-works-block-latest .form-text:disabled, .view-id-search .form-text:disabled, #block-search input.form-autocomplete:disabled, .swde-water-quality-form .form-item input:disabled, .webform-submission-form .form-item .form-text[readonly],
.webform-submission-form .form-item .form-email[readonly],
.webform-submission-form .form-item .form-date[readonly], .webform-submission-form .form-textarea[readonly], .path-faq input[readonly][type="text"], #block-views-block-works-block-latest .form-text[readonly], .view-id-search .form-text[readonly], #block-search input.form-autocomplete[readonly], .swde-water-quality-form .form-item input[readonly] {
  background-color: #ededed;
  opacity: 1;
}

.webform-submission-form .form-item .form-text:disabled,
.webform-submission-form .form-item .form-email:disabled,
.webform-submission-form .form-item .form-date:disabled, .webform-submission-form .form-textarea:disabled, .path-faq input:disabled[type="text"], #block-views-block-works-block-latest .form-text:disabled, .view-id-search .form-text:disabled, #block-search input.form-autocomplete:disabled, .swde-water-quality-form .form-item input:disabled {
  color: #979797;
  cursor: pointer;
}

.webform-submission-form .form-item .error.form-text,
.webform-submission-form .form-item .error.form-email,
.webform-submission-form .form-item .error.form-date,
.webform-submission-form .form-item .error.form-checkbox ,
.webform-submission-form .form-item .error.form-radio,
.webform-submission-form .form-item .error.form-file ,
.webform-submission-form .error.form-textarea, .path-faq input.error[type="text"],
#block-views-block-works-block-latest .error.form-text,
.view-id-search .error.form-text, #block-search input.error.form-autocomplete, .swde-water-quality-form .form-item input.error {
  border-color: #E4032E;
}

.webform-submission-form .form-item .error.form-text + .description, .webform-submission-form .form-item .error.form-email + .description, .webform-submission-form .form-item .error.form-date + .description, .webform-submission-form .error.form-textarea + .description, .path-faq input.error[type="text"] + .description, #block-views-block-works-block-latest .error.form-text + .description, .view-id-search .error.form-text + .description, #block-search input.error.form-autocomplete + .description, .swde-water-quality-form .form-item input.error + .description {
  color: #E4032E;
}



/* ---------------------------
 * BUTTONS
 * --------------------------*/
.cta,
.btn, .field--name-field-formulaire-call a, .field--name-field-pas-trouve-de-reponse-a-vo a, .node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta .field--type-link a, .consumation-simulator-form .result a, .path-faq .form-actions .button, .view-id-works.view-display-id-page_list .view-filters .form--inline .form-submit, .view-id-works.view-display-id-page_list .view-footer .cta, .region-notif .dmb-notification .cta, .view-id-search .button, .swde-water-quality-form input.button, .swde-water-quality-form a:not(.link-text) {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

.cta,
.btn, .webform-submission-form .form-submit, .path-faq .form-actions .button, #block-views-block-works-block-latest .form-submit, .view-id-works.view-display-id-page_list .view-filters .form--inline .form-submit, .block--type-cta .form-submit, .view-id-search .button, .swde-water-quality-form input.button, .swde-water-quality-form a:not(.link-text) {
  background-color: #09719D;
  border-radius: 30px;
  color: #fff;
  font-family: "IsidoraAlt-SemiBold", sans-serif;
  font-size: 1.25em;
  font-weight: 600;
  opacity: 0.95;
  padding: 12px 40px;
  transition:0.5s;
}

.cta:hover,
.btn:hover, .webform-submission-form .form-submit:hover, .path-faq .form-actions .button:hover, #block-views-block-works-block-latest .form-submit:hover, .view-id-works.view-display-id-page_list .view-filters .form--inline .form-submit:hover, .block--type-cta .form-submit:hover, .view-id-search .button:hover, .swde-water-quality-form input.button:hover, .swde-water-quality-form a:not(.link-text):hover, .cta:focus,
.btn:focus, .webform-submission-form .form-submit:focus, .path-faq .form-actions .button:focus, #block-views-block-works-block-latest .form-submit:focus, .view-id-works.view-display-id-page_list .view-filters .form--inline .form-submit:focus, .block--type-cta .form-submit:focus, .view-id-search .button:focus, .swde-water-quality-form input.button:focus, .swde-water-quality-form a:not(.link-text):focus {
  opacity: 1;
}

.page-node-type-page .region-subcontent header .header-left .cta, .page-node-type-client-promotion .region-subcontent header .header-left .cta, .page-node-type-explain-page .region-subcontent header .header-left .cta, .page-node-type-page-profile .region-subcontent header .header-left .cta, .cta-secondary,
.btn-secondary, .views-row a.cta,
.node__content p a.cta,
.views-row a.btn.btn-secondary,
.node__content p a.btn.btn-secondary, .field--name-field-formulaire-call a, .field--name-field-pas-trouve-de-reponse-a-vo a, .consumation-simulator-form .result a, .page-node-type-real-estate .field--name-field-real-estate-type a,
.page-node-type-real-estate .field--name-field-email a, .path-frontpage #block-swde-theme-content .plat-bg .cta, #block-views-block-works-block-latest .view-footer .cta, .node--type-aide-et-contact .cta, .view-id-works.view-display-id-page_list .view-footer .cta {
  background-color: #09719D;
  border-radius: 30px;
  color: #fff;
  font-family: "IsidoraAlt-SemiBold", sans-serif;
  font-size: 1.25em;
  font-weight: 600;
  opacity: 0.95;
  padding: 12px 40px;
}

.page-node-type-page .region-subcontent header .header-left .cta:hover, .page-node-type-client-promotion .region-subcontent header .header-left .cta:hover, .page-node-type-explain-page .region-subcontent header .header-left .cta:hover, .page-node-type-page-profile .region-subcontent header .header-left .cta:hover, .cta-secondary:hover,
.btn-secondary:hover, .views-row a.cta:hover,
.node__content p a.cta:hover,
.views-row a.btn.btn-secondary:hover,
.node__content p a.btn.btn-secondary:hover, .field--name-field-formulaire-call a:hover, .field--name-field-pas-trouve-de-reponse-a-vo a:hover, .consumation-simulator-form .result a:hover, .page-node-type-real-estate .field--name-field-real-estate-type a:hover,
.page-node-type-real-estate .field--name-field-email a:hover, .path-frontpage #block-swde-theme-content .plat-bg .cta:hover, #block-views-block-works-block-latest .view-footer .cta:hover, .node--type-aide-et-contact .cta:hover, .view-id-works.view-display-id-page_list .view-footer .cta:hover, .page-node-type-page .region-subcontent header .header-left .cta:focus, .page-node-type-client-promotion .region-subcontent header .header-left .cta:focus, .page-node-type-explain-page .region-subcontent header .header-left .cta:focus, .page-node-type-page-profile .region-subcontent header .header-left .cta:focus, .cta-secondary:focus,
.btn-secondary:focus, .views-row a.cta:focus,
.node__content p a.cta:focus,
.views-row a.btn.btn-secondary:focus,
.node__content p a.btn.btn-secondary:focus, .field--name-field-formulaire-call a:focus, .field--name-field-pas-trouve-de-reponse-a-vo a:focus, .consumation-simulator-form .result a:focus, .page-node-type-real-estate .field--name-field-real-estate-type a:focus,
.page-node-type-real-estate .field--name-field-email a:focus, .path-frontpage #block-swde-theme-content .plat-bg .cta:focus, #block-views-block-works-block-latest .view-footer .cta:focus, .node--type-aide-et-contact .cta:focus, .view-id-works.view-display-id-page_list .view-footer .cta:focus {
  opacity: 1;
}

.cta-tertiary,
.btn-tertiary, .node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta .field--type-link a, .path-frontpage .region-subcontent .banner_right .cta, .path-frontpage .region-subcontent .banner_right .cta-connected {
  background-color: #9D145D;
  border-radius: 30px;
  color: #fff;
  font-family: "IsidoraAlt-SemiBold", sans-serif;
  font-size: 1.25em;
  font-weight: 600;
  opacity: 0.95;
  padding: 12px 40px;
}

.cta-tertiary:hover,
.btn-tertiary:hover, .node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta .field--type-link a:hover, .path-frontpage .region-subcontent .banner_right .cta:hover, .path-frontpage .region-subcontent .banner_right .cta-connected:hover, .cta-tertiary:focus,
.btn-tertiary:focus, .node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta .field--type-link a:focus, .path-frontpage .region-subcontent .banner_right .cta:focus, .path-frontpage .region-subcontent .banner_right .cta-connected:focus {
  opacity: 1;
}

.cta-outline,
.btn-outline,
.region-notif .dmb-notification .cta {
  background-color: #fff;
  border: 1px solid #0976A5;
  border-radius: 30px;
  color: #0976A5;
  font-family: "IsidoraAlt-SemiBold", sans-serif;
  font-size: 1.25em;
  font-weight: 600;
  padding: 8px 50px;
}

.cta-outline:hover,
.btn-outline:hover, .region-notif .dmb-notification .cta:hover, .cta-outline:focus,
.btn-outline:focus, .region-notif .dmb-notification .cta:focus {
  background-color: #0976A5;
  color: #fff;
}

.cta-big,
.btn-big, .node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta .field--type-link a, .consumation-simulator-form .result a {
  padding: 1rem 2rem;
}
.cta.cta-brochure, .cta.cta-price, .cta.cta-video,
.node__content p .cta.cta-brochure, .node__content p .cta.cta-price,.node__content p .cta.cta-video {
  background-repeat: no-repeat;
  background-position: left 20px center;
  background-size: 24px 24px;
  margin-bottom:25px;
  padding-left: 52px;
}
@media (min-width: 992px) {
  .node__content p .cta.cta-brochure, .node__content p .cta.cta-price, .node__content p .cta.cta-video {
    padding-left: 52px;
  }
}
.cta.cta-brochure {
  background-image: url("images/ico-brochure.svg");
}
.cta.cta-price {
  background-image: url("images/ico-euro.svg");
}
.cta.cta-video {
  background-image: url("images/ico-video.svg");
}
.cta.cta-video:hover {
  background-image: url("images/ico-video-white.svg");
}
.node__content p a.cta.cta-uncolored {
  background-color:transparent;
  border: 1px solid #0976A5;
  color: #0976A5;
  padding: 8px 50px;
}
.node__content p a.cta.cta-uncolored:hover {
  background-color: #0976A5;
  color: #fff;
}

/* header type promotion client */
.page-node-type-page .region-subcontent header, .page-node-type-client-promotion .region-subcontent header, .page-node-type-explain-page .region-subcontent header, .page-node-type-page-profile .region-subcontent header {
  justify-content: space-between;
}

@media (min-width: 992px) {
  .page-node-type-page .region-subcontent header, .page-node-type-client-promotion .region-subcontent header, .page-node-type-explain-page .region-subcontent header, .page-node-type-page-profile .region-subcontent header {
    padding: 0 0 0 65px;
  }
}
.page-node-type-page .region-subcontent header .header-left, .page-node-type-client-promotion .region-subcontent header .header-left, .page-node-type-explain-page .region-subcontent header .header-left, .page-node-type-page-profile .region-subcontent header .header-left {
  justify-content: center;
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .page-node-type-page .region-subcontent header .header-left, .page-node-type-client-promotion .region-subcontent header .header-left, .page-node-type-explain-page .region-subcontent header .header-left, .page-node-type-page-profile .region-subcontent header .header-left {
    padding-right: 50px;
    width: 50%;
  }
}

.page-node-type-page .region-subcontent header .header-left .chapo, .page-node-type-client-promotion .region-subcontent header .header-left .chapo, .page-node-type-explain-page .region-subcontent header .header-left .chapo, .page-node-type-page-profile .region-subcontent header .header-left .chapo {
  margin-bottom: 1.0em;
}

.page-node-type-page .region-subcontent header .header-left .cta, .page-node-type-client-promotion .region-subcontent header .header-left .cta, .page-node-type-explain-page .region-subcontent header .header-left .cta, .page-node-type-page-profile .region-subcontent header .header-left .cta {
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  .page-node-type-page .region-subcontent header .header-left .cta, .page-node-type-client-promotion .region-subcontent header .header-left .cta, .page-node-type-explain-page .region-subcontent header .header-left .cta, .page-node-type-page-profile .region-subcontent header .header-left .cta {
    margin-top: 50px;
    margin-bottom: 20px;
  }
}

.page-node-type-page .region-subcontent header .header-left .cta:hover, .page-node-type-client-promotion .region-subcontent header .header-left .cta:hover, .page-node-type-explain-page .region-subcontent header .header-left .cta:hover, .page-node-type-page-profile .region-subcontent header .header-left .cta:hover, .page-node-type-page .region-subcontent header .header-left .cta:focus, .page-node-type-client-promotion .region-subcontent header .header-left .cta:focus, .page-node-type-explain-page .region-subcontent header .header-left .cta:focus, .page-node-type-page-profile .region-subcontent header .header-left .cta:focus {
  text-decoration: none;
}

.page-node-type-page .region-subcontent header .header-right, .page-node-type-client-promotion .region-subcontent header .header-right, .page-node-type-explain-page .region-subcontent header .header-right, .page-node-type-page-profile .region-subcontent header .header-right {
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin: 0 0 0 0;
  overflow: hidden;
  /* before */
  padding-bottom: 50px;
  position: relative;
}

@media (min-width: 992px) {
  .page-node-type-page .region-subcontent header .header-right, .page-node-type-client-promotion .region-subcontent header .header-right, .page-node-type-explain-page .region-subcontent header .header-right, .page-node-type-page-profile .region-subcontent header .header-right {
    justify-content: flex-start;
    padding-bottom: 0;
    width: auto;
  }
}

@media (min-width: 992px) {
  .page-node-type-page .region-subcontent header .header-right img, .page-node-type-client-promotion .region-subcontent header .header-right img, .page-node-type-explain-page .region-subcontent header .header-right img, .page-node-type-page-profile .region-subcontent header .header-right img {
    border-radius: 0;
    max-height: 450px;
  }
}

@media (min-width: 992px) {
  .page-node-type-page .region-subcontent header .header-right:before, .page-node-type-client-promotion .region-subcontent header .header-right:before, .page-node-type-explain-page .region-subcontent header .header-right:before, .page-node-type-page-profile .region-subcontent header .header-right:before {
    border-style: solid;
    border-width: 0 0 450px 320px;
    border-color: transparent transparent  transparent #ffffff;
    bottom: 0;
    height: 450px;
    display: inline-block;
    content: '';
    left: 0;
    position: absolute;
    width: 320px;
  }
}

@font-face {
  font-family: 'icofont';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/icofont.woff") format("woff"), url("../fonts/icofont.woff2") format("woff2");
}

.icon[class^='icon-'],
.icon[class*=' icon-'] {
  display: inline-block;
  font-family: 'icofont';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

.icon-close::before {
  content: "";
}

.icon-home::before {
  content: "";
}

.icon-arrow-down::before {
  content: "";
}

.icon-hamburger::before {
  content: "";
}

.icon-close2::before {
  content: "";
}

.icon-linkedin::before {
  content: "";
}

.icon-outil::before {
  content: "";
}

.icon-search::before {
  content: "";
}

.icon-clock::before {
  content: "";
}

.icon-twitter::before {
  content: "";
}

.icon-youtube::before {
  content: "";
}

.icon-facebook::before {
  content: "";
}

.icon-instagram::before {
  content: "";
}

.icon-attach-document::before {
  content: "";
}

.icon-minus::before {
  content: "";
}

.icon-plus::before {
  content: "";
}

/*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/
/* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
/**:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
  all: unset;
  display: revert;
}*/
/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*
    Remove list styles (bullets/numbers)
    in case you use it combine with normalize.css
*/
ol, ul {
  list-style: none;
}

/* For images to not be able to exceed their container */
img {
  max-width: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

*:focus,
*:active {
  box-shadow: none;
  outline: none;
}

body {
  background: #fff;
  color: #383838;
  font-family: "Noto Sans", sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  overflow-x: hidden;
}

h1 {
  color: #1E4D66;
  font-size: 2em;
}

@media (min-width: 992px) {
  h1 {
    font-size: 2.6em;
  }
}

h2 {
  font-size: 1.5em;
  color: #1E4D66;
}

@media (min-width: 992px) {
  h2 {
    font-size: 2em;
  }
}

h3 {
  font-size: 1.25em;
  color: #1E4D66;
}

@media (min-width: 992px) {
  h3 {
    font-size: 1.5em;
  }
}

h4 {
  font-size: 1.125em;
}

@media (min-width: 992px) {
  h4 {
    font-size: 1.25em;
  }
}

h5 {
  font-size: 1.125em;
}

h6 {
  font-size: 1em;
}

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

a {
  color: #0976A5;
  cursor: pointer;
}

a:hover, a:focus {
  color: #0976A5;
  text-decoration: none;
}

.field__items a,
.views-row a {
  color: #1E4D66;
  text-decoration: none;
}

.field__items a:hover, .field__items a:focus,
.views-row a:hover,
.views-row a:focus {
  text-decoration: underline;
}

.field__items .paragraph--type--html a {
  text-decoration: underline;
}

.field__items a.cta {
  color: #fff;
}

.field__items a.cta:hover, .field__items a.cta:focus {
  text-decoration: none;
}

.contextual-links a,
.toolbar a {
  border: none;
}

.visually-hidden {
  display: none !important;
}

.layout-content ul {
  list-style-type: disc;
}

.layout-content ul.pager {
  list-style-type: none;
}

.layout-content ol {
  list-style-type: decimal;
}

.region-top {
  align-items: center;
  justify-content: flex-end;
  padding: 0 0 0 15px;
  position: relative;
  /* test mobile V2
  display: none;
  */
}

@media (min-width: 992px) {
  .region-top {
    display: flex;
  }
}

@media (min-width: 1200px) {
  .region-top {
    margin-bottom: -35px;
  }
}

@media (min-width: 1200px) {
  .customer-on .region-top {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .customer-on .region-header {
    padding: 40px 15px 5px 15px;
  }
}

@media (min-width: 1200px) {
  .customer-on .region-header {
    padding: 40px 15px 5px 15px;
  }
}

@media (min-width: 1250px) {
  .customer-on .region-header {
    padding: 0 15px 5px 15px;
  }
}

@media (min-width: 992px) {
  .customer-on .region-top {
    padding: 0 360px 0 15px;
  }
}

@media (min-width: 992px) {
  .menu--header {
    margin-top: 20px;
  }
}

.menu--header .menu-item a {
  color: #1E4D66;
}

/* test mobile V2 */
#block-header,
.lang-dropdown-form,
#block-callsearch {
  display: none;
}

@media (min-width: 992px) {
  #block-header,
  .lang-dropdown-form,
  #block-callsearch {
    display: block;
  }
}

#block-language-dropdown-switcher-mobile {
  display: inline-block;
}

#block-language-dropdown-switcher-mobile .lang-dropdown-form {
  display: inline-block;
}

.lang-dropdown-form {
  margin-left: 15px;
  margin-right: 15px;
  /* test KO
  .lang-dropdown-select-element::part(button) {
    background-color: #fff;
    border: 1px solid $black;
    border-radius:20px;
    padding: 6px 15px;
  }
  .lang-dropdown-select-element::part(listbox) {
    padding: 10px;
    margin-top: 2px;
    border: 1px solid $black;
    border-radius: 20px;
  }
  */
}

@media (min-width: 992px) {
  .lang-dropdown-form {
    margin-top: 20px;
  }
}

.lang-dropdown-form .lang-dropdown-select-element {
  background-color: #fff;
  border: 1px solid #000000;
  border-radius: 20px;
  min-width: 70px;
  padding: 7px 15px 7px 10px;
  text-align: left;
  text-transform: uppercase;
}

.lang-dropdown-form .lang-dropdown-select-element option {
  min-width: 70px;
  text-transform: uppercase;
}

/*SEARCH BOX DESIGN*/
/*script related*/
#block-callsearch .block_container {
  padding-right: 15px;
}

#block-callsearch .block_container p {
  margin: 0;
  padding: 0;
}

#block-callsearch .block_container p a {
  background: url("../src/icons/uEA08-search.svg") no-repeat;
  border: 0;
  display: block;
  height: 30px;
  margin-top: 0.125rem;
  overflow: hidden;
  position: relative;
  text-indent: -999em;
  font-size: 0;
  width: 30px;
}

@media (min-width: 992px) {
  #block-callsearch {
    margin-top: 20px;
  }
}

#block-search {
  margin-top: 20px;
  background: #fff;
  position: absolute;
  z-index: 10;
}

#block-search.hide {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
}

#block-search .form--inline {
  align-items: center;
  display: flex;
}

#block-search .form-submit {
  background: url("../src/icons/uEA08-search.svg") no-repeat;
  border: 0;
  height: 30px;
  overflow: hidden;
  position: relative;
  text-indent: -999em;
  font-size: 0;
  width: 30px;
}

#block-mobile-search .form-type-search-api-autocomplete {
  border-radius: 30px;
  border: 1px solid #ccc;
  float: none;
  line-height: 44px;
  margin: 15px 15px;
  padding: 0 15px;
}

#block-mobile-search .form-text {
  border: 0;
  width: 100%;
}

#block-mobile-search .button {
  background-color: #fff;
  background: url("../src/icons/uEA08-search.svg") no-repeat;
  border: 0;
  font-size: 0;
  height: 30px;
  margin-top: -50px;
  overflow: hidden;
  position: absolute;
  right: 25px;
  text-indent: -999em;
  width: 30px;
}

#block-info-client {
  background-color: #068183;
  color: #fff;
  font-size: 0.87em;
  margin-left: -15px;
  padding: 10px 40px 10px 55px;
  width: calc( 100% + 30px);
}

@media (min-width: 992px) {
  #block-info-client {
    border-bottom-left-radius: 16px;
    margin-bottom: -25px;
    margin-left: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 360px;
  }
}

#block-info-client h3 {
  color: #fff;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.0em;
  margin: 0 0 2px 0;
}

#block-info-client h3:before {
  background-color: transparent;
  background-image: url("images/ico-profile.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  content: ' ';
  display: inline-block;
  height: 24px;
  margin: 0 10px -5px -35px;
  width: 24px;
}

#block-info-client p {
  font-size: 1.0em;
  line-height: 1.2em;
  margin: 0 0 2px 0;
}

#block-info-client p.info-address {
  margin-bottom: 8px;
}

#block-info-client .swde-personal-menu button {
  border: 0;
  background-color: transparent;
  background-image: url("images/personal-open.svg");
  background-repeat: no-repeat;
  width: 14px;
  height: 8px;
  position: relative;
  overflow: hidden;
  text-indent: -999em;
  font-size: 0;
  float: right;
}

#block-info-client .swde-personal-menu .swde-personal-menu-content {
  display: none;
}

#block-info-client .swde-personal-menu .swde-personal-menu-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#block-info-client .swde-personal-menu .swde-personal-menu-content ul a {
  color: #fff;
}

#block-info-client .swde-personal-menu.active button {
  background-image: url("images/personal-close.svg");
  height: 14px;
}

#block-info-client .swde-personal-menu.active .swde-personal-menu-content {
  display: block;
}

@media (min-width: 992px) {
  #block-moncompte {
    margin-top: 20px;
    padding-right: 15px;
  }
}

#block-moncompte p {
  margin: 0;
}

#block-moncompte .cta.cta-tertiary.profil {
  background-image: url("images/profile-mobile.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  height: 35px;
  overflow: hidden;
  padding: 0 0 0 35px;
  position: absolute;
  right: 70px;
  top: -78px;
  width: 35px;
}

@media (min-width: 992px) {
  #block-moncompte .cta.cta-tertiary.profil {
    background-image: url("images/ico-profile.svg");
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 22px 22px;
    font-size: 1.125em;
    height: auto;
    overflow: initial;
    padding: 7px 15px 7px 45px;
    position: relative;
    right: auto;
    top: auto;
    width: auto;
  }
}

/* version menu hamburger ouvert idem #block-moncompte desktop */
#block-moncompte-2 {
  display: inline-block;
  margin-left: 15px;
}

#block-moncompte-2 .cta.cta-tertiary.profil {
  background-image: url("images/ico-profile.svg");
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 22px 22px;
  font-size: 1.125em;
  height: auto;
  overflow: initial;
  padding: 7px 15px 7px 45px;
  width: auto;
}

/* version mobile hamburger fermé */
#block-moncompteconnecte {
  position: relative;
  width: 100%;
}

#block-moncompteconnecte .cta-connected {
  background-color: #068183;
  background-image: url("images/profile-mobile.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 27px;
  border-radius: 20px;
  height: 35px;
  overflow: hidden;
  padding: 0 0 0 35px;
  position: absolute;
  right: 70px;
  top: -78px;
  width: 35px;
}

@media (min-width: 992px) {
  #block-moncompteconnecte {
    display: none;
  }
}

.region-header {
  align-items: flex-end;
  background: #fff;
  display: flex;
  padding: 0 15px 5px 15px;
}

.site-logo {
  border-bottom: 0;
  display: inline-block;
  margin: 20px 20px 20px 0;
  width: 40px;
}

@media (min-width: 992px) {
  .site-logo {
    margin: -5px 20px 20px 0;
    width: 70px;
  }
}

@media (min-width: 992px) {
  .menu--main {
    padding-left: calc(50% - 640px - 70px);
  }
}

/* test re-order mobile */
@media (max-width: 991px) {
  .dialog-off-canvas-main-canvas .layout-container {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .dialog-off-canvas-main-canvas .layout-container .region-notif {
    display: flex;
    flex-direction: column;
    order: 1;
  }
}

@media (max-width: 991px) {
  .dialog-off-canvas-main-canvas .layout-container .mobile-menu {
    display: flex;
    flex-direction: column;
    order: 2;
  }
}

@media (max-width: 991px) {
  .dialog-off-canvas-main-canvas .layout-container .region-top {
    display: flex;
    flex-direction: column;
    order: 4;
  }
}

@media (max-width: 991px) {
  .dialog-off-canvas-main-canvas .layout-container > header {
    display: flex;
    order: 3;
  }
}

@media (max-width: 991px) {
  .dialog-off-canvas-main-canvas .layout-container > main {
    display: flex;
    flex-direction: column;
    order: 5;
  }
}

@media (max-width: 991px) {
  .dialog-off-canvas-main-canvas .layout-container > footer {
    display: flex;
    flex-direction: column;
    order: 6;
  }
}

/* fin test reorder mobile */
.region-subcontent {
  background: #E8F5FA;
}

.region-subcontent header {
  background-color: #fff;
  border-radius: 16px;
  margin: 15px 0 0 0;
  padding: 30px 15px 0 15px;
}

@media (min-width: 992px) {
  .region-subcontent header {
    border-radius: 16px 0 0 16px;
    display: flex;
    flex-direction: row;
  }
}

@media (min-width: 1200px) {
  .region-subcontent header {
    margin-left: calc(50% - 640px - 45px);
    padding: 60px 0 65px 60px;
  }
}

.region-subcontent header .header-left {
  padding-left: 15px;
}

@media (min-width: 992px) {
  .region-subcontent header .header-left {
    padding-left: 0;
    padding-right: 50px;
    width: 40%;
  }
}

.region-subcontent header .header-right {
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 992px) {
  .region-subcontent header .header-right {
    margin: 0 0 0 0;
    width: 55%;
  }
}

@media (min-width: 1200px) {
  .region-subcontent header .header-right {
    margin-top: -100px;
  }
}

.region-subcontent header .header-right img {
  border-radius: 16px;
}

main .layout-content {
  background: #E8F5FA;
  padding-bottom: 1em;
}

.path-frontpage main .layout-content {
  background: #fff;
}

.region-content {
  padding-top: 1rem;
}

@media (min-width: 992px) {
  .region-content .node__content .block_container h2,
  body:not(.page-node-type-incident, .page-node-type-construction, .categories_aides, .path-aide-et-contact, .path-aide-et-contact2) .region-content .node__content .field--name-body,
  .region-content .node__content .field--name-field-download-link,
  .region-content .node__content .field--name-field-faq,
  .region-content .node__content .socials-share,
  .region-content .node__content .field--name-field-formulaire-call {
    padding-left: 15%;
    padding-right: 20%;
  }
}

@media (min-width: 992px) {
  .region-content .node__content .plat-bg {
    margin-left: -10%;
    margin-right: -15%;
  }
}

.region-content .paragraph--type--html .plat-bg {
  margin-left: 0;
  margin-right: 0;
}

.node__content .node--view-mode-teaser .info-container .field--name-body {
  padding-left: 0;
  padding-right: 0;
}

.field__label {
  font-weight: bold;
}

.field--label-inline .field__label {
  display: inline-block;
  vertical: top;
}

.field--label-inline .field__label:after {
  content: ' : ';
}

.field--label-inline .field__item {
  display: inline-block;
  vertical: top;
}

.media--view-mode-download .field--type-file .file-size {
  display: inline-block;
  padding: 8px 12px;
}

.media--view-mode-download .field--type-file a {
  color: #383838;
  text-decoration: none;
}

.media--view-mode-download .field--type-file a:hover, .media--view-mode-download .field--type-file a:focus {
  color: #383838;
  text-decoration: underline;
}

.media--view-mode-download .field--name-field-description p {
  margin: 0;
}

footer {
  background: #0976A5;
  position: relative;
}

.region-footer {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.region-footer a {
  color: #fff;
  cursor: pointer;
}

/* SOCIALS --- */
#block-social-networks {
  background: #E8F5FA;
  padding-bottom: 50px;
  width: 100%;
}

#block-social-networks .block_container {
  display: grid;
}

@media (min-width: 992px) {
  #block-social-networks .block_container {
    grid-template-columns: repeat(4, 1fr);
    margin-top: -130px;
  }
}

#block-social-networks h2 {
  color: #383838;
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  grid-column: 4 / 5;
}

#block-social-networks .field--name-body {
  grid-column: 4 / 5;
}

#block-social-networks .field--name-body ul,
#block-social-networks .field--name-body .logos-reseaux-sociaux {
  display: flex;
  margin: 0;
  padding: 0;
}

#block-social-networks .field--name-body ul li,
#block-social-networks .field--name-body .logos-reseaux-sociaux a{
  margin-right: 0.6em;
}

#block-social-networks .field--name-body ul li:last-child {
  margin-left: 0;
}

/*NEWS BLOCK*/
/*on every pages around footer*/
/* bloc news home */
@media (min-width: 992px) {
  #block-views-block-news-block-1 {
    padding-top: 50px;
  }
}

@media (min-width: 992px) {
  #block-views-block-news-block-1 .view-content {
    display: flex;
    flex-direction: row;
  }
}

#block-views-block-news-block-1 .views-row {
  margin: 0 15px;
}

@media (min-width: 992px) {
  #block-views-block-news-block-1 .views-row {
    margin: 0 15px;
    width: calc(33.33% - 20px);
  }
}

@media (min-width: 992px) {
  #block-views-block-news-block-1 .views-row:first-child {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  #block-views-block-news-block-1 .views-row:last-child {
    margin-right: 0;
  }
}

#block-views-block-news-block-1 .node--view-mode-teaser {
  position: relative;
}

@media (min-width: 992px) {
  #block-views-block-news-block-1 .node--view-mode-teaser {
    min-height: 460px;
  }
}

#block-views-block-news-block-1 .node--view-mode-teaser a {
  color: #383838;
  display: block;
  text-decoration: none;
}

#block-views-block-news-block-1 .node--view-mode-teaser .info-container {
  background-color: #fff;
  border-radius: 4px;
  padding: 25px 25px 35px 25px;
}

@media (min-width: 992px) {
  #block-views-block-news-block-1 .node--view-mode-teaser .info-container {
    margin: 0 15px;
    min-height: 230px;
    max-height: 300px;
    overflow: hidden;
    position: absolute;
    width: calc(100% - 30px);
    z-index: 10;
  }
}

@media (min-width: 992px) {
  #block-views-block-news-block-1 .node--view-mode-teaser .info-container {
    position: relative;
  }
}

@media (min-width: 992px) {
  #block-views-block-news-block-1 .node--view-mode-teaser > a:hover img {
    margin: 0 -3px -5px -3px;
    transition: all 0.7s ease-out;
    max-width: calc(100% + 6px);
    width: calc(100% + 6px);
  }
  #block-views-block-news-block-1 .node--view-mode-teaser > a:hover .info-container {
    box-shadow: 4px 4px 16px rgba(205, 224, 245, 0.5);
    margin-top: -10px;
    transition: all 0.7s ease-out;
  }
}

#block-views-block-news-block-1 .node--view-mode-teaser .datetime {
  display: inline-block;
}

#block-views-block-news-block-1 .node--view-mode-teaser p {
  display: inline;
  margin: 0;
}

#block-views-block-news-block-1 .node__heading {
  position: relative;
}

#block-views-block-news-block-1 img {
  border-radius: 4px;
  display: block;
  width: 100%;
}

#block-views-block-news-block-1 .node__content {
  color: #0976A5;
  padding: 20px;
}

#block-views-block-news-block-1 h3 {
  color: #0976A5;
  margin: 0 0 20px 0;
}

#block-views-block-news-block-1 .more-link {
  margin-top: 30px;
  padding: 1em 0;
  position: relative;
  text-align: right;
  z-index: 10;
}

#block-views-block-news-block-1 .more-link a {
  color: #0976A5;
}

#block-views-block-news-block-1 .more-link-actu {
  display: inline-block;
  text-align: center;
  width: 100%;
  padding-top: 35px;
}

#block-views-block-news-block-1 .more-link-actu a {
  font-size: 1.2em;
  font-weight: bold;
}

.breadcrumb ol {
  padding: 25px 0 35px 0;
  margin: 0;
}

@media (min-width: 700px) and (max-width: 991px) {
  .breadcrumb ol {
    display: flex;
  }
}

@media (min-width: 992px) {
  .breadcrumb ol {
    display: flex;
  }
}

.breadcrumb li {
  align-items: center;
  display: flex;
  font-weight: 600;
}

.breadcrumb li:after {
  /*@include custom-font('\EA10');
            color: $white;
            font-size: 9px;*/
  display: inline-block;
  content: '/';
  margin-right: 15px;
  margin-left: 15px;
}

.breadcrumb li:first-child a {
  padding-left: 0;
}

.breadcrumb li:last-child:after {
  display: none;
}

.breadcrumb li:last-child a {
  color: #383838;
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}

.breadcrumb a {
  color: #0976A5;
  cursor: pointer;
  display: block;
  text-decoration: none;
}

.breadcrumb a:hover, .breadcrumb a:focus {
  text-decoration: underline;
}

.cta {
  border-bottom: 0;
  color: #fff;
}

.cta:hover, .cta:focus {
  color: #fff;
}

.field__items .cta,
.views-row .cta {
  color: #fff;
}

.cta.block-espace-client-connecte {
  background-color: #068183;
}

/*
  liens cta dans contenu drupal
*/
.views-row a.cta,
.node__content p a.cta,
.views-row a.btn.btn-secondary,
.node__content p a.btn.btn-secondary {
  color: #fff;
  font-size: 1em;
  padding: 5px 10px;
  text-decoration: none;
}

@media (min-width: 700px) and (max-width: 991px) {
  .views-row a.cta,
  .node__content p a.cta,
  .views-row a.btn.btn-secondary,
  .node__content p a.btn.btn-secondary {
    font-size: 1.1em;
    padding: 10px 20px;
  }
}

@media (min-width: 992px) {
  .views-row a.cta,
  .node__content p a.cta,
  .views-row a.btn.btn-secondary,
  .node__content p a.btn.btn-secondary {
    font-size: 1.15em;
    padding: 10px 20px;
  }
}

.views-row a.cta:hover, .views-row a.cta:focus,
.node__content p a.cta:hover,
.node__content p a.cta:focus,
.views-row a.btn.btn-secondary:hover,
.views-row a.btn.btn-secondary:focus,
.node__content p a.btn.btn-secondary:hover,
.node__content p a.btn.btn-secondary:focus {
  color: #fff;
  text-decoration: none;
}

.views-row a.btn.cta-tertiary,
.node__content p a.btn.cta-tertiary {
  color: #fff;
  font-size: 1.15em;
  padding: 10px 20px;
  text-decoration: none;
}

.views-row a.btn.cta-tertiary:hover, .views-row a.btn.cta-tertiary:focus,
.node__content p a.btn.cta-tertiary:hover,
.node__content p a.btn.cta-tertiary:focus {
  color: #fff;
  text-decoration: none;
}

/*
  Nouveaux raccordements & Modifications - 2026 - .cta-white dans .node__content
*/
.node__content p a.cta.cta-white {
  background-color: #fff;
  border-radius: 16px;
  color: var(--cd-color-txt-primary);
  height: 160px;
  width: 160px;
  margin-top: 30px;
}
.node__content p a.cta.cta-white.cta-faq {
  background-image: url("images/ico-faq.png");
  background-repeat: no-repeat;
  background-position: top 30px center;
  background-size: 62px 62px;
  padding-top: 110px;
}
.node__content p a.cta.cta-white.cta-contact {
  background-image: url("images/ico-contact.png");
  background-repeat: no-repeat;
  background-position: top 25px center;
  background-size: 80px 80px;
  padding-top: 110px;
}
.node__content p a.cta.cta-white.cta-faq:hover  {
  background-image: url("images/ico-faq-white.png");
  background-color:  var(--cd-blue-primary);
  color: #fff;
}
.node__content p a.cta.cta-white.cta-contact:hover {
  background-image: url("images/ico-contact-white.png");
  background-color:  var(--cd-blue-primary);
  color: #fff;
}
@media (min-width: 992px) {
  .cta-white.cta-faq + .cta-white.cta-contact {
    margin-left: 30px;
  }
}
/*
  fin Nouveaux raccordements & Modifications - .cta-white
*/

.swde_call_aide {
  background-color: #0976A5;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 8px 24px 0 rgba(52, 97, 113, 0.7);
  bottom: 20px;
  color: #fff;
  font-family: "IsidoraAlt-Bold", sans-serif;
  font-size: 1em;
  height: 72px;
  line-height: 1.2em;
  padding: 14px 5px;
  position: fixed;
  right: 30px;
  text-align: center;
  text-decoration: none;
  width: 72px;
  z-index: 1000;
}

@media (min-width: 992px) {
  .swde_call_aide {
    font-size: 1.25em;
    height: 100px;
    padding: 25px 10px;
    width: 100px;
    /* fix menu footer */
    right: 10px;
    bottom: 95px;
  }
}
@media (min-width: 1200px) {
  .swde_call_aide {
    bottom: 30px;
  }
}

.swde_call_aide:hover, .swde_call_aide:focus {
  box-shadow: 0 4px 4px 0 rgba(52, 97, 113, 0.6);
  color: #fff;
  text-decoration: none;
}

html:lang(de) .swde_call_aide {
  font-size: 0.9em;
  padding: 18px 5px;
}

@media (min-width: 992px) {
  html:lang(de) .swde_call_aide {
    font-size: 1.15em;
    padding: 25px 10px;
  }
}

.field--name-field-formulaire-call a,
.field--name-field-pas-trouve-de-reponse-a-vo a{
  margin: 20px auto;
}

.field--name-field-formulaire-call a:hover, .field--name-field-formulaire-call a:focus,
.field--name-field-pas-trouve-de-reponse-a-vo a:hover, .field--name-field-pas-trouve-de-reponse-a-vo a:focus {
  color: #fff;
}

.path-calculez-votre-facture .intro {
  font-weight: bold;
}

.webform-submission-form fieldset#edit-calculate-invoice {
  background-color: #fff;
  border: 0;
  margin-top: 0;
  padding: 20px 2em 30px 2em;
}

.webform-submission-form fieldset#edit-calculate-invoice legend {
  margin-bottom: -1px;
  padding-top: 60px;
}

.webform-submission-form fieldset#edit-calculate-invoice .form-text {
  background-color: #E8F5FA;
}

.page-calculate-invoice-form .form-submit {
  margin-left: calc(100% - 175px);
  width: 175px;
}

.page-calculate-invoice-form .invoice-result {
  list-style-type: none;
  padding-left: 0;
  margin-right: 20px;
}

.page-calculate-invoice-form .category-invoice {
  font-weight: bold;
  margin: 15px 0 8px 0;
}

.page-calculate-invoice-form .category-invoice span {
  display: inline-block;
  float: right;
  text-align: right;
}

.page-calculate-invoice-form .arrow {
  background-color: #E8F5FA;
  margin-bottom: 5px;
  padding: 3px 0;
  width: 100%;
  /*
    &:before {
      content: '>';
      color: $primary;
      display: inline-block;
      font-size: 14px;
      font-weight: bold;
      padding-right: 4px;
    }*/
}

.page-calculate-invoice-form .arrow span {
  display: inline-block;
  float: right;
  text-align: right;
}

.page-calculate-invoice-form .total-amount-tva-exclude,
.page-calculate-invoice-form .total-amount-tva-include {
  font-size: 1.1rem;
  font-weight: bold;
}

.page-calculate-invoice-form .total-amount-tva-exclude span,
.page-calculate-invoice-form .total-amount-tva-include span {
  display: inline-block;
  float: right;
  text-align: right;
}

.page-calculate-invoice-form .total-amount-tva-exclude {
  border-top: 1px solid #0976A5;
  padding: 15px 0;
}

.page-calculate-invoice-form .total-amount-tva-include span {
  background-color: #0976A5;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin-top: -4px;
  padding: 4px 10px;
}

#edit-calculate-invoice-result {
  position: relative;
  background-color: #fff;
  border: 0;
  padding-bottom: 30px;
}

#edit-calculate-invoice-result legend {
  margin-bottom: -10px;
  padding-top: 80px;
}

.asterix {
  font-style: italic;
}

.plat-bg {
  background: #fff;
  border-radius: 16px;
  margin: 50px 0;
  padding: 1rem 1rem 2rem 1rem;
  /*testimonials*/
  /* infos clés */
}

@media (min-width: 992px) {
  .plat-bg {
    padding: 2rem 6rem 3rem 6rem;
  }
}

.plat-bg blockquote {
  color: #068183;
  line-height: 44px;
  font-family: "IsidoraAlt-Bold", sans-serif;
  font-size: 2em;
  font-style: italic;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.plat-bg .align-left.media {
  border-radius: 50px;
  height: auto;
  min-width: 96px;
  width: 96px;
}

.plat-bg .align-left.media img {
  border-radius: 50px;
  min-width: 96px;
}

.plat-bg blockquote + .embedded-entity {
  height: 96px;
  width: 96px;
}

.plat-bg blockquote + .embedded-entity img {
  border-radius: 50px;
  min-width: 96px;
}

.plat-bg .align-left.embedded-entity + div,
.plat-bg .align-left.embedded-entity + p,
.plat-bg blockquote + div {
  padding: 35px 0 35px 40px;
}

.plat-bg blockquote + div.align-left.embedded-entity {
  padding: 0 0 35px 0;
}

.plat-bg h2 {
  color: #9D145D;
}

.plat-bg ul {
  color: #1E4D66;
  font-size: 1.125em;
  line-height: 2.0em;
  list-style-type: disc;
}

.plat-bg--yellow {
  background-color: #FFF5DB;
}

.plat-bg--img, .plat-bg--img.plat-bg--yellow {
  background-color: #fff;
  position: relative;
  margin-top: 130px !important;
}

@media (min-width: 992px) {
  .plat-bg--img, .plat-bg--img.plat-bg--yellow {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
}

.plat-bg--img h2, .plat-bg--img.plat-bg--yellow h2 {
  color: #383838;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
}

.plat-bg--img article.media--type-image, .plat-bg--img.plat-bg--yellow article.media--type-image {
  margin: 50px 0 0 0;
  border-radius: 0;
  min-width: unset;
  width: 100% !important;
  text-align: center;
  margin-top: -130px;
}

@media (min-width: 992px) {
  .plat-bg--img article.media--type-image, .plat-bg--img.plat-bg--yellow article.media--type-image {
    position: absolute;
    top: 0;
    max-width: 305px !important;
  }
}

.plat-bg--img article.media--type-image img, .plat-bg--img.plat-bg--yellow article.media--type-image img {
  border-radius: 16px;
  width: 100%;
  min-width: unset;
  max-width: 250px;
}

@media (min-width: 992px) {
  .plat-bg--img article.media--type-image img, .plat-bg--img.plat-bg--yellow article.media--type-image img {
    max-width: 307px;
  }
}

@media (min-width: 992px) {
  .plat-bg--left article.media--type-image, .plat-bg--left article.media--type-image.align-left {
    margin: -25px 0 0 -150px;
    left: 0;
  }
}

@media (min-width: 992px) {
  .plat-bg--left .plat-bg__content {
    margin-left: 160px;
  }
}

@media (min-width: 992px) {
  .plat-bg--right article.media--type-image, .plat-bg--right article.media--type-image.align-right {
    margin: -25px -150px 0 0;
    right: 0;
  }
}

@media (min-width: 992px) {
  .plat-bg--right .plat-bg__content {
    margin-right: 160px;
  }
}

.align-left {
  margin: 0 0 2rem 0;
}

@media (min-width: 992px) {
  .align-left {
    position: relative;
    float: left;
    margin: 0 2rem 2rem 0;
  }
}

.align-right {
  margin: 0 0 2rem 0;
}

@media (min-width: 992px) {
  .align-right {
    position: relative;
    float: left;
    margin: 0 0 2rem 2rem;
  }
}

.chapo {
  font-family: "IsidoraAlt-SemiBold", sans-serif;
  font-size: 1.25em;
  line-height: 1.5em;
  margin-bottom: 3rem;
}

.field--name-field-download-link .field__label {
  font-size: 1.25em;
}

@media (min-width: 992px) {
  .field--name-field-download-link .field__label {
    font-size: 1.5em;
  }
}

/*
.ckeditor-col-container {
  &.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -15px;
    .col-sm-12, .col-xs-12 {
      width: 100%;
      padding: 10px 15px;
    }
    .col-sm-6, .col-xs-6 {
      width: 50%;
      padding:10px 15px;
    }
    .col-md-6, .col-lg-6 {
      padding:10px 15px;
      @include mdlg {
        width: 50%;
      }
    }
  }
}
*/
.field--name-field-gallery {
  margin-top: 80px;
}

.node--view-mode-full table th, .node--view-mode-full table td {
  padding: 5px;
}

.node--view-mode-full table th {
  background-color: #0976A5;
  color: #fff;
}

.node--view-mode-full table td p {
  margin: 0;
}

.node--view-mode-full table tbody tr:nth-child(even) {
  background-color: #fff;
}

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

.text-align-right {
  text-align: right;
}

.text-align-justify {
  text-align: justify;
}

.document-download-wysiwyg .media--type-document {
  background-color: rgba(232, 245, 250, 0.5);
  border-left: 4px solid #E8F5FA;
  margin-bottom: 10px;
  padding: 10px 20px;
}

.document-download-wysiwyg .media--type-document a {
  color: #383838;
  text-decoration: none;
}

.document-download-wysiwyg .media--type-document a:hover {
  text-decoration: underline;
}

.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol,
.twelvecol,
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 10px 15px;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  .onecol,
  .twocol,
  .threecol,
  .fourcol,
  .fivecol,
  .sixcol,
  .sevencol,
  .eightcol,
  .ninecol,
  .tencol,
  .elevencol,
  .twelvecol,
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12 {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
    margin-bottom: 0;
  }
}

/* 4.85%;  } /* grid_1  */
@media (min-width: 992px) {
  .onecol,
  .grid-1 {
    width: 5.801104972%;
  }
}

/* 13.45%; } /* grid_2  */
@media (min-width: 992px) {
  .twocol,
  .grid-2 {
    width: 14.364640883%;
  }
}

/* 22.05%; } /* grid_3  */
@media (min-width: 992px) {
  .threecol,
  .grid-3 {
    width: 22.928176794%;
  }
}

/* 30.75%; } /* grid_4  */
@media (min-width: 992px) {
  .fourcol,
  .grid-4 {
    width: 31.491712705%;
  }
}

/* 39.45%; } /* grid_5  */
@media (min-width: 992px) {
  .fivecol,
  .grid-5 {
    width: 40.055248616%;
  }
}

/* 48%;    } /* grid_6  */
@media (min-width: 992px) {
  .sixcol,
  .grid-6 {
    width: 48.618784527%;
  }
}

/* 56.75%; } /* grid_7  */
@media (min-width: 992px) {
  .sevencol,
  .grid-7 {
    width: 57.182320438000005%;
  }
}

/* 65.4%;  } /* grid_8  */
@media (min-width: 992px) {
  .eightcol,
  .grid-8 {
    width: 65.74585634900001%;
  }
}

/* 74.05%; } /* grid_9  */
@media (min-width: 992px) {
  .ninecol,
  .grid-9 {
    width: 74.30939226%;
  }
}

/* 82.7%;  } /* grid_10 */
@media (min-width: 992px) {
  .tencol,
  .grid-10 {
    width: 82.87292817100001%;
  }
}

/* 91.35%; } /* grid_11 */
@media (min-width: 992px) {
  .elevencol,
  .grid-11 {
    width: 91.436464082%;
  }
}

/* 100%;   } /* grid_12 */
@media (min-width: 992px) {
  .twelvecol,
  .grid-12 {
    width: 99.999999993%;
  }
}

.ckeditor-col-container {
  overflow: hidden;
}

@media (min-width: 992px) {
  .ckeditor-col-container {
    margin-bottom: 1em;
  }
}

.ckeditor-col-container p {
  padding-right: 0;
}

.first-col {
  margin-left: 0;
}

.last-col {
  margin-right: 0;
}

.align-right {
  margin: 0 0 1rem 1rem;
}

.align-left {
  margin: 0 1rem 1rem 0;
}

.ckeditor-col-container > div:first-child {
  margin-left: 0;
}

.ckeditor-col-container > div:last-child {
  margin-right: 0;
}

.page-node-type-client-promotion .region-subcontent header {
  /*
    justify-content: space-between;
    @include mdlg {
      padding: 0 0 0 65px;
    }
    .header-left {
      justify-content: center;
      display: flex;
      flex-direction: column;
      //padding: 30px;
      @include mdlg {
        padding-right: 50px;
        width: 50%;
      }
      .cta {
        @extend %button-tertiary;
        @extend %button-big;
        margin-bottom: 50px;
        @include mdlg {
          margin-top: 50px;
          margin-bottom: 20px;
        }
      }

    }
    .header-right {
      display: flex;
      justify-content: center;
      flex-direction: row;
      margin: 0 0 0 0;
      padding-bottom:50px;
      position: relative;
      @include mdlg {
        justify-content: flex-start;
        padding-bottom: 0;
        width: auto;
      }
      img {
        @include mdlg {
          border-radius: 0;
          max-height: 450px;
          //max-height: 515px;
        }
      }
      &:before {
        @include mdlg {
          border-style: solid;
          border-width: 0px 0px 450px 320px;
          //border-width: 0px 0px 515px 422px;
          border-color: transparent transparent  transparent #ffffff ;
          height: 450px;
          //height: 515px;
          display: inline-block;
          content: '';
          left: 0;
          position: absolute;
          top: 0;
          width: 320px;
          //width: 422px;
        }
      }
    }
    */
}

.node--type-client-promotion .field--name-field-interrested-cta {
  margin-bottom: 60px;
  padding: 60px 0;
}

.node--type-client-promotion .field--name-field-interrested-cta .field__label {
  font-size: 1.5em;
  color: #1E4D66;
  margin-bottom: 40px;
}

@media (min-width: 992px) {
  .node--type-client-promotion .field--name-field-interrested-cta .field__label {
    font-size: 2em;
  }
}

@media (min-width: 992px) {
  .node--type-client-promotion .field--name-field-interrested-cta .field__items {
    display: flex;
    flex-direction: row;
  }
}

.node--type-client-promotion .field--name-field-interrested-cta .field__items > .field__item {
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 60px;
  padding: 30px 30px 0 30px;
}

@media (min-width: 992px) {
  .node--type-client-promotion .field--name-field-interrested-cta .field__items > .field__item {
    margin: 0 15px;
    width: calc(33.33% - 20px);
  }
}

@media (min-width: 992px) {
  .node--type-client-promotion .field--name-field-interrested-cta .field__items > .field__item:first-child {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .node--type-client-promotion .field--name-field-interrested-cta .field__items > .field__item:last-child {
    margin-right: 0;
  }
}

.node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta {
  display: flex;
  flex-direction: column;
}

.node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta .field--name-field-title {
  color: #1E4D66;
  font-size: 1.5em;
  margin: 25px 0 0 0;
  min-height: 58px;
  order: 2;
  text-align: center;
}

.node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta .field--name-field-picture {
  order: 1;
}

.node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta .field--name-field-picture .image-style-large {
  display: block;
  height: 180px;
  margin: auto;
  width: auto;
}

.node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta .field--name-field-body {
  color: #757575;
  order: 3;
  text-align: center;
}

@media (min-width: 992px) {
  .node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta .field--name-field-body {
    min-height: 130px;
  }
}

.node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta .field--type-link {
  order: 4;
}

.node--type-client-promotion .field--name-field-interrested-cta .paragraph--type--block-cta .field--type-link a {
  display: block;
  margin: 15px 0 -24px 0;
}

@media (min-width: 992px) {
  .node--type-client-promotion .node__content .field--name-field-faq {
    padding-left: 0;
  }
}

.path-simulateur-consommation .region-content {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px 15px 100px 15px;
}

@media (min-width: 1600px) {
  .path-simulateur-consommation .region-content {
    margin-left: calc(50% - 640px - 60px);
    padding: 60px 30px 50px 75px;
  }
}

.path-simulateur-consommation #simulator_step {
  background-color: #E8F5FA;
  background-image: url("images/simulator/arrondi-blanc-mobile.png");
  background-position: bottom  center;
  background-repeat: no-repeat;
  background-size: 101% auto;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 100px 0;
  position: relative;
  width: 100%;
}

@media (min-width: 992px) {
  .path-simulateur-consommation #simulator_step {
    background-image: url("images/simulator/arrondi-blanc.png");
    min-height: 830px;
    padding-bottom: 130px;
    width: 90%;
  }
}

.consumation-simulator-form {
  /* row - col- */
  /* content */
  /* footer nav */
}

.consumation-simulator-form .row {
  display: flex;
  flex-direction: column;
  margin: 0 -15px;
}

@media (min-width: 992px) {
  .consumation-simulator-form .row {
    flex-direction: row;
  }
}

.consumation-simulator-form .col-xs-12 {
  display: flex;
  flex-direction: column;
  margin: 0 15px;
  padding: 15px 15px;
  width: 100%;
}

.consumation-simulator-form .col-xs-6 {
  display: flex;
  flex-direction: column;
  margin: 0 15px;
  padding: 15px 15px;
  width: 50%;
}

@media (min-width: 992px) {
  .consumation-simulator-form .col-xs-6 {
    padding: 0 15px;
  }
}

.consumation-simulator-form .col-md-12 {
  display: flex;
  flex-direction: column;
  margin: 0 15px;
  padding: 10px 15px 15px 15px;
}

@media (min-width: 992px) {
  .consumation-simulator-form .col-md-12 {
    /* test */
    padding: 0 25% 0 25%;
    width: 100%;
  }
}

.consumation-simulator-form .col-md-6 {
  display: flex;
  flex-direction: column;
  margin: 0 0;
  padding: 0 30px 15px 30px;
}

@media (min-width: 992px) {
  .consumation-simulator-form .col-md-6 {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .consumation-simulator-form .col-md-6:first-child {
    margin-left: 20px;
  }
}

.consumation-simulator-form .col-md-6:first-child:after {
  content: ' ';
  display: inline-block;
  background-color: white;
  height: 2px;
  margin: 30px 0 0 25%;
  width: 50%;
}

@media (min-width: 992px) {
  .consumation-simulator-form .col-md-6:first-child:after {
    height: 900px;
    margin-top: 80px;
    position: absolute;
    right: 50%;
    width: 2px;
  }
}

.consumation-simulator-form .two-cols {
  margin-left: 15px;
}

@media (min-width: 992px) {
  .consumation-simulator-form .two-cols {
    margin-left: 0;
  }
}

.consumation-simulator-form .col-md-4 {
  margin: 0 5px;
  padding: 15px 15px;
  width: 33.3%;
}

.consumation-simulator-form .col-xs-3, .consumation-simulator-form .col-md-3 {
  margin: 0 0;
  padding: 0  15px;
  width: 25%;
}

.consumation-simulator-form .col-xs-9, .consumation-simulator-form .col-md-9 {
  display: flex;
  justify-content: flex-end;
  padding: 0  15px;
  width: 75%;
}

.consumation-simulator-form .question {
  color: #1E4D66;
  font-size: 1.5em;
  margin: 0 0 15px 0;
  text-align: center;
}

@media (min-width: 992px) {
  .consumation-simulator-form .question {
    font-size: 1.5em;
  }
}

.consumation-simulator-form .question .title2 {
  display: block;
  font-size: 133%;
}

.consumation-simulator-form .ilu-start {
  margin: 0 auto;
  max-width: 360px;
  text-align: center;
}

.consumation-simulator-form .intro,
.consumation-simulator-form .intro2 {
  font-family: "IsidoraAlt-SemiBold", sans-serif;
  font-size: 1.25em;
  text-align: center;
}

.consumation-simulator-form .description {
  display: flex;
  text-align: center;
}

@media (min-width: 992px) {
  .consumation-simulator-form .description {
    font-size: 1.25em;
  }
}

.consumation-simulator-form p {
  margin: 0.5em 0;
}

.consumation-simulator-form .select-person.cta,
.consumation-simulator-form .select.cta {
  align-items: center;
  background-color: #09719D;
  border-radius: 70px;
  display: flex;
  flex-direction: row;
  font-size: 2.0em;
  justify-content: center;
  margin-left: calc(50% - 80px);
  padding: 10px;
  width: 160px;
}

.consumation-simulator-form .select-person.cta:hover, .consumation-simulator-form .select-person.cta:focus,
.consumation-simulator-form .select.cta:hover,
.consumation-simulator-form .select.cta:focus {
  color: #383838;
}

.consumation-simulator-form .select-person.cta .form-type-textfield input,
.consumation-simulator-form .select.cta .form-type-textfield input {
  border: 0;
  border-radius: 50%;
  height: 50px;
  text-align: center;
  width: 50px;
}

.consumation-simulator-form .select-person.cta .select-minus,
.consumation-simulator-form .select-person.cta .select-plus,
.consumation-simulator-form .select.cta .select-minus,
.consumation-simulator-form .select.cta .select-plus {
  cursor: pointer;
  display: flex;
  font-size: 35px;
  padding: 10px 15px;
}

.consumation-simulator-form .select-person.cta .select-minus:hover, .consumation-simulator-form .select-person.cta .select-minus:focus,
.consumation-simulator-form .select-person.cta .select-plus:hover,
.consumation-simulator-form .select-person.cta .select-plus:focus,
.consumation-simulator-form .select.cta .select-minus:hover,
.consumation-simulator-form .select.cta .select-minus:focus,
.consumation-simulator-form .select.cta .select-plus:hover,
.consumation-simulator-form .select.cta .select-plus:focus {
  color: #fff;
}

.consumation-simulator-form .start-button {
  background-color: #0976A5;
  width: 260px;
  margin: 10px auto 30px auto;
  margin-left: calc(50% - 145px);
  padding-left: 3rem;
  padding-right: 3rem;
}

.consumation-simulator-form input[type="submit"] {
  border: 0;
}

.consumation-simulator-form .fieldgroup {
  background-color: #fff;
  border: 0;
  border-radius: 16px;
  font-size: 1.25em;
  margin-top: 20px;
  padding: 110px 30px 30px 30px;
  position: relative;
}

@media (min-width: 992px) {
  .consumation-simulator-form .fieldgroup {
    padding: 80px 30px 20px 30px;
  }
}

.consumation-simulator-form .fieldgroup legend {
  position: absolute;
  padding-right: 20px;
  top: 20px;
}

@media (min-width: 992px) {
  .consumation-simulator-form .fieldgroup legend {
    padding-right: 40px;
  }
}

.consumation-simulator-form .fieldgroup .form-radios {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.consumation-simulator-form .fieldgroup .form-radios .form-item {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 50%;
}

.consumation-simulator-form .form-radio {
  height: 25px;
  margin-right: 10px;
  width: 25px;
}

.consumation-simulator-form .nb {
  font-style: italic;
  text-align: center;
}

.consumation-simulator-form .eco-washing .form-item {
  align-items: center;
  background-color: white;
  border-radius: 16px;
  display: flex;
  margin: 15px 0;
  padding: 15px 25px;
}

.consumation-simulator-form .eco-washing .form-item .form-radio {
  margin-left: 10px;
  margin-right: 0;
  order: 2;
}

.consumation-simulator-form .eco-washing .form-item label {
  font-size: 1.125em;
  order: 1;
  text-align: left;
  width: calc( 100% - 40px);
}

.consumation-simulator-form .nav-simulator {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: row;
  position: absolute;
  width: calc(100% + 15px);
}

@media (min-width: 992px) {
  .consumation-simulator-form .nav-simulator {
    bottom: 15px;
  }
}

.consumation-simulator-form .nav-simulator .return-button {
  margin-right: 5px;
}

@media (min-width: 992px) {
  .consumation-simulator-form .nav-simulator .return-button {
    padding-left: 30px;
  }
}

.consumation-simulator-form .nav-simulator .return-button .cta.button {
  background-color: #09719D;
  background-image: url("images/arrow-big-left.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 120px 89px;
  border-radius: 16px;
  height: 64px;
  overflow: hidden;
  text-indent: -300px;
  width: 64px;
}

.consumation-simulator-form .nav-simulator .forward-button {
  /*@include mdlg {
        padding-right: 60px;
      }*/
}

.consumation-simulator-form .nav-simulator .forward-button .cta.button {
  background-color: #09719D;
  background-image: url("images/arrow-big-left.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 120px 89px;
  border-radius: 16px;
  height: 64px;
  overflow: hidden;
  transform: rotate(180deg);
  text-indent: -300px;
  width: 64px;
}

.consumation-simulator-form .nav-simulator .forward-button .cta.restart {
  background-image: none;
  border-radius: 30px;
  height: 64px;
  overflow: initial;
  text-indent: initial;
  transform: rotate(0deg);
  width: auto;
}

.consumation-simulator-form .nav-simulator .slider_pagination_btn {
  display: inline-block;
  padding: 10px;
  margin: 5px;
  background-color: #E8F5FA;
  border-radius: 12px;
}

.consumation-simulator-form .nav-simulator .slider_pagination_btn.active {
  background-color: #0976A5;
  padding: 12px;
}

.consumation-simulator-form .nav-simulator .pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.consumation-simulator-form .nav-simulator .pagination .steps-label {
  font-family: "IsidoraAlt-SemiBold", sans-serif;
  font-size: 1.5em;
  font-style: italic;
}

.consumation-simulator-form .result {
  padding-top: 50px;
}

@media (min-width: 992px) {
  .consumation-simulator-form .result {
    padding-top: 50px;
  }
}

.consumation-simulator-form .result .calcul {
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: center;
}

.consumation-simulator-form .result a {
  display: inline-block;
  margin: 15px auto;
}

.consumation-simulator-form .result-data {
  background-color: #fff;
  border-radius: 16px;
  font-size: 1.5em;
  padding: 20px 50px;
  text-align: center;
}

.consumation-simulator-form .result-data p {
  margin: 5px 0;
  line-height: 1.5em;
}

.consumation-simulator-form .m-cubes {
  color: #0976A5;
  font-size: 150%;
}

.consumation-simulator-form .price-total {
  color: #0976A5;
  font-size: 150%;
}

.consumation-simulator-form #piechart_3d,
.consumation-simulator-form .chart {
  margin-top: 20px;
  /*@include mdlg {
      margin-left: -10%;
      overflow-x: scroll;
      overflow: hidden;
      width: 110%;
    }*/
}

.consumation-simulator-form .avertissement {
  font-style: italic;
  margin-top: 0;
  padding-bottom: 15px;
  text-align: center;
}

@media (min-width: 992px) {
  .consumation-simulator-form .avertissement {
    margin-left: -30px;
  }
}

.page-node-type-explain-page .region-subcontent header {
  /*
    justify-content: space-between;
    @include mdlg {
      padding: 0 0 0 65px;
    }
    .header-left {
      justify-content: center;
      display: flex;
      flex-direction: column;
      //padding: 30px;
      @include mdlg {
        padding-right: 50px;
        width: 50%;
      }
      .chapo {
        margin-bottom: 1.0em;
      }
      .cta {
        @extend %button-secondary;
        margin-bottom: 50px;
        @include mdlg {
          margin-top: 50px;
          margin-bottom: 20px;
        }
      }
    }
    .header-right {
      display: flex;
      justify-content: center;
      flex-direction: row;
      margin: 0 0 0 0;
      padding-bottom:50px;
      position: relative;
      @include mdlg {
        justify-content: flex-start;
        padding-bottom: 0;
        width: auto;
      }
      img {
        @include mdlg {
          border-radius: 0;
          max-height: 450px;
          //max-height: 515px;
        }
      }
      &:before {
        @include mdlg {
          border-style: solid;
          border-width: 0 0 450px 320px;
          //border-width: 0px 0px 515px 422px;
          border-color: transparent transparent  transparent #ffffff ;
          height: 450px;
          //height: 515px;
          display: inline-block;
          content: '';
          left: 0;
          position: absolute;
          top: 0;
          width: 320px;
          //width: 422px;
        }
      }
    }

   */
}

.swde-explain-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 60px;
  position: relative;
}

@media (min-width: 992px) {
  .swde-explain-section {
    flex-direction: row;
  }
}

@media (min-width: 992px) {
  .swde-explain-section .swde-explain-image {
    padding: 0 15px 0 0;
    width: 50%;
  }
}

@media (min-width: 992px) {
  .swde-explain-section .swde-explain-points {
    width: 50%;
    padding: 15px;
  }
}

.swde-explain-section .swde-explain-point {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 8px 15px;
}

.swde-explain-section .swde-explain-point h2, .swde-explain-section .swde-explain-point h3, .swde-explain-section .swde-explain-point h4, .swde-explain-section .swde-explain-point h5 {
  margin: 8px 0 0 0;
}

.swde-explain-section .swde-explain-point h2 {
  font-size: 1.25em;
}

.swde-explain-section .swde-explain-point h2 + p {
  margin-top: 0.5em;
}

.swde-explain-section .swde-explain-line {
  display: none;
  /*
    position: absolute;
    @include mdlg {
      border: 1px solid $purple;
      z-index: 100;
    }
    */
}

/*REAL ESTATE CONTENT*/
.page-node-type-real-estate .field--name-field-address {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: 0;
  padding: 0.25rem 0.5rem;
}

@media (min-width: 992px) {
  .page-node-type-real-estate .field--name-field-address {
    margin-left: 10%;
    margin-right: 15%;
  }
}

.page-node-type-real-estate .field--name-field-geofield {
  border: 1px solid #ccc;
  border-top: 0;
}

@media (min-width: 992px) {
  .page-node-type-real-estate .field--name-field-geofield {
    margin-left: 10%;
    margin-right: 15%;
  }
}

@media (min-width: 992px) {
  .page-node-type-real-estate .field--name-field-introduction {
    padding-left: 10%;
    padding-right: 15%;
  }
}

.page-node-type-real-estate .field--name-field-real-estate-type,
.page-node-type-real-estate .field--name-field-email {
  padding-top: 1em;
}

@media (min-width: 992px) {
  .page-node-type-real-estate .field--name-field-real-estate-type,
  .page-node-type-real-estate .field--name-field-email {
    padding-left: 15%;
    padding-right: 20%;
  }
}

.page-node-type-real-estate .field--name-field-real-estate-type a,
.page-node-type-real-estate .field--name-field-email a {
  display: inline-block;
  margin: 1rem 0 0 0;
  text-decoration: none;
}

.page-node-type-real-estate .field--name-field-download-link .field__items > .field__item {
  background-color: rgba(255, 255, 255, 0.5);
  border-left: 4px solid #fff;
  margin-bottom: 10px;
  padding: 10px 15px;
}

.page-node-type-real-estate .field--name-field-download-link .field__items > .field__item .file-size {
  display: inline-block;
  padding: 8px 12px;
}

.page-node-type-real-estate .field--name-field-download-link .field__items > .field__item article {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.page-node-type-real-estate .field--name-field-download-link .field__items > .field__item a {
  color: #383838;
  text-decoration: none;
}

.page-node-type-real-estate .field--name-field-download-link .field__items > .field__item a:hover, .page-node-type-real-estate .field--name-field-download-link .field__items > .field__item a:focus {
  color: #383838;
}

/*REAL ESTATE LIST*/
.node--type-real-estate.node--view-mode-teaser a {
  color: #383838;
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
}

.node--type-real-estate.node--view-mode-teaser a h3 {
  margin-top: 20px;
  width: 100%;
}

.node--type-real-estate.node--view-mode-teaser a img {
  margin-right: 40px;
}

.view-real-estates.view-display-id-page_1 .views-row .node--view-mode-teaser {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 4px 4px 16px rgba(205, 224, 245, 0.5);
  margin-bottom: 40px;
  opacity: 0.9;
  padding: 30px 40px;
}

.view-real-estates.view-display-id-page_1 .views-row .node--view-mode-teaser:hover, .view-real-estates.view-display-id-page_1 .views-row .node--view-mode-teaser:focus {
  background: white;
}

#block-real-estates-list-newsletter,
#block-real-estates-newsletter {
  background-color: #fff;
  border-radius: 16px;
  margin: 50px 0;
  padding-left: 5%;
  padding-right: 30px;
}

.webform-submission-form {
  max-width: 900px;
  /*

  .captcha {
    background-color: rgba(0,0,0,0.05);
    border-radius: 16px;
    margin-bottom: 1.0em;
    padding: 30px;
  }
  */
}

.webform-submission-form fieldset {
  border-color: #757575;
  border-radius: 16px;
  margin: 20px 0;
  padding: 1em 2em;
}

.webform-submission-form fieldset.radios--wrapper, .webform-submission-form fieldset.checkbox--wrapper {
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.webform-submission-form fieldset.radios--wrapper .fieldset-legend, .webform-submission-form fieldset.checkbox--wrapper .fieldset-legend {
  color: #383838;
  font-size: 1.0em;
  font-weight: bold;
}

.webform-submission-form .js-webform-document-file .file {
  margin: 0 1rem 1rem 0;
}

.webform-submission-form .fieldset-legend {
  color: #0976A5;
  font-size: 1.25em;
  font-weight: bold;
}

.webform-submission-form .field-suffix,
.webform-submission-form .description {
  font-style: italic;
}

.webform-submission-form .form-item {
  margin-bottom: 1em;
}

.webform-submission-form .form-item label {
  display: flex;
  font-weight: bold;
  padding: 0.3em 0.5em;
}

.webform-submission-form .form-item.webform-element--title-inline {
  display: flex;
  flex-direction: row;
}

.webform-submission-form .form-required {
  display: flex;
}

.webform-submission-form .form-required:after {
  display: inline-block;
  color: #B31731;
  content: '*';
  padding-left: 5px;
  width: 10px;
}

.webform-submission-form .form-tel,
.webform-submission-form .form-number {
  -moz-appearance: none;
       appearance: none;
  /*border: none;*/
  border: 1px solid var(--cd-color-form-border);
  border-radius: 30px;
  box-sizing: border-box;
  display: block;
  padding: 10px;
  -webkit-appearance: none;
  width: 100%;
}

@media (min-width: 992px) {
  .webform-submission-form .form-tel,
  .webform-submission-form .form-number {
    width: 300px;
  }
}

.webform-submission-form .form-item .form-date {
  width: 100%;
}

@media (min-width: 992px) {
  .webform-submission-form .form-item .form-date {
    width: 300px;
  }
}

.webform-submission-form .form-textarea {
  border-radius: 15px;
}

.webform-submission-form .form-submit {
  border: 0;
  white-space: normal;
}

.webform-submission-form .field-prefix {
  display: block;
  padding-left: 0.5em;
}

.webform-submission-form input[type="checkbox"], .webform-submission-form input[type="radio"] {
  border: 1px solid var(--cd-color-form-border);
  accent-color: var(--cd-blue-primary);
  width: 20px;
  height: 20px;
}
.webform-submission-form input[type="checkbox"] {
  border-radius: 4px;
}
.webform-submission-form .form-type-webform-document-file {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 16px;
  margin: 20px 0;
  padding: 1em 2em;
}

.webform-submission-form .form-type-webform-document-file input[type="file"] {
  background-color: white;
  border-radius: 30px;
  border: 1px solid var(--cd-color-form-border);
  margin: 10px 0 15px 0;
  padding: 8px;
  width: 100%;
}
.webform-submission-form .form-type-webform-document-file .description {
  margin-top: 1.25rem;
}
@media (min-width: 700px) and (max-width: 991px) {
  .webform-submission-form .form-type-webform-document-file input[type="file"] {
    width: 400px;
  }
}

@media (min-width: 992px) {
  .webform-submission-form .form-type-webform-document-file input[type="file"] {
    width: 400px;
  }
}

.webform-submission-form .form-type-webform-document-file .form-submit:before {
  color: #0976A5;
  content: '\EA14';
  display: inline-block;
  font-family: 'icofont';
  font-weight: normal;
  width: 40px;
  height: 30px;
}


.webform-submission-form .form-type-webform-document-file .ajax-progress {
  position: absolute;
}

.webform-submission-form .form-item-captcha-response .field-prefix,
.webform-submission-form .form-item-captcha-response .form-text {
  display: inline-block;
  width: auto;
}

.webform-submission-form .form-type-radio,
.webform-submission-form .form-type-checkbox {
  display: flex;
  flex-direction: row;
  align-items: self-start;
  /*flex-wrap: nowrap;  // to let description */
  flex-wrap: wrap;
  margin-bottom: 0.5em;
}

.webform-submission-form .form-type-radio label,
.webform-submission-form .form-type-checkbox label {
  padding: 0 0 0 0.5em;
  width: calc(100% - 30px);
}

.webform-submission-form .form-type-radio .description,
.webform-submission-form .form-type-checkbox .description {
  padding-left: 25px;
  width: 90%;
}

.webform-submission-form .form-select {
  background-color: #fff;
  /* border: 0;
  border-radius: 16px;  Test 2026 */
  border-radius: 30px;
  border : 1px solid var(--cd-color-form-border);
  width: 100%;
  padding: 10px 15px;
  text-transform: none;
}

@media (min-width: 992px) {
  .webform-submission-form .form-select {
    width: auto;
  }
}

.webform-submission-form .form-select:active {
  background-color: #E8F5FA;
  border-radius: 16px;
}

.webform-submission-form .form-text[readonly] {
  font-size: 0.7em;
  background-color: transparent !important;
  color: #383838;
}

@media (min-width: 700px) and (max-width: 991px) {
  .webform-submission-form .form-text[readonly] {
    font-size: 0.9em;
  }
}

@media (min-width: 992px) {
  .webform-submission-form .form-text[readonly] {
    font-size: 1em;
  }
}

.webform-submission-form .form-item-rgpd {
  display: flex;
  margin-bottom: 2em;
}

.webform-submission-form .form-item-rgpd label {
  order: 1;
  margin: 1em 0;
  width: 100%;
}

.webform-submission-form .form-item-rgpd .description {
  order: 3;
  padding-left: 10px;
}

.webform-submission-form .form-item-rgpd input[type=checkbox] {
  margin-left: 5px;
  order: 2;
}

.webform-submission-request-new-connection-form #edit-step2 p:first-child {
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 40px;
  padding: 30px;
}

.webform-submission-request-change-connection-form #edit-step2-intro p:first-child {
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 40px;
  padding: 30px;
}

/*SELECT 2 customization*/
.select2-container--default .select2-selection--single {
  /*border: 1px solid #fff; not WCAG - 2026*/
  border: 1px solid var(--cd-color-form-border);
  border-radius: 30px;
  height: auto;
  padding: 10px 10px 10px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
}

#webform-submission-making-appointments-add-form fieldset.radios--wrapper {
  margin: 40px 0;
  /*background-color: white;
    border-radius: 16px;
    margin:  0;
    padding:1rem 1rem 2rem 1rem;
    @include mdlg{
      padding:2rem 4rem 2rem 4rem;
    }
    */
  /*
    .fieldset-wrapper {
      margin-top: 20px;
    }*/
}

#webform-submission-making-appointments-add-form fieldset.radios--wrapper .fieldset-legend {
  color: #1E4D66;
  display: block;
  font-family: "IsidoraAlt-Bold", sans-serif;
  font-size: 1.5em;
  margin-bottom: 20px;
}

#webform-submission-making-appointments-add-form fieldset.radios--wrapper .js-webform-states-hidden {
  background-color: white;
  border-radius: 16px;
  margin: 0;
  padding: 1rem 4rem 2rem 4rem;
}

/* -- faq list -- */
.path-faq .region-content,
.faq_categories .region-content,
.path-aide-et-contact .region-content,
.path-aide-et-contact2 .region-content {
  background-color: #fff;
  border-radius: 16px 0 0 16px;
  max-width: 100%;
  padding: 30px 15px 60px 15px;
}

.categories_aides .region-content:not(:has(.content-aide-et-contact-)){
  background-color: #fff;
}

@media (min-width: 1600px) {
  .path-faq .region-content,
  .faq_categories .region-content,
  .path-aide-et-contact .region-content,
  .path-aide-et-contact2 .region-content,
  .categories_aides .region-content{
    margin-left: calc(50% - 640px - 65px);
    margin-right: 0;
    max-width: 100%;
    padding: 60px 0 150px 65px;
    padding-right: calc(50% - 600px);
  }
}

/*@media (min-width: 1600px) {
  .categories_aides .region-content {
    padding-right: 0;
  }
}*/

.categories_aides .view-content .views-row {
  width: 100%;
  max-width: none;
}

@media (min-width: 991px) {
  .categories_aides .field--name-field-formulaire-de-contact-tele {
    height: 500px;
  }
}

@media (min-width: 991px) {
  .categories_aides .view-content .views-row .field--name-field-formulaire-de-contact-tele .paragraph .field--name-field-pas-trouve-de-reponse-a-vo,
  .categories_aides .view-content .views-row .field--name-field-formulaire-de-contact-tele .paragraph .field--name-field-nous-joindre-par-telephone {
    width: 45%;
    position: relative;
    float: left;
  }
}

.categories_aides .views-row .node--type-aide-et-contact a.cta {
  background: #9D145D;
}

.categories_aides .field--name-field-formulaire-de-contact-tele .field__label,
.categories_aides .field--name-field-pas-trouve-de-reponse-a-vo .field__label {
  font-family: "IsidoraAlt-Bold", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2em;
  margin-block-end: 0.83em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  color: #1E4D66;
}

.categories_aides .field--name-field-pas-trouve-de-reponse-a-vo .field__label:before {
  content: url("/sites/default/files/2024-10/ico-form.png");
  top: 10px;
  position: relative;
}

@media (min-width: 992px) {
  .path-faq .form-item,
  .path-faq .form-actions {
    display: inline-block;
  }
}

.path-faq .views-exposed-form label {
  display: none;
}

.path-faq input[type="text"] {
  border: 1px solid #ccc;
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .path-faq input[type="text"] {
    margin-bottom: 0;
    width: 400px;
  }
}

.path-faq .form-actions .button {
  border: 0;
}

.path-faq .field--name-field-faq {
  margin-bottom: 60px;
}

.path-faq .field--name-field-faq .field__label {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

@media (min-width: 992px) {
  .path-faq .field--name-field-faq .field__label {
    font-size: 2em;
  }
}

.path-faq .swde-faq_categories,
.path-faq2 .swde-faq_categories,
.path-aide-et-contact .swde-categories_aides,
.path-aide-et-contact2 .swde-categories_aides {
  margin-top: 80px;
  margin-bottom: 60px;
}

.path-faq .swde-faq_categories h2,
.view-faq-2 .swde-faq_categories h2,
.path-aide-et-contact .swde-categories_aides h2,
.path-aide-et-contact2 .swde-categories_aides h2 {
  display: block;
  width: 100%;
}

.path-faq .faq-cat-list,
.view-faq-2 .faq-cat-list,
.path-aide-et-contact .aide-cat-list,
.path-aide-et-contact2 .aide-cat-list,
.categories_aides .aide-cat-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  .path-faq .faq-cat-list,
  .view-faq-2 .faq-cat-list,
  .path-aide-et-contact .aide-cat-list,
  .path-aide-et-contact2 .aide-cat-list {
    justify-content: center;
    padding-right: 10%;
  }
}

.path-faq .faq-cat-list .swde_faq_category,
.view-faq-2 .faq-cat-list .swde_faq_category,
.view-aide-et-contact .aide-cat-list .swde_aide_category{
  margin: 4px;
  align-items: center;
  box-shadow: 3px 3px 3px 0px rgba(205, 224, 245, 0.5);
  border-radius: 4px;
  color: #0976A5;
  display: flex;
  flex-direction: column;
  font-size: 1.125em;
  font-weight: bold;
  justify-content: center;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  width: 270px;
}

.path-faq .faq-cat-list .swde_faq_category.swde-faq-category-130 {
  display: none;
}

.path-faq .faq-cat-list .swde_faq_category .image-style-thumbnail,
.path-faq2 .faq-cat-list .swde_faq_category .image-style-thumbnail,
.path-aide-et-contact .aide-cat-list .swde_aide_category .image-style-thumbnail,
.path-aide-et-contact2 .aide-cat-list .swde_aide_category .image-style-thumbnail {
  opacity: 50%;
}

.path-faq .faq-cat-list .swde_faq_category:hover,.view-faq-2 .faq-cat-list .swde_faq_category:hover,.view-aide-et-contact .aide-cat-list .swde_aide_category:hover, .path-faq .faq-cat-list .swde_faq_category.active, .path-faq .faq-cat-list .swde_faq_category:focus {
  box-shadow: 4px 4px 16px rgba(205, 224, 245, 0.5);
  color: #1E4D66;
  text-decoration: none;
}

.path-faq .faq-cat-list .swde_faq_category:hover .image-style-thumbnail, .path-faq .faq-cat-list .swde_faq_category.active .image-style-thumbnail, .path-faq .faq-cat-list .swde_faq_category:focus .image-style-thumbnail {
  opacity: 100%;
}

.faq_categories .button-back-faq,
.categories_aides .button-back-aide {
  display: block;
  margin-top: 60px;
}

.faq_categories .button-back-faq a,
.categories_aides .button-back-aide a{
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.faq_categories .button-back-faq a::before,
.categories_aides .button-back-aide a::before{
  display: inline-block;
  content: '';
  /*
  position: absolute;
  */
  left: -30px;
  width: 25px;
  height: 25px;
  background-image: url(images/arrow-left.png);
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  .path-faq .view-content {
    padding-right: 20%;
  }
}

.ui-accordion .ui-accordion-header {
  padding: 1.5em 2.0em 1.5em 0.0em;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.2em;
}

#accordion-title-blue {
  color: #1E4D66;
  font-family: "IsidoraAlt-Bold", sans-serif;
  font-size: 1.5em;
}

/*
.ui-accordion-content-active {
  font-family: $font-family-base;
  font-size: $font-size-h4;
  line-height: $global-line-height;
}
*/
.ui-accordion .ui-icon {
  display: none;
}

.ui-accordion .ui-state-default {
  background-color: transparent;
  border-bottom: 1px solid #979797;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  color: #000000;
  margin-top: 0;
  padding-left: 10px;
  position: relative;
}

.ui-accordion .ui-state-default:after {
  display: inline-block;
  content: '\EA16';
  color: #0976A5;
  font-family: 'icofont';
  font-size: 30px;
  font-weight: normal;
  position: absolute;
  right: 5px;
  top: 32px;
}

.ui-accordion .ui-state-active {
  font-weight: bold;
  border-bottom: 1px solid transparent;
  padding-left: 10px;
  position: relative;
}

.ui-accordion .ui-state-active:after {
  display: inline-block;
  content: '\EA15';
  color: #0976A5;
  font-family: 'icofont';
  font-size: 30px;
  font-weight: normal;
  position: absolute;
  right: 5px;
  top: 32px;
  z-index: 10;
}

.ui-accordion .ui-widget-content {
  border: 0;
  color: #000000;
}

.ui-accordion .ui-accordion-content-active {
  background-color: transparent;
  border-bottom: 1px solid #979797;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.25em;
  line-height: 1.5em;
}

.ui-accordion .ui-accordion-content-active a {
  color: #0976A5;
  text-decoration: underline;
}

.ui-accordion .view-footer {
  padding-top: 30px;
}

.field--name-field-faq {
  margin-bottom: 60px;
}

.field--name-field-faq .field__label {
  color: #1E4D66;
  font-size: 1.5em;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .field--name-field-faq .field__label {
    font-size: 2em;
  }
}

/* -- page details -- */
.flexslider {
  border: 0;
  box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.2);
}

.flexslider ul {
  list-style-type: none;
}

.flex-direction-nav a {
  font-size: 0;
  height: 50px;
  padding-top: 1rem;
}

/*FRONTPAGE LAYOUT*/
@media (min-width: 992px) {
  .path-frontpage #block-espaceclient,
  .path-frontpage #block-espace-client-connecte,
  .path-frontpage .swde-conseil-banner{
    display: flex;
    margin-bottom: -7px;
  }
}

.path-frontpage .region-subcontent {
  background: #fff;
}

.path-frontpage .region-subcontent .banner-left,
.path-frontpage .region-subcontent .banner-conseil-left
{
  position: relative;
}

.path-frontpage .region-subcontent .banner-left:before {
  background: linear-gradient(0deg, rgba(216, 216, 216, 0) 0%, rgba(0, 0, 0, 0.751121) 100%);
  display: inline-block;
  content: ' ';
  height: 150px;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (min-width: 992px) {
  .path-frontpage .region-subcontent .banner-left:before {
    height: 350px;
  }
}

.path-frontpage .region-subcontent .banner-left h1 {
  color: #fff;
  font-size: 1.125em;
  padding: 0 10px;
  position: absolute;
  top: 0;
  /* ne passe pas
        @include fullhd {
          padding-left: 18%;
          max-width: 900px;
        }*/
}

@media (min-width: 700px) and (max-width: 991px) {
  .path-frontpage .region-subcontent .banner-left h1 {
    font-size: 2em;
    margin-top: 50px;
  }
}

@media (min-width: 992px) {
  .path-frontpage .region-subcontent .banner-left h1 {
    font-size: 3.4em;
    margin-top: 90px;
    max-width: 800px;
    padding: 0 10px 0 5%;
  }
}

@media (min-width: 1200px) {
  .path-frontpage .region-subcontent .banner-left h1 {
    padding-left: 12%;
    max-width: 900px;
  }
}

@media (min-width: 1600px) {
  .path-frontpage .region-subcontent .banner-left h1 {
    padding-left: 25%;
    max-width: 1050px;
  }
}

.path-frontpage .region-subcontent .banner_right{
  background: url("/themes/swde_theme/css/images/banner-front-bg-mobile.png") top no-repeat;
  background-position: right top;
  margin-bottom: -100px;
  padding: 130px 20px 30px 20px;
  position: relative;
  top: -120px;
  text-align: center;
}

.path-frontpage .region-subcontent .banner-conseil-right{
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  background-color: #E8F5FA;
}

.path-frontpage .region-subcontent .banner-conseil-right .content-right{
  display: flex;
  flex-wrap: wrap;
}

.path-frontpage .region-subcontent .banner-conseil-right .voir-plus-conseils{
  font-size: 1.2em;
  font-weight: bold;
  margin-left: auto; /* Pousse l'élément vers la droite */
  align-self: flex-start; /* Aligne l'élément en haut */
  white-space: nowrap; /* Empêche le texte de prendre plusieurs lignes */
}

.path-frontpage .region-subcontent .banner-conseil-right .content-right{
  clip-path: polygon(0 0, calc(100% - 20rem) 0, 100% 100%, 0 100%);
  padding-right: 40%;
  width: 100%;
  background-color: white;
}

.path-frontpage .region-subcontent .banner-conseil-left{
  clip-path: polygon(0 0, calc(100% - 20rem) 0, 100% 100%, 0 100%);
  line-height: 0;
}

.path-frontpage .region-subcontent .banner-conseil-left img{
  height: 100%;
  object-fit: cover;
  /* line-height: 0; */
  width: 100%;
}
@media (max-width: 991px) {
  .path-frontpage .region-subcontent .banner-conseil-left{
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 90%);
  }
  .path-frontpage .region-subcontent .banner-conseil-right{
    text-align: center;
    width: 100%;
  }
}

@media (max-width: 1255px) {
  .path-frontpage .region-subcontent .banner-conseil-right .content-right{
    clip-path: none;
    width: 100%;
    padding-right: 0%;
    background-color: white;
  }
}


@media (min-width: 700px) and (max-width: 991px) {
  .path-frontpage .region-subcontent .banner_right {
    margin-bottom: -200px;
    top: -200px;
    padding-top: 180px;
  }
}

@media (min-width: 992px) {
  .path-frontpage .region-subcontent .banner_right{
    background: url("/themes/swde_theme/css/images/banner-front-bg.png") no-repeat;
    margin-bottom: 0;
    margin-left: -560px;
    max-width: 976px;
    padding: 50px 15px 0 22%;
    width: 60%;
    top: auto;
  }
}

@media (min-width: 1200px) {
  .path-frontpage .region-subcontent .banner_right
  {
    max-width: none;
    padding: 100px 0 0 20%;
  }
}

@media (min-width: 1600px) {
  .path-frontpage .region-subcontent .banner_right{
    width: 45%;
  }
}

.path-frontpage .region-subcontent .banner_right h3,
.path-frontpage .region-subcontent .banner_right h2 {
  font-size: 2em;
  margin: 0;
}

@media (min-width: 992px) {
  .path-frontpage .region-subcontent .banner_right h3,
  .path-frontpage .region-subcontent .banner_right h2 {
    font-size: 2em;
  }
}

.path-frontpage .region-subcontent .banner_right .cta, .path-frontpage .region-subcontent .banner_right .cta-connected {
  box-shadow: 0 8px 48px 0 #D4C5CD;
  margin: 2rem 0 1rem 0;
}

.path-frontpage .region-subcontent .banner_right .cta:hover, .path-frontpage .region-subcontent .banner_right .cta:focus, .path-frontpage .region-subcontent .banner_right .cta-connected:hover, .path-frontpage .region-subcontent .banner_right .cta-connected:focus {
  box-shadow: 0 0 8px 0 #D4C5CD;
}

.path-frontpage .region-subcontent .banner_right .cta-connected {
  background-color: #068183;
  text-decoration: none;
}

.path-frontpage #block-swde-theme-content {
  padding-top: 50px;
}

@media (min-width: 992px) {
  .path-frontpage #block-swde-theme-content {
    padding-top: 80px;
  }
}

.path-frontpage #block-swde-theme-content .field--name-body {
  padding-left: 0;
  padding-right: 0;
}

.path-frontpage #block-swde-theme-content .align-left {
  float: none;
}

@media (min-width: 992px) {
  .path-frontpage #block-swde-theme-content .align-left {
    width: 66%;
  }
}

.path-frontpage #block-swde-theme-content .plat-bg {
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
  padding: 1rem 0;
  text-align: center;
}

@media (min-width: 992px) {
  .path-frontpage #block-swde-theme-content .plat-bg {
    border-radius: 4px;
    box-shadow: 4px 4px 16px rgba(205, 224, 245, 0.5);
    min-height: 450px;
    padding: 40px 2rem 1rem 2rem;
    text-align: center;
    width: 60%;
  }
}

.path-frontpage #block-swde-theme-content .plat-bg h2 {
  color: #1E4D66;
}

.path-frontpage #block-swde-theme-content .plat-bg .cta {
  margin-top: 2rem;
}

.path-frontpage #block-swde-theme-content .field__item {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
}

@media (min-width: 992px) {
  .path-frontpage #block-swde-theme-content .field__item {
    flex-direction: row;
  }
}

.path-frontpage .field--name-field-gallery {
  margin-top: 0;
}

/*I18n VARIATION OF BANNER*/
@media (min-width: 992px) {
  html:lang(en) .path-frontpage .region-subcontent .banner-left h1,
  html:lang(de) .path-frontpage .region-subcontent .banner-left h1,
  html:lang(nl) .path-frontpage .region-subcontent .banner-left h1 {
    max-width: 600px;
  }
}

@media (min-width: 1200px) {
  html:lang(en) .path-frontpage .region-subcontent .banner-left h1,
  html:lang(de) .path-frontpage .region-subcontent .banner-left h1,
  html:lang(nl) .path-frontpage .region-subcontent .banner-left h1 {
    max-width: 700px;
  }
}

@media (min-width: 1600px) {
  html:lang(en) .path-frontpage .region-subcontent .banner-left h1,
  html:lang(de) .path-frontpage .region-subcontent .banner-left h1,
  html:lang(nl) .path-frontpage .region-subcontent .banner-left h1 {
    max-width: 900px;
  }
}

#block-views-block-works-block-latest {
  background-color: #E8F5FA;
}

#block-views-block-works-block-latest .field--name-field-media-image {
  margin-bottom: -5px;
}

#block-views-block-works-block-latest .views-exposed-form label {
  display: block;
  color: #1E4D66;
  font-family: "IsidoraAlt-Bold", sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  #block-views-block-works-block-latest .views-exposed-form label {
    font-size: 2em;
  }
}

@media (min-width: 1200px) {
  #block-views-block-works-block-latest .view-works {
    margin-left: calc(50% - 595px - 45px);
  }
}

@media (min-width: 992px) {
  #block-views-block-works-block-latest .view-works {
    display: flex;
    justify-content: flex-end;
  }
}

@media (min-width: 1200px) {
  #block-views-block-works-block-latest .view-works {
    margin-left: calc(50% - 595px - 45px);
  }
}

#block-views-block-works-block-latest .views-align-left {
  padding: 40px 15px;
  text-align: center;
}

@media (min-width: 992px) {
  #block-views-block-works-block-latest .views-align-left {
    padding: 80px 15px 30px 15px;
    text-align: left;
    width: 60%;
  }
}

@media (min-width: 1200px) {
  #block-views-block-works-block-latest .views-align-left {
    text-align: left;
    width: 60%;
  }
}

@media (min-width: 992px) {
  #block-views-block-works-block-latest .js-form-item,
  #block-views-block-works-block-latest .form-actions {
    display: inline-block;
  }
}

#block-views-block-works-block-latest .form-text {
  border: 1px solid #ccc;
  padding: 12px 10px 12px 15px;
  /*
    border-radius: 30px;
    box-sizing: border-box;
    display: block;
    padding: 10px 10px 10px 15px;*/
  width: 100%;
}

@media (min-width: 992px) {
  #block-views-block-works-block-latest .form-text {
    width: auto;
  }
}

#block-views-block-works-block-latest .form-submit {
  border: 0;
  margin: 1rem 0;
}

#block-views-block-works-block-latest .views-align-right {
  display: none;
}

@media (min-width: 992px) {
  #block-views-block-works-block-latest .views-align-right {
    display: block;
    width: 40%;
  }
}

#block-views-block-works-block-latest .more-link a {
  text-decoration: underline;
}
/* fix bug align top online
#block-views-block-works-block-latest .view-footer {
  padding-top: 2rem;
}*/

@media (min-width: 992px) {
  #block-views-block-works-block-latest .view-footer p {
    display: inline-block;
  }
}

#block-views-block-works-block-latest .view-footer .cta {
  margin-left: 20px;
}

/*CONTACT & HELP*/
.page-aides-form #swde-contact-form-wrapper {
  display: flex;
  flex-flow: column;
  gap: 1rem;
  background-color: #fff;
  padding: 30px 15px;
  border-radius: 16px;
  margin-bottom: 70px;
}

@media (min-width: 992px) {
  .page-aides-form #swde-contact-form-wrapper {
    margin-right: 25%;
    margin-left: 0;
    padding-left: 5%;
  }
}

.page-aides-form #swde-contact-form-wrapper select {
  background-color: #E8F5FA;
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 0.5rem 0.25rem;
}

.page-aides-form h2 a {
  color: #1E4D66;
  text-decoration: none;
}

.page-aides-form h2 a:hover {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .path-aide-et-contact .page-title {
    padding-left: 0;
    padding-right: 25%;
  }
}

@media (min-width: 992px) {
  .path-aide-et-contact .node--view-mode-fiche-aide h2:first-of-type {
    padding-left: 0;
    padding-right: 25%;
  }
}

.path-aide-et-contact .node--view-mode-fiche-aide .field--name-field-faq {
  margin-top: 3rem;
}

@media (min-width: 992px) {
  .path-aide-et-contact .region-content .node__content .field--name-body,
  .path-aide-et-contact .region-content .node__content .field--name-field-formulaire-call,
  .path-aide-et-contact .region-content .node__content .field--name-field-faq {
    padding-left: 0;
    padding-right: 25%;
  }
}

.path-aide-et-contact .region-content .node__content .field--name-field-formulaire-call {
  padding: 30px 0;
}

.path-aide-et-contact .region-content .node__content .field--name-field-formulaire-call .field__label {
  font-size: 1.5em;
  color: #1E4D66;
}

@media (min-width: 992px) {
  .path-aide-et-contact .region-content .node__content .field--name-field-formulaire-call .field__label {
    font-size: 2em;
  }
}

@media (min-width: 992px) {
  .page-node-type-aide-et-contact #block-nousjoindre h2 {
    padding-left: 10%;
    padding-right: 15%;
  }
}

.page-node-type-aide-et-contact #block-nousjoindre .field--name-body h2 {
  padding-left: 0;
  padding-right: 0;
}

.node--type-aide-et-contact .grid-6, .node--type-aide-et-contact .sixcol {
  background-color: #fff;
  border-radius: 4px;
  padding: 15px 30px;
}

/*INTERNATIONAL PROJECT*/
@media (min-width: 992px) {
  .page-node-type-international-project .node__content {
    display: flex;
  }
}

@media (min-width: 992px) {
  .page-node-type-international-project .project-maincol {
    width: 66%;
  }
}

.page-node-type-international-project .project-secondarycol {
  background: #fff;
  border-radius: 4px;
  box-shadow: 4px 4px 16px rgba(205, 224, 245, 0.5);
  padding: 1rem;
}

@media (min-width: 992px) {
  .page-node-type-international-project .project-secondarycol {
    width: 33%;
  }
}

.page-node-type-international-project .project-secondarycol .field {
  margin-bottom: 1rem;
}

.page-node-type-international-project .project-secondarycol .field--name-field-project-logos .field__items {
  display: flex;
}

.page-node-type-international-project .project-secondarycol .field--name-field-project-logos .field__item {
  margin-right: 0.25rem;
}

.page-node-type-international-project .project-secondarycol .field--name-field-project-partners {
  margin-bottom: 1rem;
}

.page-node-type-international-project .project-secondarycol .field--name-field-project-partners .field__item {
  margin-top: 0.5rem;
}

.page-node-type-international-project .project-secondarycol .field--name-field-project-partners .field__item:before {
  content: "> ";
}

/*PROJECTS LIST*/
#block-views-block-intprojects-block-1 .view-content,
#block-views-block-news-block-3 .view-content {
  display: flex;
  flex-wrap: wrap;
}

#block-views-block-intprojects-block-1 .views-row,
#block-views-block-news-block-3 .views-row {
  background: #fff;
  box-shadow: 4px 4px 16px rgba(205, 224, 245, 0.5);
  margin: 0 1rem 1rem 0;
  max-width: 390px;
  min-width: 280px;
  width: 45%;
}

@media (min-width: 992px) {
  #block-views-block-intprojects-block-1 .views-row,
  #block-views-block-news-block-3 .views-row {
    width: 30%;
  }
}

#block-views-block-intprojects-block-1 .views-row a,
#block-views-block-news-block-3 .views-row a {
  text-decoration: none;
}

#block-views-block-intprojects-block-1 .info-container,
#block-views-block-news-block-3 .info-container {
  color: #383838;
  padding: 1rem;
}

#block-views-block-intprojects-block-1 .info-container h3,
#block-views-block-news-block-3 .info-container h3 {
  color: #0976A5;
  margin: 0 0 1rem 0;
}

#block-views-block-intprojects-block-1 .info-container .datetime,
#block-views-block-news-block-3 .info-container .datetime {
  font-weight: bold;
}

#block-views-block-intprojects-block-1 .info-container p,
#block-views-block-news-block-3 .info-container p {
  margin: 0;
}

/*Incident & Chantier*/
/*fix to have some global behaviour - because not working on construction anymore... and must be reusable*/
.page-node-type-incident .region-subcontent header {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .page-node-type-incident .region-subcontent header {
    padding-right: calc(50% - 500px);
  }
}

.page-node-type-incident .region-subcontent header h1 {
  order: 1;
}

.page-node-type-incident .region-subcontent header .incident-dates {
  order: 2;
}

.page-node-type-incident .views-exposed-form {
  background-color: #fff;
  border-radius: 16px;
  padding: 50px 50px;
}

@media (min-width: 992px) {
  .page-node-type-incident .views-exposed-form {
    margin-right: 25%;
  }
}

.page-node-type-incident .views-exposed-form .form-text {
  background-color: #E8F5FA;
}

.page-node-type-incident .views-exposed-form .form-text::-moz-placeholder {
  color: #383838;
}

.page-node-type-incident .views-exposed-form .form-text::placeholder {
  color: #383838;
}

/*Those must be global*/
.incident-dates {
  padding: 1em 1em 1em 0;
}

.incident-dates strong {
  display: block;
  margin-top: 1em;
}

.group-alternative {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
  margin: 20px 0;
  padding: 1em 2em;
}

.group-alternative h2 {
  color: #0976A5;
}

@media (min-width: 992px) {
  .group-alternative {
    margin-left: 10%;
    margin-right: 15%;
  }
}

.group-alternative .group-alternative {
  border: 1px solid #0976A5;
  box-shadow: none;
  margin: 1em 0;
}

.group-alternative .field {
  margin-bottom: 1em;
}

.group-alternative p, .group-alternative ul {
  margin-bottom: 1em;
  margin-top: 0;
}

.group-alternative ul {
  list-style: square;
}

/*incicent & construction - frontpage block*/
.view-id-works.view-display-id-block_latest .view-filters {
  padding-bottom: 1.5rem;
}

.view-id-works.view-display-id-block_latest .views-row {
  margin-bottom: 1rem;
}

.view-id-works.view-display-id-block_latest .views-row a {
  color: #383838;
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
}

.view-id-works.view-display-id-block_latest .views-row a .works-locality,
.view-id-works.view-display-id-block_latest .views-row a .works-date,
.view-id-works.view-display-id-block_latest .views-row a .works-type,
.view-id-works.view-display-id-block_latest .views-row a .works-status {
  display: block;
  padding: 5px;
  text-align: left;
  width: 50%;
}

@media (min-width: 992px) {
  .view-id-works.view-display-id-block_latest .views-row a .works-locality,
  .view-id-works.view-display-id-block_latest .views-row a .works-date,
  .view-id-works.view-display-id-block_latest .views-row a .works-type,
  .view-id-works.view-display-id-block_latest .views-row a .works-status {
    width: 25%;
  }
}

.view-id-works.view-display-id-block_latest .views-row a .works-locality {
  color: #0976A5;
  font-weight: bold;
}

.view-id-works.view-display-id-block_latest .views-row a .works-type span {
  border: 1px solid #000000;
  border-radius: 4px;
  display: inline-block;
  padding: 0 0.5rem;
}

.view-id-works.view-display-id-block_latest .views-row a .works-status span {
  display: inline-block;
  min-height: 30px;
  padding-left: 35px;
}

.view-id-works.view-display-id-block_latest .views-row a .works-status.works-status-in-progress span {
  background: url("/themes/swde_theme/css/images/in-progress.svg") no-repeat;
}

.view-id-works.view-display-id-block_latest .views-row a .works-status.works-status-scheduled span {
  background: url("/themes/swde_theme/css/images/planned.svg") no-repeat;
}

.view-id-works.view-display-id-block_latest .views-row a .works-status.works-status-solved span {
  background: url("/themes/swde_theme/css/images/solved.svg") no-repeat;
}

.view-id-works.view-display-id-block_latest .more-link {
  padding-top: 1rem;
}

/*VIEWS PAGE LIST*/
.views-swde-tabs .views-swde-nav {
  align-items: flex-start;
  display: flex;
  list-style: none;
  margin: 0 0 2rem 0;
  padding: 0;
}

.views-swde-tabs .views-swde-nav li {
  font-size: 16px;
  font-weight: bold;
  margin-right: 1rem;
  padding-bottom: 1rem;
  text-transform: uppercase;
}

.views-swde-tabs .views-swde-nav li.active {
  border-bottom: 2px solid #0976A5;
  color: #000000;
}

.view-id-works.view-display-id-page_list .view-filters {
  padding: 1rem 0;
}

.view-id-works.view-display-id-page_list .view-filters .views-exposed-form {
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 50px;
  padding: 50px 50px;
}

@media (min-width: 992px) {
  .view-id-works.view-display-id-page_list .view-filters .views-exposed-form {
    margin-right: 25%;
  }
}

.view-id-works.view-display-id-page_list .view-filters .views-exposed-form .form-text {
  background-color: #E8F5FA;
}

.view-id-works.view-display-id-page_list .view-filters .views-exposed-form .form-text::-moz-placeholder {
  color: #383838;
  opacity: 1;
}

.view-id-works.view-display-id-page_list .view-filters .views-exposed-form .form-text::placeholder {
  color: #383838;
  opacity: 1;
}

.view-id-works.view-display-id-page_list .view-filters .views-exposed-form label {
  display: none;
}

@media (min-width: 992px) {
  .view-id-works.view-display-id-page_list .view-filters .form--inline {
    display: flex;
  }
}

.view-id-works.view-display-id-page_list .view-filters .form--inline .form-text {
  border: 1px solid #ccc;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 10px 10px 10px 15px;
  margin-bottom: 0.5rem;
  max-width: 100%;
}

@media (min-width: 992px) {
  .view-id-works.view-display-id-page_list .view-filters .form--inline .form-text {
    margin-bottom: 0;
  }
}

.view-id-works.view-display-id-page_list .view-filters .form--inline .form-submit {
  border: 0;
}

@media (min-width: 992px) {
  .view-id-works.view-display-id-page_list .view-filters .form--inline .form-submit {
    margin-left: 0.5rem;
  }
}

@media (min-width: 992px) {
  .view-id-works.view-display-id-page_list .views-swde-displays {
    display: flex;
  }
}

@media (min-width: 992px) {
  .view-id-works.view-display-id-page_list .views-swde-display {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .view-id-works.view-display-id-page_list #views-works-page-list {
    max-height: 560px;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
  }
}

.view-id-works.view-display-id-page_list #views-works-page-list .views-row {
  padding: 0.5rem;
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  .view-id-works.view-display-id-page_list #views-works-page-list .views-row {
    padding: 0.5rem 0.5rem 0.5rem 0;
  }
}

.view-id-works.view-display-id-page_list #views-works-page-list .views-row .node {
  background: #fff;
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .view-id-works.view-display-id-page_list #views-works-page-list .views-row .node {
    background: none;
  }
}

.view-id-works.view-display-id-page_list #views-works-page-list .views-row a {
  color: #383838;
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
}

.view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-locality,
.view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-date,
.view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-type,
.view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-status {
  display: block;
  padding: 5px;
  width: 50%;
}

@media (min-width: 992px) {
  .view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-locality,
  .view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-date,
  .view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-type,
  .view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-status {
    width: 25%;
  }
}

.view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-locality {
  color: #0976A5;
  font-weight: bold;
}

.view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-type span {
  border: 1px solid #000000;
  border-radius: 4px;
  display: inline-block;
  padding: 0 0.5rem;
}

.view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-status span {
  display: inline-block;
  min-height: 30px;
  padding-left: 35px;
}

.view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-status.works-status-in-progress span {
  background: url("/themes/swde_theme/css/images/in-progress.svg") no-repeat;
}

.view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-status.works-status-scheduled span {
  background: url("/themes/swde_theme/css/images/planned.svg") no-repeat;
}

.view-id-works.view-display-id-page_list #views-works-page-list .views-row a .works-status.works-status-solved span {
  background: url("/themes/swde_theme/css/images/solved.svg") no-repeat;
}

.page-node-type-incident .leaflet-shadow-pane,.page-node-type-incident .leaflet-marker-pane{
  display: none;
}

.leaflet-popup-content .node--view-mode-works a {
  color: #383838;
  display: flex;
  flex-wrap: wrap;
  min-width: 200px;
}

.leaflet-popup-content .node--view-mode-works a .works-locality,
.leaflet-popup-content .node--view-mode-works a .works-date,
.leaflet-popup-content .node--view-mode-works a .works-type,
.leaflet-popup-content .node--view-mode-works a .works-status {
  display: block;
  margin-bottom: 0.5rem;
  width: 50%;
}

.leaflet-popup-content .node--view-mode-works a .works-locality {
  color: #0976A5;
  font-weight: bold;
}

.leaflet-popup-content .node--view-mode-works a .works-type span {
  border: 1px solid #000000;
  border-radius: 4px;
  display: inline-block;
  padding: 0 0.5rem;
}

.leaflet-popup-content .node--view-mode-works a .works-status span {
  display: inline-block;
  min-height: 30px;
  padding-left: 35px;
}

.leaflet-popup-content .node--view-mode-works a .works-status.works-status-in-progress span {
  background: url("/themes/swde_theme/css/images/in-progress.svg") no-repeat;
}

.leaflet-popup-content .node--view-mode-works a .works-status.works-status-scheduled span {
  background: url("/themes/swde_theme/css/images/planned.svg") no-repeat;
}

.leaflet-popup-content .node--view-mode-works a .works-status.works-status-solved span {
  background: url("/themes/swde_theme/css/images/solved.svg") no-repeat;
}

.mobile-menu {
  position: relative;
}

@media (min-width: 992px) {
  .mobile-menu {
    display: none;
  }
}

.mobile-menu.active {
  background-color: white;
  box-shadow: 0 48px 64px 0 rgba(52, 97, 113, 0.15);
  /*height: 100hv;
    overflow-y: auto;*/
  padding-bottom: 80px;
  padding-top: 80px;
  position: absolute;
  width: 100%;
  z-index: 200;
}

.region-header .menu--main {
  display: none;
}

@media (min-width: 992px) {
  .region-header .menu--main {
    display: block;
  }
}

.burger-open {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  position: absolute;
  right: 15px;
  top: 20px;
  text-indent: 100px;
  width: 40px;
  z-index: 200;
}

.burger-open:after {
  color: #383838;
  content: '\EA04';
  display: inline-block;
  font-family: 'icofont';
  font-size: 20px;
  width: 40px;
  text-indent: initial;
}

.active .burger-open {
  display: none;
}

.active .burger-open:after {
  content: '';
  display: none;
}

.burger-close {
  background-color: white;
  border: 0;
  text-indent: 100px;
  overflow: hidden;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 40px;
}

.burger-close:after {
  color: #1E4D66;
  content: '\EA05';
  display: inline-block;
  font-family: 'icofont';
  font-size: 30px;
  width: 40px;
  text-indent: initial;
}

.menu--header .menu {
  display: flex;
  flex-direction: column;
  margin: 0 0;
  padding: 0 15px;
  position: relative;
}

@media (min-width: 992px) {
  .menu--header .menu {
    flex-direction: row;
    justify-content: flex-end;
  }
}

.menu--header .menu .menu-item {
  color: #1E4D66;
  padding: 0 0;
}

.menu--header .menu .menu-item a {
  border-bottom: 0 solid transparent;
  display: block;
  padding: 12px 0;
  text-decoration: none;
}

.menu--header .menu .menu-item a:hover {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .menu--header .menu .menu-item {
    padding-left: 15px;
  }
}

.menu--header .menu .menu-item:first-child a {
  background-image: url("images/Incident.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px 24px;
  margin-right: 15px;
  padding-left: 30px;
}

.menu--header .menu .menu-item:nth-child(2) a {
  background-image: url("images/Tool.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px 24px;
  margin-right: 15px;
  padding-left: 30px;
}

.menu--header .menu .menu-item:nth-child(3) a {
  background-image: url("images/Jobs.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px 24px;
  margin-right: 15px;
  padding-left: 30px;
}

.menu--main {
  position: static;
}

.menu--main .menu {
  display: flex;
  flex-direction: column;
  font-weight: 600;
  margin: 0 0;
  padding: 0 15px;
}

@media (min-width: 992px) {
  .menu--main .menu {
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }
}

.menu--main .menu a {
  border-bottom: 4px solid transparent;
  color: #383838;
  display: inline-block;
  padding: 12px 12px 15px 0;
  text-decoration: none;
}

.menu--main .menu a:hover, .menu--main .menu a.active {
  border-bottom: 4px solid #0976A5;
  color: #0976A5;
}

@media (min-width: 992px) {
  .menu--main .menu a {
    padding-left: 12px;
  }
}

.menu--main .menu .menu {
  background: #fff;
  margin: 0;
}

@media (min-width: 992px) {
  .menu--main .menu .menu {
    display: none;
  }
}

.menu--main .menu .menu-item--expanded button {
  background-color: #fff;
  border: none;
  border-bottom: 4px solid transparent;
  color: #383838;
  cursor: pointer;
  display: inline-block;
  padding: 12px 12px 12px 0;
  white-space: nowrap;
}

.menu--main .menu .menu-item--expanded button:hover,
.menu--main .menu .menu-item--expanded button:focus-visible {
  border-bottom: 4px solid #0976A5;
  color: #0976A5;
}

@media (min-width: 992px) {
  .menu--main .menu .menu-item--expanded button {
    padding-left: 12px;
  }
}

.menu--main .menu .menu-item--expanded.opened > button {
  border-bottom: 4px solid #0976A5;
  color: #0976A5;
}

.menu--main .menu.menu-level-0 {
  margin-bottom: 50px;
  margin-top: 50px;
}

@media (min-width: 992px) {
  .menu--main .menu.menu-level-0 {
    margin-bottom: 0;
    margin-top: 20px;
  }
}

@media (min-width: 992px) {
  .menu--main .menu.menu-level-0 > .menu-item:first-child {
    font-size: 1px;
    overflow: hidden;
  }
}

@media (min-width: 992px) {
  .menu--main .menu.menu-level-0 > .menu-item:first-child a {
    padding-left: 0;
  }
}

.menu--main .menu.menu-level-0 > .menu-item:first-child a:before {
  color: #0976A5;
  content: '\EA02';
  display: inline-block;
  font-family: 'icofont';
  font-size: 18px;
  height: 20px;
  margin-right: 7px;
  text-indent: initial;
  width: 20px;
}

@media (min-width: 992px) {
  .menu--main .menu.menu-level-0 > .menu-item:first-child a:before {
    margin-right: 0;
  }
}

.menu--main .menu.menu-level-0 > .menu-item:first-child:hover a {
  border-bottom: 4px solid transparent;
}

.menu--main .menu-item--expanded > button:after,
.menu--main .menu-item--expanded > a:after {
  content: '\EA03';
  display: inline-block;
  font-family: 'icofont';
  font-size: 5px;
  margin-left: 10px;
  margin-top: -5px;
  transform: translateY(-2px);
}

.menu--main .menu-item--expanded.opened .menu {
  display: flex;
}

@media (min-width: 992px) {
  .menu--main .menu-level-1 {
    border-top: 1px solid #A4D1E3;
    box-shadow: 0 48px 64px 0 rgba(52, 97, 113, 0.15);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    left: 0;
    padding: 50px 80px 80px 80px;
    position: absolute;
    width: 100%;
    z-index: 100;
  }
}

@media (min-width: 1200px) {
  .menu--main .menu-level-1 {
    padding-left: calc(50% - 680px);
    padding-right: calc(50% - 680px);
  }
}

@media (min-width: 992px) {
  .menu--main .menu-level-1 .menu-item {
    display: flex;
    padding: 0;
    width: 50%;
  }
}

.menu--main .menu-level-1 .menu-item a {
  border-bottom: 0 solid transparent;
  padding: 25px 0 25px 0;
}

@media (min-width: 992px) {
  .menu--main .menu-level-1 .menu-item a {
    padding: 20px 2% 20px 8%;
  }
}

.menu--main .menu-level-1 .menu-item img {
  display: inline-block;
  float: left;
  height: auto;
  margin: 5px 20px 20px 0;
  width: 60px;
}

.menu--main .menu-level-1 .menu-item .title {
  color: #0976A5;
  display: inline-block;
  font-family: "Noto Sans", sans-serif;
  font-size: 1.25em;
  font-weight: 700;
  margin-bottom: 5px;
  padding-right: 3px;
  border-bottom: 2px solid transparent;
  width: calc(100% - 85px);
}

.menu--main .menu-level-1 .menu-item a:hover .title,
.menu--main .menu-level-1 .menu-item a:focus-visible .title {
  border-bottom: 2px solid #0976A5;
}
.menu--main .menu-level-1 .menu-item .subtitle {
  color: #383838;
  display: inline-block;
  font-family: "Noto Sans", sans-serif;
  font-weight: 500;
  width: calc(100% - 85px);
}

.menu--footer {
  background-color: #E8F5FA;
  padding: 120px 15px 50px 15px;
  width: 100%;
}

@media (min-width: 992px) {
  .menu--footer {
    padding-bottom: 230px;
  }
}

.menu--footer > .menu {
  align-items: flex-start;
  display: grid;
  font-size: 18px;
  line-height: 2;
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  .menu--footer > .menu {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    margin-bottom: 0;
  }
}

.menu--footer > .menu span {
  color: #383838;
  display: block;
  font-family: "IsidoraAlt-Bold", sans-serif;
  font-size: 1.5em;
  margin-bottom: 20px;
}

.menu--footer a {
  color: #1E4D66;
  border-color: transparent;
  text-decoration: none;
}

.menu--footer a:hover {
  text-decoration: underline;
}

.menu--footer .menu {
  font-size: 1em;
  line-height: 2.0em;
  padding-left: 0;
}

.menu--footer .menu a {
  color: #1E4D66;
  text-decoration: none;
}

.menu--footer .menu a:hover {
  text-decoration: underline;
}

.menu--footer .menu .menu-item--expanded {
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  .menu--footer .menu .menu-item--expanded {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .menu--footer > .menu > .menu-item {
    grid-column: 1;
  }
  .menu--footer > .menu > .menu-item:nth-child(2) {
    grid-column: 2;
  }
  .menu--footer > .menu > .menu-item:nth-child(3) {
    grid-column: 3;
  }
  .menu--footer > .menu > .menu-item:nth-child(4) {
    grid-column: 4;
    grid-row: 1 / 2;
  }
  .menu--footer > .menu > .menu-item:nth-child(5) {
    grid-column: 4;
    grid-row: 2 / 3;
  }
  .menu--footer > .menu > .menu-item:nth-child(6) {
    grid-column: 4;
    grid-row: 3 / 4;
  }
  .menu--footer > .menu > .menu-item:nth-child(7) {
    grid-column: 4;
    grid-row: 4 / 5;
  }
  .menu--footer > .menu > .menu-item:nth-child(8) {
    grid-column: 4;
    grid-row: 5 / 6;
  }
  .menu--footer > .menu > .menu-item:nth-child(9) {
    grid-column: 4;
    grid-row: 6 / 7;
  }
  .menu--footer > .menu > .menu-item:nth-child(10) {
    grid-column: 4;
    grid-row: 7 / 8;
  }
  .menu--footer > .menu > .menu-item:nth-child(11) {
    grid-column: 4;
    grid-row: 8 / 9;
  }
  .menu--footer > .menu > .menu-item.menu-item--expanded {
    grid-row: 1 / 7;
  }
}

.menu--subfooter {
  background-image: url("images/logo-footer.svg");
  background-position: left 25px top 40px;
  background-repeat: no-repeat;
  background-size: 50px auto;
  display: flex;
  flex-direction: column;
  padding: 30px 15px 100px 100px;
  width: 100%;
}

@media (min-width: 992px) {
  .menu--subfooter {
    background-position: left 15px bottom 15px;
    background-size: 70px auto;
    display: flex;
    flex-direction: row;
    min-height: 165px;
    padding: 35px 15px 15px 100px;
  }
}
@media (min-width: 1200px) {
  .menu--subfooter {
    padding-right: 100px;
  }
}
.menu--subfooter .menu {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0;
  padding-left: 0;
  position: relative;
}

@media (min-width: 992px) {
  .menu--subfooter .menu {
    /*align-items: center;
     justify-content: center;*/
    flex-direction: row;
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .menu--subfooter .menu {
    justify-content: center;
  }
}
.menu--subfooter .menu .menu-item {
  color: #fff;
  padding: 10px 10px;
}

.menu--subfooter .menu .menu-item a {
  border-bottom: 0 solid transparent;
}

.menu--subfooter .menu .ot-sdk-show-settings {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  text-decoration: underline;
}

.menu--subfooter .menu .ot-sdk-show-settings:hover {
  text-decoration: none;
}

/* Views list */
#block-actualitesrecommandees {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px 15px;
}

@media (min-width: 992px) {
  #block-actualitesrecommandees {
    margin: 60px -100px;
    padding: 40px 100px 60px 100px;
  }
}

#block-actualitesrecommandees h2 {
  color: #0976A5;
}

#block-actualitesrecommandees .field__items,
#block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper {
  /*.node__content {
        color: $primary;
        padding: 20px;
    }*/
}

@media (min-width: 992px) {
  #block-actualitesrecommandees .field__items,
  #block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper,
  #block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

#block-actualitesrecommandees .field__items a,
#block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper a,
#block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper a{
  text-decoration: none;
}

#block-actualitesrecommandees .field__items .field__item,
#block-actualitesrecommandees .field__items .views-row,
#block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper .field__item,
#block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper .views-row,
#block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper .field__item,
#block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper .views-row{
  background-color: #fff;
  border-radius: 4px;
  margin: 15px 15px;
}

@media (min-width: 992px) {
  #block-actualitesrecommandees .field__items .field__item,
  #block-actualitesrecommandees .field__items .views-row,
  #block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper .field__item,
  #block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper .views-row,
  #block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper .field__item,
  #block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper .views-row{
    margin: 25px 15px;
    width: calc(33.33% - 20px);
  }
}

@media (min-width: 992px) {
  #block-actualitesrecommandees .field__items .field__item:nth-child(3n+1),
  #block-actualitesrecommandees .field__items .views-row:nth-child(3n+1),
  #block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper .field__item:nth-child(3n+1),
  #block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper .views-row:nth-child(3n+1),
  #block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper .field__item:nth-child(3n+1),
  #block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper .views-row:nth-child(3n+1){
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  #block-actualitesrecommandees .field__items .field__item:nth-child(3n+3),
  #block-actualitesrecommandees .field__items .views-row:nth-child(3n+3),
  #block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper .field__item:nth-child(3n+3),
  #block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper .views-row:nth-child(3n+3),
  #block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper .field__item:nth-child(3n+3),
  #block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper .views-row:nth-child(3n+3){
    margin-right: 0;
  }
}

#block-actualitesrecommandees .field__items .node__heading,
#block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper .node__heading,
#block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper .node__heading{
  position: relative;
}

#block-actualitesrecommandees .field__items img,
#block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper img,
#block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper img{
  border-radius: 4px;
  display: block;
  width: 100%;
}

#block-actualitesrecommandees .field__items .info-container,
#block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper .info-container,
#block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper .info-container{
  background-color: #fff;
  border-radius: 4px;
  padding: 5px 25px 35px 25px;
}

#block-actualitesrecommandees .field__items h3,
#block-swde-theme-content .view-news .views-infinite-scroll-content-wrapper h3,
#block-swde-theme-content .view-conseils .views-infinite-scroll-content-wrapper h3{
  color: #0976A5;
  margin: 23px 0 20px 0;
}

/* page details */
.node--type-news .field--name-field-date {
  font-size: 1em;
}

.node--type-news h1 {
  margin-bottom: 1.0em;
}

.node--type-news .field--name-field-author,
.node--type-conseil .field--name-field-author{
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}

.node--type-news .field--name-field-author .field__item,
.node--type-conseil .field--name-field-author .field__item{
  font-weight: 600;
  margin-left: 8px;
}

.node--type-news .field--name-field-tags {
  padding-bottom: 30px;
  /*.field__item {
      color: $white;
      display: inline-block;
      a {
        background-color: $gray-text;
        border-radius: 16px ;
        color: $white;
        display: block;
        margin-right: 4px;
        padding: 5px 20px;
        &:hover {
          background-color: $gray-lighter;
          color: $gray-text;
        }
      }
    }*/
}

.node--type-news .field--name-field-download-link .field__items > .field__item {
  background-color: rgba(255, 255, 255, 0.5);
  border-left: 4px solid #fff;
  margin-bottom: 10px;
  padding: 10px 15px;
}

.node--type-news .field--name-field-download-link .field__items > .field__item .file-size {
  display: inline-block;
  padding: 8px 12px;
}

.node--type-news .field--name-field-download-link .field__items > .field__item article {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.node--type-news .field--name-field-download-link .field__items > .field__item a {
  color: #383838;
  text-decoration: none;
}

.node--type-news .field--name-field-download-link .field__items > .field__item a:hover {
  color: #383838;
}

.field--name-field-tags .field__item,
.block-facet--links .facet-item {
  color: #fff;
  display: inline-block;
}

.field--name-field-tags .field__item a,
.block-facet--links .facet-item a {
  background-color: #383838;
  border-radius: 16px;
  color: #fff;
  display: block;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 5px 20px;
  text-decoration: none;
}

.field--name-field-tags .field__item a:hover,
.block-facet--links .facet-item a:hover {
  background-color: #ededed;
  color: #383838;
}

.block-facet--links .item-list__links {
  padding-left: 0;
}

/*Newsletter block*/
.block--type-cta {
  text-align: center;
  padding: 50px 15px;
}

@media (min-width: 992px) {
  .block--type-cta {
    padding: 15px 0;
    text-align: left;
  }
}

@media (min-width: 992px) {
  .block--type-cta .block__inner {
    display: flex;
  }
}

@media (min-width: 992px) {
  .block--type-cta .block__inner .block-header-content,
  .block--type-cta .block__inner .block__content {
    align-self: center;
  }
}

@media (min-width: 992px) {
  .block--type-cta .block__inner .block-header-content {
    width: 40%;
    padding: 0 1rem 1rem 0;
  }
}

.block--type-cta .block__inner .block__content form {
  margin: 1em 0;
}

.block--type-cta .form-text {
  border: 1px solid #ccc;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 12px 10px 12px 15px;
  width: 100%;
}

@media (min-width: 992px) {
  .block--type-cta .form-text {
    width: auto;
  }
}

.block--type-cta .form-submit {
  margin-top: 15px;
  border: 0;
  /* border-radius: 30px;
    color: $white;
    font-family: "IsidoraAlt-SemiBold", sans-serif;
    font-size: 18px;
    font-weight: 600;
    opacity: 0.9;
    padding: 0.75rem 2rem;
    &:hover{
      opacity:1;
    }*/
}

@media (min-width: 992px) {
  .block--type-cta .form-submit {
    margin-top: 0;
  }
}

.region-notif .dmb-notification {
  padding: 20px 0;
  position: relative;
}

.region-notif .dmb-notification.info {
  background-color: #E8F5FA;
}

.region-notif .dmb-notification.info a {
  color: #383838;
}

.region-notif .dmb-notification.info a:hover, .region-notif .dmb-notification.info a:focus {
  color: #383838;
}

.region-notif .dmb-notification.info a.cta:hover, .region-notif .dmb-notification.info a.cta:focus {
  color: #fff;
}

.region-notif .dmb-notification.info .close-dmb-notification:hover:after,
.region-notif .dmb-notification.info .close-dmb-notification:focus:after {
  color: #0976A5 !important;
}

.region-notif .dmb-notification.warning {
  color: #000000;
  background-color: #EC6608;
}

.region-notif .dmb-notification.warning a {
  color: #000000;
}

.region-notif .dmb-notification.warning a:hover, .region-notif .dmb-notification.warning a:focus {
  color: #000000;
}

.region-notif .dmb-notification.warning a.cta:hover, .region-notif .dmb-notification.warning a.cta:focus {
  color: #fff;
}

.region-notif .dmb-notification.urgent {
  color: #fff;
  font-weight: bold;
  background-color: #E4032E;
}

.region-notif .dmb-notification.urgent a {
  color: #fff;
}

.region-notif .dmb-notification.urgent a:hover, .region-notif .dmb-notification.urgent a:focus {
  color: #fff;
}

.region-notif .dmb-notification.urgent a.cta {
  color: #000000;
  border-color: #000000;
}

.region-notif .dmb-notification.urgent a.cta:hover, .region-notif .dmb-notification.urgent a.cta:focus {
  color: #fff;
}

.region-notif .dmb-notification .close-dmb-notification {
  border: 0;
  display: inline-block;
  height: 30px;
  overflow: hidden;
  position: absolute;
  text-indent: -999em;
  right: 15px;
  top: 15px;
  width: 30px;
}

.region-notif .dmb-notification .close-dmb-notification:after {
  font-family: 'icofont';
  content: '\EA01';
  color: #000000;
  position: absolute;
  right: 5px;
  text-indent: initial;
  top: 5px;
}

.region-notif .dmb-notification .close-dmb-notification:hover:after, .region-notif .dmb-notification .close-dmb-notification:focus:after {
  color: #fff;
}

.urgent .region-notif .dmb-notification .close-dmb-notification {
  color: #fff;
}

.urgent .region-notif .dmb-notification .close-dmb-notification:after {
  color: #fff;
}

.region-notif .dmb-notification .cta {
  color: #fff;
}

.region-notif .dmb-notification .cta:hover, .region-notif .dmb-notification .cta:focus {
  color: #fff;
}

.dmb-notification.info .close-dmb-notification:hover:after,
.dmb-notification.info .close-dmb-notification:focus:after {
  color: #0976A5;
}

.page-node-type-page-profile h2 a,
.page-node-type-page-profile .paragraph--type--html h2 a {
  color: #1E4D66;
  cursor: default;
  text-decoration: none;
}

.page-node-type-page-profile h2 a:hover,
.page-node-type-page-profile .paragraph--type--html h2 a:hover {
  color: #1E4D66;
  cursor: default;
  text-decoration: none;
}

.page-node-type-page-profile .field--name-field-introduction h4 {
  background-color: #fff;
  border-radius: 6px;
  /*
     @include mdlg {
       margin: 40px 0 60px 0;
     }*/
}

.page-node-type-page-profile .field--name-field-introduction h4 a {
  color: #383838;
  display: inline-block;
  padding: 6px 10px;
  text-decoration: none;
}

.page-node-type-page-profile .field--name-field-introduction h4 a:hover {
  color: #0976A5;
  text-decoration: none;
}

.page-node-type-page-profile .block-documents {
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .block-documents {
    padding-right: 20%;
  }
}

.page-node-type-page-profile .block-documents .title-block-documents {
  font-size: 1.25em;
  color: #1E4D66;
  margin: 25px 0;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .block-documents .title-block-documents {
    font-size: 1.5em;
  }
}

.page-node-type-page-profile .block-documents .field--type-entity-reference .field__item .field__item {
  background-color: rgba(255, 255, 255, 0.5);
  border-left: 4px solid #fff;
  margin-bottom: 10px;
  padding: 10px 20px;
}

.page-node-type-page-profile .block-documents .field--type-image .field__item {
  background-color: rgba(255, 255, 255, 0.5);
  border-left: 4px solid #fff;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .block-documents .field--type-image .field__item {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
  }
}

.page-node-type-page-profile .block-documents .field--type-image .field__item .views-field {
  justify-content: flex-start;
  padding: 10px 15px;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .block-documents .field--type-image .field__item .views-field {
    padding: 15px 15px;
  }
}

.page-node-type-page-profile .field--type-viewsreference {
  margin: 60px 0;
}

.page-node-type-page-profile .field--type-viewsreference .viewsreference--view-title,
.page-node-type-page-profile .field--type-viewsreference .field__label {
  font-size: 1.5em;
  color: #1E4D66;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .field--type-viewsreference .viewsreference--view-title,
  .page-node-type-page-profile .field--type-viewsreference .field__label {
    font-size: 2em;
  }
}

.page-node-type-page-profile .field--type-viewsreference .view-content {
  width: 100%;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .field--type-viewsreference .view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.page-node-type-page-profile .field--type-viewsreference .view-content .views-row {
  background-color: #fff;
  border-radius: 4px;
  margin: 15px 15px;
}

.page-node-type-page-profile .field--type-viewsreference .view-content .views-row a {
  text-decoration: none;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .field--type-viewsreference .view-content .views-row {
    margin: 25px 15px;
    width: calc(33.33% - 20px);
  }
}

@media (min-width: 992px) {
  .page-node-type-page-profile .field--type-viewsreference .view-content .views-row:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .page-node-type-page-profile .field--type-viewsreference .view-content .views-row:nth-child(3n+3) {
    margin-right: 0;
  }
}

.page-node-type-page-profile .field--type-viewsreference .view-content .node__heading {
  position: relative;
}

.page-node-type-page-profile .field--type-viewsreference .view-content img {
  border-radius: 4px;
  display: block;
  width: 100%;
}

.page-node-type-page-profile .field--type-viewsreference .view-content .info-container {
  background-color: #fff;
  border-radius: 4px;
  color: #383838;
  padding: 5px 25px 35px 25px;
}

.page-node-type-page-profile .field--type-viewsreference .view-content h3 {
  color: #0976A5;
  margin: 23px 0 20px 0;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .ckeditor-col-container.row {
    display: flex;
    margin-bottom: 40px;
  }
}

.page-node-type-page-profile .sixcol,
.page-node-type-page-profile .grid-6 {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 16px;
  margin-bottom: 1rem;
  padding: 15px 30px 20px 30px;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .sixcol,
  .page-node-type-page-profile .grid-6 {
    margin-bottom: 0;
  }
}

.page-node-type-page-profile .sixcol img,
.page-node-type-page-profile .grid-6 img {
  margin-top: 10px;
}

.page-node-type-page-profile .block-faq .title-block-faq,
.page-node-type-page-profile .block-faq .field--name-field-title {
  font-size: 1.25em;
  color: #1E4D66;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .block-faq .title-block-faq,
  .page-node-type-page-profile .block-faq .field--name-field-title {
    font-size: 1.5em;
  }
}

.page-node-type-page-profile .block-faq .field--name-field-faq {
  padding-left: 0;
}

.page-node-type-page-profile .row-profile {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .row-profile {
    flex-direction: row;
  }
}

@media (min-width: 992px) {
  .page-node-type-page-profile .row-profile .field--name-field-body {
    padding: 15px;
    width: 49%;
  }
}

.page-node-type-page-profile .row-profile .block-faq .field--name-field-faq {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .row-profile .block-faq {
    margin-left: 4%;
    margin-top: 90px;
    padding: 15px;
    width: 45%;
  }
}

.page-node-type-page-profile .row-profile .block-documents {
  background: #fff;
  height: -moz-fit-content;
  height: fit-content;
  padding: 30px 15px 15px 15px;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .row-profile .block-documents {
    margin-left: 6%;
    margin-top: 90px;
    padding: 15px;
    width: 45%;
  }
}

.page-node-type-page-profile .row-profile .block-documents .field--type-entity-reference .field__item .field__item {
  background-color: rgba(232, 245, 250, 0.5);
  border-left: 4px solid #E8F5FA;
}

.page-node-type-page-profile .row-profile .block-documents .field--type-image .field__item {
  background-color: rgba(232, 245, 250, 0.5);
  border-left: 4px solid #E8F5FA;
}

@media (min-width: 992px) {
  .page-node-type-page-profile .paragraph--view-mode--default .field--name-field-body h2, .page-node-type-page-profile .paragraph--view-mode--default .field--name-field-body h3, .page-node-type-page-profile .paragraph--view-mode--default .field--name-field-body h4, .page-node-type-page-profile .paragraph--view-mode--default .field--name-field-body p {
    padding-right: 35%;
  }
}

@media (min-width: 992px) {
  .page-node-type-page-profile .paragraph--view-mode--default .field--name-field-body .ckeditor-col-container h2, .page-node-type-page-profile .paragraph--view-mode--default .field--name-field-body .ckeditor-col-container h3, .page-node-type-page-profile .paragraph--view-mode--default .field--name-field-body .ckeditor-col-container h4, .page-node-type-page-profile .paragraph--view-mode--default .field--name-field-body .ckeditor-col-container p {
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .page-node-type-page-profile .paragraph--view-mode--default .row-profile .field--name-field-body h2, .page-node-type-page-profile .paragraph--view-mode--default .row-profile .field--name-field-body h3, .page-node-type-page-profile .paragraph--view-mode--default .row-profile .field--name-field-body h4, .page-node-type-page-profile .paragraph--view-mode--default .row-profile .field--name-field-body p {
    padding-right: 0;
  }
}

.field--name-field-see-too {
  margin-bottom: 50px;
}

@media (min-width: 992px) {
  .field--name-field-see-too {
    margin-bottom: 100px;
  }
}

.field--name-field-see-too .field__label {
  color: #0976A5;
  margin-top: 50px;
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

@media (min-width: 992px) {
  .field--name-field-see-too .field__label {
    font-size: 2em;
    margin-top: 80px;
  }
}

@media (min-width: 992px) {
  .field--name-field-see-too .field__items {
    display: flex;
    flex-direction: row;
  }
}

.field--name-field-see-too .field__items > .field__item {
  border-radius: 4px;
  box-shadow: 4px 4px 16px rgba(205, 224, 245, 0.5);
}

@media (min-width: 992px) {
  .field--name-field-see-too .field__items > .field__item {
    margin: 0 15px;
    width: calc(33.33% - 20px);
  }
}

@media (min-width: 992px) {
  .field--name-field-see-too .field__items > .field__item:first-child {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .field--name-field-see-too .field__items > .field__item:last-child {
    margin-right: 0;
  }
}

.field--name-field-see-too .field__items > .field__item a {
  text-decoration: none;
}

.field--name-field-see-too .field--name-title {
  color: #0976A5;
}

.field--name-field-see-too .info-container {
  padding: 0 40px 35px 40px;
}

.field--name-field-see-too .info-container .datetime {
  color: #383838;
  display: inline-block;
}

.field--name-field-see-too .info-container h3 {
  margin-bottom: 20px;
}

.field--name-field-see-too .info-container p {
  color: #383838;
  display: inline;
}

.field--name-field-see-too .chapo {
  font-weight: normal;
}

.field--name-field-see-too .node--view-mode-teaser img {
  border-radius: 4px;
  width: 100%;
}

.path-search .page-title {
  background-color: #fff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  margin-bottom: 0;
  padding: 3rem 6rem 0 6rem;
}

.view-id-search .view-filters {
  background-color: #fff;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  margin: 0 0 100px 0;
  padding: 1rem 6rem 5rem 6rem;
}

@media (min-width: 992px) {
  .view-id-search .form--inline {
    display: flex;
    flex-direction: row;
  }
}

.view-id-search .form-type-search-api-autocomplete {
  width: 100%;
}

@media (min-width: 992px) {
  .view-id-search .form-type-search-api-autocomplete {
    padding-right: 15px;
    width: calc(75% - 15px);
  }
}

.view-id-search .form-type-search-api-autocomplete label {
  display: none;
}

.view-id-search .form-text {
  background-color: #E8F5FA;
  margin: 10px 0;
  width: 100%;
  /* &.form-autocomplete {
      background-image: url('images/throbber-inactive.png');
      background-repeat: no-repeat;
      background-position: 98% center;
    }
      cfr bottom from 'stable theme' */
}

.view-id-search .form-actions {
  width: 100%;
}

@media (min-width: 992px) {
  .view-id-search .form-actions {
    width: 25%;
  }
}

.view-id-search .button {
  border: 0;
  margin: 10px 0;
  width: 100%;
}

.view-id-search .view-header {
  font-size: 1.5em;
  margin-bottom: 30px;
}

.view-id-search .view-content .views-infinite-scroll-content-wrapper {
  display: flex;
  flex-direction: column;
  /* @include mdlg {
        flex-direction: row;
        flex-wrap: wrap;
        margin:30px -10px;
      }*/
}

.view-id-search .view-content .views-row {
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 6px;
  margin-bottom: 30px;
  padding: 15px;
}

@media (min-width: 992px) {
  .view-id-search .view-content .views-row {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    width: 75%;
  }
}

.view-id-search .view-content .views-row .views-field {
  justify-content: flex-start;
  padding: 10px 15px;
}

.view-id-search .view-content .views-field-title {
  font-size: 1.25em;
}

.view-id-search .view-content .views-field-type {
  font-style: italic;
  padding-top: 0;
}

.view-id-search .view-content .views-field-search-api-excerpt {
  font-size: 90%;
}

.view-id-search .search-api-autocomplete-search {
  font-size: 90%;
  margin: -10px 15px 0 15px;
}

/**
 * @file
 * Visual styles for animated throbber.
 *
 * @see autocomplete.js

 imported from theme "stable"

 */
.js input.form-autocomplete {
  background-image: url("images/throbber-inactive.png");
  background-repeat: no-repeat;
  background-position: 98% center;
  /* LTR */
}

.js[dir="rtl"] input.form-autocomplete {
  background-position: 0 center;
}

.js input.form-autocomplete.ui-autocomplete-loading {
  background-image: url("images/throbber-active.gif");
  background-position: 98% center;
  /* LTR */
}

.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
  background-position: 0 center;
}

#block-mobile-search input.form-autocomplete,
#block-mobile-search input.form-autocomplete.ui-autocomplete-loading {
  background-position: 90% center !important;
}

#block-mobile-search label {
  display: none;
}

/* desktop header  */
#block-search input.form-autocomplete {
  background-image: url("images/throbber-inactive.png");
  background-repeat: no-repeat;
  background-position: 98% center;
  border: 1px solid #cccc;
  margin-right: 5px;
}

#block-search input.form-autocomplete.ui-autocomplete-loading {
  background-image: url("images/throbber-active.gif");
}

#block-search label {
  display: none;
}

ul.pager {
  margin-left: 0;
}

ul.pager .pager__item {
  text-align: center;
}

ul.pager .pager__item .button {
  margin: auto;
  width: 50%;
}

@media (min-width: 992px) {
  ul.pager .pager__item .button {
    width: 25%;
  }
}

.sitemap .sitemap-item {
  margin-bottom: 0;
  margin-left: 12%;
  max-width: 75%;
}

.sitemap ul {
  border-left: 1px solid #fff;
  margin: 0;
  padding: 0;
}

.sitemap ul ul {
  margin-left: 2.0em;
}

.sitemap ul li span {
  background: #fff;
  border-bottom: 1px solid #fff;
  display: block;
  padding: 0.7em;
}

.sitemap ul li a {
  background: #068183;
  border-bottom: 1px solid #fff;
  color: #fff;
  display: block;
  opacity: 0.8;
  padding: 0.7em;
  text-decoration: none;
}

.sitemap ul li a:hover, .sitemap ul li a:focus {
  opacity: 1;
}

.socials-share {
  margin: 6rem 0;
}

.socials-share h2 {
  font-family: "Noto Sans", sans-serif;
  font-size: 1em;
}

.socials-share ul {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.socials-share ul li {
  margin-right: 0.6rem;
}

.socials-share ul li a {
  border-bottom: 0;
  opacity: 0.9;
}

.socials-share ul li a:hover, .socials-share ul li a:focus {
  opacity: 1;
}

/*tabs when connected*/
.tabs ul {
  display: flex;
  list-style-type: none;
  margin: 0 0 1rem 0;
  padding: 0;
}

.tabs ul li {
  margin-right: 1rem;
}

.tabs ul li a {
  background: #fff;
  border-bottom: 0;
  display: block;
  padding: 0.5rem;
  opacity: 0.7;
  text-decoration: none;
}

.tabs ul li a:hover, .tabs ul li a:focus {
  opacity: 1;
}

.tabs ul li.is-active a {
  color: #0976A5;
  font-weight: bold;
  opacity: 1;
}

.path-taxonomy .view-content {
  display: flex;
  flex-wrap: wrap;
}

.path-taxonomy .page-title {
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 50px;
  padding: 3rem 6rem 3rem 6rem;
}
.categories_aides .content-aide-et-contact- .field--name-field-nous-joindre-par-telephone.field--label-visually_hidden,
.categories_aides .content-aide-et-contact- .field--name-field-formulaire-call,
.path-aide-et-contact:not(:has(.content-aide-et-contact-)) .field--name-field-formulaire-de-contact-tele {
  display: none;
}

.region-content .content-aide-et-contact- .node__content .field--name-field-faq {
  padding: 3rem 6rem 0 6rem;
  margin-bottom: 0;
}
.region-content .content-aide-et-contact- .node__content .field--name-field-lien-vers-la-faq {
  padding: 2em 6rem 3rem 6rem;
}

@media (min-width: 1600px) {
  .region-content .content-aide-et-contact- .node__content .field--name-field-faq,
  .region-content .content-aide-et-contact- .node__content .field--name-field-lien-plainte {
    margin-right: 20%;
  }
}
.categories_aides .page-title,
.categories_aides .content-aide-et-contact- .view-content .views-row {
  background-color : transparent;
  border-left: none;
}

.categories_aides .page-title{
  padding: 0;
}

.categories_aides .content-aide-et-contact- .views-row .node--type-aide-et-contact h2:has(span) {
  margin: 0;
  background-color: #fff;
  padding: 0.83em 6rem;
  border-top-left-radius: 16px;
  overflow: auto;
}

.categories_aides .content-aide-et-contact- .views-row .node__content .field--name-body {
  background-color: #fff;
  overflow: auto;
  border-bottom-left-radius: 16px;
}

.categories_aides .content-aide-et-contact- .views-row .node__content .field--name-body h2:before {
  content: url("/sites/default/files/2024-10/ico-call_0.png");
  top: 10px;
  position: relative;
}

.categories_aides .content-aide-et-contact- .views-row .node__content .field--name-body h2 {
  font-size: 1.5rem;
  padding-left: 0;
  margin-top: 0;
}

.categories_aides .content-aide-et-contact- .views-row .node__content .field--name-body .grid-8 {
  padding-left: 6rem;
}

@media (min-width: 700px) {
  .categories_aides .content-aide-et-contact- .field--name-field-formulaire-de-contact-tele,
  .categories_aides .content-aide-et-contact- .field--name-field-lien-plainte,
  .categories_aides .content-aide-et-contact- .button-back-aide {
    padding: 0 6rem;
  }
}

.categories_aides .content-aide-et-contact- .field--name-field-formulaire-de-contact-tele{
  padding-top: 3rem;
}

.paragraph--type--formulaire-de-contact-telephone .field--name-field-pas-trouve-de-reponse-a-vo,
.paragraph--type--formulaire-de-contact-telephone .field--name-field-nous-joindre-par-telephone {
  height: 330px;
  background-color: #fff;
  margin: 15px;
  border-radius: 16px;
  padding: 18px;
}

.path-taxonomy .views-row {
  background-color: rgba(255, 255, 255, 0.5);
  border-left: 4px solid #fff;
  margin-bottom: 30px;
  max-width: 390px;
}

@media (min-width: 700px) and (max-width: 991px) {
  .path-taxonomy .views-row {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .path-taxonomy .views-row {
    width: 33%;
  }
}

.path-taxonomy .views-row a {
  color: #1E4D66;
  text-decoration: underline;
  transition: 0.5s;
}

.path-taxonomy .content-aide-et-contact- .views-row .field--name-field-lien-vers-la-faq a,
.path-taxonomy .content-aide-et-contact- .views-row .field--name-field-lien-plainte a {
  color: #09719D;
  text-decoration: underline;
  transition: 0.5s;
}

.categories_aides .views-row .field--name-field-pas-trouve-de-reponse-a-vo a {
  color: #fff;
  text-decoration: none;
  transition: 0.5s;
}
.categories_aides .views-row .field--name-field-nous-joindre-par-telephone a {
  color: #09719D;
  text-decoration: underline;
}

.path-taxonomy .views-row a:hover {
  opacity: 0.8;
}

.path-taxonomy .views-row .info-container {
  padding: 15px 15px;
}

.path-taxonomy .views-row .info-container .datetime {
  font-weight: bold;
  padding-right: 8px;
}

.pager ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}

.pager ul li {
  margin: 0 0.5rem;
}

.pager ul li.is-active {
  font-weight: bold;
}

.pager ul li a {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 4px 4px 16px rgba(205, 224, 245, 0.5);
  padding: 0.5rem 1rem;
  text-decoration: none;
  transition: 0.5s;
}

.pager ul li a:hover {
  opacity: 0.8;
}

/*users connection*/
.user-login-form,
.user-pass {
  background: #fff;
  border-radius: 16px;
  display: block;
  padding: 2em;
}

.user-login-form .form-item,
.user-pass .form-item {
  margin-bottom: 1em;
}

.user-login-form label,
.user-pass label {
  display: block;
  font-weight: bold;
}

.user-login-form .description,
.user-pass .description {
  color: #979797;
  font-style: italic;
}

.user-login-form .form-text,
.user-pass .form-text {
  max-width: 100%;
  border-radius: 30px;
  box-sizing: border-box;
  display: block;
  padding: 10px;
  border: 1px solid #aaa;
}

.user-login-form .form-text.edit-captcha-response,
.user-pass .form-text.edit-captcha-response {
  display: inline-block;
}

.user-login-form .button,
.user-pass .button {
  background: #EC6608;
  border: 0;
  border-radius: 32px;
  color: #fff;
  font-weight: bold;
  opacity: 0.8;
  padding: 1em 2em;
}

.user-login-form .button:hover, .user-login-form .button:focus,
.user-pass .button:hover,
.user-pass .button:focus {
  opacity: 1;
}

/*users logged*/
.path-user .profile {
  background: #fff;
  border-radius: 16px;
  display: block;
  padding: 2em;
}

@media (min-width: 992px) {
  .swde-water-quality-form {
    margin-right: 25%;
  }
}

.swde-water-quality-form .form-item {
  background-color: #fff;
  padding: 15px 50px;
}

.swde-water-quality-form .form-item.form-item-name-location {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  padding-top: 30px;
}

.swde-water-quality-form .form-item label {
  display: flex;
  font-weight: bold;
  padding: 0.3em 0.5em;
}

.swde-water-quality-form .form-item.webform-element--title-inline {
  display: flex;
  flex-direction: row;
}

.swde-water-quality-form .form-item .description {
  font-style: italic;
  padding-left: 5px;
}

.swde-water-quality-form .form-item .form-required {
  display: flex;
}

.swde-water-quality-form .form-item .form-required:after {
  display: inline-block;
  color: #B31731;
  content: '*';
  padding-left: 5px;
  width: 10px;
}

.swde-water-quality-form .form-item .form-text {
  background-color: #E8F5FA;
}

.swde-water-quality-form .form-item .form-text::-moz-placeholder {
  color: #383838;
}

.swde-water-quality-form .form-item .form-text::placeholder {
  color: #383838;
}

.swde-water-quality-form .form-item .select2-container--default .select2-selection--single {
  background-color: #E8F5FA;
}

.swde-water-quality-form .form-item .form-number {
  background-color: #E8F5FA;
  max-width: 250px;
}

.swde-water-quality-form .form-item .form-number::-moz-placeholder {
  color: #383838;
}

.swde-water-quality-form .form-item .form-number::placeholder {
  color: #383838;
}

.swde-water-quality-form .form-actions {
  background-color: #fff;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  margin-bottom: 50px;
  padding-bottom: 20px;
  text-align: center;
}

.swde-water-quality-form input.button {
  border: 0;
  margin: 20px auto;
}

.swde-water-quality-form input[type="checkbox"], .swde-water-quality-form input[type="radio"] {
  width: 20px;
  height: 20px;
}

.swde-water-quality-form .form-type-radio,
.swde-water-quality-form .form-type-checkbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.swde-water-quality-form .form-type-radio label,
.swde-water-quality-form .form-type-checkbox label {
  padding: 0 0 0 0.5em;
}

.swde-water-quality-form .form-type-radio .description,
.swde-water-quality-form .form-type-checkbox .description {
  padding-left: 25px;
  width: 90%;
}

.swde-water-quality-form .form-select {
  background-color: #fff;
  border: 0;
  border-radius: 16px;
  padding: 10px 15px;
  text-transform: none;
}

.swde-water-quality-form .form-text[readonly] {
  background-color: transparent;
  border: 0;
  color: #383838;
}

.swde-water-quality-form .form-number {
  width: 150px;
}

.swde-water-quality-form a:not(.link-text):hover, .swde-water-quality-form a:not(.link-text):focus {
  color: #fff;
}

.swde-water-quality-form a.link-text{
  text-decoration: underline;
}

.water-quality-section {
  border-radius: 16px;
  border: 1px solid #0976A5;
  margin: 50px 0;
  padding: 15px 30px;
}

@media (min-width: 992px) {
  .water-quality-section {
    padding: 15px 50px;
  }
}

.water-quality-section h3 {
  background-color: #E8F5FA;
  display: inline-block;
  margin: -30px 0 40px 0;
  padding: 2px 12px;
  position: absolute;
}

.water-quality-section dl {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  .water-quality-section dl {
    flex-direction: row;
  }
}

.water-quality-section dl dt {
  font-weight: bold;
}

@media (min-width: 992px) {
  .water-quality-section dl dt {
    padding-top: 35px;
    width: 20%;
  }
}

.water-quality-section dl dd {
  margin-left: 0;
}

@media (min-width: 992px) {
  .water-quality-section dl dd {
    width: 80%;
  }
}

.water-quality-section .hardness {
  margin-bottom: 40px;
}

.water-quality-section .hardness .lables {
  display: flex;
  flex-direction: row;
  font-style: italic;
  justify-content: space-between;
  padding: 3px;
  font-size: 0.6em;
}

@media (min-width: 700px) and (max-width: 991px) {
  .water-quality-section .hardness .lables {
    font-size: 1em;
  }
}

@media (min-width: 992px) {
  .water-quality-section .hardness .lables {
    font-size: 1em;
  }
}

.water-quality-section .hardness .lables li {
  list-style-type: none;
  padding: 2px;
  text-align: center;
}

.water-quality-section .hardness .lables li:first-child {
  text-align: left;
}

.water-quality-section .hardness .lables li:last-child {
  text-align: right;
}

.water-quality-section .hardness .values {
  background-image: linear-gradient(to left, #52b5d6 0, #d3e8ef 100%);
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  height: 36px;
  margin-right: -6px;
  padding: 4px 0;
  position: relative;
}

.water-quality-section .hardness .values li {
  list-style-type: none;
  padding: 2px;
  position: absolute;
  text-align: right;
}

.water-quality-section .hardness .values li:first-child {
  text-align: left;
  padding-left: 6px;
  width: 10%;
  z-index: 1;
}

.water-quality-section .hardness .values li:last-child {
  padding-right: 6px;
  text-align: right;
  width: 100%;
  z-index: 5;
}

.water-quality-section .hardness .values li.second {
  width: 17%;
  z-index: 2;
}

.water-quality-section .hardness .values li.third {
  width: 36%;
  z-index: 3;
}

.water-quality-section .hardness .values li.fourth {
  padding-right: 6px;
  width: 59%;
  z-index: 4;
}

.water-quality-section .acidity .lables {
  display: flex;
  flex-direction: row;
  font-style: italic;
  justify-content: space-between;
  padding: 3px;
}

.water-quality-section .acidity .lables li {
  list-style-type: none;
  padding: 2px;
  text-align: center;
}

.water-quality-section .acidity .values {
  background-image: linear-gradient(to left, #ff50dc 0, #80ad3a 35%, #80ad3a 69%, #ffae00 100%);
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 36px;
  margin-right: -6px;
  padding: 4px 6px;
  position: relative;
}

.water-quality-section .acidity .values li {
  list-style-type: none;
  padding: 2px;
  position: absolute;
  text-align: right;
}

.water-quality-section .acidity .values li:first-child {
  padding-left: 6px;
  text-align: left;
  width: 10%;
  z-index: 1;
}

.water-quality-section .acidity .values li.second {
  width: 46%;
  z-index: 2;
}

.water-quality-section .acidity .values li.third {
  width: 68%;
  z-index: 3;
}

.water-quality-section .acidity .values li:last-child {
  padding-right: 12px;
  text-align: right;
  width: 100%;
  z-index: 4;
}

.water-quality-section .your-data {
  background-color: #fff;
  display: inline-block;
  padding: 4px 18px;
  border-radius: 16px;
  margin-left: -20px;
  position: relative;
  box-shadow: 0 2px 6px 0 #d2d2d2;
}

@media (min-width: 700px) and (max-width: 991px) {
  .water-quality-section .your-data {
    width: 220px;
  }
}

@media (min-width: 992px) {
  .water-quality-section .your-data {
    width: 220px;
  }
}

.water-quality-section .your-data strong {
  color: #0976A5;
}

.water-quality-section .your-data::before {
  border-style: solid;
  border-width: 0 9px 9px 8px;
  border-color: transparent transparent #fff transparent;
  content: " ";
  display: inline-block;
  height: 0;
  left: calc( 50% - 8px);
  margin-top: -10px;
  position: absolute;
  width: 0;
  z-index: 10;
}

@media (min-width: 700px) and (max-width: 991px) {
  .water-quality-section .acidity .your-data {
    width: 200px;
  }
}

@media (min-width: 992px) {
  .water-quality-section .acidity .your-data {
    width: 200px;
  }
}

#composition {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#composition .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 992px) {
  #composition .row {
    flex-wrap: nowrap;
  }
}

#composition .row .col-sm-4 {
  align-items: center;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  margin: 0 10px 20px 10px;
  padding: 15px;
  width: calc(50% - 20px);
}

@media (min-width: 700px) and (max-width: 991px) {
  #composition .row .col-sm-4 {
    width: calc(33% - 20px);
  }
}

@media (min-width: 992px) {
  #composition .row .col-sm-4.col-md-2 {
    width: calc(16.6% - 20px);
  }
}

#composition .row .col-sm-4 .dd, #composition .row .col-sm-4 .dt {
  display: flex;
  flex-direction: column;
  text-align: center;
}

#composition .row .col-sm-4 .dd {
  margin-top: 15px;
  text-align: center;
}

#composition .row .col-sm-4:last-child {
  margin-right: 0;
}

#composition .elementSymbol {
  color: var(--cd-blue-primary);
  font-size: 1.5em;
  width: 100%;
}

#composition .elementName {
  font-style: italic;
  width: 100%;
}

#nitrates-and-pesticides .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 30px;
  width: 100%;
}

#nitrates-and-pesticides .row .col-md-12 {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 992px) {
  #nitrates-and-pesticides .row .col-md-12 {
    flex-wrap: nowrap;
  }
}

#nitrates-and-pesticides .row .col-md-12:last-child {
  margin-bottom: 0;
}

#nitrates-and-pesticides .row .col-md-2 {
  margin: 0 10px;
}

@media (min-width: 700px) and (max-width: 991px) {
  #nitrates-and-pesticides .row .col-md-2 {
    width: calc( 16.6% - 20px);
  }
}

@media (min-width: 992px) {
  #nitrates-and-pesticides .row .col-md-2 {
    margin-right: 20px;
    width: calc( 16.6% - 20px);
  }
}

#nitrates-and-pesticides .row .col-md-2 > div {
  align-items: center;
  background-color: #fff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  padding: 20px 15px;
}

#nitrates-and-pesticides .row .col-md-2 > div .dt {
  font-style: italic;
}

#nitrates-and-pesticides .row .col-md-10 {
  display: flex;
  width: 83%;
}

@media (min-width: 992px) {
  #nitrates-and-pesticides .row .col-md-10 {
    width: 83%;
  }
}

#webform-submission-changement-usager-add-form #edit-situation .form-item-situation{
  margin: 15px 0px;
}

@media (min-width: 992px) {
  #webform-submission-changement-usager-add-form #edit-street,
  #webform-submission-changement-usager-add-form #edit-street-proprio,
  #webform-submission-changement-usager-add-form #edit-street-usager-sortant
  {
    width: 600px;
  }

  #webform-submission-changement-usager-add-form #edit-releve-d-index{
    width: 550px;
  }

  #webform-submission-changement-usager-add-form #edit-vat-number-sortant-entreprise{
    width: 500px;
  }

  #webform-submission-changement-usager-add-form #edit-releve-d-index,
  #webform-submission-changement-usager-add-form #edit-locality,
  #webform-submission-changement-usager-add-form #edit-numero-de-compteur,
  #webform-submission-changement-usager-add-form #edit-numero-de-client,
  #webform-submission-changement-usager-add-form #edit-numero-client-sortant-entreprise,
  #webform-submission-changement-usager-add-form #edit-numero-de-client-entrant,
  #webform-submission-changement-usager-add-form #edit-numero-client-entrant-entreprise,
  #webform-submission-changement-usager-add-form #edit-numero-de-client-proprio,
  #webform-submission-changement-usager-add-form #edit-locality-proprio,
  #webform-submission-changement-usager-add-form #edit-e-mail,
  #webform-submission-changement-usager-add-form #edit-e-mail-sortant-entreprise,
  #webform-submission-changement-usager-add-form #edit-vat-number-sortant-entreprise,
  #webform-submission-changement-usager-add-form #edit-e-mail-entrant,
  #webform-submission-changement-usager-add-form #edit-vat-number-entrant-entreprise,
  #webform-submission-changement-usager-add-form #edit-e-mail-entrant-entreprise,
  #webform-submission-changement-usager-add-form #edit-e-mail-proprio
  {
    width: 400px;
  }

  #webform-submission-changement-usager-add-form #edit-date-du-releve,
  #webform-submission-changement-usager-add-form #edit-prenom,
  #webform-submission-changement-usager-add-form #edit-nom,
  #webform-submission-changement-usager-add-form #edit-date-de-naissance,
  #webform-submission-changement-usager-add-form #edit-prenom-entrant,
  #webform-submission-changement-usager-add-form #edit-nom-entrant,
  #webform-submission-changement-usager-add-form #edit-date-de-naissance-entrant,
  #webform-submission-changement-usager-add-form #edit-prenom-proprio,
  #webform-submission-changement-usager-add-form #edit-nom-proprio,
  #webform-submission-changement-usager-add-form #edit-zip,
  #webform-submission-changement-usager-add-form #edit-nom-proprio,
  #webform-submission-changement-usager-add-form #edit-zip-proprio,
  #webform-submission-changement-usager-add-form #edit-zip-usager-sortant,
  #webform-submission-changement-usager-add-form #edit-locality-usager-sortant,
  #webform-submission-changement-usager-add-form #edit-country-usager-sortant
  {
    width: 300px;
  }

  #webform-submission-changement-usager-add-form #edit-raison-sociale-sortant-entreprise,
  #webform-submission-changement-usager-add-form #edit-type-entreprise-sortant,
  #webform-submission-changement-usager-add-form #edit-raison-sociale-entrant-entreprise,
  #webform-submission-changement-usager-add-form #edit-type-entreprise-entrant{
    width: 250px;
  }

  #webform-submission-changement-usager-add-form #edit-street-number,
  #webform-submission-changement-usager-add-form #edit-boite,
  #webform-submission-changement-usager-add-form #edit-street-number-proprio,
  #webform-submission-changement-usager-add-form #edit-boite-vos-coord,
  #webform-submission-changement-usager-add-form #edit-street-number-usager-sortant,
  #webform-submission-changement-usager-add-form #edit-boite-usager-sortant,
  #webform-submission-changement-usager-add-form #edit-nombre-de-personnes-dans-le-menage,
  #webform-submission-changement-usager-add-form #edit-nombre-de-personnes-dans-l-entreprise{
    width: 100px;
  }
}

#webform-submission-changement-usager-add-form [data-webform-key="step5"] .webform-type-fieldset p{
  margin: 0 !important;
}

#webform-submission-changement-usager-add-form [data-webform-key="step5"] .webform-type-fieldset .webform-progress span{
  color: black !important;
  text-decoration: underline !important;
}

#webform-submission-changement-usager-add-form [data-webform-key="step5"] .webform-type-fieldset .webform-progress li{
  text-align: right !important;
}

#webform-submission-changement-usager-add-form [data-webform-key="step5"] .webform-type-fieldset .webform-progress .webform-progress-tracker{
  list-style-type: none !important;
  margin: 0 !important;
}

#webform-submission-changement-usager-add-form [data-webform-key="step5"] .webform-type-fieldset .webform-progress .progress-marker::before{
  content: none;
}

#webform-submission-changement-usager-add-form > .webform-progress{
  display: none;
}


/*
  ****************************************************
  Nouveaux raccordements & Modifications - 2026
  ****************************************************
*/

/* .cta-brochure, .cta-price,  .cta-video
: cfr l 232 */

/* .cta-white, .cta-white.cta-faq , cta-white.cta-contact : dans .node__content
: cfr l 1540 */
@media (max-width: 991px) {
  .node__content p .cta.cta-brochure,
  .node__content p .cta.cta-price,
  .node__content p .cta.cta-video {
    margin-bottom: 0;
    width: 100%;
    padding: 10px 50px;
  }
}
@media (min-width: 992px) {
  .node__content p .cta.cta-brochure,
  .node__content p .cta.cta-price,
  .node__content p .cta.cta-video {
    padding: 12px 20px 12px 52px;
  }
  .cta.cta-brochure + .cta.cta-price  {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.webform-submission-connection-guide-form {
  background-color: #fff;
  border-radius: 16px;
  margin: 30px 0;
  padding: 1rem 1.5rem 1rem 1.5rem;
}
@media (min-width: 992px) {
  .webform-submission-connection-guide-form {
    background-image: url("images/illu-raccordement-V03-2.png");
    background-position: right 15px top 80px ;
    background-repeat: no-repeat;
    background-size: 300px auto;
    padding: 2rem 33% 3rem 0;
    max-width: none;
  }
  .webform-submission-connection-guide-form .form-wrapper {
    margin-left: 55px;
  }
}
@media (min-width: 1200px) {
  .webform-submission-connection-guide-form {
    background-size: 355px auto;
    padding: 2rem 33% 3rem 10%;
    max-width: none;
  }
  .webform-submission-connection-guide-form .form-wrapper {
    margin-left: 55px;
  }
}
.webform-submission-connection-guide-form .select2-container .select2-selection--single {
  height: auto;
  border-radius: 30px;
  border: 1px solid var(--cd-color-form-border);
  margin-bottom: 0.5rem;
  padding: 8px 10px 8px 15px;
}
.webform-submission-connection-guide-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  top:12px;
}

/* *** progress bar  *** */

.webform-submission-connection-guide-form .webform-progress-tracker,
.webform-submission-request-new-connection-2026-form .webform-progress-tracker,
.webform-submission-request-change-connection-2026-form .webform-progress-tracker {
  margin: 30px 0;
  list-style-type: none;
}
@media (min-width: 992px) {
  .webform-submission-connection-guide-form .webform-progress-tracker,
  .webform-submission-request-new-connection-2026-form .webform-progress-tracker,
  .webform-submission-request-change-connection-2026-form .webform-progress-tracker {
    margin: 30px -20px 50px -10px
  }
}

.webform-progress-tracker .progress-step {
  list-style: none;
}
.webform-progress-tracker .progress-step.is-active .progress-title {
  font-weight: normal;
  color: var(--cd-color-txt-primary);
}
.webform-submission-connection-guide-form .webform-progress-tracker .progress-step .progress-text {
  /* accessibility - screen-reader only style */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.webform-submission-connection-guide-form .webform-progress-tracker .progress-step .progress-marker::before,
.webform-submission-request-new-connection-2026-form .webform-progress-tracker .progress-step .progress-marker::before,
.webform-submission-request-change-connection-2026-form .webform-progress-tracker .progress-step .progress-marker::before {
  background-color: #fff;
  border: 3px solid var(--cd-blue-very-light);
  width: 26px;
  height: 26px;
}
.webform-submission-connection-guide-form .progress-step .progress-marker,
.webform-submission-request-new-connection-2026-form  .progress-step .progress-marker,
.webform-submission-request-change-connection-2026-form .progress-step .progress-marker {
  color: #fff;
}
.webform-submission-connection-guide-form .progress-step.is-active .progress-marker::before,
.webform-submission-request-new-connection-2026-form  .progress-step.is-active .progress-marker::before,
  /* hover */
.webform-progress-tracker .progress-step.is-active:hover .progress-marker::before ,
.webform-submission-request-change-connection-2026-form  .progress-step.is-active .progress-marker::before {
  background-color: var(--cd-blue-very-light) ;
  border: 3px solid var(--cd-blue-primary);
}
.webform-submission-connection-guide-form .progress-step.is-active .progress-marker,
.webform-submission-request-new-connection-2026-form  .progress-step.is-active .progress-marker,
.webform-progress-tracker .progress-step.is-active:hover .progress-marker ,
.webform-submission-request-change-connection-2026-form  .progress-step.is-active .progress-marker  {
  color: var(--cd-blue-very-light);
}
.webform-submission-connection-guide-form .progress-step.is-complete .progress-marker::before,
.webform-submission-request-new-connection-2026-form  .progress-step.is-complete .progress-marker::before ,
.webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before ,
.webform-submission-request-change-connection-2026-form  .progress-step.is-complete .progress-marker::before {
  background-color: var(--cd-blue-primary) ;
  border: 3px solid var(--cd-blue-primary);
}
.webform-submission-connection-guide-form .progress-step.is-complete .progress-marker,
.webform-submission-request-new-connection-2026-form  .progress-step.is-complete .progress-marker,
.webform-submission-request-change-connection-2026-form .progress-step.is-complete .progress-marker {
  color: var(--cd-blue-primary);
}
/* horizontal barre */
.webform-submission-connection-guide-form .webform-progress-tracker  .progress-step .progress-marker::after,
.webform-submission-request-new-connection-2026-form .webform-progress-tracker  .progress-step .progress-marker::after ,
.webform-submission-request-change-connection-2026-form .webform-progress-tracker  .progress-step .progress-marker::after {
  background-color: var(--cd-blue-very-light) ;
}
.webform-submission-connection-guide-form .webform-progress-tracker .progress-step.is-complete .progress-marker::after,
.webform-submission-request-new-connection-2026-form .webform-progress-tracker .progress-step.is-complete .progress-marker::after,
.webform-submission-request-change-connection-2026-form .webform-progress-tracker .progress-step.is-complete .progress-marker::after {
  background-color: var(--cd-blue-primary);
}

.webform-submission-connection-guide-form .form-actions,
.webform-submission-request-new-connection-2026-form .form-actions,
.webform-submission-request-change-connection-2026-form .form-actions {
  margin: 40px 0 20px 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .webform-submission-connection-guide-form .form-actions,
  .webform-submission-request-new-connection-2026-form .form-actions,
  .webform-submission-request-change-connection-2026-form .form-actions {
    row-gap: 1.0rem;
  }
  .webform-submission-connection-guide-form .webform-button--previous,
  .webform-submission-connection-guide-form .webform-button--next,
  .webform-submission-request-new-connection-2026-form .webform-button--previous,
  .webform-submission-request-new-connection-2026-form .webform-button--next ,
  .webform-submission-request-change-connection-2026-form .webform-button--previous,
  .webform-submission-request-change-connection-2026-form .webform-button--next {
    width: 100%;
  }
  .webform-button--next,
  .webform-submission-request-new-connection-2026-form .form-actions .webform-button--submit,
  .webform-submission-request-change-connection-2026-form .form-actions .webform-button--submit,
  .webform-submission-request-change-connection-2026-form .form-actions .form-submit {
    width: 100%;
  }
  .webform-submission-connection-guide-form .webform-button--previous,
  .webform-submission-request-new-connection-2026-form .webform-button--previous,
  .webform-submission-request-change-connection-2026-form .webform-button--previous {
   order: 2 ;
  }
  .webform-submission-connection-guide-form .webform-button--next,
  .webform-submission-request-new-connection-2026-form .webform-button--next,
  .webform-submission-request-change-connection-2026-form .webform-button--next {
    order :1;
  }
}
@media (min-width: 992px) {
  .webform-submission-connection-guide-form  .form-actions,
  .webform-submission-request-new-connection-2026-form .form-actions,
  .webform-submission-request-change-connection-2026-form .form-actions {
    display: flex;
    flex-direction: row;
  }
  .webform-submission-connection-guide-form  .form-actions {
    margin-left: 55px;
  }
  .webform-button--next ,
  .webform-submission-request-new-connection-2026-form .form-actions .webform-button--submit,
  .webform-submission-request-change-connection-2026-form .form-actions .webform-button--submit,
  .webform-submission-request-new-connection-2026-form .form-actions .webform-button--preview,
  .webform-submission-request-change-connection-2026-form .form-actions .webform-button--preview {
    margin-left: auto;
  }
}

.webform-submission-connection-guide-form  .webform-button--previous,
.webform-submission-request-new-connection-2026-form  .webform-button--previous ,
.webform-submission-request-change-connection-2026-form .webform-button--previous  {
  /* cta-uncolored styles */
  background-color: transparent;
  border: 1px solid var(--cd-blue-primary);
  border-radius: 30px;
  color: var(--cd-blue-primary);
  font-family: "IsidoraAlt-SemiBold", sans-serif;
  font-size: 1.25em;
  font-weight: 600;
  padding: 11px 40px 11px 35px;
  transition: 0.5s;
}
.webform-submission-connection-guide-form  .webform-button--previous:hover,
.webform-submission-request-new-connection-2026-form  .webform-button--previous:hover,
.webform-submission-request-change-connection-2026-form  .webform-button--previous:hover  {
  background-color: var(--cd-blue-primary);
  color: #fff;
}
.webform-submission-connection-guide-form  .webform-button--next,
.webform-submission-request-new-connection-2026-form  .webform-button--next ,
.webform-submission-request-change-connection-2026-form  .webform-button--next  {
  padding: 12px 40px 12px 35px;
}

.webform-submission-connection-guide-form legend {
  margin-bottom: 1rem;
}
.webform-submission-connection-guide-form  .form-type-processed-text  .cta {
  margin-left: auto;
}

.webform-submission-connection-guide-form  .webform-element-description .icon-info {
  background-image: url("images/ico-info-blue.svg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 23px auto;
  display: inline-block;
  margin-top: 15px;
  padding-left: 30px;
}
  /* *** .field--name-field-body2 *** */
.field--name-field-body2 {
  margin-top: 30px;
}

@media (min-width: 992px) {
  .field--name-field-body2 {
    margin-top: 70px;
    padding-left: 15%;
    padding-right: 20%;
  }
}
/* external link */
.node__content .webform-submission-connection-guide-form p a.cta[target="_blank"] {
  background-image: url("images/link-out-white.svg");
  background-repeat: no-repeat;
  background-position: top 12px right 12px;
  background-size: 12px 12px;
  padding-right: 40px;
}

/* **** New connexion **** */
/* in all the site - not change
#block-swde-theme-page-title {
}
*/

.webform-submission-request-new-connection-2026-form .webform-progress-tracker .progress-step .progress-text,
.webform-submission-request-change-connection-2026-form .webform-progress-tracker .progress-step .progress-text {
  color: var(--cd-color-form-border);
}
.webform-submission-request-new-connection-2026-form .webform-progress-tracker .progress-step.is-active .progress-text,
.webform-submission-request-new-connection-2026-form .webform-progress-tracker .progress-step.is-complete .progress-text,
.webform-submission-request-change-connection-2026-form .webform-progress-tracker .progress-step.is-active .progress-text,
.webform-submission-request-change-connection-2026-form .webform-progress-tracker .progress-step.is-complete .progress-text {
  color: var(--cd-color-txt-base);
}

.webform-submission-request-new-connection-2026-form  summary.summary-title,
.webform-submission-request-change-connection-2026-form  summary.summary-title {
    font-size: 1.2em;
    font-weight: bold;
}
.webform-submission-request-new-connection-2026-form .webform-progress,
.webform-submission-request-change-connection-2026-form .webform-progress {
  background-color: #fff;
  border-radius: 16px;
  margin: 30px 0;
  padding: 1rem 1rem 1rem 1rem;
}
@media (min-width: 992px) {
  .webform-submission-request-new-connection-2026-form ,
  .webform-submission-request-change-connection-2026-form {
    margin-left: 30px;
  }
  .webform-submission-request-new-connection-2026-form .webform-progress ,
  .webform-submission-request-change-connection-2026-form .webform-progress  {
    margin: 40px 0 40px -30px;
    padding: 2rem 3rem 1rem 3rem;
  }
}
@media (min-width: 1200px) {
  .webform-submission-request-new-connection-2026-form,
  .webform-submission-request-change-connection-2026-form {
    margin-left: 15%;
  }
  .webform-submission-request-new-connection-2026-form .webform-progress,
  .webform-submission-request-change-connection-2026-form .webform-progress {
    margin: 40px -6rem;
  }
}
/* - input "modifier" - */
.webform-submission-request-new-connection-2026-form .webform-wizard-page-edit ,
.webform-submission-request-change-connection-2026-form .webform-wizard-page-edit {
  background-color: transparent;
  text-align: right;
  border-bottom: 1px solid var(--cd-blue-primary);
  margin-bottom: 12px;
}
.webform-submission-request-new-connection-2026-form .webform-wizard-page-edit .form-submit ,
.webform-submission-request-change-connection-2026-form .webform-wizard-page-edit  .form-submit {
  background-color: transparent;
  border: 1px solid var(--cd-color-txt-primary);
  color : var(--cd-color-txt-primary) ;
  padding: 8px 20px;
  margin-bottom: 5px;
}
.webform-submission-request-new-connection-2026-form .webform-wizard-page-edit .form-submit:hover ,
.webform-submission-request-change-connection-2026-form .webform-wizard-page-edit .form-submit:hover {
  background-color: #fff;
}
/* - */

.webform-submission-form.webform-submission-request-new-connection-2026-form  label
/* , .webform-submission-form.webform-submission-request-change-connection-2026-form  label*/ {
  margin-bottom: 0.75rem;
}
.webform-submission-form.webform-submission-request-new-connection-2026-form  .form-number ,
.webform-submission-form.webform-submission-request-change-connection-2026-form .form-number {
  display: inline-block;
  width: 250px;
  border: 1px solid var(--cd-color-form-border);
  padding-left: 15px;
}

.webform-submission-form.webform-submission-request-new-connection-2026-form .form-item label {
  padding: 1.3em 0 0 0;
}
.webform-submission-form.webform-submission-request-change-connection-2026-form .form-item label  {
  padding: 0.3em 0 ;
}
/* - RECAP ! - */
.webform-submission-form .webform-submission-data--webform-request-new-connection-2026 .form-item label ,
.webform-submission-form .webform-submission-data--webform-request-change-connection-2026 .form-item label {
  padding-left: 0 ;
}
/* - */
.webform-submission-form.webform-submission-request-new-connection-2026-form .form-item.form-type-checkbox label,
.webform-submission-form.webform-submission-request-new-connection-2026-form .form-item.form-type-radio label ,
.webform-submission-form.webform-submission-request-change-connection-2026-form .form-item.form-type-checkbox label,
.webform-submission-form.webform-submission-request-change-connection-2026-form .form-item.form-type-radio label {
  padding: 0 0 0 0.5rem;
}

.webform-submission-form.webform-submission-request-new-connection-2026-form .form-item label + .fieldset-wrapper  p,
.webform-submission-form.webform-submission-request-change-connection-2026-form .form-item label + .fieldset-wrapper  p {
  margin-top: 0;
}
.webform-submission-form.webform-submission-request-new-connection-2026-form .description,
.webform-submission-form.webform-submission-request-change-connection-2026-form .description {
  margin-bottom: 0.5rem;
}
/*
.webform-submission-form.webform-submission-request-new-connection-2026-form label + .description,
.webform-submission-form.webform-submission-request-change-connection-2026-form label +  .description,
.webform-submission-form.webform-submission-request-new-connection-2026-form .text-count-message,
.webform-submission-form.webform-submission-request-change-connection-2026-form .text-count-message {
  padding-left: 0.5em;
}
*/
.webform-submission-form.webform-submission-request-new-connection-2026-form .field-prefix ,
.webform-submission-form.webform-submission-request-change-connection-2026-form .field-prefix  {
 padding-left: 0;
}

.webform-submission-form.webform-submission-request-new-connection-2026-form .form-type-webform-document-file .form-submit ,
.webform-submission-form.webform-submission-request-change-connection-2026-form .form-type-webform-document-file .form-submit {
  padding: 8px 30px;
  border: 1px solid var(--cd-blue-primary);
  color: var(--cd-color-txt-primary);
  background-color: transparent;
}

.webform-submission-form.webform-submission-request-new-connection-2026-form .form-type-webform-document-file .form-submit.js-hide {
  display: none !important;
}

.webform-submission-form.webform-submission-request-change-connection-2026-form  .tagline {
  font-size: 1.25rem ;
}

.webform-submission-form.webform-submission-request-new-connection-2026-form fieldset,
.webform-submission-form.webform-submission-request-change-connection-2026-form fieldset {
  border: 0;
  padding: 0;
  border-radius: 0;
}
.webform-submission-form.webform-submission-request-new-connection-2026-form fieldset .fieldset-legend,
.webform-submission-form.webform-submission-request-change-connection-2026-form fieldset .fieldset-legend {
  color: var(--cd-color-txt-primary);
  display: block;
  font-size: 1.5em;
  font-family: "IsidoraAlt-Bold", sans-serif;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 0.75rem;
}
.webform-submission-form.webform-submission-request-new-connection-2026-form fieldset.radios--wrapper .fieldset-legend,
.webform-submission-form.webform-submission-request-change-connection-2026-form fieldset.radios--wrapper .fieldset-legend {
  color: var(--cd-color-txt-base);
  font-size: 1.0em;
  font-family: "Noto Sans", sans-serif;
  padding: 1.3em 0 0 0;
}
.webform-submission-form.webform-submission-request-new-connection-2026-form fieldset.radios--wrapper .description p,
.webform-submission-form.webform-submission-request-change-connection-2026-form fieldset.radios--wrapper .description p {
  margin-top: 0;
}

:root {
  --cd-blue-primary : #097CAD;
  --cd-blue-very-light : #C5E6F3;
  --cd-color-txt-primary : #1E4D66;
  --cd-color-txt-base : #383838;
  --cd-color-form-border :#929292 ;
  --cd-color-tertiary : #9D145D;

  /* use  with " var(--cd-blue-primary); " */
}


/*# sourceMappingURL=main.css.map */