@charset "UTF-8";
/*--------------------------------------------------------------
Theme Name: Les Globules
Author: Didier Flachard
Description: Template à base de Bootstrap 5 et d'ACF, optimisé pour un score optimal sur google page speed.
Version: 4.0.0
Tags: Bootstrap 5.0
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 01 - Variables / Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 02 - Global
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins bold", sans-serif;
  color: #000000;
}

body.home h1 {
  font-size: 58px;
  line-height: 72px;
  color: #FFFFFF;
}
body.home h2 {
  font-size: 48px;
  line-height: 70px;
}
body.home h3 {
  font-size: 40px;
  line-height: 50px;
}
body:not(.home) h1 {
  font-size: 58px;
  line-height: 72px;
  color: #FFFFFF;
}
body:not(.home) h2 {
  font-size: 48px;
  line-height: 58px;
}
p, li, ol {
  font-family: "Josefin Sans light", sans-serif;
  font-size: 20px;
  color: #000000;
}
p strong, li strong, ol strong {
  font-family: "Josefin Sans", sans-serif;
  font-weight: 400;
}

/* Elements */
html {
  box-sizing: border-box;
}

/* LINKS */
a {
  font-size: 20px;
}
a:focus {
  outline: none;
}
a:active, a:hover {
  outline: 0;
}

.site-content ul li {
  list-style: disc !important;
}

/* LISTS */
ul {
  list-style: none;
}

li {
  margin-bottom: 8px;
  line-height: 22px;
}

ol {
  list-style: decimal;
}

li > ol,
li > ul {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* BUTTONS */
.col-button {
  padding: 14px;
  border-radius: 8px;
  background: #000;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 20px;
  font-family: "Josefin Sans", sans-serif;
}
.col-button:hover {
  background-color: #FFFFFF;
  color: #000000;
}
.col-button:hover:after {
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3164 1.62305L1.00107 10.9425" stroke="black"/><path d="M1.09324 1.62461L10.317 1.62258L10.3191 10.9868" stroke="black"/></svg>');
}
.col-button:after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 5px;
  transform: translateY(2px);
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3164 1.62305L1.00107 10.9425" stroke="white"/><path d="M1.09324 1.62461L10.317 1.62258L10.3191 10.9868" stroke="white"/></svg>');
}

.show-more {
  background: linear-gradient(#000000, #000000) padding-box, linear-gradient(-150deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%) border-box;
  border: 1px solid transparent;
  padding: 14px 32px;
  color: #FFFFFF;
  border-radius: 8px;
  font-size: 20px;
  font-family: "Poppins semi bold", sans-serif;
  margin-bottom: -15px;
  display: inline-block;
}

.wit-button {
  padding: 14px 32px;
  border-radius: 8px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 16px;
  font-family: "Poppins semi bold", sans-serif;
  margin-top: 15px;
  background-color: #000000;
  position: relative;
}
.wit-button:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: linear-gradient(-150deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%) border-box;
  border-radius: 8px;
  transition: background 0.5s ease;
}
.wit-button:hover:before {
  background: linear-gradient(210deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%);
}
.wit-button:after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 7px;
  transform: translateY(1px);
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3164 1.62305L1.00107 10.9425" stroke="white"/><path d="M1.09324 1.62461L10.317 1.62258L10.3191 10.9868" stroke="white"/></svg>');
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-radius: 3px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
/* IMAGES */
img {
  height: auto;
  max-width: 100%;
}

/* FORMCRAFT */
.powered-by {
  display: none !important;
}

.main-label {
  color: #000000;
}

.form-element-html input[type=text],
.form-element-html input[type=email],
.form-element-html input[type=password],
.form-element-html select,
.form-element-html textarea {
  color: #000000 !important;
}

input::placeholder {
  color: #000000 !important;
  font-family: "Josefin Sans light", sans-serif !important;
  font-size: 20px !important;
}

