@charset "UTF-8";
/*Theme Name: CLIMSUR
	Theme URL: https://www.climsur.fr
	Description: Climsur, vendeur de climatisations réversibles fabriquées en France
	Author: Agence Haritza
	Author URI: https://www.haritza.com
	Version: 1.0
*/
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Regular.woff2") format("woff2"), url("fonts/Poppins-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Medium.woff2") format("woff2"), url("fonts/Poppins-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Bold.woff2") format("woff2"), url("fonts/Poppins-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-SemiBold.woff2") format("woff2"), url("fonts/Poppins-SemiBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: url("fonts/Oswald-Regular.woff2") format("woff2"), url("fonts/Oswald-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* RESET */
/* ----------------------------------------- */
/**
 * Eric Meyer's Reset Stylesheet
 *
 * v2.0
 * 2011-01-26
 * Author: Eric Meyer - http://meyerweb.com/eric/tools/css/reset/
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  max-width: 100%;
  font-size: 16px;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

a {
  outline: none;
}

.mayus {
  text-transform: uppercase;
}

.centre {
  text-align: center;
}

.fullwidth {
  width: 100%;
  float: left;
}

.boxsizing, .columns, .button, input[type=submit], button, .input, input[type=text], input[type=email], input[type=tel], textarea, .container, .box-sizing {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.container:before {
  content: "";
  display: table;
  pointer-events: none;
}
.container:after {
  content: "";
  display: table;
  pointer-events: none;
  clear: both;
}
@media screen and (max-width: 1920px) {
  .container {
    max-width: 1680px;
  }
}
@media screen and (max-width: 1680px) {
  .container {
    max-width: 1350px;
  }
}
@media screen and (max-width: 1300px) and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.clearer, .clear {
  clear: both;
}

table {
  width: 100%;
}

.myIframe {
  height: 0;
  position: relative;
  margin: 0 0 20px;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.myIframe iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}

.input, input[type=text], input[type=email], input[type=tel], textarea {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.button, input[type=submit], button {
  overflow: hidden;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

input[type=submit], button {
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.inline {
  display: none;
}

.columns {
  float: left;
  padding: 0 1.25rem;
}
.columns img {
  max-width: 100%;
  height: auto;
}
.columns.sans-padding {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .columns.mobile-sans-padding {
    padding: 0;
  }
}

.sans-left {
  float: left;
  padding: 0 1.875em 0 0;
}

.sans-right {
  float: right;
  padding: 0 0 0 1.875em;
}

.large-1 {
  width: 8.33%;
}

.large-2 {
  width: 16.66%;
}

.large-3 {
  width: 25%;
}

.large-4 {
  width: 33.33%;
}

.large-5 {
  width: 41.66%;
}

.large-6 {
  width: 50%;
}

.large-7 {
  width: 58.33%;
}

.large-8 {
  width: 66.66%;
}

.large-9 {
  width: 75%;
}

.large-10 {
  width: 83.33%;
}

.large-11 {
  width: 91.66%;
}

.large-12 {
  width: 100%;
}

.large-pull-1 {
  position: relative;
  right: 8.33%;
}

.large-pull-2 {
  position: relative;
  right: 16.66%;
}

.large-pull-3 {
  position: relative;
  right: 25%;
}

.large-pull-4 {
  position: relative;
  right: 33.33%;
}

.large-pull-5 {
  position: relative;
  right: 41.66%;
}

.large-pull-6 {
  position: relative;
  right: 50%;
}

.large-pull-7 {
  position: relative;
  right: 58.33%;
}

.large-pull-8 {
  position: relative;
  right: 66.66%;
}

.large-pull-9 {
  position: relative;
  right: 75%;
}

.large-pull-10 {
  position: relative;
  right: 83.33%;
}

.large-pull-11 {
  position: relative;
  right: 91.66%;
}

.large-pull-12 {
  position: relative;
  right: 100%;
}

.large-push-1 {
  position: relative;
  left: 8.33%;
}

.large-push-2 {
  position: relative;
  left: 16.66%;
}

.large-push-3 {
  position: relative;
  left: 25%;
}

.large-push-4 {
  position: relative;
  left: 33.33%;
}

.large-push-5 {
  position: relative;
  left: 41.66%;
}

.large-push-6 {
  position: relative;
  left: 50%;
}

.large-push-7 {
  position: relative;
  left: 58.33%;
}

.large-push-8 {
  position: relative;
  left: 66.66%;
}

.large-push-9 {
  position: relative;
  left: 75%;
}

.large-push-10 {
  position: relative;
  left: 83.33%;
}

.large-push-11 {
  position: relative;
  left: 91.66%;
}

.large-push-12 {
  position: relative;
  left: 100%;
}

@media screen and (max-width: 1024px) {
  .large-pull-1 {
    right: auto;
  }
  .large-pull-2 {
    right: auto;
  }
  .large-pull-3 {
    right: auto;
  }
  .large-pull-4 {
    right: auto;
  }
  .large-pull-5 {
    right: auto;
  }
  .large-pull-6 {
    right: auto;
  }
  .large-pull-7 {
    right: auto;
  }
  .large-pull-8 {
    right: auto;
  }
  .large-pull-9 {
    right: auto;
  }
  .large-pull-10 {
    right: auto;
  }
  .large-pull-11 {
    right: auto;
  }
  .large-pull-12 {
    right: auto;
  }
  .large-push-1 {
    left: auto;
  }
  .large-push-2 {
    left: auto;
  }
  .large-push-3 {
    left: auto;
  }
  .large-push-4 {
    left: auto;
  }
  .large-push-5 {
    left: auto;
  }
  .large-push-6 {
    left: auto;
  }
  .large-push-7 {
    left: auto;
  }
  .large-push-8 {
    left: auto;
  }
  .large-push-9 {
    left: auto;
  }
  .large-push-10 {
    left: auto;
  }
  .large-push-11 {
    left: auto;
  }
  .large-push-12 {
    left: auto;
  }
  .medium-1 {
    width: 8.33%;
  }
  .medium-2 {
    width: 16.66%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-4 {
    width: 33.33%;
  }
  .medium-5 {
    width: 41.66%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-7 {
    width: 58.33%;
  }
  .medium-8 {
    width: 66.66%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-10 {
    width: 83.33%;
  }
  .medium-11 {
    width: 91.66%;
  }
  .medium-12 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .small-1 {
    width: 8.33%;
  }
  .small-2 {
    width: 16.66%;
  }
  .small-3 {
    width: 25%;
  }
  .small-4 {
    width: 33.33%;
  }
  .small-5 {
    width: 41.66%;
  }
  .small-6 {
    width: 50%;
  }
  .small-7 {
    width: 58.33%;
  }
  .small-8 {
    width: 66.66%;
  }
  .small-9 {
    width: 75%;
  }
  .small-10 {
    width: 83.33%;
  }
  .small-11 {
    width: 91.66%;
  }
  .small-12 {
    width: 100%;
  }
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #F6F6F6;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #F6F6F6;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #F6F6F6;
}

:-moz-placeholder { /* Firefox 18- */
  color: #F6F6F6;
}

