@charset "UTF-8";
/* ======= uikit overlay couleur
*/
/* ======= font size
*/
/* Pour faire l'appel de la font désiré :
  map-get($font-size,10);
 */
/* ======= fonts à déclarer
*/
/* ======= fonts weight
*/
/* ======= variables de bootsrap à réutiliser
https://getbootstrap.com/docs/5.1/utilities/text/#font-weight-and-italics
*/
/* ======= border-radius
https://getbootstrap.com/docs/5.1/utilities/borders/#variables
*/
/* ======= spacers
https://getbootstrap.com/docs/5.1/utilities/spacing/#sass
*/
/* ======= les gutters
https://getbootstrap.com/docs/5.1/layout/gutters/#change-the-gutters
*/
/* ======= position absolute
https://getbootstrap.com/docs/5.1/utilities/position/#sass
*/
/* ======= z-index
*/
/* ======= width
https://getbootstrap.com/docs/5.1/utilities/sizing/#sass
*/
/* ======= utilities de bootstrap
*/
/* ======= alerts
https://getbootstrap.com/docs/5.1/components/alerts/#variables
*/
/* ======= transitions
feinte à @hugo
*/
/* ======= shadow générique
https://getbootstrap.com/docs/5.1/utilities/shadows/#variables
*/
/* ======= card
https://getbootstrap.com/docs/5.1/components/card/#variables
*/
/* =================== Taille des containers
https://getbootstrap.com/docs/5.1/layout/containers/#sass
 */
/* =================== Nav
https://getbootstrap.com/docs/5.1/components/navs-tabs/#variables
 */
/* =================== Btn
https://getbootstrap.com/docs/5.1/components/buttons/#variables
 */
/* =================== select
https://getbootstrap.com/docs/5.1/forms/select/#variables
 */
/* ======= dropdown
https://getbootstrap.com/docs/5.1/components/dropdowns/#variables
*/
/* =================== input
https://getbootstrap.com/docs/5.1/forms/form-control/#variables
 */
/* =================== breadcrumb
https://getbootstrap.com/docs/5.1/components/breadcrumb/#variables
 */
/* =================== offcanvas
https://getbootstrap.com/docs/5.1/components/offcanvas/#variables
 */
/* =================== accordion
https://getbootstrap.com/docs/5.1/components/accordion/#variables
 */
/* =================== list-group
https://getbootstrap.com/docs/5.1/components/list-group/#variables
 */
/* =================== pagination
https://getbootstrap.com/docs/5.1/components/pagination/#variables
 */
/* =================== modal
https://getbootstrap.com/docs/5.1/components/modal/#variables
 */
/* =================== tables
https://getbootstrap.com/docs/5.1/content/tables/#variables
 */
/* =================== modal
https://getbootstrap.com/docs/5.1/components/modal/#variables
 */
/* ====== obligatoire
 */