html .formcraft-css .fc-form .form-element .form-element-html input[type=color], html .formcraft-css .fc-form .form-element .form-element-html input[type=date], html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime-local], html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime], html .formcraft-css .fc-form .form-element .form-element-html input[type=email], html .formcraft-css .fc-form .form-element .form-element-html input[type=month], html .formcraft-css .fc-form .form-element .form-element-html input[type=number], html .formcraft-css .fc-form .form-element .form-element-html input[type=password], html .formcraft-css .fc-form .form-element .form-element-html input[type=search], html .formcraft-css .fc-form .form-element .form-element-html input[type=tel], html .formcraft-css .fc-form .form-element .form-element-html input[type=text], html .formcraft-css .fc-form .form-element .form-element-html input[type=time], html .formcraft-css .fc-form .form-element .form-element-html input[type=url], html .formcraft-css .fc-form .form-element .form-element-html input[type=week], html .formcraft-css .fc-form .form-element .form-element-html select, html .formcraft-css .fc-form .form-element .form-element-html textarea {
  padding: 14px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  background: linear-gradient(#FAFAFA, #FAFAFA) padding-box, linear-gradient(-150deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%) border-box !important;
  font-family: "Josefin Sans light", sans-serif !important;
}

.checkbox-cover label span span {
  padding: 6px 14px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  background: linear-gradient(#000000, #000000) padding-box, linear-gradient(-150deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%) border-box !important;
  font-family: "Josefin Sans light", sans-serif !important;
  color: #FFFFFF;
}

.formcraft-css .fc-form .form-element .field-cover input[type=radio]:checked, .formcraft-css .fc-form .form-element .field-cover input[type=checkbox]:checked {
  border-color: #000000 !important;
  background: #000000 !important;
  font-family: "Josefin Sans light", sans-serif !important;
}

.formcraft-css .fc-form .form-element .submit-cover .submit-button, .formcraft-css .fc-form .form-element .fileupload-cover .button-file, .formcraft-css .fc-form .form-element .field-cover .button, .formcraft-datepicker .ui-datepicker-header, .formcraft-datepicker .ui-datepicker-title {
  padding: 6px 14px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  background: linear-gradient(#000000, #000000) padding-box, linear-gradient(-150deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%) border-box !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 15px !important;
}
.formcraft-css .fc-form .form-element .submit-cover .submit-button:after, .formcraft-css .fc-form .form-element .fileupload-cover .button-file:after, .formcraft-css .fc-form .form-element .field-cover .button:after, .formcraft-datepicker .ui-datepicker-header:after, .formcraft-datepicker .ui-datepicker-title:after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 5px;
  transform: translateY(2px);
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3164 1.62305L1.00107 10.9425" stroke="white"/><path d="M1.09324 1.62461L10.317 1.62258L10.3191 10.9868" stroke="white"/></svg>');
}
.formcraft-css .fc-form .form-element .submit-cover .submit-button:hover, .formcraft-css .fc-form .form-element .fileupload-cover .button-file:hover, .formcraft-css .fc-form .form-element .field-cover .button:hover, .formcraft-datepicker .ui-datepicker-header:hover, .formcraft-datepicker .ui-datepicker-title:hover {
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(-150deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%) border-box !important;
  color: #000000 !important;
}
.formcraft-css .fc-form .form-element .submit-cover .submit-button:hover:after, .formcraft-css .fc-form .form-element .fileupload-cover .button-file:hover:after, .formcraft-css .fc-form .form-element .field-cover .button:hover:after, .formcraft-datepicker .ui-datepicker-header:hover:after, .formcraft-datepicker .ui-datepicker-title:hover:after {
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3164 1.62305L1.00107 10.9425" stroke="black"/><path d="M1.09324 1.62461L10.317 1.62258L10.3191 10.9868" stroke="black"/></svg>');
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/poppins-v20-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins semi bold";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/poppins-v20-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins bold";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/poppins-v20-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Josefin Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/josefin-sans-v32-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Josefin Sans light";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/josefin-sans-v32-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# 03 - Navigation
--------------------------------------------------------------*/
.mob-menu-left-bg-holder, .mob-menu-right-bg-holder, .mob-menu-cart-bg-holder {
  background-color: #000000;
}

#mobmenuright li a, #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
  color: #FFFFFF !important;
}

.mobmenu-content #mobmenuright > li > a:hover {
  background-color: rgba(0, 0, 0, 0) !important;
}

.mobmenu-content #mobmenuright li:hover {
  background: linear-gradient(249deg, #FFE187 0%, #F4216E 25%, #52DFCF 50%, #3146B9 100%) !important;
}

.mobmenu {
  background-color: #000000 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.mob-standard-logo {
  transform: translateY(-3px);
  float: left;
  margin-left: 20px;
}

.menu .linkedin {
  color: #FFFFFF;
  font-size: 20px;
  font-family: "Josefin Sans light", sans-serif;
  display: inline-block;
  margin-right: 10px !important;
  line-height: 0;
}
.menu .linkedin a {
  width: 42px;
  height: 42px;
  display: inline-block;
  z-index: 100;
  background: linear-gradient(#000000, #000000) padding-box, linear-gradient(-150deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%) border-box;
  border: 1px solid transparent;
  padding: 10px 15px;
  border-radius: 8px;
  position: relative;
}
.menu .linkedin a:after {
  content: "";
  background-image: url("../images/linkedin.svg");
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
}
.menu .btn-formation a {
  background: linear-gradient(#000000, #000000) padding-box, linear-gradient(-150deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%) border-box;
  border: 1px solid transparent;
  padding: 8px 20px;
  color: #FFFFFF;
  border-radius: 8px;
  font-size: 20px;
  font-family: "Josefin Sans light", sans-serif;
  display: inline-block;
}
.menu .btn-formation a:after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 7px;
  transform: translateY(1px);
  background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3164 1.62305L1.00107 10.9425" stroke="white"/><path d="M1.09324 1.62461L10.317 1.62258L10.3191 10.9868" stroke="white"/></svg>');
}
.menu .btn-formation {
  margin-right: 0px !important;
}

.home .sticky, .page-id-94 .sticky {
  background-color: #000000;
}
.home .sticky .logo-header, .page-id-94 .sticky .logo-header {
  max-width: 90px;
  max-height: 35px;
  margin: 8px 0 !important;
}
.home .cls-1, .home .cls-2, .page-id-94 .cls-1, .page-id-94 .cls-2 {
  fill: #FFFFFF !important;
}
.home li a, .page-id-94 li a {
  color: #FFFFFF;
}

.page-id-167 .sticky, .single .sticky, .page-id-407 .sticky, .page-id-413 .sticky {
  background-color: #FFFFFF;
}
.page-id-167 .sticky .logo-header, .single .sticky .logo-header, .page-id-407 .sticky .logo-header, .page-id-413 .sticky .logo-header {
  max-width: 90px;
  max-height: 35px;
  margin: 8px 0 !important;
}
.page-id-167 .cls-1, .page-id-167 .cls-2, .single .cls-1, .single .cls-2, .page-id-407 .cls-1, .page-id-407 .cls-2, .page-id-413 .cls-1, .page-id-413 .cls-2 {
  fill: #000000 !important;
}
.page-id-167 li a, .single li a, .page-id-407 li a, .page-id-413 li a {
  color: #000000;
}

.logo-header {
  max-width: 250px;
  max-height: 79px;
  transition: all 1.5s;
  margin: 25px 0;
}

.l-header {
  position: fixed;
  width: 100%;
  z-index: 999;
  padding: 0px 0px 10px 0px;
}
.l-header .top-bar-container {
  display: flex;
  justify-content: flex-end;
}
.l-header .top-bar-container .top-bar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -4px;
  margin-top: 10px;
}
.l-header .top-bar-container .top-bar a {
  text-decoration: none;
  font-size: 15px;
}
.l-header .top-bar-container .top-bar .top-button {
  padding: 0 5px 3px 5px;
  color: #FFFFFF;
  font-size: 14px;
  letter-spacing: 1px;
  font-family: "Poppins semi bold", sans-serif;
  position: relative;
  margin-bottom: 5px;
}
.l-header .top-bar-container .top-bar .top-button::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.2px; /* Hauteur de la bordure */
  background: linear-gradient(-150deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%);
}
.l-header .menu {
  margin-left: -30px;
  margin-bottom: 0px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.l-header .menu li {
  margin-right: 30px;
  margin-bottom: 0px;
}
.l-header .menu li a {
  text-decoration: none;
  font-weight: 500;
  font-family: "Poppins semi bold", sans-serif;
  font-size: 16px;
}

.page-id-407 h1, .page-id-413 h1 {
  color: #000000 !important;
  font-size: 50px !important;
  line-height: 60px !important;
  margin-bottom: 40px;
}
.page-id-407 h2, .page-id-413 h2 {
  font-size: 36px !important;
  line-height: 50px !important;
}

.postid-387 .top-bar-container .top-button, .page-id-167 .top-bar-container .top-button, .page-id-407 .top-bar-container .top-button, .page-id-413 .top-bar-container .top-button {
  color: black !important;
}

.footer-bg-1 {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("../images/footer-ellipse-gauche.svg");
  background-size: 45%;
  background-position: left center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  z-index: 10;
}

.footer-bg-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("../images/footer-ellipse-droite.svg");
  background-size: 15%;
  background-position: right bottom;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  z-index: 10;
}

.footer-container {
  background-color: #000000;
  padding-top: 100px;
  padding-bottom: 60px;
  position: relative;
}
.footer-container .menu {
  margin-left: -30px;
  display: flex;
  justify-content: end;
  align-items: center;
  z-index: 100;
  position: relative;
}
.footer-container .menu li {
  margin-right: 30px;
  list-style: none !important;
}
.footer-container .menu li a {
  color: #FFFFFF;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
}
.footer-container .footer-bas {
  z-index: 100;
  position: relative;
}
.footer-container .footer-bas p {
  margin-top: 20px;
  display: block;
}
.footer-container .footer-bas ul {
  margin-left: -30px;
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  align-items: center;
  z-index: 100;
  position: relative;
  margin-bottom: 0px;
}
.footer-container .footer-bas ul li {
  margin-left: 30px;
  list-style: none !important;
  width: fit-content;
}
.footer-container .footer-bas ul li a {
  color: #FFFFFF;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
}
.footer-container .footer-logo img {
  transform: translateY(-20px);
}
.footer-container .footer-bas {
  text-align: right;
}
.footer-container .linkedin {
  color: #FFFFFF;
}
.footer-container a, .footer-container p {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: 600;
  font-family: "Josefin Sans light", sans-serif;
  font-size: 16px;
}