*::-moz-selection {
  background-color: #F3AA3E;
  color: white;
}

*::selection {
  background-color: #F3AA3E;
  color: white;
}

.wp-block-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  --hz-column-gap: 2rem;
  -webkit-column-gap: var(--hz-column-gap);
     -moz-column-gap: var(--hz-column-gap);
          column-gap: var(--hz-column-gap);
  row-gap: var(--hz-column-gap);
}

.wp-block-column {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.is-layout-flex {
  -webkit-box-align: inherit !important;
      -ms-flex-align: inherit !important;
          align-items: inherit !important;
}
.is-layout-flex .contact-adresses {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 768px) {
  .is-layout-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.wp-block-columns > .wp-block-column[style*="66.66%"],
.wp-block-columns > .wp-block-column[style*="66.67%"] {
  -ms-flex-preferred-size: calc(66.66% - var(--hz-column-gap) / 2) !important;
      flex-basis: calc(66.66% - var(--hz-column-gap) / 2) !important;
}

.wp-block-columns > .wp-block-column[style*="33.33%"],
.wp-block-columns > .wp-block-column[style*="33.34%"] {
  -ms-flex-preferred-size: calc(33.33% - var(--hz-column-gap) / 2) !important;
      flex-basis: calc(33.33% - var(--hz-column-gap) / 2) !important;
}

.wp-block-columns > .wp-block-column[style*="50%"] {
  -ms-flex-preferred-size: calc(50% - var(--hz-column-gap) / 2) !important;
      flex-basis: calc(50% - var(--hz-column-gap) / 2) !important;
}

.wp-block-media-text {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 2rem 1fr;
  grid-template-columns: 50% 1fr;
  gap: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wp-block-media-text.is-vertically-aligned-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.wp-block-media-text.is-vertically-aligned-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

@media screen and (max-width: 767px) {
  .wp-block-media-text.is-stacked-on-mobile {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

#main .container .alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.bloc {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media (max-width: 1680px) {
  .bloc {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (max-width: 768px) {
  .bloc {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.is-contained {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media (max-width: 1680px) {
  .is-contained {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 1350px) {
  .is-contained {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (max-width: 768px) {
  .is-contained {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

body {
  font-family: "Poppins";
  font-size: 1rem;
  line-height: normal;
  color: #001D43;
}

p, a, li, span:not(h1 span, h2 span, h3 span) {
  font-family: "Poppins";
  font-size: 1.3rem;
  line-height: normal;
}
@media (max-width: 1920px) {
  p, a, li, span:not(h1 span, h2 span, h3 span) {
    font-size: 1rem;
  }
}
@media (max-width: 1680px) {
  p, a, li, span:not(h1 span, h2 span, h3 span) {
    font-size: 0.9rem;
  }
}
@media (max-width: 1440px) {
  p, a, li, span:not(h1 span, h2 span, h3 span) {
    font-size: 1rem;
  }
}

p:has(+ p) {
  padding-bottom: 1rem;
}

p:has(+ ul) {
  padding-bottom: 1rem;
}

p:not(.sur_titre) + h2, p + h3 {
  margin-top: 2rem;
}

ul + h2, ul + h3 {
  margin-top: 2rem;
}

li:not(:last-child) {
  padding-bottom: 0.5rem;
}

a:where(:not(.wp-element-button)) {
  text-decoration: none !important;
  color: #001D43;
}

h1, .like_h1 {
  font-family: "Poppins";
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 1rem;
  line-height: 130%;
}
@media (max-width: 1920px) {
  h1, .like_h1 {
    font-size: 3rem;
  }
}
@media (max-width: 1680px) {
  h1, .like_h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 1440px) {
  h1, .like_h1 {
    font-size: 2.1rem;
  }
}
@media (max-width: 1350px) {
  h1, .like_h1 {
    font-size: 2.5rem;
  }
  h1::after, .like_h1::after {
    bottom: -10px;
  }
}
@media (max-width: 1200px) {
  h1, .like_h1 {
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  h1, .like_h1 {
    font-size: 1.8rem;
  }
}

h1 + p {
  margin-top: 2rem;
}
@media (max-width: 1350px) {
  h1 + p {
    margin-top: 2rem;
  }
}

h1 + h2 {
  margin-top: 2rem;
}
@media (max-width: 768px) {
  h1 + h2 {
    margin-top: 2rem;
  }
}

h2, .like_h2 {
  font-family: "Poppins";
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
  line-height: 130%;
}
@media (max-width: 1920px) {
  h2, .like_h2 {
    font-size: 2.5rem;
  }
}
@media (max-width: 1680px) {
  h2, .like_h2 {
    font-size: 2.3rem;
  }
}
@media (max-width: 1440px) {
  h2, .like_h2 {
    font-size: 2rem;
  }
}
@media (max-width: 1350px) {
  h2, .like_h2 {
    font-size: 2.1rem;
  }
}
@media (max-width: 1200px) {
  h2, .like_h2 {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  h2, .like_h2 {
    font-size: 1.5rem;
  }
}

h2 + p {
  margin-top: 1rem;
}

h3, .like_h3 {
  font-family: "Poppins";
  font-size: 2.2rem;
  font-weight: 500;
  margin-bottom: 1rem;
  line-height: 130%;
}
@media (max-width: 1920px) {
  h3, .like_h3 {
    font-size: 2rem;
  }
}
@media (max-width: 1680px) {
  h3, .like_h3 {
    font-size: 1.5rem;
  }
}
@media (max-width: 1440px) {
  h3, .like_h3 {
    font-size: 1.7rem;
  }
}
@media (max-width: 1350px) {
  h3, .like_h3 {
    font-size: 1.5rem;
  }
}
@media (max-width: 1200px) {
  h3, .like_h3 {
    font-size: 1.4rem;
  }
}

h3 + p {
  margin-top: 1rem;
}
@media (max-width: 1350px) {
  h3 + p {
    margin-top: 2rem;
  }
}

#main ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
#main ul li {
  position: relative;
  padding-left: 1.6rem;
}
#main ul li::before {
  content: "\f0a9";
  font-family: "Line Awesome Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0.2rem;
}

#main ul + p {
  padding-top: 1.5rem;
}

#main ul + h3 {
  margin-top: 2rem;
}

a.bouton {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 15px;
  border: 2px solid #001D43;
  background-color: #ffffff;
  color: #001D43;
  border-radius: 30px;
  text-decoration: none;
  -webkit-transition: background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease, -webkit-box-shadow 200ms ease;
  transition: background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease, -webkit-box-shadow 200ms ease;
  transition: background-color 200ms ease, color 200ms ease, transform 200ms ease, box-shadow 200ms ease;
  transition: background-color 200ms ease, color 200ms ease, transform 200ms ease, box-shadow 200ms ease, -webkit-transform 200ms ease, -webkit-box-shadow 200ms ease;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
a.bouton:hover {
  background-color: white;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  -webkit-filter: brightness(1.06);
          filter: brightness(1.06);
}
a.bouton:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  -webkit-filter: brightness(0.98);
          filter: brightness(0.98);
}

a.bouton_footer {
  border: 1px solid white;
  color: white;
  background-color: transparent;
}

a.bouton.bouton_bleu {
  border: 2px solid #008BD2;
  background-color: #008BD2;
  color: #ffffff;
}

picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

header {
  position: relative;
  width: 100%;
  padding-top: 1.5rem;
  z-index: 1000;
}
header .header-principal {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
header .header-principal .boutons_cta {
  padding-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
}
header .header-principal .header {
  position: relative;
}
header .header-principal .header .background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  padding: 0.8rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  background-color: #001D43;
}
@media screen and (max-width: 768px) {
  header .header-principal .header .background {
    padding-left: 0;
    padding-right: 0;
  }
}
header .header-principal .header .background .logo #logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
header .header-principal .header .background .burger, header .header-principal .header .background .menu-burger, header .header-principal .header .background #toggle, header .header-principal .header .background .menu-overlay {
  display: none;
}
header .header-principal .header .background .menu-principal .menu-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
}
header .header-principal .header .background .menu-principal #menu-menu-principal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 30px;
  margin: 0 !important;
}
header .header-principal .header .background .menu-principal #menu-menu-principal li {
  position: relative;
  padding-bottom: 0;
  --submenu-gap: 10px;
}
header .header-principal .header .background .menu-principal #menu-menu-principal li a {
  font-family: "Poppins";
  font-style: normal;
  color: #ffffff;
  font-size: 1.3rem;
  text-decoration: none;
  position: relative;
  display: inline-block;
  -webkit-transition: color 180ms ease;
  transition: color 180ms ease;
}
header .header-principal .header .background .menu-principal #menu-menu-principal li a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #E30613;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 220ms ease;
  transition: -webkit-transform 220ms ease;
  transition: transform 220ms ease;
  transition: transform 220ms ease, -webkit-transform 220ms ease;
}
header .header-principal .header .background .menu-principal #menu-menu-principal li a:hover, header .header-principal .header .background .menu-principal #menu-menu-principal li a:focus-visible {
  color: #ffffff;
}
header .header-principal .header .background .menu-principal #menu-menu-principal li a:hover::after, header .header-principal .header .background .menu-principal #menu-menu-principal li a:focus-visible::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
@media (max-width: 1920px) {
  header .header-principal .header .background .menu-principal #menu-menu-principal li a {
    font-size: 1.3rem;
  }
}
header .header-principal .header .background .menu-principal #menu-menu-principal li:hover > .sub-menu, header .header-principal .header .background .menu-principal #menu-menu-principal li:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(var(--submenu-gap));
          transform: translateY(var(--submenu-gap));
  pointer-events: auto;
  -webkit-transition: opacity 0.18s ease, visibility 0s, -webkit-transform 0.18s ease;
  transition: opacity 0.18s ease, visibility 0s, -webkit-transform 0.18s ease;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s, -webkit-transform 0.18s ease;
}
header .header-principal .header .background .menu-principal #menu-menu-principal li.btn_inscription {
  background-color: #001D43;
  padding: 8px 20px;
  border-radius: 30px;
}
header .header-principal .header .background .menu-principal #menu-menu-principal li.btn_inscription a {
  color: #fff;
}
@media screen and (max-width: 1920px) {
  header .header-principal .header .background .menu-principal #menu-menu-principal li.btn_inscription {
    padding: 5px 15px;
  }
}
header .header-principal .header .background .menu-principal #menu-menu-principal .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  padding: 20px 30px 20px 20px;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  z-index: 1100;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(var(--submenu-gap));
          transform: translateY(var(--submenu-gap));
  pointer-events: none;
  -webkit-transition: opacity 0.18s ease, visibility 0s linear 0.18s, -webkit-transform 0.18s ease;
  transition: opacity 0.18s ease, visibility 0s linear 0.18s, -webkit-transform 0.18s ease;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s, -webkit-transform 0.18s ease;
  will-change: transform, opacity;
}
header .header-principal .header .background .menu-principal #menu-menu-principal .sub-menu::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(-1 * var(--submenu-gap));
  height: var(--submenu-gap);
}
header .header-principal .header .background .menu-principal #menu-menu-principal .sub-menu li a {
  display: block;
  padding: 5px 0;
}
@media (max-width: 1680px) {
  header .header-principal .header .background .menu-principal #menu-menu-principal .sub-menu li a {
    padding: 2px 0;
  }
}
header .header-principal .header .background .menu-principal #menu-menu-principal .sub-menu li a {
  white-space: nowrap;
  font-size: 1.4rem;
  text-transform: none;
}
@media (max-width: 1920px) {
  header .header-principal .header .background .menu-principal #menu-menu-principal .sub-menu li a {
    font-size: 1.3rem;
  }
}
header .header-principal .header .background .menu-principal #menu-menu-principal .current-menu-item > a, header .header-principal .header .background .menu-principal #menu-menu-principal .current-menu-parent > a {
  color: #ffffff;
}
header .header-principal .header .background .menu-principal #menu-menu-principal .current-menu-item > a::after, header .header-principal .header .background .menu-principal #menu-menu-principal .current-menu-parent > a::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
header .header-principal .header .background .menu-principal #menu-menu-principal .menu-item-53 .sub-menu {
  left: auto;
  right: 0;
}

