@charset "UTF-8";
/*!
Theme Name: Faire Savoir - GSW
Description: Thème sur-mesure par Faire Savoir.
Text Domain: faire-savoir
Version: 1.0.0
Author: Faire Savoir - GSW
Author URI: https://www.faire-savoir.com/
*/
/***
    The new CSS reset - version 1.6.1 (last updated 25.5.2022)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(html, iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

/* Reapply the pointer cursor for anchor tags */
a, button {
  cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu {
  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;
}

/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
}

/* reset default text opacity of input placeholder */
::-moz-placeholder {
  color: unset;
}
:-ms-input-placeholder {
  color: unset;
}
::placeholder {
  color: unset;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly. */
:where([contenteditable]:not([contenteditable="false"])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
  -webkit-user-drag: element;
}

:root {
  --bo-white: 255, 255, 255;
  --bo-black: 0, 0, 0;
  --blue: 0, 123, 255;
  --purple: 111, 66, 193;
  --red: 220, 53, 69;
  --orange: 253, 126, 20;
  --color-146086: 20, 96, 134;
  --color-D4AF37: 212, 175, 55;
  --color-5cf49e: 92, 244, 158;
  --color-35a164: 53, 161, 100;
  --color-2ED477: 46, 212, 119;
  --color-ED594A: 237, 89, 74;
  --color-FDD800: 253, 216, 0;
  --color-5AC05A: 90, 192, 90;
  --color-5f6368: 95, 99, 104;
  --color-202124: 32, 33, 36;
  --color-1a0dab: 26, 13, 171;
  --color-4d5156: 77, 81, 86;
  --color-4F4F4F: 79, 79, 79;
  --color-777: 119, 119, 119;
  --color-828282: 130, 130, 130;
  --color-AAA: 170, 170, 170;
  --color-E5E5E5: 229, 229, 229;
  --color-414141: 65, 65, 65;
  --color-CACACA: 202, 202, 202;
  --color-F1F1F1: 241, 241, 241;
  --color-666: 102, 102, 102;
}

:root {
  --bo-white: 255, 255, 255;
  --bo-black: 0, 0, 0;
  --col1: 28, 102, 153;
  --col2: 42, 42, 42;
  --col3: 241, 241, 241;
  --col4: 202, 202, 202;
  --col5: 5, 62, 105;
  --col6: 89, 189, 239;
  --font-family-base: 'DM Sans', Arial, sans-serif;
  --font-family-alt: 'Open Sans', Arial, sans-serif;
}

html {
  margin-top: 0 !important;
}

body {
  font-size: 1em;
  height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-base);
}

body.admin-bar {
  margin-top: -32px;
}

body.admin-bar #wpadminbar {
  display: none;
}

header .container {
  max-width: 900px;
  margin: 0 auto;
  padding: 15px;
}

header .container img {
  width: 400px;
}

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(var(--col5), 1);
  height: auto;
  margin-top: auto;
  padding: 15px 30px;
  color: rgba(var(--bo-white), 1);
  font-family: var(--font-family-base);
}