/* ====== obligatoire
*/
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@600&family=Roboto:wght@400;500;700;900&display=swap");
/* déclaration d'une fonction

@mixin truc($variable){
	color:$variable;
}

////* appel de la fonction

.class{
	@include truc(#000);
}

/* déclaration d'une procédure

%ma-fonction{
	color:#000;
}

////* appel de la procédure

.class{
	@extend %ma-fonction;
	border:0;
}


// fonctions déjà existantes
 
 - lighten($color, $amount) : Makes a color lighter.
 - darken($color, $amount) : Makes a color darker.
 - saturate($color, $amount) : Makes a color more saturated.
 - desaturate($color, $amount) : Makes a color less saturated.
 
Le tout sur ce site : http://sass-lang.com/documentation/Sass/Script/Functions.html
 
*/
/* ========= mixin ico utilisé pour faire fonctionner l'icons generated dans le 4
*/
/* ========= appel des fonts
*/
/* =======

  css à placer sur les balises html générale avant de rentrer dans le détail du dossier 5.layout et 6.blocs

======= */
html {
  font-size: 0.625rem;
}
body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  color: #000;
}
.body {
  overflow: hidden;
}
sup {
  font-size: 60%;
}
.invalid {
  color: #dc3545;
  font-weight: bold;
}
input.invalid {
  border: 1px solid #dc3545;
}
a {
  text-decoration: none;
}
em {
  color: #32B4B4;
}
img, svg {
  max-width: 100%;
}
a img {
  border: 0;
}
/* use !important to prevent issues with browser extensions that change fonts */
[class^="ico-"], [class*=" ico-"] {
  font-family: icons, sans-serif !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1.5;
  color: inherit;
  text-transform: none;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="ico-"]::before, [class*=" ico-"]::before {
  display: inline-block;
  font-family: icons, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="ico-"]:hover, [class*=" ico-"]:hover {
  text-decoration: none;
}
@font-face {
  font-family: "icons";
  src: url("../fonts/icons.eot");
  src: url("../fonts/icons.eot?#iefix") format("eot"), url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg");
}
.ico:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
  text-decoration: none;
  text-transform: none;
}
.ico-arrow-intro-bas:before {
  content: "";
}
.ico-arrow-top:before {
  content: "";
}
.ico-check-offre-hover:before {
  content: "";
}
.ico-date-debut:before {
  content: "";
}
.ico-diplome:before {
  content: "";
}
.ico-experience:before {
  content: "";
}
.ico-facebook:before {
  content: "";
}
.ico-linkedin:before {
  content: "";
}
.ico-localisation-blanc:before {
  content: "";
}
.ico-localisation:before {
  content: "";
}
.ico-logo-accueil:before {
  content: "";
}
.ico-outils:before {
  content: "";
}
.ico-rythme:before {
  content: "";
}
.ico-teletravail:before {
  content: "";
}
.ico-type-blanc:before {
  content: "";
}
.ico-type:before {
  content: "";
}
h1, .h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 4rem;
  color: #fff;
}
h2, .h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 3.5rem;
  color: #194270;
}
h3, .h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  color: #194270;
}
h4, .h4 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  color: #32B4B4;
}
h5, .h5 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: #32B4B4;
}
.card-ul-child .card-body ul {
  margin: 5px 0 0;
  padding-left: 15px;
}
.card-ul-child .card-body ul li {
  margin: 10px 0 0;
  position: relative;
}
.card-ul-child .card-body ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  left: -15px;
  top: 9px;
  background-color: #194270;
  border-radius: 10px;
}
#main-content .gform_heading {
  display: none;
}
#gform_1 #gform_fields_1, #gform_1 #gform_fields_2, #gform_2 #gform_fields_1, #gform_2 #gform_fields_2 {
  grid-row-gap: unset;
}
#gform_1 #gform_fields_1 .gfield input[type="text"], #gform_1 #gform_fields_1 .gfield input[type="email"], #gform_1 #gform_fields_1 .gfield input[type="tel"], #gform_1 #gform_fields_1 .gfield input[type="file"], #gform_1 #gform_fields_1 .gfield textarea, #gform_1 #gform_fields_2 .gfield input[type="text"], #gform_1 #gform_fields_2 .gfield input[type="email"], #gform_1 #gform_fields_2 .gfield input[type="tel"], #gform_1 #gform_fields_2 .gfield input[type="file"], #gform_1 #gform_fields_2 .gfield textarea, #gform_2 #gform_fields_1 .gfield input[type="text"], #gform_2 #gform_fields_1 .gfield input[type="email"], #gform_2 #gform_fields_1 .gfield input[type="tel"], #gform_2 #gform_fields_1 .gfield input[type="file"], #gform_2 #gform_fields_1 .gfield textarea, #gform_2 #gform_fields_2 .gfield input[type="text"], #gform_2 #gform_fields_2 .gfield input[type="email"], #gform_2 #gform_fields_2 .gfield input[type="tel"], #gform_2 #gform_fields_2 .gfield input[type="file"], #gform_2 #gform_fields_2 .gfield textarea {
  padding: 15px;
  border-color: #a8bed5;
  border-radius: 10px;
}
#gform_1 #gform_fields_1 .gfield textarea, #gform_1 #gform_fields_2 .gfield textarea, #gform_2 #gform_fields_1 .gfield textarea, #gform_2 #gform_fields_2 .gfield textarea {
  min-height: calc(1.5em + 0.75rem + 2px);
  height: auto;
  overflow-wrap: break-word;
}
#gform_1 #gform_fields_1 input[type="text"], #gform_1 #gform_fields_1 input[type="email"], #gform_1 #gform_fields_1 input[type="tel"], #gform_1 #gform_fields_1 input[type="file"], #gform_1 #gform_fields_1 textarea, #gform_1 #gform_fields_2 input[type="text"], #gform_1 #gform_fields_2 input[type="email"], #gform_1 #gform_fields_2 input[type="tel"], #gform_1 #gform_fields_2 input[type="file"], #gform_1 #gform_fields_2 textarea, #gform_2 #gform_fields_1 input[type="text"], #gform_2 #gform_fields_1 input[type="email"], #gform_2 #gform_fields_1 input[type="tel"], #gform_2 #gform_fields_1 input[type="file"], #gform_2 #gform_fields_1 textarea, #gform_2 #gform_fields_2 input[type="text"], #gform_2 #gform_fields_2 input[type="email"], #gform_2 #gform_fields_2 input[type="tel"], #gform_2 #gform_fields_2 input[type="file"], #gform_2 #gform_fields_2 textarea {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.5rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: unset;
}
#gform_1 #gform_fields_1 input[type="text"]:focus, #gform_1 #gform_fields_1 input[type="email"]:focus, #gform_1 #gform_fields_1 input[type="tel"]:focus, #gform_1 #gform_fields_1 input[type="file"]:focus, #gform_1 #gform_fields_1 textarea:focus, #gform_1 #gform_fields_2 input[type="text"]:focus, #gform_1 #gform_fields_2 input[type="email"]:focus, #gform_1 #gform_fields_2 input[type="tel"]:focus, #gform_1 #gform_fields_2 input[type="file"]:focus, #gform_1 #gform_fields_2 textarea:focus, #gform_2 #gform_fields_1 input[type="text"]:focus, #gform_2 #gform_fields_1 input[type="email"]:focus, #gform_2 #gform_fields_1 input[type="tel"]:focus, #gform_2 #gform_fields_1 input[type="file"]:focus, #gform_2 #gform_fields_1 textarea:focus, #gform_2 #gform_fields_2 input[type="text"]:focus, #gform_2 #gform_fields_2 input[type="email"]:focus, #gform_2 #gform_fields_2 input[type="tel"]:focus, #gform_2 #gform_fields_2 input[type="file"]:focus, #gform_2 #gform_fields_2 textarea:focus {
  color: #212529;
  background-color: #fff;
  border-color: #8ca1b8;
  outline: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(25, 66, 112, 0.25);
}
#gform_1 #gform_fields_1 input[type="text"]::placeholder, #gform_1 #gform_fields_1 input[type="email"]::placeholder, #gform_1 #gform_fields_1 input[type="tel"]::placeholder, #gform_1 #gform_fields_1 input[type="file"]::placeholder, #gform_1 #gform_fields_1 textarea::placeholder, #gform_1 #gform_fields_2 input[type="text"]::placeholder, #gform_1 #gform_fields_2 input[type="email"]::placeholder, #gform_1 #gform_fields_2 input[type="tel"]::placeholder, #gform_1 #gform_fields_2 input[type="file"]::placeholder, #gform_1 #gform_fields_2 textarea::placeholder, #gform_2 #gform_fields_1 input[type="text"]::placeholder, #gform_2 #gform_fields_1 input[type="email"]::placeholder, #gform_2 #gform_fields_1 input[type="tel"]::placeholder, #gform_2 #gform_fields_1 input[type="file"]::placeholder, #gform_2 #gform_fields_1 textarea::placeholder, #gform_2 #gform_fields_2 input[type="text"]::placeholder, #gform_2 #gform_fields_2 input[type="email"]::placeholder, #gform_2 #gform_fields_2 input[type="tel"]::placeholder, #gform_2 #gform_fields_2 input[type="file"]::placeholder, #gform_2 #gform_fields_2 textarea::placeholder {
  color: #38689d;
}
#gform_1 #gform_fields_1 input[type="file"], #gform_1 #gform_fields_2 input[type="file"], #gform_2 #gform_fields_1 input[type="file"], #gform_2 #gform_fields_2 input[type="file"] {
  cursor: pointer;
}
#gform_1 #gform_fields_1 .gform_fileupload_rules, #gform_1 #gform_fields_2 .gform_fileupload_rules, #gform_2 #gform_fields_1 .gform_fileupload_rules, #gform_2 #gform_fields_2 .gform_fileupload_rules {
  display: none;
}
#gform_1 #gform_fields_1 .ginput_container_consent, #gform_1 #gform_fields_2 .ginput_container_consent, #gform_2 #gform_fields_1 .ginput_container_consent, #gform_2 #gform_fields_2 .ginput_container_consent {
  display: inline-block;
  margin-right: 1rem;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