/*--------------------------------------------------------------
# 04 - Pages
--------------------------------------------------------------*/
.p-home .overflow {
  overflow: hidden;
}
.p-home .l-entete {
  background-color: #000;
}
.p-home .l-entete .container {
  height: 100vh;
}
.p-home .l-entete .row {
  position: relative;
  height: 100%;
}
.p-home .l-entete h1 {
  margin-bottom: 40px;
}
.p-home .l-entete p {
  color: #FFFFFF;
  line-height: 26px;
}
.p-home .l-entete ol li {
  color: #FFFFFF;
  line-height: normal;
  font-family: "Poppins bold", sans-serif;
}
.p-home .l-entete .pave-droite {
  position: relative;
}
.p-home .l-entete .pave-droite img {
  transform: translateX(84px);
}
.p-home .l-entete .pave-droite video {
  z-index: 100;
  position: relative;
  transform: translateX(83px);
}
.p-home .l-entete .pave-droite:before {
  content: "";
  width: 113px;
  height: 113px;
  background-image: url("../images/Carre-QRE.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: -84px;
  left: 0;
  position: absolute;
  display: block;
  z-index: 1;
}
.p-home .l-entete .pave-droite:after {
  content: "";
  width: 50%;
  height: 500px;
  transform: translateY(-20%);
  top: 0;
  right: 0;
  position: absolute;
  background: rgb(255, 225, 135);
  background: linear-gradient(328deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%);
  display: block;
  z-index: 1;
}
.p-home .l-one {
  background-color: #000;
}
.p-home .l-one .circles-col {
  position: relative;
  transform: translateX(50px);
}
.p-home .l-one .circle {
  width: 190px;
  height: 190px;
  border: 5px solid #F4216E;
  border-radius: 190px;
  display: block;
  position: relative;
  transform: translateX(-100%);
  z-index: 100;
  left: -100%;
}
.p-home .l-one .circle-2, .p-home .l-one .circle-3 {
  width: 190px;
  height: 190px;
  border: 5px solid #F4216E;
  border-radius: 190px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.p-home .l-one .circle-2 {
  transform: translate(-30%, -50%);
  opacity: 0;
  filter: blur(7px);
}
.p-home .l-one .circle-3 {
  transform: translate(45%, -50%);
  opacity: 0;
  filter: blur(4px);
}
.p-home .l-one .pave-droite {
  background: linear-gradient(#000000, #000000) padding-box, linear-gradient(-150deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%) border-box;
  border: 1px solid transparent;
  padding: 31px;
}
.p-home .l-one h2 {
  font-family: "Poppins bold", sans-serif;
  font-size: 45px;
  line-height: 36px;
  color: #FFFFFF;
  margin-bottom: 30px;
}
.p-home .l-one p {
  color: #FFFFFF;
  line-height: normal;
}
.p-home .l-two {
  padding-top: 250px;
  background-color: #000;
}
.p-home .l-two .bg-grafik {
  background-image: url("../images/grafik-footer.svg");
  background-size: contain;
  background-position: bottom -2px center;
  background-repeat: no-repeat;
  padding-bottom: 250px;
}
.p-home .l-two h2 {
  color: #FFFFFF;
  margin-bottom: 20px;
}
.p-home .l-two p {
  line-height: 23px;
  color: #FFFFFF;
  margin-bottom: 0px;
}
.p-home .l-two .bloc strong {
  font-family: "Poppins semi bold", sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 10px;
}
.p-home .l-two .bloc-2, .p-home .l-two .bloc-3, .p-home .l-two .bloc-4 {
  background: linear-gradient(#000000, #000000) padding-box, linear-gradient(-150deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%) border-box;
  border: 1px solid transparent;
  padding: 31px;
  margin-bottom: 15px;
}
.p-home .l-two .bloc-1 {
  background-color: #F4216E;
  padding: 31px;
  margin-bottom: 15px;
}
.p-home .l-two .desc_two {
  margin-top: 60px;
}
.p-home .l-two .desc_two em {
  font-size: 28px;
  font-family: "Poppins bold", sans-serif;
  font-style: normal;
  margin-top: 40px;
  display: block;
}
.p-home .l-two .circles-col {
  position: relative;
  width: 100%;
  height: 100%;
}
.p-home .l-two .circle {
  position: absolute;
  width: 190px;
  height: 190px;
  border: 5px solid #FFE187;
  border-radius: 190px;
  display: block;
  transform: translateX(-50%);
  z-index: 100;
  left: 50%;
  bottom: 70px;
}
.p-home .l-two .circle-2, .p-home .l-two .circle-3 {
  width: 190px;
  height: 190px;
  border: 5px solid #FFE187;
  border-radius: 190px;
  display: block;
  position: absolute;
  bottom: 70px;
  z-index: 10;
  left: 50%;
  opacity: 0;
}
.p-home .l-two .circle-2 {
  transform: translate(-50%, -140%);
  filter: blur(7px);
}
.p-home .l-two .circle-3 {
  transform: translate(-50%, -70%);
  filter: blur(4px);
}
.p-home .l-three {
  padding-top: 120px;
  padding-bottom: 150px;
}
.p-home .l-three .row-content {
  margin-top: 40px;
}
.p-home .l-three .circles {
  margin-bottom: -80px;
}
.p-home .l-three .circles-col {
  position: relative;
  width: 100%;
  height: 200px;
}
.p-home .l-three .circle {
  width: 190px;
  height: 190px;
  border: 5px solid #52DFCF;
  border-radius: 190px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
}
.p-home .l-three .circle-2, .p-home .l-three .circle-3 {
  width: 190px;
  height: 190px;
  border: 5px solid #52DFCF;
  border-radius: 190px;
  display: block;
  position: absolute;
  top: 0;
  z-index: 10;
  opacity: 0;
}
.p-home .l-three .circle-2 {
  filter: blur(7px);
  right: 280px;
}
.p-home .l-three .circle-3 {
  filter: blur(4px);
  right: 140px;
}
.p-home .l-three .l-three_desc {
  padding-right: 50px;
}
.p-home .l-three .l-three_desc em {
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  font-family: "Poppins bold", sans-serif;
}
.p-home .l-three .pave-droite {
  background-color: #000000;
  padding: 70px 70px 54px 70px;
}
.p-home .l-three .pave-droite p, .p-home .l-three .pave-droite h3 {
  color: #FFFFFF;
}
.p-home .l-three .visuel-gauche {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}
.p-home .l-four h2 {
  margin-bottom: 15px;
}
.p-home .l-four .paroles {
  border-left: 20px solid;
  border-image: linear-gradient(to top, #FFE187, #F4216E, #52DFCF, #52DFCF);
  border-image-slice: 1;
  padding-left: 15px;
}
.p-home .l-four .bloc-1 {
  background-image: url("../images/parole-1.svg");
  background-position: top 30px right;
  background-repeat: no-repeat;
}
.p-home .l-four .bloc-2 {
  background-image: url("../images/parole-2.svg");
  background-position: top right;
  background-repeat: no-repeat;
}
.p-home .l-four .bloc-3 {
  background-image: url("../images/parole-3.svg");
  background-position: top right;
  background-repeat: no-repeat;
}
.p-home .l-four .bloc {
  padding: 50px 50px 34px 50px;
  background-color: #000000;
  margin-bottom: 32px;
}
.p-home .l-four .bloc p {
  line-height: 23px;
}
.p-home .l-four .bloc h3, .p-home .l-four .bloc p {
  color: #FFFFFF;
}
.p-home .l-four .bloc h3 {
  margin-top: -20px;
  margin-bottom: 5px;
}
.p-home .l-four .hidden-text {
  display: none;
}
.p-home .l-four .show-more {
  background: linear-gradient(#000000, #000000) padding-box, linear-gradient(-150deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%) border-box;
  border: 1px solid transparent;
  padding: 14px 32px;
  color: #FFFFFF;
  border-radius: 8px;
  font-size: 20px;
  font-family: "Josefin Sans light", sans-serif;
  margin-bottom: -15px;
  display: inline-block;
}
.p-home .l-five {
  padding-top: 150px;
  padding-bottom: 150px;
  position: relative;
  overflow: hidden;
  /*
      &:after {
        content: '';
        width: 100%;
        height: 500px;
        background-image: url('../images/line-gradient.svg');
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 80%;
        transform: translateY(-50%);
        z-index: -1;
        -webkit-filter: blur(100px);
        -moz-filter: blur(300px);
        opacity: 0.5;
      }
      */
}
.p-home .l-five h2 {
  margin-bottom: 25px;
}
.p-home .l-five .l-five_right {
  width: 650px;
  height: 650px;
  display: block;
  position: sticky;
  top: 0px;
}
.p-home .l-five .logo {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-content: center;
}
.p-home .l-five .logo img {
  max-width: 150px;
  transform: translate(10px, 18px);
}
.p-home .l-five .rotating-circle img {
  width: 650px;
  height: 650px;
  display: block;
  position: absolute;
  left: 51%;
  top: 52%;
  transform: translate(-48%, -45%);
  z-index: 100;
  animation: rotate 30s infinite linear;
  transform-origin: center;
}
@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.p-home .l-five .rotating-circle:after {
  content: "";
  background: linear-gradient(-45deg, #FFE187 20%, #F4216E 70%, #52DFCF 65%, #3146B9 100%);
  width: 302px;
  height: 302px;
  border-radius: 402px;
  filter: blur(35px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.p-home .l-five h2 {
  margin-bottom: 15px;
}
.p-home .l-five h3 {
  font-size: 28px;
  margin-top: 40px;
}
.p-home .l-five p {
  line-height: 22px;
}
.p-home .l-five ul {
  margin-top: 30px;
  margin-bottom: 30px;
}
.p-home .l-five li {
  list-style: none !important;
  line-height: 20px;
}
.p-home .l-five li:before {
  content: "";
  width: 40px;
  height: 15px;
  background-image: url("../images/li-arrow.svg");
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: -42px;
}
.p-home .l-five .c-accompagnement {
  background-color: #000000;
  margin-top: 100px;
  padding: 72px 72px 64px 72px;
  background-image: url("../images/accomp-bg.webp");
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.p-home .l-five .c-accompagnement h3 {
  font-size: 40px;
  margin-bottom: 20px;
  margin-top: 0px !important;
}
.p-home .l-five .c-accompagnement h3, .p-home .l-five .c-accompagnement p {
  color: #FFFFFF;
}
.p-home .l-five .c-accompagnement p {
  line-height: 24px;
}
.p-home .l-six {
  padding-bottom: 150px;
}
.p-home .l-six h2 {
  margin-bottom: 15px;
}
.p-home .l-six p {
  line-height: 23px;
}
.p-home .l-six p .wit-button {
  display: inline-block;
}
.p-home .l-six .circles-col {
  position: relative;
  width: 100%;
  height: 200px;
}
.p-home .l-six .circle {
  width: 190px;
  height: 190px;
  border: 5px solid #F4216E;
  border-radius: 190px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
.p-home .l-six .circle-2, .p-home .l-six .circle-3 {
  width: 190px;
  height: 190px;
  border: 5px solid #F4216E;
  border-radius: 190px;
  display: block;
  position: absolute;
  top: 0;
  z-index: 10;
  opacity: 0;
}
.p-home .l-six .circle-2 {
  filter: blur(7px);
  left: 280px;
}
.p-home .l-six .circle-3 {
  filter: blur(4px);
  left: 140px;
}
.p-home .l-six .visuel_n6 {
  margin: 60px 0;
  min-height: 380px;
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
}
.p-home .l-six .visuel_n6_right:before, .p-home .l-six .visuel_n6_left:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  position: absolute;
  background: rgb(255, 225, 135);
  display: block;
  z-index: -1;
}
.p-home .l-six .visuel_n6_right:before {
  transform: translate(-30px, 30px);
  background: linear-gradient(45deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%);
}
.p-home .l-six .visuel_n6_left:before {
  transform: translate(30px, 30px);
  background: linear-gradient(-135deg, #FFE187 0%, #F4216E 32%, #52DFCF 67%, #3146B9 100%);
}
.p-home .l-exp {
  padding-bottom: 150px;
  text-align: center;
  overflow: hidden;
}
.p-home .l-exp .logo-bg {
  width: 402px;
  height: 402px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: -60px;
}
.p-home .l-exp .logo-bg:after {
  content: "";
  background: linear-gradient(-45deg, #FFE187 20%, #F4216E 70%, #52DFCF 65%, #3146B9 100%);
  width: 402px;
  height: 402px;
  border-radius: 402px;
  filter: blur(35px);
  position: absolute;
}
.p-home .l-exp .logo-bg img {
  z-index: 100;
  max-width: 144px;
}
.p-home .l-exp .c_exp {
  padding-top: 60px;
}
.p-home .l-exp .c_exp h3 {
  font-family: "Poppins bold", sans-serif;
  font-size: 34px;
  line-height: 44px;
  background: linear-gradient(249deg, #FFE187 0%, #F4216E 25%, #52DFCF 50%, #3146B9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-home .l-exp .c_exp b {
  font-size: 20px;
  font-family: "Josefin Sans", sans-serif;
}
.p-home .l-exp h2 {
  margin-bottom: 15px;
}
.p-home .l-exp p {
  line-height: 23px;
}
.p-home .l-refs {
  padding-bottom: 100px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.p-home .l-refs .logo-slider {
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.p-home .l-refs .logo-slider .logo-slide-track {
  -webkit-animation: logo-scroll 60s linear infinite;
  animation: logo-scroll 60s linear infinite;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4656px;
  animation-duration: 30s;
  animation-iteration-count: infinite;
}
.p-home .l-refs .logo-slider .slide {
  height: 194px;
  width: 194px;
  padding: 20px;
}
@-webkit-keyframes logo-scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-1358px);
    transform: translateX(-1358px);
  }
}
@keyframes logo-scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-1358px);
    transform: translateX(-1358px);
  }
}
.p-home .l-contact {
  padding-top: 150px;
  padding-bottom: 150px;
  background: linear-gradient(94deg, #FFE187 0%, #F4216E 32.81%, #52DFCF 67.19%, #3146B9 100%);
}
.p-home .l-contact p {
  color: #FFFFFF;
}
.p-home .l-contact h2 {
  font-family: "Poppins bold", sans-serif;
  font-size: 58px;
  line-height: 70px;
  color: #FFFFFF !important;
}
.p-home .l-contact .wit-button {
  margin-top: 30px;
  display: inline-block;
}

.p-formation {
  overflow: hidden;
}
.p-formation .l-entete {
  background-color: #000000;
  background-image: url("../images/bg-ent-formation.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 100px center;
}
.p-formation .l-entete .c-entete {
  padding-right: 70px;
}
.p-formation .l-entete .container {
  height: 100vh;
}
.p-formation .l-entete h1 {
  margin-bottom: 40px;
}
.p-formation .l-entete .row {
  position: relative;
  height: 100%;
}
.p-formation .l-entete p {
  color: #FFFFFF;
  line-height: normal;
}
.p-formation .l-conception {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}
.p-formation .l-conception:after {
  content: "";
  background-image: url("../images/bg-niveaux.webp");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 60px);
  z-index: -1;
}
.p-formation .l-conception h2 {
  text-align: center;
  margin-bottom: 10px;
}
.p-formation .l-conception .sous-titre {
  text-align: center;
  margin-bottom: 60px;
  font-size: 28px;
}
.p-formation .l-conception p {
  line-height: normal;
}
.p-formation .l-conception .wit-button {
  margin-top: 10px;
  display: inline-block;
}
.p-formation .l-conception .row-1 {
  position: relative;
}
.p-formation .l-conception .row-1:after {
  content: "";
  background-image: url("../images/bg-niveaux-1.svg");
  width: 500px;
  height: 560px;
  background-size: contain;
  background-position: top right;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  background-repeat: no-repeat;
  transform: translate(30%, -5%);
  -webkit-filter: blur(120px);
  -moz-filter: blur(300px);
}
.p-formation .l-conception .row-2 {
  position: relative;
}
.p-formation .l-conception .row-2:after {
  content: "";
  background-image: url("../images/bg-niveaux-2.svg");
  width: 900px;
  height: 900px;
  background-size: contain;
  background-position: top right;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-repeat: no-repeat;
  transform: translate(-50%, 20%);
  -webkit-filter: blur(120px);
  -moz-filter: blur(800px);
  opacity: 0.5;
}
.p-formation .l-conception .row-conception {
  margin-top: 40px;
  margin-bottom: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #FFFFFF;
  border-radius: var(--spacing-8, 8px);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.05), 0px 23px 23px 0px rgba(0, 0, 0, 0.04), 0px 51px 31px 0px rgba(0, 0, 0, 0.03), 0px 91px 36px 0px rgba(0, 0, 0, 0.01), 0px 142px 40px 0px rgba(0, 0, 0, 0);
}
.p-formation .l-conception .row-conception em {
  font-style: normal;
  font-family: "Poppins", sans-serif;
}
.p-formation .l-conception .l-conception_img img {
  float: right;
  max-width: 150px;
}
.p-formation .l-certification {
  padding-top: 100px;
  padding-bottom: 150px;
  position: relative;
}
.p-formation .l-certification .l-certification_title {
  text-align: center;
}
.p-formation .l-certification .l-certification_title img {
  margin-bottom: 15px;
  mix-blend-mode: multiply;
}
.p-formation .l-certification h3 {
  padding-bottom: 15px;
}
.p-formation .l-certification:after {
  content: "";
  width: 100%;
  height: 500px;
  background-image: url("../images/line-gradient.svg");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  -webkit-filter: blur(100px);
  -moz-filter: blur(400px);
  opacity: 0.5;
}
.p-formation .l-certification h2 {
  text-align: center;
  margin-bottom: 40px;
  display: block;
}
.p-formation .l-certification .blc-txt {
  border-radius: 8px;
  padding: 32px;
  height: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.08), 0px 17px 17px 0px rgba(0, 0, 0, 0.07), 0px 39px 23px 0px rgba(0, 0, 0, 0.04), 0px 69px 28px 0px rgba(0, 0, 0, 0.01), 0px 108px 30px 0px rgba(0, 0, 0, 0);
}
.p-formation .l-certification p {
  line-height: normal;
}
.p-formation .l-certification .blc-txt-3 img {
  margin-bottom: 30px;
  transform: translateY(5px);
}
.p-formation .l-indicateur {
  padding-top: 50px;
  padding-bottom: 150px;
  position: relative;
}
.p-formation .l-indicateur:after {
  content: "";
  width: 100%;
  height: 500px;
  background-image: url("../images/bg-indicateur.svg");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  -webkit-filter: blur(80px);
  -moz-filter: blur(200px);
  opacity: 0.5;
}
.p-formation .l-indicateur .l-indic_ent {
  text-align: center;
}
.p-formation .l-indicateur .l-indic_ent h2 {
  text-align: center;
  display: block;
}
.p-formation .l-indicateur .l-indic_ent p {
  font-size: 26px;
  margin-bottom: 40px;
  font-family: "Poppins", sans-serif;
}
.p-formation .l-indicateur .blc-txt-3 {
  display: inherit !important;
  align-items: inherit !important;
}
.p-formation .l-indicateur .blc-txt {
  height: 100%;
  padding: 32px;
  border-radius: 8px;
  background-color: #000000;
  color: #FFFFFF;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.08), 0px 17px 17px 0px rgba(0, 0, 0, 0.07), 0px 39px 23px 0px rgba(0, 0, 0, 0.04), 0px 69px 28px 0px rgba(0, 0, 0, 0.01), 0px 108px 30px 0px rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
}
.p-formation .l-indicateur .blc-txt strong {
  font-family: "Poppins bold", sans-serif;
  text-align: center;
  color: #FFFFFF;
}
.p-formation .l-indicateur .blc-txt p {
  color: #FFFFFF;
}
.p-formation .l-indicateur .blc-txt ul li {
  font-size: 16px;
  color: #FFFFFF;
}
.p-formation .l-indicateur .blc-txt ul span {
  font-size: 15px;
}
.p-formation .l-indicateur .blc-txt em {
  font-size: 50px;
  font-style: normal;
  font-family: "Josefin Sans", sans-serif;
  margin-top: 15px;
  display: block;
}
.p-formation .l-indicateur .blc-txt p {
  line-height: normal;
  width: 100%;
}
.p-formation .l-experts h2 {
  margin-bottom: 40px;
  text-align: center;
}
.p-formation .l-experts .video {
  margin-bottom: 150px;
  display: flex;
  justify-content: center;
}
.p-formation .l-experts .video .mejs-controls, .p-formation .l-experts .video .mejs-overlay-button {
  display: none !important;
}
.p-formation .l-experts .video .wp-video, .p-formation .l-experts .video .wp-video-shortcode {
  width: 100% !important;
  max-width: 100%;
  height: auto;
}
.p-formation .l-formations h2 {
  margin-bottom: 40px;
}
.p-formation .l-formations p {
  font-family: "Josefin Sans light", sans-serif;
  margin-bottom: 0px !important;
}
.p-formation .l-formations .form-title {
  color: #000000;
}
.p-formation .l-formations .form-col {
  margin-bottom: 20px;
  margin-top: 60px;
}
.p-formation .l-formations .form-col .form-row:nth-child(1) {
  border-top: 1px solid #E1E1E1;
}
.p-formation .l-formations .form-col .date-title, .p-formation .l-formations .form-col .hour-title, .p-formation .l-formations .form-col .sessions-title {
  font-family: "Josefin Sans light", sans-serif;
  font-size: 20px;
  position: absolute;
  top: -55px;
  visibility: hidden;
  color: #000000;
}
.p-formation .l-formations .form-col .sessions-title {
  font-family: "Josefin Sans light", sans-serif;
  font-size: 20px;
  position: absolute;
  top: -55px;
}
.p-formation .l-formations .form-hour, .p-formation .l-formations .form-desc, .p-formation .l-formations .form-button {
  display: flex;
  align-items: center;
}
.p-formation .l-formations .logo-qualiopi {
  margin-bottom: 60px;
}
.p-formation .l-formations .logo-qualiopi img {
  width: 300px;
}
.p-formation .l-formations .form-row:first-child .date-title, .p-formation .l-formations .form-row:first-child .hour-title, .p-formation .l-formations .form-row:first-child .sessions-title {
  visibility: visible;
}
.p-formation .l-formations .col-form {
  display: grid;
  padding-top: 15px;
  padding-bottom: 15px;
  grid-template-columns: 25% 15% 45% 15%;
  align-items: center;
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: 15px;
  align-items: stretch;
}
.p-formation .l-formations .col-form .wit-button {
  padding: 8px 14px !important;
  font-size: 16px;
}
.p-formation .l-formations .col-form .form-dates {
  position: relative;
}
.p-formation .l-formations .col-form .form-hour {
  position: relative;
}
.p-formation .l-formations .col-form .form-desc {
  position: relative;
}
.p-formation .l-entreprise {
  margin-top: 100px;
  margin-bottom: 100px;
  border-radius: 8px;
  padding: 56px;
  background: #FFF;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.08), 0px 17px 17px 0px rgba(0, 0, 0, 0.07), 0px 39px 23px 0px rgba(0, 0, 0, 0.04), 0px 69px 28px 0px rgba(0, 0, 0, 0.01), 0px 108px 30px 0px rgba(0, 0, 0, 0);
}
.p-formation .l-entreprise img {
  padding-bottom: 32px;
}
.p-formation .l-entreprise a {
  color: black;
}
.p-formation .l-entreprise p {
  margin-bottom: 18px !important;
}

.post-formations .l-conception_desc em {
  font-style: normal !important;
  font-family: "Poppins", sans-serif;
}
.post-formations .l-entete {
  height: 700px;
  background-image: url("../images/clear-header.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 100px center;
}
.post-formations .l-entete .container, .post-formations .l-entete .row {
  position: relative;
  height: 100%;
}
.post-formations .l-entete h1 {
  color: #000000 !important;
  line-height: 65px;
  transform: translateY(80px);
}
.post-formations .l-entete em {
  font-style: normal;
  font-size: 35px !important;
}
.post-formations .l-entete .form-desc {
  font-family: "Poppins bold", sans-serif;
  font-size: 28px;
  color: #000000;
}
.post-formations .l-selection {
  margin-top: -50px;
  padding-bottom: 150px;
}
.post-formations .l-selection .date-title, .post-formations .l-selection .hour-title, .post-formations .l-selection .sessions-title, .post-formations .l-selection .form-title {
  visibility: visible;
  color: #000000;
  font-family: "Josefin Sans light", sans-serif;
  font-size: 20px;
}
.post-formations .l-selection .form-row {
  padding-left: 15px;
  padding-right: 15px;
}
.post-formations .l-selection .form-row:first-child .date-title, .post-formations .l-selection .form-row:first-child .hour-title, .post-formations .l-selection .form-row:first-child .sessions-title {
  visibility: visible;
}
.post-formations .l-selection h2 {
  margin-bottom: 20px;
}
.post-formations .l-selection p {
  margin-bottom: 0px;
  font-family: "Josefin Sans light", sans-serif;
}
.post-formations .l-selection .col-form-interne .form-title {
  display: none;
}
.post-formations .l-selection .col-form {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #E1E1E1;
  padding: 15px 0;
}
.post-formations .l-selection .col-form .wit-button {
  padding: 8px 14px !important;
  font-size: 16px;
}
.post-formations .l-selection .col-form .form-dates {
  flex-basis: 22%;
  position: relative;
}
.post-formations .l-selection .col-form .form-hour {
  flex-basis: 15%;
  position: relative;
}
.post-formations .l-selection .col-form .form-desc {
  flex-basis: 62%;
  position: relative;
}
.post-formations .l-detail {
  padding-bottom: 150px;
}
.post-formations .l-detail h2 {
  margin-bottom: 60px;
}
.post-formations .l-detail .l-conception_desc a {
  margin-top: 10px;
  display: inline-block;
}
.post-formations .l-detail .l-conception_desc img {
  display: block;
  margin-top: 20px;
}
.post-formations .l-reservation {
  margin-bottom: -50px;
}
.post-formations .l-reservation .frais {
  padding: 25px 0;
}
.post-formations .l-reservation .form-desc {
  font-family: "Poppins bold", sans-serif;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 15px;
}
.post-formations .l-reservation .formcraft-css {
  margin-top: 40px;
}

/* ----------------------------------------- CONTACT ------------------------- */
.p-contact {
  background-image: url("../images/clear-header.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 100px center;
  padding-bottom: 150px;
  padding-top: 250px;
}
.p-contact h1 {
  margin-bottom: 20px;
  display: block;
}
.p-contact .bloc-entete a {
  text-decoration: none;
  color: #000000;
}
.p-contact h1 {
  color: #000000 !important;
  font-size: 50px;
}

/*--------------------------------------------------------------
# 05 - Animations
--------------------------------------------------------------*/
@media only screen and (min-width: 600px) {
  /* -------------------------------------------------------- 700px ----------------------*/
  .p-home .l-one.is-inViewport .circle {
    animation: blurToSharp-one 1.3s forwards;
  }
  .p-home .l-one.is-inViewport .circle-2 {
    animation: showElement 1s ease-in-out;
    animation-delay: 0.25s;
    animation-fill-mode: forwards;
  }
  .p-home .l-one.is-inViewport .circle-3 {
    animation: showElement 1s ease-in-out;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
  }
  .p-home .l-two .circles-col .circle {
    visibility: hidden;
  }
  .p-home .l-two .circles-col.is-inViewport .circle {
    visibility: visible;
    animation: blurToSharp-two 1.2s forwards;
  }
  .p-home .l-two .circles-col.is-inViewport .circle-2 {
    animation: showElement 1s ease-in-out;
    animation-delay: 0.25s;
    animation-fill-mode: forwards;
  }
  .p-home .l-two .circles-col.is-inViewport .circle-3 {
    animation: showElement 1s ease-in-out;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
  }
  .p-home .l-three .circles-col .circle {
    visibility: hidden;
  }
  .p-home .l-three .circles-col.is-inViewport .circle {
    animation: blurToSharp-three 1.2s forwards;
    visibility: visible;
  }
  .p-home .l-three .circles-col.is-inViewport .circle-2 {
    animation: showElement 1s ease-in-out;
    animation-delay: 0.25s;
    animation-fill-mode: forwards;
  }
  .p-home .l-three .circles-col.is-inViewport .circle-3 {
    animation: showElement 1s ease-in-out;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
  }
  .p-home .l-six .circles-col .circle {
    visibility: hidden;
  }
  .p-home .l-six .circles-col.is-inViewport .circle {
    animation: blurToSharp-six 1.2s forwards;
    visibility: visible;
  }
  .p-home .l-six .circles-col.is-inViewport .circle-2 {
    animation: showElement 1s ease-in-out;
    animation-delay: 0.25s;
    animation-fill-mode: forwards;
  }
  .p-home .l-six .circles-col.is-inViewport .circle-3 {
    animation: showElement 1s ease-in-out;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
  }
}
.p-home .l-entete .pave-gauche h1 {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
  animation-duration: 1.2s;
  animation-delay: 1.2s;
  opacity: 0;
  animation-fill-mode: forwards;
}
.p-home .l-entete .pave-gauche p, .p-home .l-entete .pave-gauche ol {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
  animation-duration: 1.2s;
  animation-delay: 1.2s;
  opacity: 0;
  animation-fill-mode: forwards;
}
.p-home .l-two .l-blocs .bloc-1 {
  opacity: 0;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}
.p-home .l-two .l-blocs .bloc-2 {
  opacity: 0;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}
.p-home .l-two .l-blocs .bloc-3 {
  opacity: 0;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}
.p-home .l-two .l-blocs .bloc-4 {
  opacity: 0;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
}
.p-home .l-two .l-blocs .bloc-1.is-inViewport {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
.p-home .l-two .l-blocs .bloc-2.is-inViewport {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
.p-home .l-two .l-blocs .bloc-3.is-inViewport {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
.p-home .l-two .l-blocs .bloc-4.is-inViewport {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
.p-home .l-exp .logo-bg img {
  scale: 0;
  transition: 0.5s;
  transition-delay: 0.4s;
}
.p-home .l-exp .logo-bg:after {
  scale: 0;
  transition: 0.8s;
}
.p-home .l-exp .blc-txt {
  scale: 0;
  transition: 1s;
  transition-delay: 0.8s;
}
.p-home .l-exp .logo-bg.is-inViewport img {
  scale: 1;
}
.p-home .l-exp .logo-bg.is-inViewport:after {
  scale: 1;
}
.p-home .l-exp .blc-txt.is-inViewport {
  scale: 1;
}

@keyframes blurToSharp-one {
  0% {
    left: -100%;
    filter: blur(10px);
  }
  50% {
    filter: blur(7px);
  }
  80% {
    filter: blur(4px);
  }
  100% {
    left: 100%;
    filter: blur(0);
  }
}
@keyframes blurToSharp-two {
  0% {
    visibility: visible;
    bottom: 100%;
    filter: blur(10px);
  }
  50% {
    filter: blur(7px);
  }
  80% {
    filter: blur(4px);
  }
  100% {
    bottom: 70px;
    filter: blur(0);
    visibility: visible;
  }
}
@keyframes blurToSharp-three {
  0% {
    visibility: visible;
    right: 50%;
    filter: blur(10px);
  }
  50% {
    filter: blur(7px);
  }
  80% {
    filter: blur(4px);
  }
  100% {
    visibility: visible;
    right: 0;
    filter: blur(0);
  }
}
@keyframes blurToSharp-six {
  0% {
    visibility: visible;
    left: 50%;
    filter: blur(10px);
  }
  50% {
    filter: blur(7px);
  }
  80% {
    filter: blur(4px);
  }
  100% {
    visibility: visible;
    left: 0;
    filter: blur(0);
  }
}
@keyframes showElement {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    transform: translateX(-2000px);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0);
    opacity: 0.7;
  }
  to {
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
/*--------------------------------------------------------------
# 06 - Responsive
--------------------------------------------------------------*/
@media only screen and (max-width: 1600px) {
  /* -------------------------------------------------------- 1600px ---------------------*/
  .footer-container .footer-bg-1 {
    background-size: 35%;
  }
  .footer-container .footer-bg-2 {
    background-size: 20%;
  }
}
@media only screen and (max-width: 1500px) {
  /* -------------------------------------------------------- 1500px ---------------------*/
}
@media only screen and (max-width: 1450px) {
  /* -------------------------------------------------------- 1450px ---------------------*/
  .p-home .l-five .c-accompagnement {
    background-size: cover;
  }
}
@media only screen and (max-width: 1400px) {
  /* -------------------------------------------------------- 1400px B5-BP ---------------*/
  .p-home .l-exp .c_exp h3 {
    font-size: 30px !important;
    line-height: 42px !important;
  }
  .p-formation .l-entete .c-entete {
    padding-right: 0px;
  }
  .p-home .l-two .desc_two em {
    line-height: 35px !important;
  }
  .p-home .l-one .circle {
    transform: translateX(-80%);
  }
  .l-header .menu li {
    margin-right: 20px;
    margin-bottom: 0px;
  }
  .footer-container .menu li {
    margin-right: 10px;
  }
  .logo-header {
    max-width: 200px;
  }
  .menu .linkedin {
    padding: 10px 10px;
  }
  .menu .btn-formation a {
    padding: 8px 15px;
  }
  .footer-container .menu li a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1300px) {
  /* -------------------------------------------------------- 1300px ---------------------*/
  body:not(.home) h1 {
    font-size: 38px;
    line-height: 42px;
  }
  .footer-bg-1 {
    background-size: 40%;
  }
}
@media only screen and (max-width: 1200px) {
  /* -------------------------------------------------------- 1200px B5-BP ---------------*/
  .post-formations .l-entete h1 {
    font-size: 38px;
    line-height: 42px;
    transform: none;
  }
  body:not(.home) h2 {
    font-size: 36px;
    line-height: 44px;
  }
  body.home h2 {
    font-size: 36px;
    line-height: 44px;
  }
  body.home h3 {
    font-size: 30px;
    line-height: 42px;
  }
  .post-formations .l-selection .col-form .form-desc {
    flex-basis: 52%;
  }
  .post-formations .l-selection .col-form .form-dates {
    flex-basis: 28%;
  }
  .post-formations .l-entete {
    height: 580px;
    background-position: right center;
  }
  .p-formation .l-formations .col-form {
    grid-template-columns: 30% 10% 25% 15%;
  }
  .p-formation .l-formations .col-form span {
    visibility: hidden;
  }
  .p-formation .l-formations .col-form .wit-button {
    padding: 8px !important;
    font-size: 14px;
  }
  .p-formation .l-conception .l-conception_img img {
    float: right;
    max-width: 125px;
  }
  .p-home .l-five .c-accompagnement {
    background-position: bottom right -360px;
  }
  .p-home .l-one .circle-3 {
    transform: translate(5%, -50%);
  }
  .p-home .l-one .circle-2 {
    transform: translate(-60%, -50%);
  }
  .footer-container .footer-bg-2 {
    background-size: 25%;
  }
  .footer-container .footer-bg-1 {
    background-size: contain;
    background-position: left -110px center;
  }
  .logo-header {
    max-width: 170px;
  }
  .l-header .menu li a {
    font-size: 15px;
  }
  .l-header .menu li {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 1120px) {
  /* -------------------------------------------------------- 1120px ---------------------*/
  .p-home .l-contact h2 {
    font-size: 45px;
    line-height: 52px;
  }
  .p-formation .l-certification h3 {
    font-size: 23px;
  }
}
@media only screen and (max-width: 1000px) {
  /* -------------------------------------------------------- 1000px ---------------------*/
}
@media only screen and (max-width: 992px) {
  /* -------------------------------------------------------- 992px B5-BP ----------------*/
  body:not(.home) h2 {
    font-size: 38px;
    line-height: 44px;
  }
  .p-home .l-contact h2 {
    font-size: 38px;
    line-height: 44px;
  }
  .post-formations .l-detail .l-conception_img img {
    max-width: 120px;
    margin-bottom: 15px;
  }
  .post-formations .l-detail {
    padding-bottom: 90px;
  }
  .post-formations .l-selection {
    padding-bottom: 80px;
  }
  .post-formations .l-detail h2 {
    margin-bottom: 40px;
  }
  .post-formations .l-selection .col-form .form-dates {
    flex-basis: 16%;
  }
  .post-formations .l-selection .col-form .form-hour {
    flex-basis: 15%;
  }
  .post-formations .l-selection .col-form .form-desc {
    flex-basis: 65%;
  }
  .p-formation .l-formations .col-form {
    grid-template-columns: 32% 15% 40% 20%;
  }
  .p-formation .col-txt {
    margin-bottom: 35px;
  }
  .p-formation .col-txt .blc-txt {
    text-align: center;
  }
  .p-formation .col-txt h3 br {
    display: none;
  }
  .p-formation .l-certification {
    padding-top: 10px;
    padding-bottom: 50px;
  }
  .p-formation .l-entete .container {
    height: 450px !important;
  }
  .p-home .l-five .l-five_right {
    position: relative;
  }
  .p-home .l-six .blc-txt-2 {
    margin-top: 50px;
  }
  .p-home .l-six .circles-col {
    margin-bottom: 50px;
  }
  .p-home .l-five .c-accompagnement {
    padding: 42px 42px 34px 42px;
  }
  .p-home .l-five .c-accompagnement {
    background-position: bottom right -560px;
  }
  .p-home .l-three .visuel-gauche {
    height: 350px;
  }
  body.home h3 {
    font-size: 28px;
    line-height: 36px;
  }
  .p-home .l-three .l-three_desc {
    padding-right: 0px;
  }
  .p-home .l-three .circles {
    margin-bottom: 30px;
  }
  .p-home .l-two {
    padding-top: 150px;
  }
  .p-home .l-two .circles-col {
    display: none;
  }
  .p-home .l-one .circles-col {
    margin: 100px 0 30px;
  }
  .p-home .l-one .circle-2 {
    transform: translate(-25%, -50%);
  }
  .p-home .l-one .circle-3 {
    transform: translate(45%, -50%);
  }
  .p-home .l-one .circle {
    transform: translateX(-250%);
  }
  .p-home .l-entete .pave-droite {
    margin-bottom: 100px;
    margin-top: 160px;
  }
  .p-home .l-entete .pave-droite::after {
    height: 420px;
    transform: translateY(-10%);
  }
  .footer-container .footer-1 {
    text-align: center;
    position: relative;
    z-index: 100;
  }
  .footer-container .footer-1 img {
    max-width: 185px !important;
  }
  .footer-container .footer-bas {
    text-align: center;
  }
  .p-home .l-contact {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .p-contact {
    padding-top: 163px;
  }
  .footer-container .menu {
    justify-content: space-between;
  }
  .footer-container .footer-bas ul {
    justify-content: space-between;
  }
  .footer-container .footer-bas ul li {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 900px) {
  /* -------------------------------------------------------- 900px ----------------------*/
}
@media only screen and (max-width: 800px) {
  /* -------------------------------------------------------- 800px ----------------------*/
}
@media only screen and (max-width: 768px) {
  /* -------------------------------------------------------- 768px B5-BP ----------------*/
  body:not(.home) h1 {
    font-size: 33px;
    line-height: 40px;
  }
  .p-home .l-one h2 {
    font-size: 32px;
    line-height: 36px;
  }
  body:not(.home) h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .post-formations .l-entete h1 {
    font-size: 33px;
    line-height: 40px;
  }
  .p-home .l-five .rotating-circle::after {
    width: 172px !important;
    height: 172px !important;
  }
  .post-formations .l-entete {
    height: 400px;
  }
  .post-formations .l-selection .col-form .form-dates {
    flex-basis: 100%;
  }
  .post-formations .l-selection .col-form .form-hour {
    flex-basis: 100%;
  }
  .post-formations .l-selection .col-form .form-desc {
    flex-basis: 100%;
  }
  .post-formations .l-selection .colf-form-titles {
    display: none;
  }
  .post-formations .l-selection .col-form-interne .form-title {
    display: block;
    margin-top: 10px;
    color: #000000;
  }
  .p-formation .l-entreprise {
    padding: 30px;
  }
  .p-formation .l-formations h2 {
    margin-bottom: 0px;
  }
  .p-formation .l-formations .col-form .wit-button {
    padding: 10px 24px !important;
    font-size: 14px;
  }
  .p-formation .l-formations .col-form .wit-button::after {
    transform: translateY(5px);
  }
  .p-formation .l-formations .col-form {
    grid-template-columns: auto;
  }
  .p-formation .l-formations .col-form span {
    visibility: visible;
  }
  .p-formation .l-formations .form-col .form-title {
    font-size: 20px;
    position: relative;
    top: auto;
    visibility: visible !important;
    font-weight: 600;
    flex-basis: 100%;
    margin-top: 15px;
  }
  .p-formation .l-formations .form-col .form-field {
    flex-basis: 100%;
  }
  .p-formation .l-formations .form-hour, .p-formation .l-formations .form-desc, .p-formation .l-formations .form-button {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .p-formation .l-conception .l-conception_img img {
    float: inherit;
    max-width: 110px;
    display: inherit;
    transform: translateY(-15px);
  }
  .p-formation .l-conception .row-conception {
    padding-left: 15px;
    padding-right: 15px;
  }
  .p-contact {
    background-position: right -100px top;
    padding-bottom: 150px;
    padding-top: 200px;
  }
  .c-accimg {
    display: none;
  }
  .p-home .l-five .logo img {
    max-width: 100px;
    transform: translate(9px, 8px);
  }
  .p-home .l-five .rotating-circle::after {
    width: 252px;
    height: 252px;
  }
  .p-home .l-five .l-five_right {
    width: auto;
    height: 350px;
  }
  .p-home .l-one .circle {
    transform: translateX(-150%);
  }
  body.home h1 {
    font-size: 42px;
    line-height: 50px;
  }
  .p-home .l-entete .container {
    height: auto;
  }
  .footer-container .menu li a {
    font-size: 17px;
  }
  .footer-container .menu li {
    margin-right: 0px;
    flex-basis: 100%;
    text-align: center;
  }
  .footer-container .footer-bas ul li {
    flex-basis: 100%;
  }
  .footer-container .menu {
    justify-content: center;
    flex-wrap: wrap;
  }
  .footer-container .linkedin a {
    display: inline-block;
  }
  .footer-container .footer-bg-2 {
    background-size: 45%;
  }
  .footer-container .footer-bg-1 {
    background-size: contain;
    background-position: left -520px top;
  }
}
@media only screen and (max-width: 700px) {
  /* -------------------------------------------------------- 700px ----------------------*/
  .footer-container .footer-bg-1 {
    background-position: left -450px top;
  }
  .p-home .l-four .bloc {
    padding: 40px 40px 24px 40px;
  }
}
@media only screen and (max-width: 600px) {
  /* -------------------------------------------------------- 600px ----------------------*/
  body:not(.home) h1 {
    font-size: 42px;
    line-height: 50px;
  }
  .p-home .l-six .circles-col {
    height: 100px;
  }
  .p-home .l-six .circle {
    left: 150px;
    transform: none !important;
  }
  .p-home .l-six .circle-2 {
    left: 0;
  }
  .p-home .l-six .circle-3 {
    left: 80px;
  }
  .p-home .l-six .circle-2, .p-home .l-six .circle-3 {
    width: 100px;
    height: 100px;
    border: 3px solid #F4216E;
    opacity: 1;
    transform: none;
  }
  .p-home .l-six .circle {
    width: 100px;
    height: 100px;
    border: 3px solid #F4216E;
    transform: none;
  }
  .p-home .l-three .l-three_desc em {
    font-size: 24px;
  }
  .p-home .l-three .circle {
    width: 100px;
    height: 100px;
    border: 3px solid #52DFCF;
  }
  .p-home .l-three .circle-2, .p-home .l-three .circle-3 {
    width: 100px;
    height: 100px;
    border: 3px solid #52DFCF;
    opacity: 1;
  }
  .p-home .l-three .circle-3 {
    right: 75px;
  }
  .p-home .l-three .circles-col {
    height: 100px;
  }
  .p-home .l-three .circle-2 {
    right: 140px;
  }
  .p-home .l-two .bg-grafik {
    padding-bottom: 150px;
  }
  .p-home .l-one .circles-col {
    transform: none;
  }
  .p-home .l-one .circle {
    left: 150px;
    transform: none !important;
  }
  .p-home .l-one .circle-2 {
    left: 0;
  }
  .p-home .l-one .circle-3 {
    left: 80px;
  }
  .p-home .l-one .circle-2, .p-home .l-one .circle-3 {
    width: 100px;
    height: 100px;
    border: 3px solid #F4216E;
    opacity: 1;
    transform: none;
    transform: translateY(-50px);
  }
  .p-home .l-one .circle {
    width: 100px;
    height: 100px;
    border: 3px solid #F4216E;
    transform: none;
  }
  .p-home .l-entete .pave-droite {
    margin-bottom: 50px;
    margin-top: 100px;
  }
  .p-home .l-entete .pave-droite video {
    width: 250px;
  }
  .p-home .l-entete .pave-droite::after {
    height: 320px;
    transform: translateY(0%);
  }
  .footer-container .footer-bg-1 {
    background-position: left -400px top;
  }
  .p-home .l-entete .pave-droite::before {
    width: 80px;
    height: 80px;
    top: -19px;
    left: 26px;
  }
}
@media only screen and (max-width: 576px) {
  /* -------------------------------------------------------- 576px B5-BP ----------------*/
  .post-formations .l-entete h1 {
    margin-left: -15px;
  }
  .post-formations .l-entete h1 br {
    display: none;
  }
  .p-home .l-four .bloc-1, .p-home .l-four .bloc-2, .p-home .l-four .bloc-3 {
    background-image: none !important;
  }
  .p-formation .l-entete {
    background-position: center;
  }
  .p-home .l-five .c-accompagnement {
    padding: 30px 30px 22px 30px;
  }
  .p-home .l-four .bloc {
    padding: 30px 25px 14px 25px;
  }
  .p-home .l-three .pave-droite {
    padding: 40px 40px 24px 40px;
  }
  .p-home .l-four .paroles {
    border-left: 10px solid;
    padding-left: 5px;
  }
  .footer-container .footer-bg-1 {
    background-position: left -380px top;
  }
  .p-home .l-exp .logo-bg {
    width: 360px;
    height: 360px;
  }
  .p-home .l-exp .logo-bg::after {
    width: 360px;
    height: 360px;
    border-radius: 360px;
  }
  .p-home .l-exp .logo-bg.is-inViewport img {
    scale: 0.7;
  }
}
@media only screen and (max-width: 500px) {
  /* -------------------------------------------------------- 500px ----------------------*/
  body:not(.home) h2 {
    font-size: 28px;
    line-height: 32px;
  }
  body.home h2 {
    font-size: 32px;
    line-height: 38px;
  }
  .wit-button {
    padding: 14px 22px;
    font-size: 14px;
  }
  .p-formation .l-conception .row-conception {
    padding-left: 15px;
    padding-right: 15px;
  }
  .p-home .l-five .c-accompagnement h3 {
    font-size: 30px;
  }
  .p-home .l-contact h2 {
    font-size: 30px;
  }
  .footer-container .footer-bg-1 {
    background-position: left -350px top;
  }
  .p-home .l-two .bloc strong {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: -10px;
    display: block;
  }
  .p-home .l-two .desc_two em {
    font-size: 28px;
  }
}
@media only screen and (max-width: 450px) {
  /* -------------------------------------------------------- 450px ----------------------*/
  body:not(.home) h1 {
    font-size: 32px;
    line-height: 40px;
  }
  body:not(.home) h2 {
    font-size: 28px;
    line-height: 34px;
  }
  body:not(.home) h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .post-formations .l-reservation .form-desc {
    font-size: 22px;
    line-height: 30px;
  }
  .p-home .l-contact h2 {
    font-size: 26px;
    line-height: 32px;
  }
  p {
    line-height: 21px !important;
    font-size: 18px !important;
  }
  li {
    line-height: 21px !important;
    font-size: 18px !important;
  }
  .p-formation .l-formations .form-col {
    margin-bottom: 20px;
    margin-top: 30px;
  }
  .p-formation .l-experts .video {
    margin-bottom: 70px;
  }
  .p-home .l-six {
    padding-bottom: 100px;
  }
  .p-home .l-three {
    padding-top: 120px;
    padding-bottom: 90px;
  }
  .p-home .l-five {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .p-home .l-five .rotating-circle::after {
    width: 112px !important;
    height: 112px !important;
  }
  .p-home .l-four .bloc h3 {
    margin-top: -10px;
    margin-bottom: 15px;
  }
  .p-formation .l-indicateur {
    padding-bottom: 80px;
  }
  .p-formation .l-indicateur .blc-txt {
    padding: 20px 20px 10px 20px;
  }
  .p-formation .l-certification .blc-txt {
    padding: 22px;
  }
  .p-home .l-five .logo img {
    max-width: 90px;
    transform: translate(0px, 12px);
  }
  .p-home .l-entete .pave-droite video {
    transform: translateX(40px);
  }
  .p-home .l-entete .pave-droite::before {
    left: -17px;
  }
  .footer-container .footer-bg-1 {
    background-position: left -300px top;
  }
  .p-contact {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 400px) {
  /* -------------------------------------------------------- 400px ----------------------*/
  .p-home .l-contact h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .p-formation .l-indicateur .blc-txt em {
    font-size: 40px;
  }
  .wit-button {
    padding: 10px 12px;
    font-size: 14px;
    letter-spacing: -0.5px;
  }
  .p-contact .bloc-entete a {
    font-size: 18px;
  }
}

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