footer nav {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

footer nav a {
  color: rgba(var(--bo-white), 1);
  width: 100%;
  transition: all 0.3s ease-in-out;
  font-weight: 300;
}

footer nav a:hover {
  color: rgba(var(--col6), 1);
}

body:not(.wp-admin):not(.home) {
  background: #3a9bd5;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #3a9bd5 0%, #0063ad 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a9bd5', endColorstr='#0063ad',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

body:not(.wp-admin):not(.home) h1 {
  font-family: var(--font-family-base);
  font-size: 2em;
  font-weight: bold;
  margin: 0 0 30px 0;
  color: rgba(var(--bo-white), 1);
}

body:not(.wp-admin):not(.home) h2 {
  font-family: var(--font-family-base);
  font-size: 1.5em;
  margin: 30px 0;
  color: rgba(var(--bo-white), 1);
}

body:not(.wp-admin):not(.home) p {
  margin-bottom: 15px;
  color: rgba(var(--bo-white), 1);
}

body:not(.wp-admin):not(.home) p:last-child {
  margin-bottom: 0;
}

body:not(.wp-admin):not(.home) .btn_zone {
  display: flex;
  margin-top: 30px;
  justify-content: center;
}

body:not(.wp-admin):not(.home) .btn_zone a,
body:not(.wp-admin):not(.home) .btn_zone input[type="submit"] {
  background-color: rgba(var(--col6), 1);
  color: rgba(var(--bo-white), 1);
  border: 2px solid rgba(var(--col6), 1);
  padding: 15px 30px;
  font-size: 1.2rem;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}

body:not(.wp-admin):not(.home) .btn_zone a:hover,
body:not(.wp-admin):not(.home) .btn_zone input[type="submit"]:hover {
  background-color: transparent;
  border-color: rgba(var(--bo-white), 1);
}

body:not(.wp-admin):not(.home) main {
  color: rgba(var(--bo-white), 1);
}

body:not(.wp-admin):not(.home) main section {
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: var(--font-family-base);
}

body:not(.wp-admin):not(.home) main section .container {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 15px;
}

body:not(.wp-admin):not(.home) main section .container .row {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1170px;
}

body:not(.wp-admin):not(.home) main section .container .row .col {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding: 1rem;
  flex-basis: 100%;
}

body:not(.wp-admin):not(.home) main section .container--logo .row {
  justify-content: center;
}

body:not(.wp-admin):not(.home) main section .container--logo .row .col {
  width: 100%;
  max-width: 400px;
}

body:not(.wp-admin) {
  background-color: rgba(var(--bo-white), 1);
  color: rgba(var(--col2), 1);
}

body:not(.wp-admin).home .button {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-size: 10px;
  text-transform: uppercase;
  color: rgba(var(--bo-white), 1);
  padding: 8px 14px;
  border-radius: 20px;
  text-decoration: none;
  transition: all 125ms ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}

body:not(.wp-admin).home .button:hover {
  text-decoration: none;
  background-color: transparent;
}

body:not(.wp-admin).home p {
  font-family: var(--font-family-base);
  font-size: 1em;
  margin-bottom: 30px;
}

body:not(.wp-admin).home p strong {
  font-weight: 900;
}

body:not(.wp-admin).home p:last-child {
  margin-bottom: 0;
}

body:not(.wp-admin).home p.intro {
  font-weight: 400;
  font-size: 1em;
  font-family: var(--font-family-alt);
}

body:not(.wp-admin).home a,
body:not(.wp-admin).home a.button {
  font-family: var(--font-family-base);
  font-size: 1em;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}

body:not(.wp-admin).home a:hover,
body:not(.wp-admin).home a.button:hover {
  text-decoration: none;
  opacity: .7;
}

body:not(.wp-admin).home ul li {
  margin-bottom: 30px;
}

body:not(.wp-admin).home ul li:last-child {
  margin-bottom: 0;
}

body:not(.wp-admin).home h2 {
  font-family: var(--font-family-base);
  font-size: 1.8em;
  color: rgba(var(--col1), 1);
  font-weight: 400;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

body:not(.wp-admin).home h2 strong {
  font-weight: 1000;
}

body:not(.wp-admin).home .link {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 15px;
}

body:not(.wp-admin).home .link--center {
  justify-content: center;
}

body:not(.wp-admin).home .link--right {
  justify-content: flex-end;
}

body:not(.wp-admin).home .link .button {
  background-color: rgba(var(--col1), 1);
  border: 2px solid rgba(var(--col1), 1);
  color: rgba(var(--bo-white), 1);
  padding: 10px 30px;
  height: 40px;
}

body:not(.wp-admin).home .link .button:hover {
  color: rgba(var(--col1), 1);
  background-color: rgba(var(--bo-white), 1);
}

body:not(.wp-admin).home .link .button--bo-black {
  background-color: rgba(var(--bo-black), 1);
  border: 2px solid rgba(var(--bo-black), 1);
}

body:not(.wp-admin).home .link .button--bo-black:hover {
  background-color: transparent;
  border-color: rgba(var(--bo-black), 1);
  color: rgba(var(--bo-black), 1);
}

body:not(.wp-admin).home .link .button--bo-white {
  color: rgba(var(--col1), 1);
  background-color: rgba(var(--bo-white), 1);
  border: 2px solid rgba(var(--bo-white), 1);
}

body:not(.wp-admin).home .link .button--bo-white:hover {
  background-color: transparent;
  border-color: rgba(var(--bo-white), 1);
  color: rgba(var(--bo-white), 1);
}

body:not(.wp-admin).home .media img {
  max-width: 100%;
  height: auto;
}

body:not(.wp-admin).home .row {
  max-width: none;
}

body:not(.wp-admin).home section {
  padding-top: 60px;
  padding-bottom: 60px;
}

body:not(.wp-admin).home section .container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 30px;
}

body:not(.wp-admin).home section .container .row {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  align-items: center;
  justify-content: center;
}

body:not(.wp-admin).home section .container .row .col {
  display: flex;
  flex-basis: 100%;
  max-width: 100%;
  justify-content: center;
}

body:not(.wp-admin).home section.gen_menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  z-index: 2;
  background-color: rgba(var(--col1), 1);
  filter: drop-shadow(0 0 0.75rem rgba(var(--bo-black), 0.2));
}

body:not(.wp-admin).home section.gen_menu .container {
  padding: 0;
}

body:not(.wp-admin).home section.gen_menu .container .row {
  justify-content: center;
  display: flex;
  justify-content: space-between;
}

body:not(.wp-admin).home section.gen_menu .container .row .col {
  padding: 0;
}

body:not(.wp-admin).home section.gen_menu .container .row .col .header-logo {
  width: 160px;
}

body:not(.wp-admin).home section.gen_menu .container .row .col .header-logo svg {
  fill: white;
}

body:not(.wp-admin).home section.gen_menu .container .row .col ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 30px;
  margin: 0;
  padding: 20px 30px;
  justify-content: center;
  flex-basis: 100%;
}

body:not(.wp-admin).home section.gen_menu .container .row .col ul li {
  color: rgba(var(--bo-white), 1);
  cursor: pointer;
  margin-bottom: 0;
}

body:not(.wp-admin).home section.gen_intro {
  padding-top: 60px;
  padding-bottom: 0;
  height: 700px;
  min-height: 70vh;
  display: flex;
  align-items: center;
}

body:not(.wp-admin).home section.gen_intro .container .row {
  align-items: center;
  justify-content: center;
}

body:not(.wp-admin).home section.gen_intro .container .row .col {
  text-align: center;
}

body:not(.wp-admin).home section.gen_intro .container .row .col--left {
  flex-direction: column;
  margin-top: 30px;
  flex-basis: 100%;
}

body:not(.wp-admin).home section.gen_intro .container .row .col--left .media--logo {
  width: 100%;
  margin-bottom: 30px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

body:not(.wp-admin).home section.gen_intro .container .row .col--left .media--logo svg {
  fill: rgba(var(--col1), 1);
}

body:not(.wp-admin).home section.gen_intro .container .row .col--left .link {
  justify-content: center;
}

body:not(.wp-admin).home section.gen_intro .container .row .col--right {
  position: relative;
  align-self: flex-start;
  border-radius: 30px;
}

body:not(.wp-admin).home section.gen_intro .container .row .col--right video {
  width: 100%;
  border-radius: 20px;
  filter: drop-shadow(0 6px 16px rgba(var(--bo-black), 0.1));
}

body:not(.wp-admin).home section.gen_etapes .container .row {
  align-items: flex-start;
}

body:not(.wp-admin).home section.gen_etapes .container .row .col h2 {
  text-align: center;
  color: rgba(var(--col2), 1);
  text-transform: uppercase;
  margin-bottom: 50px;
}

body:not(.wp-admin).home section.gen_etapes .container .row .col--etapes {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: flex-start;
  flex-basis: 180px;
}

body:not(.wp-admin).home section.gen_etapes .container .row .col--etapes .media {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--col1), 1);
  width: 180px;
  height: 180px;
  border-radius: 90px;
  margin-bottom: 15px;
  border: solid 15px rgba(var(--col3), 1);
  padding: 15px;
}

body:not(.wp-admin).home section.gen_etapes .container .row .col--etapes .media svg {
  fill: rgba(var(--bo-white), 1);
  max-width: 90px;
  width: 100%;
}

body:not(.wp-admin).home section.gen_charte {
  background-color: rgba(var(--col3), 1);
}

body:not(.wp-admin).home section.gen_charte .container .row .col {
  text-align: center;
}

body:not(.wp-admin).home section.gen_charte .container .row .col--left {
  flex-direction: column;
  text-align: center;
}

body:not(.wp-admin).home section.gen_charte .container .row .col--right {
  flex-direction: column;
  gap: 30px;
}