#gform_1 #gform_fields_1 .ginput_container_consent input[type="checkbox"], #gform_1 #gform_fields_2 .ginput_container_consent input[type="checkbox"], #gform_2 #gform_fields_1 .ginput_container_consent input[type="checkbox"], #gform_2 #gform_fields_2 .ginput_container_consent input[type="checkbox"] {
  border-radius: 0.25em;
  float: left;
  margin-left: -1.5em;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
#gform_1 #gform_fields_1 .ginput_container_consent input[type="checkbox"]:focus, #gform_1 #gform_fields_2 .ginput_container_consent input[type="checkbox"]:focus, #gform_2 #gform_fields_1 .ginput_container_consent input[type="checkbox"]:focus, #gform_2 #gform_fields_2 .ginput_container_consent input[type="checkbox"]:focus {
  border-color: #8ca1b8;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(25, 66, 112, 0.25);
}
#gform_1 #gform_fields_1 .ginput_container_consent input[type="checkbox"]:checked, #gform_1 #gform_fields_2 .ginput_container_consent input[type="checkbox"]:checked, #gform_2 #gform_fields_1 .ginput_container_consent input[type="checkbox"]:checked, #gform_2 #gform_fields_2 .ginput_container_consent input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  background-color: #194270;
  border-color: #194270;
}
#gform_1 #gform_fields_1 .ginput_container_consent input[type="checkbox"]:checked::before, #gform_1 #gform_fields_2 .ginput_container_consent input[type="checkbox"]:checked::before, #gform_2 #gform_fields_1 .ginput_container_consent input[type="checkbox"]:checked::before, #gform_2 #gform_fields_2 .ginput_container_consent input[type="checkbox"]:checked::before {
  opacity: 0;
}
#gform_1 #gform_fields_1 .ginput_container_consent .gfield_consent_label, #gform_1 #gform_fields_2 .ginput_container_consent .gfield_consent_label, #gform_2 #gform_fields_1 .ginput_container_consent .gfield_consent_label, #gform_2 #gform_fields_2 .ginput_container_consent .gfield_consent_label {
  font-size: 1.6rem;
  color: #38689d;
  margin-left: unset;
}
#gform_1 #gform_fields_1 .gfield_required, #gform_1 #gform_fields_2 .gfield_required, #gform_2 #gform_fields_1 .gfield_required, #gform_2 #gform_fields_2 .gfield_required {
  display: none;
}
#gform_1 #gform_fields_1 .underline, #gform_1 #gform_fields_2 .underline, #gform_2 #gform_fields_1 .underline, #gform_2 #gform_fields_2 .underline {
  text-decoration: underline;
}
#gform_1 .gform_footer input[type="submit"], #gform_2 .gform_footer input[type="submit"] {
  background-color: #32b4b4;
  border-color: #32b4b4;
  color: #fff;
  box-shadow: unset;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 16px 28px;
  font-size: 1.5rem;
  border-radius: 2px 5px 2px 5px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#gform_1 .gform_footer input[type="submit"]:active, #gform_2 .gform_footer input[type="submit"]:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#gform_1 .gform_footer input[type="submit"]:active:focus, #gform_2 .gform_footer input[type="submit"]:active:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(60, 94, 133, 0.5);
}
#gform_1 .gform_footer input[type="submit"]:focus, #gform_2 .gform_footer input[type="submit"]:focus {
  outline: 0;
}
@media (max-width: 575.98px) {
  #gform_1 .gform_footer input[type="submit"], #gform_2 .gform_footer input[type="submit"] {
    width: 100%;
  }
}
.btn-back-to-top {
  bottom: 15%;
  right: 20px;
}
.nav.menu .parent:hover .dropdown-menu {
  display: block;
}
.nav.menu .default .nav-link {
  padding-left: 0;
}
.menu-burger span, .menu-burger span:after, .menu-burger span:before {
  display: block;
  width: 20px;
  height: 2.25px;
  background-color: #fff;
}
.menu-burger span {
  position: relative;
  margin: 10px 0;
  width: 14px;
  height: 2px;
  background-color: #32B4B4;
}
.menu-burger span:before, .menu-burger span:after {
  content: "";
  position: absolute;
  left: 0;
}
.menu-burger span:before {
  bottom: 6px;
}
.menu-burger span:after {
  top: 6px;
}
.menu-burger-close {
  cursor: pointer;
}
.menu-burger-close span, .menu-burger-close span:after, .menu-burger-close span:before {
  display: block;
  width: 30px;
  height: 2.25px;
  background-color: #fff;
}
.menu-burger-close span {
  position: relative;
  margin: 10px 0;
  width: 20px;
  height: 20px;
  background-color: transparent;
}
.menu-burger-close span:before, .menu-burger-close span:after {
  content: "";
  position: absolute;
  left: 0;
}
.menu-burger-close span:before {
  bottom: 6px;
  transform: rotate(45deg);
}
.menu-burger-close span:after {
  bottom: 6px;
  transform: rotate(-45deg);
}
.picto-dropdown:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-left: auto;
  padding-left: 5px;
  background-image: url("data:image/svg+xml,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h25v25H0z'/%3e%3cpath fill='%23fff' fill-rule='nonzero' d='m12.5 15.625-4.42-4.42 1.474-1.473 2.946 2.947 2.946-2.947 1.474 1.473z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: 25px;
  background-repeat: no-repeat;
}
.nav-item.active .picto-dropdown:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h25v25H0z'/%3e%3cpath fill='%2332B4B4' fill-rule='nonzero' d='m12.5 15.625-4.42-4.42 1.474-1.473 2.946 2.947 2.946-2.947 1.474 1.473z'/%3e%3c/g%3e%3c/svg%3e");
}
.picto-link-light:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 6px;
  margin-left: 7PX;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='6.001' viewBox='2 9 20 6.001' xml:space='preserve'%3e%3cpath fill='%2338689d' d='M7.224 9c1.719.039 3.419.876 4.455 2.234l.144.197c.675.977 1.933 1.596 3.199 1.568.943.021 2.057-.562 3.07-1.512l.201-.195.291-.292H17a1 1 0 0 1-.993-.883L16 10a1 1 0 0 1 .883-.993L17 9h4.02c.023 0 .047.002.07.004L21 9a1.01 1.01 0 0 1 .265.035l.047.014.055.02.059.026.055.027a1.395 1.395 0 0 1 .136.09c.063.05.12.107.17.17l-.08-.09a1.024 1.024 0 0 1 .259.441l.015.063.009.054.005.032.003.03.002.056V14a1 1 0 0 1-1.993.117L20 14v-1.586l-.293.293c-1.34 1.34-2.894 2.23-4.43 2.291l-.256.002c-1.801.039-3.616-.813-4.701-2.234l-.144-.197c-.674-.977-1.932-1.596-3.197-1.569-1.223-.027-2.481.592-3.156 1.568a1 1 0 1 1-1.645-1.137C3.195 9.959 4.975 9.042 6.738 9h.486z'/%3e%3c/svg%3e");
  background-size: 20px;
  background-repeat: no-repeat;
}
.picto-link-secondary:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 6px;
  margin-left: 7PX;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='6.001' viewBox='2 9 20 6.001' xml:space='preserve'%3e%3cpath fill='%2332B4B4' d='M7.224 9c1.719.039 3.419.876 4.455 2.234l.144.197c.675.977 1.933 1.596 3.199 1.568.943.021 2.057-.562 3.07-1.512l.201-.195.291-.292H17a1 1 0 0 1-.993-.883L16 10a1 1 0 0 1 .883-.993L17 9h4.02c.023 0 .047.002.07.004L21 9a1.01 1.01 0 0 1 .265.035l.047.014.055.02.059.026.055.027a1.395 1.395 0 0 1 .136.09c.063.05.12.107.17.17l-.08-.09a1.024 1.024 0 0 1 .259.441l.015.063.009.054.005.032.003.03.002.056V14a1 1 0 0 1-1.993.117L20 14v-1.586l-.293.293c-1.34 1.34-2.894 2.23-4.43 2.291l-.256.002c-1.801.039-3.616-.813-4.701-2.234l-.144-.197c-.674-.977-1.932-1.596-3.197-1.569-1.223-.027-2.481.592-3.156 1.568a1 1 0 1 1-1.645-1.137C3.195 9.959 4.975 9.042 6.738 9h.486z'/%3e%3c/svg%3e");
  background-size: 20px;
  background-repeat: no-repeat;
}
.picto-primary:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='6.001' viewBox='2 9 20 6.001' xml:space='preserve'%3e%3cpath fill='%23194270' d='M7.224 9c1.719.039 3.419.876 4.455 2.234l.144.197c.675.977 1.933 1.596 3.199 1.568.943.021 2.057-.562 3.07-1.512l.201-.195.291-.292H17a1 1 0 0 1-.993-.883L16 10a1 1 0 0 1 .883-.993L17 9h4.02c.023 0 .047.002.07.004L21 9a1.01 1.01 0 0 1 .265.035l.047.014.055.02.059.026.055.027a1.395 1.395 0 0 1 .136.09c.063.05.12.107.17.17l-.08-.09a1.024 1.024 0 0 1 .259.441l.015.063.009.054.005.032.003.03.002.056V14a1 1 0 0 1-1.993.117L20 14v-1.586l-.293.293c-1.34 1.34-2.894 2.23-4.43 2.291l-.256.002c-1.801.039-3.616-.813-4.701-2.234l-.144-.197c-.674-.977-1.932-1.596-3.197-1.569-1.223-.027-2.481.592-3.156 1.568a1 1 0 1 1-1.645-1.137C3.195 9.959 4.975 9.042 6.738 9h.486z'/%3e%3c/svg%3e");
  background-size: 20px;
  background-repeat: no-repeat;
}
.offres .bg-secondary-2 {
  opacity: 0;
  transition: all ease-in-out 0.2s;
}
.offres .bulles {
  display: none;
  opacity: 0;
  transition: all ease-in-out 0.2s;
}
.offres .offre {
  transition: all ease-in-out 0.2s;
}
.offres:hover {
  z-index: 5;
}
.offres:hover .offre {
  background-color: #32B4B4 !important;
  transition: all ease-in-out 0.2s;
}
.offres:hover .bg-secondary-2 {
  opacity: 1;
  transition: all ease-in-out 0.2s;
}
.offres:hover .bulles {
  display: block;
  opacity: 1;
  transition: all ease-in-out 0.2s;
}
.offres-slider .uk-active {
  position: relative;
}
.offres-slider .uk-active:after {
  content: "";
  width: 20px;
  height: 5px;
  background-color: #194270;
  display: block;
  position: absolute;
  right: -20px;
  top: 50%;
}
.list-valeurs {
  width: 100%;
}
@media (min-width: 576px) {
  .list-valeurs {
    margin-left: 15px;
  }
}
@media (min-width: 992px) {
  .list-valeurs {
    width: 480px;
    padding: 0;
  }
}
.list-valeurs li:nth-child(1) {
  top: 0px;
  left: 0px;
}
@media (min-width: 992px) {
  .list-valeurs li:nth-child(1) {
    top: 60px;
    left: 0px;
  }
}
.list-valeurs li:nth-child(2) {
  top: 0px;
  left: 100px;
}
@media (min-width: 992px) {
  .list-valeurs li:nth-child(2) {
    transform: translate(-50%, -50%);
    top: 45px;
    left: 50%;
  }
}
.list-valeurs li:nth-child(3) {
  top: 0px;
  right: 0px;
}
@media (min-width: 992px) {
  .list-valeurs li:nth-child(3) {
    top: 60px;
    right: 0px;
  }
}
.list-valeurs li:nth-child(4) {
  top: 120px;
  right: 15%;
}
@media (max-width: 575.98px) {
  .list-valeurs li:nth-child(4) {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .list-valeurs li:nth-child(4) {
    top: 180px;
    right: 20%;
    margin: 0;
  }
}
.list-valeurs li:nth-child(5) {
  top: 120px;
  left: 15%;
}
@media (max-width: 575.98px) {
  .list-valeurs li:nth-child(5) {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .list-valeurs li:nth-child(5) {
    top: 180px;
    left: 20%;
    margin: 0;
  }
}
.wp-block-list {
  margin-left: 15px;
  list-style: none;
}
.wp-block-list li {
  padding-bottom: 8px;
}
.wp-block-list li:before {
  content: "-";
  margin-right: 10px;
}
.wp-block-list .wp-block-list {
  padding-top: 10px;
  padding-left: 15px;
  font-size: 1.4rem;
}
.wp-block-list .wp-block-list li {
  position: relative;
  padding-left: 14px;
  padding-bottom: 0;
  color: #10335A;
}
.wp-block-list .wp-block-list li:before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #32B4B4;
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  transform: rotate(45deg);
}
.single-post div[itemprop="articleBody"] > blockquote, .single-post div[itemprop="articleBody"] > p, .single-post div[itemprop="articleBody"] > ul {
  margin-bottom: 25px;
}
.single-post .wp-block-quote {
  background-color: #194270;
  color: #fff;
  padding: 20px;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.single-post .wp-block-quote > :last-child {
  margin-bottom: 0;
}
.single-post .wp-block-heading {
  font-size: 2.5rem;
}
.equipe .fiche {
  display: none;
}
.equipe .fiche:hover {
  display: block;
}
.equipe .btn-photo {
  z-index: 2;
}
.equipe .btn-photo:hover {
  z-index: 4;
}
.equipe .btn-photo:hover + .fiche {
  display: block;
}
.btn-close {
  opacity: 1;
  padding: 7px;
  position: relative;
  background: #194270;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#194270", endColorstr="#c8e6cd",GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.btn-close:before {
  position: absolute;
  left: 7px;
  top: 13px;
  content: "";
  width: 16px;
  height: 2px;
  display: block;
  background-color: #fff;
  transform: rotate(45deg);
}
.btn-close:after {
  position: absolute;
  left: 7px;
  top: 13px;
  content: "";
  width: 16px;
  height: 2px;
  display: block;
  background-color: #fff;
  transform: rotate(-45deg);
}
.page-template-template-default div[itemProp="articleBody"] h2 {
  font-size: 2.5rem;
}
.page-template-template-default div[itemProp="articleBody"] > p {
  margin-bottom: 25px;
}
.bg-degrade-vertical {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#194270+0,32b4b4+50,c8e6cd+100 */
  background: #194270;
  /* Old browsers */
  background: -moz-linear-gradient(top, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg-degrade-diagonal {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#194270+0,32b4b4+50,c8e6cd+100 */
  background: #194270;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#194270", endColorstr="#c8e6cd",GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.bg-degrade-horizontal {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#194270+0,32b4b4+50,c8e6cd+100 */
  background: #194270;
  /* Old browsers */
  background: -moz-linear-gradient(left, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#194270", endColorstr="#c8e6cd",GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.bg-logo-blanc-center {
  background: url(../images/wave-logo-blanche.svg) no-repeat center bottom;
}
.bg-logo-blanc {
  background: url(../images/wave-logo-blanche.svg) no-repeat left bottom;
}
.bg-logo-blanc-offre {
  background: url(../images/forme-logo-svg.svg) no-repeat left bottom;
}
.bg-logo-blanc-offre-right {
  background: url(../images/forme-logo-svg.svg) no-repeat right bottom;
}
.bg-logo-gris {
  background: url(../images/wave-logo-gris.svg) no-repeat right bottom;
  background-size: contain;
}
.bg-logo-left {
  background: url(../images/wave-logo.svg) no-repeat right calc(100% + 40px);
}
@media (max-width: 575.98px) {
  .bg-logo-left {
    background-size: 180%;
  }
}
@media (min-width: 576px) {
  .bg-logo-left {
    background: url(../images/wave-logo.svg) no-repeat -100px 120px;
  }
}
.bg-logo-right {
  background: url(../images/bg-pga.png) no-repeat calc(100% + 145px) bottom;
  background-size: 200% 100%;
}
@media (min-width: 576px) {
  .bg-logo-right {
    background: url(../images/bg-pga.png) no-repeat right bottom;
    background-size: cover;
  }
}
@media (min-width: 992px) {
  .bg-logo-right {
    background: url(../images/bg-pga.png) no-repeat right top;
    background-size: contain;
  }
}
.bg-wave {
  background: url(../images/bg-wave.png) no-repeat left bottom;
  background-size: 200%;
}
@media (min-width: 992px) {
  .bg-wave {
    background-size: 100%;
  }
}
.bg-quotes {
  background: url(../images/quote-1.svg) no-repeat center 30px;
}
@media (min-width: 992px) {
  .bg-quotes {
    background: url(../images/quote-1.svg) no-repeat 30px 30px, url(../images/quote-2.svg) no-repeat calc(100% - 30px) calc(100% - 30px);
  }
}
.bg-quotes-blanc {
  background: url(../images/quote-1-blanc.svg) no-repeat center 30px;
}
@media (min-width: 992px) {
  .bg-quotes-blanc {
    background: url(../images/quote-1-blanc.svg) no-repeat 30px 30px, url(../images/quote-2-blanc.svg) no-repeat calc(100% - 30px) calc(100% - 30px);
  }
}
.arrow-right {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.1px 0 6.1px 6.78px;
  border-color: transparent transparent transparent #32B4B4;
  display: block;
}
.arrow-left {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.1px 6.78px 6.1px 0;
  border-color: transparent #32B4B4 transparent transparent;
  display: block;
}
/*
  Bootstrap a déjà créé ces class :

  - fw-bold // 700
  - fw-bolder / bolder
  - fw-normal // 400
  - fw-light // 300
  - fw-lighter // lighter
  - fst-italic // font-style italic
  - fst-normal // font-style normal
  https://getbootstrap.com/docs/5.1/utilities/text/#font-weight-and-italics
 */
.fw-semi-bold {
  font-weight: 600;
}
.fw-medium {
  font-weight: 500;
}
.rounded-ovale {
  border-radius: 61% 39% 50% 50% / 60% 42% 58% 40%;
}
/* ====================== Le responsive du vw-full de mobil vers desktop (vw-sm-full etc...)
 */
.vw-full {
  margin-left: -50vw;
  margin-right: -50vw;
  clear: both;
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
}
.vw-full {
  margin-left: -50vw;
  margin-right: -50vw;
  clear: both;
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
}
@media (min-width: 576px) {
  .vw-sm-full {
    margin-left: -50vw;
    margin-right: -50vw;
    clear: both;
    position: relative;
    right: 50%;
    left: 50%;
    width: 100vw;
  }
}
@media (min-width: 768px) {
  .vw-md-full {
    margin-left: -50vw;
    margin-right: -50vw;
    clear: both;
    position: relative;
    right: 50%;
    left: 50%;
    width: 100vw;
  }
}
@media (min-width: 992px) {
  .vw-lg-full {
    margin-left: -50vw;
    margin-right: -50vw;
    clear: both;
    position: relative;
    right: 50%;
    left: 50%;
    width: 100vw;
  }
}
@media (min-width: 1200px) {
  .vw-xl-full {
    margin-left: -50vw;
    margin-right: -50vw;
    clear: both;
    position: relative;
    right: 50%;
    left: 50%;
    width: 100vw;
  }
}
@media (min-width: 1400px) {
  .vw-xxl-full {
    margin-left: -50vw;
    margin-right: -50vw;
    clear: both;
    position: relative;
    right: 50%;
    left: 50%;
    width: 100vw;
  }
}
@media (max-width: 991.98px) {
  .vw-md-full-under {
    margin-left: -50vw;
    margin-right: -50vw;
    clear: both;
    position: relative;
    right: 50%;
    left: 50%;
    width: 100vw;
  }
}
/* =========  reprise des couleurs des boutons de base ici
*/
/* =========  mise en forme des nav
*/
.nav .nav-link {
  line-height: 20px;
}
/* =========  mise en forme des boutons bootstrap
*/
.font-02 {
  font-family: "Caveat", cursive;
}
.btn-secondary {
  color: #fff;
}
.btn-secondary.active, .btn-secondary:hover {
  color: #194270;
}
.btn-light {
  color: #194270;
}
.btn-outline-secondary {
  background-color: #194270;
}
.btn-outline-secondary:hover {
  border-color: #194270;
  color: #194270;
}
.link-light {
  transition: all 0.15s ease-in-out;
}
.link-light:hover {
  color: #32B4B4;
  transition: all 0.15s ease-in-out;
}
.link-primary {
  transition: all 0.15s ease-in-out;
}
.link-primary:hover {
  opacity: 1 !important;
  transition: all 0.15s ease-in-out;
}
.link-secondary {
  background: url(../images/arrow-lien.svg) no-repeat right -2px;
  padding-right: 30px;
  transition: all 0.15s ease-in-out;
}
.link-secondary:hover {
  opacity: 1 !important;
  transition: all 0.15s ease-in-out;
}
.link-secondary.link-secondary-inverse {
  background: url(../images/arrow-lien-inverse.svg) no-repeat left -2px;
  padding-left: 30px;
}
.bg-degrade-diagonal.link-light:hover {
  color: #194270 !important;
}
.list-group .list-group-item {
  background: none;
}
.alert {
  color: #fff;
}
.offcanvas-body .accordion-button {
  box-shadow: unset;
}
.pagination .active {
  display: flex;
}
.pagination .active .page-link {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#194270+0,32b4b4+50,c8e6cd+100 */
  background: #194270;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #194270 0%, #32b4b4 50%, #c8e6cd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#194270", endColorstr="#c8e6cd",GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  border: 0;
}
.blockquote {
  background-color: #194270;
  color: #fff;
  padding: 20px;
  font-size: 1.8rem;
}
.blockquote p {
  margin: 0 !important;
}
.text-justify {
  text-align: justify;
}