#nav-main .sub-toggle {
  display: none;
}

@media (max-width: 1024px) {
  #header .header-principal .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #header .header-principal .header .logo {
    z-index: 1900;
  }
  #header .header-principal .header #toggle {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    display: block;
  }
  #header .header-principal .header #toggle:checked ~ .menu-overlay {
    display: block;
  }
  #header .header-principal .header #toggle:checked ~ #nav-main.menu-principal {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  #header .header-principal .header #toggle:checked ~ .burger .menu-burger {
    background-color: white;
  }
  #header .header-principal .header #toggle:checked ~ .burger .menu-burger .bar {
    background: #001D43;
  }
  #header .header-principal .header #toggle:checked ~ .burger .menu-burger .bar:nth-child(1) {
    -webkit-transform: translateX(-50%) translateY(7px) rotate(45deg);
            transform: translateX(-50%) translateY(7px) rotate(45deg);
  }
  #header .header-principal .header #toggle:checked ~ .burger .menu-burger .bar:nth-child(2) {
    opacity: 0;
    -webkit-transform: translateX(-50%) scaleX(0);
            transform: translateX(-50%) scaleX(0);
  }
  #header .header-principal .header #toggle:checked ~ .burger .menu-burger .bar:nth-child(3) {
    -webkit-transform: translateX(-50%) translateY(-7px) rotate(-45deg);
            transform: translateX(-50%) translateY(-7px) rotate(-45deg);
  }
  #header .header-principal .header .burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #header .header-principal .header .menu-burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 44px;
    height: 44px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #001D43;
    color: #fff;
    border-radius: 22px;
    cursor: pointer;
    position: relative;
    z-index: 1102;
  }
  #header .header-principal .header .menu-burger .bar {
    position: absolute;
    left: 50%;
    width: 22px;
    height: 2px;
    background: #fff;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.25s ease;
    transition: opacity 0.2s ease, -webkit-transform 0.25s ease;
    transition: transform 0.25s ease, opacity 0.2s ease;
    transition: transform 0.25s ease, opacity 0.2s ease, -webkit-transform 0.25s ease;
  }
  #header .header-principal .header .menu-burger .bar:nth-child(1) {
    top: 14px;
  }
  #header .header-principal .header .menu-burger .bar:nth-child(2) {
    top: 21px;
  }
  #header .header-principal .header .menu-burger .bar:nth-child(3) {
    top: 28px;
  }
  #header .header-principal .header .menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(1px);
    z-index: 1100;
    display: none;
  }
  #header .header-principal .header #nav-main.menu-principal {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(85vw, 420px);
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.28s ease;
    transition: -webkit-transform 0.28s ease;
    transition: transform 0.28s ease;
    transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    z-index: 1101;
    background: #001D43;
    border-radius: 0;
    padding: 24px;
    padding-top: 200px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow-y: auto;
    gap: 24px;
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 8px;
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal li {
    padding-bottom: 0;
    border: 0 !important;
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal li a {
    display: block;
    padding: 12px 8px;
    font-size: 1.4rem;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 180ms ease, text-decoration-color 180ms ease;
    transition: color 180ms ease, text-decoration-color 180ms ease;
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal li.current-menu-item > a {
    text-decoration: underline !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal li.is-open > .sub-menu {
    max-height: 600px;
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal li.menu-item-has-children {
    position: relative;
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal li.menu-item-has-children > a {
    padding-right: 52px;
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal li.menu-item-has-children .sub-toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    right: 24px;
    width: 28px;
    top: 15px;
    height: 28px;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 0;
    cursor: pointer;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    cursor: pointer;
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal li.menu-item-has-children .sub-toggle::before {
    content: "+";
    font-size: 18px;
    line-height: 1;
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal li.menu-item-has-children.is-open .sub-toggle::before {
    content: "–";
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal li.btn_inscription {
    border-radius: 22px;
    padding: 0;
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal li.btn_inscription a {
    text-align: center;
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal li .sub-menu {
    position: static;
    top: auto;
    left: auto;
    min-width: 0;
    margin: 0;
    padding: 0 0 8px 12px;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
            transform: none;
    pointer-events: auto;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.25s ease;
    transition: max-height 0.25s ease;
  }
  #header .header-principal .header #nav-main.menu-principal #menu-menu-principal li .sub-menu li a {
    color: #fff;
    opacity: 0.95;
    padding: 8px 0;
    white-space: normal;
    font-size: 1.3rem;
    font-weight: normal;
  }
  #header .header-principal .header #nav-main.menu-principal .menu-background {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 16px;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  body:has(#toggle:checked) {
    overflow: hidden;
    -ms-touch-action: none;
        touch-action: none;
  }
  body .body-lock {
    overflow: hidden;
    -ms-touch-action: none;
        touch-action: none;
  }
}
body.is-header-fixed #header .header-principal .header {
  position: fixed;
  top: 1.5rem;
  left: var(--header-fixed-left, 0);
  width: var(--header-fixed-width, 100%);
  -webkit-transform: none;
          transform: none;
  z-index: 1100;
}
@media screen and (max-width: 768px) {
  body.is-header-fixed #header .header-principal .header {
    left: 0;
    width: 100%;
  }
}

@media (max-width: 1024px) {
  body:has(#toggle:checked) #header .header-principal .header .logo img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }
}
@media (max-width: 768px) {
  #header .header-principal .header #nav-main.menu-principal {
    width: 100vw;
  }
}
.footer {
  background-color: #001D43;
  clear: both;
}
.footer .bloc_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.footer .bloc_footer .like_h3 {
  color: white;
}
.footer .bloc_footer .logo img {
  max-width: 200px;
}
.footer .bloc_footer .adresse {
  margin-top: 1rem;
  color: white;
}
@media screen and (max-width: 767px) {
  .footer .bloc_footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer .bloc_footer .logo {
    margin-bottom: 1rem;
  }
  .footer .bloc_footer .adresse {
    margin-top: 1.5rem;
  }
}
.footer .contact .tel, .footer .contact .mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .contact .contact-icon, .footer .contact a {
  color: white;
}
.footer .contact .contact-icon i, .footer .contact a i {
  margin-right: 0.5rem;
  font-size: 1.5rem;
  border-radius: 100%;
  background-color: white;
  padding: 0.2rem;
  color: #001D43;
}
@media screen and (max-width: 767px) {
  .footer .contact .contact-icon i, .footer .contact a i {
    font-size: 1.5rem;
  }
}
.footer .contact .tel, .footer .contact .mail, .footer .contact .bouton {
  margin-top: 1rem;
}
.footer .horaires .ouverture_list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
.footer .horaires .ouverture_list .ouverture_item span {
  color: white;
}
.footer .horaires .ouverture_list .ouverture_item span.ouverture_jour {
  margin-right: 1rem;
}

.footer_legal {
  padding: 0.5rem 0;
}
.footer_legal .menu_legal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .footer_legal .menu_legal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.footer_legal .menu_legal #menu-menu-legal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer_legal .menu_legal #menu-menu-legal li:not(:last-child) {
  margin-right: 1rem;
}
@media (max-width: 768px) {
  .footer_legal .menu_legal #menu-menu-legal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 1rem;
  }
  .footer_legal .menu_legal #menu-menu-legal li {
    padding-bottom: 0;
  }
}
.footer_legal .menu_legal a, .footer_legal .menu_legal p {
  font-size: 0.8rem;
}

.blog article .bloc_actus {
  padding-top: 0;
}
.blog article .actus picture {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 20px;
}
.blog article .actus img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
.blog article .actus h2 {
  font-size: 2rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.blog article .actus .date {
  color: #E30613;
  margin-top: 0;
}
.blog article .actus:not(:nth-child(1), :nth-child(2)) {
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .blog article .actus {
    margin-top: 4rem;
  }
}

.single:not(.single-offre) .like_h2 {
  position: relative;
  margin-bottom: 3rem;
}
.single:not(.single-offre) .like_h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 2px;
  background-color: #E30613;
}
.single:not(.single-offre) .like_h3 {
  padding-bottom: 0;
  margin-bottom: 0.5rem;
}
.single:not(.single-offre) .date {
  color: #E30613;
}
.single:not(.single-offre) .page-actu a:not(a.bouton) {
  color: #E30613;
  font-weight: 800;
}
.single:not(.single-offre) .autres-articles.bloc {
  padding-top: 0 !important;
}
.single:not(.single-offre) .autres-articles.bloc img {
  border-radius: 20px;
}
@media screen and (min-width: 1024px) {
  .single:not(.single-offre) .autres-articles .actus:nth-child(1) {
    padding-left: 0;
  }
  .single:not(.single-offre) .autres-articles .actus:nth-child(3) {
    padding-right: 0;
  }
}
.single:not(.single-offre) a.bouton {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .single:not(.single-offre) .container:not(header .container) {
    padding: 0 1.25rem;
  }
}

.wpcf7 {
  width: 100%;
  float: left;
}
.wpcf7 form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.wpcf7 .wpcf7-spinner {
  position: absolute;
}
.wpcf7 form .wpcf7-response-output {
  width: 100%;
  float: left;
  position: relative;
  margin: 0.8em 0;
  padding: 0 0 0 2.6em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 1.2rem;
  line-height: 120%;
  text-align: left;
}
.wpcf7 form .wpcf7-response-output.wpcf7-validation-errors, .wpcf7 form .wpcf7-response-output.wpcf7-acceptance-missing {
  max-width: 26em;
  border: none;
}
.wpcf7 form .wpcf7-response-output.wpcf7-validation-errors:before, .wpcf7 form .wpcf7-response-output.wpcf7-acceptance-missing:before {
  content: "\f071";
  display: block;
  float: left;
  position: absolute;
  top: 0.3em;
  left: 0;
  margin: 0;
  font-family: FontAwesome;
  font-size: 1.75em;
  color: white;
}
.wpcf7 form .wpcf7-response-output.wpcf7-mail-sent-ok:before {
  content: "\f00c";
  display: block;
  float: left;
  position: absolute;
  top: -0.05em;
  left: 0;
  margin: 0;
  font-family: FontAwesome;
  font-size: 1.75em;
  color: #001D43;
}
.wpcf7 .wpcf7-not-valid-tip {
  float: left;
  margin: 0 0 1em 0;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0;
}

.wpcf7 .bouton, .wpcf7 input[type=submit], .wpcf7 input[type=bouton] {
  float: right;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Poppins";
  font-size: 1.3rem;
  margin-top: 1.5rem;
  padding: 5px 15px;
  border: 1.5px solid #E30613;
  background-color: #E30613;
  border-radius: 30px;
  color: white;
  text-decoration: none;
  -webkit-transition: background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease, -webkit-box-shadow 200ms ease;
  transition: background-color 200ms ease, color 200ms ease, -webkit-transform 200ms ease, -webkit-box-shadow 200ms ease;
  transition: background-color 200ms ease, color 200ms ease, transform 200ms ease, box-shadow 200ms ease;
  transition: background-color 200ms ease, color 200ms ease, transform 200ms ease, box-shadow 200ms ease, -webkit-transform 200ms ease, -webkit-box-shadow 200ms ease;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.wpcf7 .bouton:hover, .wpcf7 input[type=submit]:hover, .wpcf7 input[type=bouton]:hover {
  background-color: white;
  color: #E30613;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}
.wpcf7 .bouton:active, .wpcf7 input[type=submit]:active, .wpcf7 input[type=bouton]:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}
.wpcf7 .bouton:focus-visible, .wpcf7 input[type=submit]:focus-visible, .wpcf7 input[type=bouton]:focus-visible {
  outline: 2px solid #E30613;
  outline-offset: 3px;
}
@media (max-width: 1920px) {
  .wpcf7 .bouton, .wpcf7 input[type=submit], .wpcf7 input[type=bouton] {
    font-size: 1rem;
  }
}
@media (max-width: 1680px) {
  .wpcf7 .bouton, .wpcf7 input[type=submit], .wpcf7 input[type=bouton] {
    font-size: 0.95rem;
  }
}
@media (max-width: 1440px) {
  .wpcf7 .bouton, .wpcf7 input[type=submit], .wpcf7 input[type=bouton] {
    font-size: 1rem;
  }
}
.wpcf7 label {
  font-family: "Poppins";
  font-size: 1.2rem;
}
@media (max-width: 1920px) {
  .wpcf7 label {
    font-size: 1rem;
  }
}
.wpcf7 label {
  color: #001D43;
}
.wpcf7 label.petit_titre {
  display: block;
  margin-bottom: 1rem;
  font-family: "Poppins";
  font-size: 1.5rem;
  font-weight: bold;
}
.wpcf7 span.first {
  margin-left: 0;
}
.wpcf7 [data-class=wpcf7cf_group] {
  width: 100%;
}
.wpcf7 [data-class=wpcf7cf_group] .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.wpcf7 .bloc_form {
  width: 100%;
  margin-bottom: 2rem;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=number], .wpcf7 input[type=date], .wpcf7 textarea, .wpcf7 select {
  width: 100%;
  margin: 0 0 1.5em;
  padding: 0.7em 0.88em 0.7em 0.88em;
  border: none;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
          box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  font-family: "Poppins";
  font-size: 1.2rem;
  color: #001D43;
  font-weight: 500;
  outline: none;
}
@media (max-width: 1920px) {
  .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=number], .wpcf7 input[type=date], .wpcf7 textarea, .wpcf7 select {
    font-size: 1rem;
  }
}
@media (max-width: 1680px) {
  .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=number], .wpcf7 input[type=date], .wpcf7 textarea, .wpcf7 select {
    font-size: 0.8rem;
  }
}
@media (max-width: 1440px) {
  .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=number], .wpcf7 input[type=date], .wpcf7 textarea, .wpcf7 select {
    font-size: 1rem;
  }
}
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio] {
  accent-color: #E30613;
}
.wpcf7 textarea {
  height: 8.25em;
}
.wpcf7 .titre {
  font-family: "Poppins";
  font-size: 1.5rem;
  font-weight: bold;
}
.wpcf7 .wpcf7-list-item-label, .wpcf7 label {
  color: white;
  font-size: 1.2rem;
}
@media (max-width: 1920px) {
  .wpcf7 .wpcf7-list-item-label, .wpcf7 label {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .wpcf7 .wpcf7-list-item {
    margin: 0;
  }
}

html :where(img[class*=wp-image-]) {
  max-width: 100%;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  max-height: 700px;
  border-radius: 20px;
}

.erreur-404 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* Page Formulaire */
.page-id-77 #contenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page-id-77 #contenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.page-id-77 #contenu p, .page-id-77 #contenu label, .page-id-77 #contenu span {
  color: #001D43;
}
.page-id-77 #contenu .side {
  border-right: 1px solid #001D43;
}
@media screen and (max-width: 768px) {
  .page-id-77 #contenu .side {
    border-right: 0;
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px solid #001D43;
  }
}
.page-id-77 #contenu .side .titre {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  margin-top: 0;
}
.page-id-77 #contenu .side p {
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .page-id-77 #contenu .side p {
    font-size: 0.8rem;
  }
}
.page-id-77 #contenu .side p.tel {
  color: #F3AA3E;
  font-weight: bold;
  margin-top: 2em;
}
.page-id-77 #contenu .barre_progression {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
}
.page-id-77 #contenu .barre_progression .bloc_chiffre {
  text-align: center;
  position: relative;
  z-index: 0;
}
.page-id-77 #contenu .barre_progression .bloc_chiffre .chiffre {
  color: #F6F6F6;
  position: relative;
  display: inline-block;
  font-weight: bold;
  z-index: 1;
  padding-bottom: 0;
}
.page-id-77 #contenu .barre_progression .bloc_chiffre .chiffre::before {
  content: "";
  position: absolute;
  width: 2.222em;
  height: 2.222em;
  border-radius: 50%;
  background-color: #F3AA3E;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.page-id-77 #contenu .barre_progression .bloc_chiffre .chiffre.completed {
  color: white;
  cursor: pointer;
}
.page-id-77 #contenu .barre_progression .bloc_chiffre .chiffre.completed::before {
  background-color: #F3AA3E;
}
.page-id-77 #contenu .barre_progression .bloc_chiffre .partie {
  margin-top: 0.5em;
}
@media screen and (max-width: 1023px) {
  .page-id-77 #contenu .barre_progression .bloc_chiffre .partie {
    font-size: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .page-id-77 #contenu .barre_progression .bloc_chiffre .partie {
    display: none;
  }
}
.page-id-77 #contenu .barre_progression .bloc_chiffre:not(:first-child) .chiffre::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -2; /* Toujours derrière son propre bloc */
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #F6F6F6;
  width: 230px;
  height: 1px;
  right: 0;
}
@media screen and (max-width: 1920px) {
  .page-id-77 #contenu .barre_progression .bloc_chiffre:not(:first-child) .chiffre::after {
    width: 200px;
  }
}
@media screen and (max-width: 1600px) {
  .page-id-77 #contenu .barre_progression .bloc_chiffre:not(:first-child) .chiffre::after {
    width: 170px;
  }
}
@media screen and (max-width: 1440px) {
  .page-id-77 #contenu .barre_progression .bloc_chiffre:not(:first-child) .chiffre::after {
    width: 140px;
  }
}
@media screen and (max-width: 1250px) {
  .page-id-77 #contenu .barre_progression .bloc_chiffre:not(:first-child) .chiffre::after {
    width: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .page-id-77 #contenu .barre_progression .bloc_chiffre:not(:first-child) .chiffre::after {
    width: 110px;
  }
}
@media screen and (max-width: 768px) {
  .page-id-77 #contenu .barre_progression .bloc_chiffre:not(:first-child) .chiffre::after {
    width: 60px;
  }
}
.page-id-77 #contenu form {
  width: 100%;
}
.page-id-77 #contenu .hidden {
  display: none;
}
.page-id-77 #contenu .titre {
  text-align: center;
  margin-top: 4rem;
}
.page-id-77 #contenu .titre_solo {
  margin: 4rem 0 3rem 0;
}
.page-id-77 #contenu .sous-titre {
  margin-bottom: 2em;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .page-id-77 #contenu .titre {
    font-size: 1.5rem;
  }
  .page-id-77 #contenu .sous-titre {
    font-size: 1rem;
  }
}
.page-id-77 #contenu .bloc_choix fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.page-id-77 #contenu .bloc_choix fieldset .choix {
  padding: 2em;
  background-color: white;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 0.563em 0.063em rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 0.563em 0.063em rgba(0, 0, 0, 0.1);
}
.page-id-77 #contenu .bloc_choix fieldset .choix input[type=radio], .page-id-77 #contenu .bloc_choix fieldset .choix input[type=checkbox] {
  width: 1em;
  height: 1em;
  float: right;
  position: relative;
  margin: 0;
  padding: 0;
  border: thin solid #001D43;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: transparent;
  font-size: 1.3rem;
  line-height: 100%;
  outline: none;
  -webkit-appearance: none;
}
.page-id-77 #contenu .bloc_choix fieldset .choix input[type=radio]:checked, .page-id-77 #contenu .bloc_choix fieldset .choix input[type=checkbox]:checked {
  background-color: #001D43;
}
.page-id-77 #contenu .bloc_choix fieldset .choix input[type=radio]:checked::before, .page-id-77 #contenu .bloc_choix fieldset .choix input[type=checkbox]:checked::before {
  content: "\f00c";
  display: block;
  float: left;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 1rem;
  color: white;
}
@media screen and (max-width: 1630px) {
  .page-id-77 #contenu .bloc_choix fieldset .choix input[type=radio], .page-id-77 #contenu .bloc_choix fieldset .choix input[type=checkbox] {
    font-size: 1.3rem;
  }
}
.page-id-77 #contenu .bloc_choix fieldset .choix svg {
  width: 100%;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 1023px) {
  .page-id-77 #contenu .bloc_choix fieldset .choix svg {
    max-height: 100px;
  }
}
.page-id-77 #contenu .bloc_choix fieldset .choix-9, .page-id-77 #contenu .bloc_choix fieldset .choix-10, .page-id-77 #contenu .bloc_choix fieldset .choix-11 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .page-id-77 #contenu .bloc_choix fieldset .choix_1, .page-id-77 #contenu .bloc_choix fieldset .choix-3, .page-id-77 #contenu .bloc_choix fieldset .choix_7, .page-id-77 #contenu .bloc_choix fieldset .choix_9, .page-id-77 #contenu .bloc_choix fieldset .choix-10 {
    margin-bottom: 2em;
  }
}
.page-id-77 #contenu button {
  display: block;
  margin: 4em auto 0;
  padding: 0.933em 3.333em 0.733em;
  border-radius: 22px;
  border: 2px solid #001D43;
  background-color: #001D43;
  color: white;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
}
.page-id-77 #contenu button:hover {
  color: #001D43;
  background-color: #f8f8f8;
}
.page-id-77 #contenu button.disabled {
  background-color: #F6F6F6;
  border: 2px solid #F6F6F6;
  cursor: not-allowed;
}
.page-id-77 #contenu button.disabled:hover {
  color: white;
}
.page-id-77 #contenu .departements li {
  font-size: 1rem;
  line-height: 100%;
}
@media screen and (max-width: 768px) {
  .page-id-77 #contenu .departements {
    margin-top: 2rem;
  }
}
.page-id-77 #contenu .carte {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-id-77 #contenu .carte #noms_departements g[id] {
  cursor: pointer;
}
@media screen and (max-width: 1440px) {
  .page-id-77 #contenu .carte .large-6 {
    width: 60%;
  }
}
@media screen and (max-width: 768px) {
  .page-id-77 #contenu .carte .large-6 {
    width: 100%;
  }
}
.page-id-77 #contenu .surface .sous-titre {
  margin-top: 2em;
}
.page-id-77 #contenu .surface .choix {
  width: 20%;
}
@media screen and (max-width: 1023px) {
  .page-id-77 #contenu .surface .choix {
    width: 45%;
  }
}
@media screen and (max-width: 768px) {
  .page-id-77 #contenu .surface .choix {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .page-id-77 #contenu .surface .choix-5, .page-id-77 #contenu .surface .choix-6 {
    margin-top: 2em;
  }
}
.page-id-77 #contenu .configuration {
  margin-top: 4em;
}
.page-id-77 #contenu .besoin .choix-10 svg {
  margin-top: 0.5em;
}
.page-id-77 #contenu .bloc-recap .recap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-id-77 #contenu .bloc-recap .recap #projet, .page-id-77 #contenu .bloc-recap .recap #localisation {
  margin-bottom: 4em;
}
@media screen and (max-width: 1023px) {
  .page-id-77 #contenu .bloc-recap .recap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
  }
  .page-id-77 #contenu .bloc-recap .recap #logement {
    margin-bottom: 4em;
  }
}
.page-id-77 #contenu .bloc-recap .titre2 {
  font-family: "Poppins";
  font-size: 1.5rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-id-77 #contenu .bloc-recap .titre2 span {
  background-color: #04273C;
  color: white;
  padding: 1em;
  border-radius: 100%;
  height: 0.5em;
  width: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 1em;
}
@media screen and (max-width: 768px) {
  .page-id-77 #contenu .bloc-recap .titre2 {
    font-size: 1.2rem;
  }
}
.page-id-77 #contenu .bloc-recap #recap-configuration, .page-id-77 #contenu .bloc-recap #recap-projet, .page-id-77 #contenu .bloc-recap #recap-localisation, .page-id-77 #contenu .bloc-recap #recap-besoin, .page-id-77 #contenu .bloc-recap #recap-surface, .page-id-77 #contenu .bloc-recap #recap-chauffage, .page-id-77 #contenu .bloc-recap #recap-climatisation, .page-id-77 #contenu .bloc-recap #recap-eau {
  margin-left: 4rem;
}
@media screen and (max-width: 1440px) {
  .page-id-77 #contenu .bloc-recap #recap-configuration, .page-id-77 #contenu .bloc-recap #recap-projet, .page-id-77 #contenu .bloc-recap #recap-localisation, .page-id-77 #contenu .bloc-recap #recap-besoin, .page-id-77 #contenu .bloc-recap #recap-surface, .page-id-77 #contenu .bloc-recap #recap-chauffage, .page-id-77 #contenu .bloc-recap #recap-climatisation, .page-id-77 #contenu .bloc-recap #recap-eau {
    margin-left: 3.5rem;
  }
}
.page-id-77 #contenu .infos {
  margin: auto;
}
.page-id-77 #contenu .form-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-id-77 #contenu .form-contact .moitie {
  width: 45%;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 768px) {
  .page-id-77 #contenu .form-contact .moitie {
    width: 100%;
  }
}
.page-id-77 #contenu .form-contact .entier {
  width: 100%;
  margin-bottom: 1.5em;
}
.page-id-77 #contenu .autorisation input[type=checkbox] {
  float: left;
  margin-right: 0.5em;
}
.page-id-77 #contenu .autorisation span {
  font-size: 0.8rem;
  line-height: 15px;
  font-weight: normal;
  margin-bottom: 2em;
}
.page-id-77 #contenu input[type=submit] {
  float: right;
}