body:not(.wp-admin).home section.gen_charte .container .row .col--right .media {
  margin-bottom: 60px;
}

body:not(.wp-admin).home section.gen_clef .container .row {
  flex-direction: column-reverse;
}

body:not(.wp-admin).home section.gen_clef .container .row .col {
  text-align: center;
}

body:not(.wp-admin).home section.gen_clef .container .row .col--left {
  flex-direction: column;
  gap: 30px;
}

body:not(.wp-admin).home section.gen_clef .container .row .col--left .media svg {
  max-width: 100%;
  height: auto;
}

body:not(.wp-admin).home section.gen_clef .container .row .col--left .media svg .color1 {
  fill: rgba(var(--col1), 1);
}

body:not(.wp-admin).home section.gen_clef .container .row .col--left .media svg .gray-light {
  fill: rgba(var(--col3), 1);
}

body:not(.wp-admin).home section.gen_clef .container .row .col--right {
  flex-direction: column;
}

body:not(.wp-admin).home section.gen_temoignage {
  background-color: rgba(var(--col1), 1);
  padding-bottom: 0;
  display: none;
}

body:not(.wp-admin).home section.gen_temoignage .container .row {
  flex-direction: column-reverse;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col {
  position: relative;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--left {
  align-self: center;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--left .media {
  justify-content: center;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--left .media svg {
  width: 250px;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--left .media svg .st0 {
  fill: #FF8775;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--left .media svg .blue {
  fill: rgba(var(--col1), 1);
  opacity: 1;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--left .media svg .black {
  fill: rgba(var(--bo-black), 1);
  opacity: 1;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--left .media svg .st3 {
  fill: #FF4648;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--left .media svg .gray-dark {
  fill: rgba(var(--col4), 1);
  opacity: 1;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--left .media svg .white {
  fill: rgba(var(--bo-white), 1);
  opacity: 1;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--left .media svg .gray-light {
  fill: rgba(var(--col3), 1);
  opacity: 1;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--right .carousel_temoignages .item {
  text-align: center;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--right .carousel_temoignages .item p {
  color: rgba(var(--bo-white), 1);
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--right .carousel_temoignages .item p.testimonial {
  font-size: 1.875em;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.5;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--right .carousel_temoignages .item p.author {
  font-family: var(--font-family-alt);
  font-size: 1em;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--right .carousel_temoignages .owl-dots {
  display: flex;
  gap: 5px;
  justify-content: center;
  margin-top: 30px;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--right .carousel_temoignages .owl-dots .owl-dot {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: rgba(var(--bo-white), 0.5);
  transition: all 0.3s ease-in-out;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--right .carousel_temoignages .owl-dots .owl-dot:focus {
  outline: none;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--right .carousel_temoignages .owl-dots .owl-dot span {
  width: 100%;
  height: 100%;
}

body:not(.wp-admin).home section.gen_temoignage .container .row .col--right .carousel_temoignages .owl-dots .owl-dot.active {
  background-color: rgba(var(--bo-white), 1);
}

body:not(.wp-admin).home section.gen_tarifs .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}

body:not(.wp-admin).home section.gen_tarifs .container h2 {
  text-align: center;
}

body:not(.wp-admin).home section.gen_tarifs .container p {
  text-align: center;
  margin: 0;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-direction: column;
  margin-top: 30px;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .tarifs-annuel, body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .tarifs-mensuel {
  flex-basis: 50%;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs {
  margin-bottom: 20px;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  background-color: rgba(var(--col3), 1);
  border-radius: 20px;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-basis: 100%;
  max-width: 100%;
  align-self: stretch;
  text-align: center;
  background-color: rgba(var(--col1), 1);
  border-radius: 20px 20px 0 0;
  padding: 20px 20px 20px 20px;
  min-height: 150px;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--header h3 {
  color: rgba(var(--bo-white), 1);
  font-size: 1.8em;
  text-transform: uppercase;
  font-weight: 1000;
  margin-bottom: 10px;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--header p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: rgba(var(--bo-white), 1);
  font-size: 1em;
  font-weight: 400;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--main {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-basis: 100%;
  max-width: 100%;
  align-self: stretch;
  align-items: center;
  padding: 40px 30px 0 30px;
  text-align: center;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--main .price-box {
  display: flex;
  color: rgba(var(--col1), 1);
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--main .price-box--left {
  display: flex;
  align-items: flex-end;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--main .price-box--left p {
  font-size: 4.8rem;
  line-height: 4.8rem;
  font-weight: 1000;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--main .price-box--right {
  display: flex;
  flex-direction: column;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--main .price-box--right .price-euro {
  font-size: 3.125rem;
  line-height: 3.125rem;
  font-weight: 400;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--main .price-box--right .price-taxe {
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-weight: 400;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--main .price-box--secondary .price-box--left {
  display: flex;
  align-items: flex-end;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--main .price-box--secondary .price-box--left span {
  margin-right: 6px;
  font-size: 0.8rem;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--main .price-box--secondary .price-box--left p {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 1000;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--main .price-box--secondary .price-box--right .price-euro {
  font-size: 1.6rem;
  line-height: 1.6rem;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--main .price-box--secondary .price-box--right .price-taxe {
  font-size: 0.8rem;
  line-height: 0.8rem;
  font-weight: 400;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs--main .duration {
  font-size: 0.8rem;
}

body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .zone_tarifs .table_tarifs .link {
  margin: 30px 0;
}

body:not(.wp-admin).home section.gen_tarifs .container .row {
  justify-content: space-between;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col {
  text-align: center;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--left {
  flex-direction: column;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--left h2 {
  text-transform: uppercase;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--left .para {
  margin-bottom: 30px;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--left .para:last-child {
  margin-bottom: 0;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--left .para p {
  margin-bottom: 15px;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--left .para strong {
  color: rgba(var(--col1), 1);
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--left .para ul {
  list-style: none;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--left .para ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 15px;
  text-align: left;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--left .para ul li::before {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: rgba(var(--col1), 1);
  left: 0;
  top: 10px;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--right {
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--right .box-tarifs {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  max-width: 100%;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--right .box-tarifs--col2 {
  display: none;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--right .switch-tarifs {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 30px;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--right .switch-tarifs .switch-tarifs-elt {
  display: flex;
  flex-basis: 50%;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px 5px;
  background-color: rgba(var(--col3), 1);
  border: 2px solid rgba(var(--col3), 1);
  cursor: pointer;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--right .switch-tarifs .switch-tarifs-elt p {
  line-height: normal;
  font-size: 0.8rem;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--right .switch-tarifs .switch-tarifs-elt p span {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1rem;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--right .switch-tarifs .switch-tarifs-elt.year {
  border-radius: 20px 0 0 20px;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--right .switch-tarifs .switch-tarifs-elt.month {
  border-radius: 0 20px 20px 0;
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--right .switch-tarifs .switch-tarifs-elt.active {
  background-color: rgba(var(--bo-white), 1);
  border-color: rgba(var(--col1), 1);
  color: rgba(var(--col1), 1);
}

body:not(.wp-admin).home section.gen_tarifs .container .row .col--right .link {
  margin-top: -20px;
}

body:not(.wp-admin).home section.gen_tarifs .container ul {
  list-style: disc;
  padding: 20px;
  padding-left: 40px;
  width: 100%;
}

body:not(.wp-admin).home section.gen_tarifs .container ul h4 {
  text-align: center;
  font-weight: bold;
  margin-left: -20px;
}

body:not(.wp-admin).home section.gen_tarifs .container ul li {
  font-size: 0.9rem;
  margin-bottom: 6px;
}

body:not(.wp-admin).home section.gen_tarifs .container ul li::marker {
  color: rgba(var(--col1), 1);
}

body:not(.wp-admin).home section.gen_fusee {
  padding-top: 0;
  padding-bottom: 0;
}

body:not(.wp-admin).home section.gen_fusee .container {
  padding: 0;
}

body:not(.wp-admin).home section.gen_fusee .container .row {
  display: flex;
  font-size: 0;
  gap: 0;
}

body:not(.wp-admin).home section.gen_fusee .container .row .col {
  display: flex;
  vertical-align: top;
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--left {
  background-color: rgba(var(--col3), 1);
  height: 100%;
  width: 100%;
  max-width: 100%;
  order: 2;
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--left .media {
  height: 100%;
  padding: 30px;
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--left .media svg {
  width: 500px;
  max-width: 100%;
  height: auto;
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--left .media svg .color1 {
  fill: rgba(var(--col1), 1);
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--left .media svg .gray-light {
  fill: rgba(var(--col4), 1);
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--right {
  background-color: rgba(var(--col1), 1);
  font-size: 0;
  width: 100%;
  max-width: 100%;
  padding: 30px;
  order: 1;
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--right .media {
  display: none;
  width: 47px;
  height: 600px;
  margin-left: -1px;
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--right .media svg {
  width: 100%;
  height: 100%;
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--right .media svg .gray-light {
  fill: rgba(var(--col3), 1);
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--right .box {
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 1rem;
  vertical-align: top;
  height: 100%;
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--right .box--content {
  width: 100%;
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--right .box--content h2 {
  font-size: 2.5em;
  font-weight: bold;
  color: rgba(var(--bo-white), 1);
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 0;
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--right .box--content .intro {
  text-align: left;
  font-size: 1.7em;
  font-weight: 400;
  color: rgba(var(--bo-white), 1);
}

body:not(.wp-admin).home section.gen_fusee .container .row .col--right .box--content .link a {
  background-color: rgba(var(--bo-white), 1);
  color: rgba(var(--col1), 1);
  font-weight: 700;
}

body:not(.wp-admin).page-contact main section .container {
  margin-bottom: 60px;
}

body:not(.wp-admin).page-contact main section .container h1 {
  margin: 0 0 30px 0;
}

body:not(.wp-admin).page-contact main section .container .row {
  max-width: none;
  margin-bottom: 60px;
}

body:not(.wp-admin).page-contact main section .container .row .col--left {
  flex-basis: 100%;
  text-align: center;
}

body:not(.wp-admin).page-contact main section .container .row .col--left img {
  max-width: 400px;
}

body:not(.wp-admin).page-contact main section .container .row .col--right {
  flex-basis: 100%;
}

body:not(.wp-admin).page-contact main section .container form .form-line {
  display: flex;
  flex-basis: 100%;
  margin-bottom: 30px;
}

body:not(.wp-admin).page-contact main section .container form .form-line:last-child {
  margin-bottom: 0;
}

body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap {
  width: 100%;
}

body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap input,
body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap textarea {
  background-color: rgba(var(--bo-white), 0.85);
  color: rgba(var(--col1), 1);
  padding: 15px;
  border-radius: 10px;
  width: 100%;
  transition: all 0.3s ease-in-out;
  /* WebKit, Blink, Edge */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10-11 */
  /* Microsoft Edge */
  /* Most modern browsers support this now. */
}

body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap input::-moz-placeholder,
body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap textarea::-moz-placeholder {
  color: rgba(var(--col1), 1);
  opacity: 1;
}

body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap input:-ms-input-placeholder,
body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap textarea:-ms-input-placeholder {
  color: rgba(var(--col1), 1);
  opacity: 1;
}

body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap input::-moz-placeholder, body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap textarea::-moz-placeholder {
  color: rgba(var(--col1), 1);
  opacity: 1;
}

body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap input:-ms-input-placeholder, body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap textarea:-ms-input-placeholder {
  color: rgba(var(--col1), 1);
  opacity: 1;
}

body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap input::placeholder,
body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap textarea::placeholder {
  color: rgba(var(--col1), 1);
  opacity: 1;
}

body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap input:focus,
body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap textarea:focus {
  background-color: rgba(var(--bo-white), 1);
}

body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap input.wpcf7-not-valid,
body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap textarea.wpcf7-not-valid {
  border: 2px solid #dc3232;
}

body:not(.wp-admin).page-contact main section .container form .form-line .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  margin-top: 10px;
  background-color: #dc3232;
  color: rgba(var(--bo-white), 1);
  padding: 5px 10px;
  display: inline-block;
  border-radius: 5px;
}

body:not(.wp-admin).page-contact main section .container form .form-line.submit {
  justify-content: center;
  position: relative;
}

body:not(.wp-admin).page-contact main section .container form .form-line.submit .wpcf7-spinner {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

body:not(.wp-admin).error404 main {
  text-align: center;
}

body:not(.wp-admin).error404 main section h1 {
  margin: 0 0 30px 0;
}

body:not(.wp-admin).error404 main section .container .row {
  max-width: none;
  margin-bottom: 60px;
}

body:not(.wp-admin).error404 main section .container .row .col--logo {
  margin-bottom: 60px;
}

body:not(.wp-admin).error404 main section .container .row .col--left div {
  margin-bottom: 30px;
}

body:not(.wp-admin).error404 main section .container .row .col--left div:last-child {
  margin-bottom: 0;
}

body:not(.wp-admin).error404 main section .link a {
  display: inline-block;
  font-size: 1rem;
  text-transform: uppercase;
  color: rgba(var(--bo-white), 1);
  padding: 8px 14px;
  border-radius: 20px;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  font-family: var(--font-family-base);
  transition: all 0.3s ease-in-out;
  border: 1px solid rgba(var(--bo-white), 1);
  background-color: transparent;
}

body:not(.wp-admin).error404 main section .link a:hover {
  text-decoration: none;
  background-color: rgba(var(--bo-white), 1);
  color: rgba(var(--col1), 1);
}

body:not(.wp-admin).error404 main section .media--logo {
  width: 100%;
  max-width: 400px;
}

body:not(.wp-admin).error404 main section .media--illu {
  width: 300px;
  max-width: 100%;
  margin: 0 auto;
}

body:not(.wp-admin).page-questions-frequentes main {
  text-align: center;
}

body:not(.wp-admin).page-questions-frequentes main section h1 {
  margin: 0 0 30px 0;
  text-transform: uppercase;
}

body:not(.wp-admin).page-questions-frequentes main section .faq-body ul li {
  background-color: rgba(var(--bo-white), 1);
  color: rgba(var(--bo-black), 1);
  margin-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
}

body:not(.wp-admin).page-questions-frequentes main section .faq-body ul li h5 {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  text-align: left;
  font-weight: 600;
}

body:not(.wp-admin).page-questions-frequentes main section .faq-body ul li h5:hover {
  cursor: pointer;
}

body:not(.wp-admin).page-questions-frequentes main section .faq-body ul li h5::before {
  content: "?";
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--col6), 1);
  border: 2px solid rgba(var(--col6), 1);
  border-radius: 30px;
  height: 30px;
  width: 30px;
  min-width: 30px;
  margin-right: 10px;
  font-weight: 600;
}

body:not(.wp-admin).page-questions-frequentes main section .faq-body ul li h5::after {
  content: '▼';
  margin-left: 10px;
  color: rgba(var(--col4), 1);
  transition: all 0.2s ease-out;
}

body:not(.wp-admin).page-questions-frequentes main section .faq-body ul li .faqPostContent {
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.2s ease-out;
  padding: 0 20px;
  border-top: 1px solid rgba(var(--col3), 1);
}

body:not(.wp-admin).page-questions-frequentes main section .faq-body ul li .faqPostContent .content {
  overflow: hidden;
}

body:not(.wp-admin).page-questions-frequentes main section .faq-body ul li .faqPostContent p, body:not(.wp-admin).page-questions-frequentes main section .faq-body ul li .faqPostContent span {
  border-radius: 0;
  text-align: left;
  color: black;
  margin-bottom: 0;
}

body:not(.wp-admin).page-questions-frequentes main section .faq-body ul li .faqPostContent ul {
  list-style: inside;
}

body:not(.wp-admin).page-questions-frequentes main section .faq-body ul li .faqPostContent ul li {
  border-radius: 0;
  text-align: left;
}

body:not(.wp-admin).page-questions-frequentes main section .faq-body ul li.open .faqPostContent {
  padding: 20px;
  grid-template-rows: 1fr;
}

body:not(.wp-admin).page-questions-frequentes main section .faq-body ul li.open h5::after {
  transform: rotate(180deg);
}

body:not(.wp-admin).page-tutoriels main .tuto-content h2 {
  font-weight: 600;
  margin-bottom: 10px;
}

body:not(.wp-admin).page-tutoriels main .tuto-content h2::before {
  display: inline-block;
  content: '';
  width: 30px;
  height: 2px;
  margin-right: 10px;
  background-color: rgba(var(--bo-white), 1);
  transform: translateY(-6px);
}

body:not(.wp-admin).page-tutoriels main .tuto-content h2:not(:first-child) {
  margin-top: 30px;
}

body:not(.wp-admin).page-tutoriels main .tuto-content h2:first-child {
  margin-top: 0;
}

body:not(.wp-admin).page-tutoriels main .tuto-content .list-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

body:not(.wp-admin).page-tutoriels main .tuto-content .list-box a {
  background-color: rgba(var(--bo-white), 1);
  flex-basis: calc((100% - 40px) / 3);
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: space-between;
}

body:not(.wp-admin).page-tutoriels main .tuto-content .list-box a .box_title {
  font-weight: 600;
}

body:not(.wp-admin).page-tutoriels main .tuto-content .list-box a .box_bottom {
  display: flex;
  justify-content: end;
}

body:not(.wp-admin).page-tutoriels main .tuto-content .list-box a .box_bottom span {
  display: block;
  border: 3px solid rgba(var(--col6), 1);
  border-radius: 20px;
  padding: 10px 20px;
  transition: all 0.2s ease-out;
}

body:not(.wp-admin).page-tutoriels main .tuto-content .list-box a:hover .box_bottom span {
  color: rgba(var(--bo-white), 1);
  background-color: rgba(var(--col6), 1);
}

body:not(.wp-admin).page-tutoriels main .tuto-content .list-box a, body:not(.wp-admin).page-tutoriels main .tuto-content .list-box span {
  color: rgba(var(--bo-black), 1);
}

body:not(.wp-admin).single-aide .container {
  max-width: 900px;
  margin: 0 auto;
  padding: 15px;
}

body:not(.wp-admin).single-aide .container .tuto-details-backBtn {
  margin: 10px 0;
}

body:not(.wp-admin).single-aide .container .tuto-details-backBtn a {
  color: rgba(var(--bo-white), 1);
  transition: all 0.2s ease-out;
}

body:not(.wp-admin).single-aide .container .tuto-details-backBtn a::before {
  content: '⏴';
  margin-right: 10px;
  transition: all 0.2s ease-out;
}

body:not(.wp-admin).single-aide .container .tuto-details-backBtn a:hover {
  color: rgba(var(--col6), 1);
}

body:not(.wp-admin).single-aide .container .tuto-details-backBtn a:hover::before {
  margin-right: 16px;
}

body:not(.wp-admin).single-aide .container .tuto-details-content {
  display: flex;
  gap: 20px;
}

body:not(.wp-admin).single-aide .container .tuto-details-content > * {
  background: rgba(var(--bo-white), 1);
  border-radius: 20px;
  padding: 20px;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left {
  flex-basis: 72%;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left h1, body:not(.wp-admin).single-aide .container .tuto-details-content .left h2, body:not(.wp-admin).single-aide .container .tuto-details-content .left h3, body:not(.wp-admin).single-aide .container .tuto-details-content .left h4, body:not(.wp-admin).single-aide .container .tuto-details-content .left h5, body:not(.wp-admin).single-aide .container .tuto-details-content .left h6, body:not(.wp-admin).single-aide .container .tuto-details-content .left p, body:not(.wp-admin).single-aide .container .tuto-details-content .left li {
  color: rgba(var(--bo-black), 1);
  font-family: 'Roboto', Arial, sans-serif;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left p, body:not(.wp-admin).single-aide .container .tuto-details-content .left li {
  font-weight: 100;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left h1, body:not(.wp-admin).single-aide .container .tuto-details-content .left h2, body:not(.wp-admin).single-aide .container .tuto-details-content .left h3, body:not(.wp-admin).single-aide .container .tuto-details-content .left h4, body:not(.wp-admin).single-aide .container .tuto-details-content .left h5, body:not(.wp-admin).single-aide .container .tuto-details-content .left h6 {
  color: rgba(var(--col1), 1);
  font-weight: 600;
  font-size: 18px;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left strong {
  font-weight: 500;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left h2, body:not(.wp-admin).single-aide .container .tuto-details-content .left h3 {
  margin-bottom: 10px;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left h2::before, body:not(.wp-admin).single-aide .container .tuto-details-content .left h3::before {
  display: inline-block;
  content: '';
  width: 30px;
  height: 2px;
  margin-right: 10px;
  background-color: rgba(var(--col1), 1);
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left h2:not(:first-child) {
  margin-top: 30px;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left h2:first-child {
  margin-top: 0;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left ul, body:not(.wp-admin).single-aide .container .tuto-details-content .left ol {
  counter-reset: help_num;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left ul li, body:not(.wp-admin).single-aide .container .tuto-details-content .left ol li {
  position: relative;
  padding-left: 14px;
  margin-bottom: 10px;
  min-height: 30px;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left ul li::before, body:not(.wp-admin).single-aide .container .tuto-details-content .left ol li::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0px;
  width: 6px;
  min-width: 6px;
  height: 6px;
  background-color: rgba(var(--col1), 1);
  margin-right: 10px;
  border-radius: 50%;
  transition: all 0.2s ease-out;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left ol li {
  padding-left: 40px;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .left ol li::before {
  counter-increment: help_num;
  content: counter(help_num);
  top: 0px;
  width: 30px;
  min-width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--bo-white), 1);
}

body:not(.wp-admin).single-aide .container .tuto-details-content .right {
  height: 100%;
  flex-basis: 28%;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .right h2 {
  margin: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  color: rgba(var(--bo-black), 1);
}

body:not(.wp-admin).single-aide .container .tuto-details-content .right ul li {
  display: flex;
  align-items: center;
  transition: all 0.1s ease-out;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .right ul li::before {
  content: '';
  display: inline-block;
  width: 6px;
  min-width: 6px;
  height: 6px;
  background-color: rgba(var(--col1), 1);
  margin-right: 10px;
  border-radius: 50%;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .right ul li:not(:last-child) {
  margin-bottom: 8px;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .right ul li a {
  font-size: 14px;
}

body:not(.wp-admin).single-aide .container .tuto-details-content .right ul li:hover {
  color: rgba(var(--col6), 1);
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.icon-add_room {
  width: 1em;
}

.icon-adress {
  width: 0.75em;
}

.icon-adresse {
  width: 1em;
}

.icon-analytics {
  width: 1em;
}

.icon-arrow-left {
  width: 1.27778em;
}

.icon-arrow-right {
  width: 1.27778em;
}

.icon-arrow-round-right {
  width: 1.875em;
}

.icon-aux_alentours {
  width: 1em;
}

.icon-back {
  width: 1em;
}

.icon-blog {
  width: 1em;
}

.icon-blog {
  width: 0.875em;
}

.icon-burger {
  width: 1.30769em;
}

.icon-burger_white {
  width: 1.30769em;
}

.icon-calendrier {
  width: 1em;
}

.icon-check {
  width: 1em;
}

.icon-check_white {
  width: 1em;
}

.icon-chevron-bottom {
  width: 1em;
}

.icon-chevron-bottom_white {
  width: 1em;
}

.icon-chevron-left {
  width: 1em;
}

.icon-chevron-right {
  width: 1em;
}

.icon-chevron-top {
  width: 1em;
}

.icon-chevron-top_orange {
  width: 1em;
}

.icon-chip {
  width: 1em;
}

.icon-click_and_collect {
  width: 1em;
}

.icon-clock {
  width: 1em;
}

.icon-close {
  width: 1em;
}

.icon-close_white {
  width: 1em;
}

.icon-color {
  width: 1em;
}

.icon-color_copy {
  width: 1em;
}

.icon-configuration {
  width: 1em;
}

.icon-confirm {
  width: 1em;
}

.icon-copy_link {
  width: 1em;
}

.icon-dashboard {
  width: 1em;
}

.icon-database-backup {
  width: 1em;
}

.icon-delete {
  width: 1em;
}

.icon-disabled {
  width: 1em;
}

.icon-edit {
  width: 1em;
}

.icon-edit_card {
  width: 1em;
}

.icon-edit_doc {
  width: 1em;
}

.icon-edit_outdoor {
  width: 1em;
}

.icon-edit_room {
  width: 1em;
}

.icon-edit_white {
  width: 1em;
}

.icon-exit {
  width: 1em;
}

.icon-facebook {
  width: 1em;
}

.icon-facture {
  width: 1em;
}

.icon-faq {
  width: 1em;
}

.icon-font {
  width: 1em;
}

.icon-font_copy {
  width: 1em;
}

.icon-footer {
  width: 1em;
}

.icon-fork {
  width: 1em;
}

.icon-formulaire_contact {
  width: 1em;
}

.icon-gsw_add {
  width: 1em;
}

.icon-gsw_blog {
  width: 1em;
}

.icon-gsw_calendar {
  width: 1em;
}

.icon-gsw_calendar_check {
  width: 1em;
}

.icon-gsw_carte {
  width: 1em;
}

.icon-gsw_cloud_synch {
  width: 1em;
}

.icon-gsw_contact {
  width: 1em;
}

.icon-gsw_garden_add {
  width: 1em;
}

.icon-gsw_header_edit {
  width: 1em;
}

.icon-gsw_home_lodging {
  width: 1em;
}

.icon-gsw_map {
  width: 1em;
}

.icon-gsw_megaphone {
  width: 1em;
}

.icon-gsw_pen {
  width: 1em;
}

.icon-gsw_popup {
  width: 1em;
}

.icon-gsw_reload {
  width: 1em;
}

.icon-gsw_res_card {
  width: 1em;
}

.icon-gsw_room_add {
  width: 1em;
}

.icon-gsw_stats {
  width: 1em;
}

.icon-gsw_sun {
  width: 1em;
}

.icon-gsw_translate {
  width: 1em;
}

.icon-gsw_trash {
  width: 1em;
}

.icon-gsw_widget {
  width: 1em;
}

.icon-handicap-auditif {
  width: 1.66667em;
}

.icon-handicap-mental {
  width: 1.66667em;
}

.icon-handicap-moteur {
  width: 1.66667em;
}

.icon-handicap-visuel {
  width: 1.66667em;
}

.icon-help {
  width: 1em;
}

.icon-home {
  width: 1em;
}

.icon-img_bg {
  width: 1.33333em;
}

.icon-info {
  width: 1em;
}

.icon-information {
  width: 1em;
}

.icon-instagram {
  width: 1em;
}

.icon-light {
  width: 1em;
}

.icon-linkedin {
  width: 1em;
}

.icon-lock {
  width: 1em;
}

.icon-logo {
  width: 3.8449em;
}

.icon-logo_american_express {
  width: 1em;
}

.icon-logo_carte_bleue {
  width: 1em;
}

.icon-logo_dankort {
  width: 1em;
}

.icon-logo_maestro {
  width: 1.28643em;
}

.icon-logo_mastercard {
  width: 1.28643em;
}

.icon-logo_unionpay {
  width: 1.6em;
}

.icon-logo_visa {
  width: 3.08434em;
}

.icon-logout {
  width: 1em;
}

.icon-mail {
  width: 1.25em;
}

.icon-map {
  width: 1em;
}

.icon-marker {
  width: 0.74074em;
}

.icon-menu {
  width: 1em;
}

.icon-minus {
  width: 1em;
}

.icon-moins {
  width: 1em;
}

.icon-open-site {
  width: 1em;
}

.icon-option {
  width: 1em;
}

.icon-page {
  width: 0.84375em;
}

.icon-pages {
  width: 1em;
}

.icon-pages_add {
  width: 1em;
}

.icon-paiement {
  width: 1em;
}

.icon-palette {
  width: 1em;
}

.icon-peinture {
  width: 1em;
}

.icon-peinture_white {
  width: 1em;
}

.icon-pen {
  width: 1em;
}

.icon-phone {
  width: 1em;
}

.icon-pinterest {
  width: 1em;
}

.icon-player_youtube {
  width: 1em;
}

.icon-plus {
  width: 1em;
}

.icon-plus-round {
  width: 1em;
}

.icon-popup {
  width: 1em;
}

.icon-preview {
  width: 1em;
}

.icon-preview_2 {
  width: 1em;
}

.icon-qrcode {
  width: 1em;
}

.icon-rgpd {
  width: 1em;
}

.icon-scroll {
  width: 1em;
}

.icon-scroll_white {
  width: 1em;
}

.icon-see {
  width: 1em;
}

.icon-seo {
  width: 1em;
}

.icon-sites {
  width: 1em;
}

.icon-skin-gird {
  width: 1em;
}

.icon-skin-grid {
  width: 1em;
}

.icon-skin-list {
  width: 1em;
}

.icon-social {
  width: 1em;
}

.icon-socialwall {
  width: 1em;
}

.icon-stats {
  width: 1em;
}

.icon-sun {
  width: 1em;
}

.icon-synchronize {
  width: 1em;
}

.icon-table {
  width: 1em;
}

.icon-talk {
  width: 1em;
}

.icon-theme {
  width: 1em;
}

.icon-theme_copy {
  width: 1em;
}

.icon-to_top {
  width: 1em;
}

.icon-tracking {
  width: 1em;
}

.icon-trad {
  width: 2.24em;
}

.icon-traduction {
  width: 0.875em;
}

.icon-traduction_2 {
  width: 1em;
}

.icon-translate {
  width: 1.38934em;
}

.icon-trash {
  width: 1em;
}

.icon-twitter {
  width: 1em;
}

.icon-type_pdf {
  width: 1em;
}

.icon-update {
  width: 1em;
}

.icon-user {
  width: 1em;
}

.icon-video_bg {
  width: 1.77778em;
}

.icon-view {
  width: 1em;
}

.icon-warning {
  width: 1em;
}

.icon-website {
  width: 1em;
}

.icon-widget {
  width: 1em;
}

@media (min-width: 576px) {
  body:not(.wp-admin).home section.gen_intro .container .row .col--left {
    flex-basis: 100%;
    max-width: 100%;
  }
  body:not(.wp-admin).home section.gen_tarifs .container .row .col--right {
    flex-wrap: nowrap;
  }
}

@media (min-width: 768px) {
  footer {
    justify-content: flex-end;
  }
  footer nav {
    justify-content: flex-end;
    text-align: right;
  }
  footer nav a {
    width: auto;
  }
  body:not(.wp-admin):not(.home) main section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  body:not(.wp-admin):not(.home) main section .container .row .col {
    padding-top: 0;
    padding-bottom: 0;
  }
  body:not(.wp-admin):not(.home) main section .container--logo .row {
    justify-content: flex-start;
  }
  body:not(.wp-admin).home section .container {
    padding: 0 60px;
  }
  body:not(.wp-admin).home section.gen_menu .container {
    padding: 0 30px;
  }
  body:not(.wp-admin).home section.gen_menu .container .row .col {
    flex-basis: fit-content;
    width: auto;
  }
  body:not(.wp-admin).home section.gen_intro .container .row .col {
    text-align: left;
  }
  body:not(.wp-admin).home section.gen_intro .container .row .col--left {
    flex-basis: calc(40% - 30px);
    max-width: calc(40% - 30px);
  }
  body:not(.wp-admin).home section.gen_intro .container .row .col--left .media--logo {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
  }
  body:not(.wp-admin).home section.gen_intro .container .row .col--left .link {
    justify-content: flex-start;
  }
  body:not(.wp-admin).home section.gen_intro .container .row .col--right {
    flex-basis: calc(60% - 30px);
    max-width: calc(60% - 30px);
    border-radius: 0 0 30px 30px;
  }
  body:not(.wp-admin).home section.gen_charte .container .row .col {
    text-align: left;
  }
  body:not(.wp-admin).home section.gen_charte .container .row .col--left {
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
    text-align: left;
  }
  body:not(.wp-admin).home section.gen_charte .container .row .col--right {
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
  }
  body:not(.wp-admin).home section.gen_clef .container .row {
    flex-direction: row;
  }
  body:not(.wp-admin).home section.gen_clef .container .row .col {
    text-align: left;
  }
  body:not(.wp-admin).home section.gen_clef .container .row .col--left {
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
  }
  body:not(.wp-admin).home section.gen_clef .container .row .col--right {
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
  }
  body:not(.wp-admin).home section.gen_temoignage .container .row {
    flex-direction: row;
  }
  body:not(.wp-admin).home section.gen_temoignage .container .row .col--left {
    flex-basis: calc(30% - 30px);
    max-width: calc(30% - 30px);
    align-self: flex-end;
  }
  body:not(.wp-admin).home section.gen_temoignage .container .row .col--left .media svg {
    width: 100%;
  }
  body:not(.wp-admin).home section.gen_temoignage .container .row .col--right {
    flex-basis: calc(70% - 30px);
    max-width: calc(70% - 30px);
    padding-bottom: 60px;
  }
  body:not(.wp-admin).home section.gen_temoignage .container .row .col--right .carousel_temoignages .item {
    text-align: left;
  }
  body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content {
    flex-direction: row;
  }
  body:not(.wp-admin).home section.gen_tarifs .container .row .col {
    text-align: left;
  }
  body:not(.wp-admin).home section.gen_tarifs .container .row .col--right {
    justify-content: flex-end;
    flex-basis: calc(40% - 30px);
    max-width: calc(40% - 30px);
  }
  body:not(.wp-admin).home section.gen_tarifs .container ul {
    width: 40%;
  }
  body:not(.wp-admin).home section.gen_fusee {
    height: 600px;
    min-height: 600px;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, rgba(var(--col1), 1) 0%, rgba(var(--col1), 1) 50%, rgba(var(--col3), 1) 50%, rgba(var(--col3), 1) 100%);
  }
  body:not(.wp-admin).home section.gen_fusee .container {
    height: 600px;
    min-height: 600px;
    padding: 0 30px;
  }
  body:not(.wp-admin).home section.gen_fusee .container .row {
    display: block;
    height: 600px;
    min-height: 600px;
  }
  body:not(.wp-admin).home section.gen_fusee .container .row .col {
    display: inline-block;
  }
  body:not(.wp-admin).home section.gen_fusee .container .row .col--left {
    width: 50%;
    max-width: 50%;
  }
  body:not(.wp-admin).home section.gen_fusee .container .row .col--left .media {
    padding: 0;
  }
  body:not(.wp-admin).home section.gen_fusee .container .row .col--left .media svg {
    width: auto;
    height: 100%;
    margin-top: -30px;
  }
  body:not(.wp-admin).home section.gen_fusee .container .row .col--right {
    width: 50%;
    max-width: 50%;
    padding: 0;
  }
  body:not(.wp-admin).home section.gen_fusee .container .row .col--right .media {
    display: inline-block;
  }
  body:not(.wp-admin).home section.gen_fusee .container .row .col--right .box {
    width: calc(100% - 47px);
    height: 600px;
  }
  body:not(.wp-admin).home section.gen_fusee .container .row .col--right .box--content {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 30px;
  }
  body:not(.wp-admin).page-contact main section .container .row .col--left {
    flex-basis: 50%;
    text-align: left;
  }
  body:not(.wp-admin).page-contact main section .container .row .col--right {
    flex-basis: 50%;
  }
  body:not(.wp-admin).page-contact main section .container form .form-line.submit {
    justify-content: flex-end;
  }
  body:not(.wp-admin).error404 main section .container .row {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  body:not(.wp-admin).error404 main section .media--illu {
    width: 100%;
  }
}

@media (min-width: 1280px) {
  body:not(.wp-admin).home section.gen_intro .container .row .col--left {
    flex-basis: calc(30% - 30px);
    max-width: calc(30% - 30px);
  }
  body:not(.wp-admin).home section.gen_intro .container .row .col--right {
    flex-basis: calc(70% - 30px);
    max-width: calc(70% - 30px);
  }
  body:not(.wp-admin).home section.gen_clef .container .row .col--left {
    flex-basis: calc(60% - 30px);
    max-width: calc(60% - 30px);
  }
  body:not(.wp-admin).home section.gen_clef .container .row .col--right {
    flex-basis: calc(40% - 30px);
    max-width: calc(40% - 30px);
  }
  body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .tarifs-annuel, body:not(.wp-admin).home section.gen_tarifs .container .tarifs-content .tarifs-mensuel {
    flex-basis: 34%;
  }
  body:not(.wp-admin).home section.gen_tarifs .container .row .col--right {
    flex-basis: calc(40% - 30px);
    max-width: calc(40% - 30px);
  }
}

@media (min-width: 1440px) {
  body:not(.wp-admin).home section.gen_intro .container .row .col--right {
    padding: 60px;
    border-radius: 0 0 60px 60px;
  }
  body:not(.wp-admin).home section.gen_fusee .container .row .col--right .box--content .link {
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  body:not(.wp-admin).home section.gen_menu .container .row {
    gap: 0;
    padding-top: 16px;
  }
  body:not(.wp-admin).home section.gen_intro .container .row {
    flex-direction: column;
    padding-top: 340px;
  }
  body:not(.wp-admin).home section.gen_intro .container .row .col--left .media--logo {
    max-width: 300px;
  }
  body:not(.wp-admin).home section.gen_intro .container .row .col--right {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 200px;
  }
}

@media (max-width: 576px) {
  body:not(.wp-admin).page-tutoriels main .tuto-content .list-box a {
    flex-basis: 100%;
  }
  body:not(.wp-admin).single-aide .container .tuto-details-content {
    flex-direction: column;
  }
}

/*# sourceMappingURL=style.css.map */