@charset "UTF-8";
/*
Theme Name: TBS
Author: Martin Schmitt
Author URI: http://www.dingiso.fr
Description: Thème de TBS
Version: 1.0
Text Domain:  tbs
*/
@import url(css/_reset.scss);
@import url(css/_splitting.scss);
@import url(fonts/Open_Sans/stylesheet.css);
/******************************************/
/***********      FONTS        ***********/
/******************************************/
/******************************************/
/***********      COULEURS        ***********/
/******************************************/
/******************************************/
/***********      BASE        ***********/
/******************************************/
.widgettitle {
  display: none;
}

html {
  font-size: 95%;
}

body {
  overflow-x: hidden;
  font-family: "open_sansregular";
}

body p {
  color: #404040;
  padding-bottom: 2px !important;
}

body .main_content {
  overflow: hidden;
}

body .main_content.clients {
  overflow: visible;
}

body a {
  display: inline-block;
}

.main_content a {
  color: #29abe2;
  text-decoration: none;
}

.main_content a:hover {
  text-decoration: none;
}

.padding_cent {
  margin-top: -50px;
  padding-top: 50px;
}

.padding_vingt {
  margin-top: -20px;
  padding-top: 20px;
}

.h1 h1,
.h1 h2,
.h1 p {
  font-family: "open_sansbold_italic" !important;
  font-size: 42px;
  color: #404040;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.h1 h1 em,
.h1 h2 em,
.h1 p em {
  color: #29abe2;
  font-style: normal;
}

.h1 h1 strong,
.h1 h2 strong,
.h1 p strong {
  color: #fff;
  font-style: normal;
}

@media screen and (max-width: 1200px) {
  .h1 h1,
  .h1 h2,
  .h1 p {
    font-size: 34px;
  }
}

@media screen and (max-width: 992px) {
  .h1 h1,
  .h1 h2,
  .h1 p {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .h1 h1,
  .h1 h2,
  .h1 p {
    font-size: 31px;
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 576px) {
  .h1 h1,
  .h1 h2,
  .h1 p {
    font-size: 28px;
  }
}

h1 {
  font-family: "open_sansbold_italic" !important;
  font-size: 42px;
  color: #404040;
  text-transform: uppercase;
  margin-bottom: 30px;
}

h1 em {
  color: #29abe2;
  font-style: normal;
}

h1 strong {
  color: #fff;
  font-style: normal;
}

@media screen and (max-width: 1200px) {
  h1 {
    font-size: 34px;
  }
}

@media screen and (max-width: 992px) {
  h1 {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 31px;
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 576px) {
  h1 {
    font-size: 28px;
  }
}

h2 em {
  color: #29abe2;
  font-style: normal;
}

h2 strong {
  color: #fff;
  font-style: normal;
}

.h2 h2,
.h2 h3,
.h2 p {
  padding: 0 !important;
}

.h2 h2 em,
.h2 h3 em,
.h2 p em {
  color: #29abe2;
  font-style: normal;
}

.h2 h2 strong,
.h2 h3 strong,
.h2 p strong {
  color: #fff;
  font-style: normal;
}

.intro p {
  font-family: "open_sansregular";
  font-size: 16px;
  line-height: 30px;
}

@media screen and (max-width: 1200px) {
  .intro p {
    font-size: 14px;
    line-height: 26px;
  }
}

@media screen and (max-width: 992px) {
  .intro p {
    font-size: 12px;
    line-height: 22px;
  }
}

@media screen and (max-width: 767px) {
  .intro p {
    font-size: 14px;
    line-height: 26px;
  }
}

@media screen and (max-width: 667px) {
  .intro p {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (max-width: 576px) {
  .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

a.button_blanc {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  font-family: "open_sansbold";
  font-size: 14px;
  color: #fff;
  border: 2px solid #fff;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  border-radius: 8px;
}

@media screen and (max-width: 1200px) {
  a.button_blanc {
    font-size: 13px;
  }
}

@media screen and (max-width: 992px) {
  a.button_blanc {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  a.button_blanc {
    font-size: 13px;
  }
}

@media screen and (max-width: 576px) {
  a.button_blanc {
    font-size: 12px;
  }
}

a.button_blanc > span {
  display: block;
  color: #ffffff;
}

a.button_blanc:after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  color: #29abe2;
  -webkit-transform: translate3d(0, 35%, 0);
          transform: translate3d(0, 35%, 0);
}

a.button_blanc:hover {
  border-color: #fff;
  background-color: #fff;
  color: #29abe2;
  text-decoration: none;
}

a.button_blanc:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -35%, 0);
          transform: translate3d(0, -35%, 0);
}

a.button_blanc:hover:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

a.button_blanc:after,
a.button_blanc > span {
  text-align: center;
  padding: 10px 20px;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

@media screen and (max-width: 1200px) {
  a.button_blanc:after,
  a.button_blanc > span {
    padding: 8px 18px;
  }
}

@media screen and (max-width: 992px) {
  a.button_blanc:after,
  a.button_blanc > span {
    padding: 6px 16px;
  }
}

@media screen and (max-width: 767px) {
  a.button_blanc:after,
  a.button_blanc > span {
    padding: 10px 20px;
  }
}

a.button_bleu {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  font-family: "open_sansbold";
  font-size: 14px;
  color: #29abe2 !important;
  border: 2px solid #29abe2;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  border-radius: 8px;
}

@media screen and (max-width: 1200px) {
  a.button_bleu {
    font-size: 13px;
  }
}

@media screen and (max-width: 992px) {
  a.button_bleu {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  a.button_bleu {
    font-size: 13px;
  }
}

@media screen and (max-width: 576px) {
  a.button_bleu {
    font-size: 12px;
  }
}

a.button_bleu > span {
  display: block;
}

a.button_bleu:after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  color: #fff;
  -webkit-transform: translate3d(0, 35%, 0);
          transform: translate3d(0, 35%, 0);
}

a.button_bleu:hover {
  border-color: #29abe2;
  background-color: #29abe2;
  color: #fff !important;
  text-decoration: none;
}

a.button_bleu:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -35%, 0);
          transform: translate3d(0, -35%, 0);
}

a.button_bleu:hover:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

a.button_bleu:after,
a.button_bleu > span {
  text-align: center;
  padding: 10px 20px;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

@media screen and (max-width: 1200px) {
  a.button_bleu:after,
  a.button_bleu > span {
    padding: 8px 18px;
  }
}

@media screen and (max-width: 992px) {
  a.button_bleu:after,
  a.button_bleu > span {
    padding: 6px 16px;
  }
}

@media screen and (max-width: 767px) {
  a.button_bleu:after,
  a.button_bleu > span {
    padding: 10px 20px;
  }
}

/******************************************/
/***********      HEADER        ***********/
/******************************************/
.home header {
  opacity: 0;
}

header {
  height: 80px;
  top: 0;
  position: fixed;
  z-index: 9990;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /***********      SCROLL BAR        ***********/
}

header .menu {
  padding: 20px 0;
  z-index: 50;
}

header .menu .logo {
  display: inline-block;
	height: 40px;
}

header .menu .logo2 {
  display: none;
	height: 40px;
}

.navbar-shrink .menu .logo {
	display: none;
}

.navbar-shrink .menu .logo2 {
	display: inline-block;
	height: 40px;
}

header .menu .lien_logo .logo {
  height: 40px;
}

.navbar-shrink .menu .lien_logo .logo {
  height: 40px;
	display: none;
}

.navbar-shrink .menu .lien_logo2 .logo2 {
  height: 40px;
	display: inline-block;
}

@media screen and (max-width: 992px) {
  header .menu .lien_logo .logo {
    width: 100px;
  }
}

@media screen and (max-width: 768px) {
  header .menu .lien_logo .logo {
    width: 150px;
  }
}

header .menu #g3464 path {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .floating {
  float: right;
}

header .menu .main_menu {
  text-align: center;
  display: inline-block;
  margin: 0;
  z-index: 50;
}

header .menu .main_menu > li {
  z-index: 50;
  position: relative;
  display: inline-block;
  margin: 0 12px;
  padding-bottom: 32px;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li {
    margin: 0px 10px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li {
    margin: 0px 5px;
  }
}

header .menu .main_menu > li > a {
  z-index: 50;
  font-family: "open_sansregular";
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li > a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li > a {
    font-size: 11px;
  }
}

header .menu .main_menu > li > a:hover {
  text-decoration: none;
  color: #fff;
}

header .menu .main_menu > li .is-active {
  font-family: "open_sansbold";
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .main_menu > li .sub-menu {
  display: none;
  position: absolute;
  padding: 40px 50px 30px 50px;
  background-color: #fff;
  top: 60px;
  left: -60px;
  z-index: 50;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) -1px 2px 20px 1px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
          box-shadow: rgba(0, 0, 0, 0.2) -1px 2px 20px 1px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
  border-radius: 10px;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li .sub-menu {
    padding: 30px 40px 20px 40px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li .sub-menu {
    padding: 20px 30px 10px 30px;
    top: 50px;
  }
}

header .menu .main_menu > li .sub-menu li {
  z-index: 50;
  text-align: left;
  line-height: 16px;
  width: 290px;
  position: relative;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li .sub-menu li {
    width: 230px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li .sub-menu li {
    width: 195px;
  }
}

header .menu .main_menu > li .sub-menu li > a {
  color: #404040;
  font-family: "open_sansbold";
  font-size: 16px;
  margin-left: 55px;
}

header .menu .main_menu > li .sub-menu li#menu-item-3938 > a {
  color: #29ABE2 !important;
}

header .menu .main_menu > li .sub-menu li#menu-item-3938 {
    background: #f7f7f7;
    border-radius: 15px;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5% 5% 0 5%;
    margin: -5% -5% 0 -5%;
    width: 105%;
}

header .menu .main_menu > li .sub-menu li#menu-item-3938 img {
    margin: 5% 0 0 5%;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li .sub-menu li > a {
    font-size: 14px;
    margin-left: 45px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li .sub-menu li > a {
    font-size: 11px;
  }
}

header .menu .main_menu > li .sub-menu li > a img {
  width: 40px;
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li .sub-menu li > a img {
    width: 30px;
  }
}

header .menu .main_menu > li .sub-menu li > a p {
  font-size: 12px;
  color: #8c9091;
  font-family: "open_sansregular";
  margin-top: 10px;
  margin-left: 0 !important;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li .sub-menu li > a p {
    font-size: 10px;
    margin-top: 5px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li .sub-menu li > a p {
    font-size: 9px;
    margin-top: 3px;
  }
}

header .menu .main_menu > li .sub-menu li a:hover {
  text-decoration: none;
  color: #29abe2;
}

header .menu .main_menu > li .sub-menu li p {
  font-size: 12px;
  color: #8c9091;
  font-family: "open_sansregular";
  margin-top: 10px;
  margin-left: 55px;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li .sub-menu li p {
    font-size: 10px;
    margin-top: 5px;
    margin-left: 45px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li .sub-menu li p {
    font-size: 9px;
    margin-top: 3px;
  }
}

header .menu .main_menu > li .sub-menu li p a {
  display: inline-block;
  font-size: 12px;
  font-family: "open_sansregular";
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li .sub-menu li p a {
    font-size: 10px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li .sub-menu li p a {
    font-size: 9px;
  }
}

header .menu .main_menu > li:hover .sub-menu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  top: 70px;
}

header .menu .main_menu > li:hover .sub-menu:before {
  position: absolute;
  top: -7px;
  left: 90px;
  content: "";
  width: 14px;
  height: 14px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li:hover .sub-menu:before {
    left: 85px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li:hover .sub-menu:before {
    width: 10px;
    height: 10px;
    top: -5px;
    left: 80px;
  }
}

header .menu .main_menu > li:first-child {
  margin: 0 12px 0 0;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li:first-child {
    margin: 0 5px 0 0;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li:first-child {
    margin: 0 5px 0 0;
  }
}

header .menu .main_menu > li:last-child {
  margin: 0 0 0 12px;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li:last-child {
    margin: 0 0 0 5px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li:last-child {
    margin: 0 0 0 5px;
  }
}

header .menu .main_menu > li:nth-child(2) {
  margin: 0 0 0 12px;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li:nth-child(2) {
    margin: 0 0 0 5px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li:nth-child(2) {
    margin: 0 0 0 5px;
  }
}

header .menu .main_menu > li:nth-child(3) {
  margin: 0 0 0 12px;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li:nth-child(3) {
    margin: 0 0 0 5px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li:nth-child(3) {
    margin: 0 0 0 5px;
  }
}

header .menu .main_menu > li:nth-child(2)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_blanche.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.navbar-shrink .menu .main_menu > li:nth-child(2)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li:nth-child(2)::after {
    width: 15px;
  }
}

header .menu .main_menu > li:nth-child(3)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_blanche.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.navbar-shrink .menu .main_menu > li:nth-child(3)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li:nth-child(3)::after {
    width: 15px;
  }
}

header .menu .main_menu > li:nth-child(4)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_blanche.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.navbar-shrink .menu .main_menu > li:nth-child(4)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li:nth-child(4)::after {
    width: 15px;
  }
}

header .menu .main_menu > li:nth-child(5)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_blanche.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.navbar-shrink .menu .main_menu > li:nth-child(5)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li:nth-child(5)::after {
    width: 15px;
  }
}

header .menu .main_menu > li:nth-child(4) .sub-menu li {
  width: 225px;
  position: relative;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li:nth-child(4) .sub-menu li {
    width: 190px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li:nth-child(4) .sub-menu li {
    width: 165px;
  }
}

header .menu .main_menu > li:nth-child(4) .sub-menu:before {
  left: 80px;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li:nth-child(4) .sub-menu:before {
    left: 80px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li:nth-child(4) .sub-menu:before {
    left: 80px;
  }
}

header .menu .main_menu > li:nth-child(5) .sub-menu {
  left: -210px;
}

header .menu .main_menu > li:nth-child(5) .sub-menu li {
  width: 225px;
  position: relative;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li:nth-child(5) .sub-menu li {
    width: 190px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li:nth-child(5) .sub-menu li {
    width: 165px;
  }
}

header .menu .main_menu > li:nth-child(5) .sub-menu:before {
  left: 220px;
}

@media screen and (max-width: 1200px) {
  header .menu .main_menu > li:nth-child(5) .sub-menu:before {
    left: 220px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .main_menu > li:nth-child(5) .sub-menu:before {
    left: 220px;
  }
}

header .menu .button_header {
  position: relative;
  display: inline-block;
  top: 0px;
  margin: 0px 24px;
}

@media screen and (max-width: 1200px) {
  header .menu .button_header {
    margin: 0px 11px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .button_header {
    margin: 0px 7px;
  }
}

@media screen and (max-width: 768px) {
  header .menu .button_header {
    display: none;
  }
}

header .menu .button_header .assistance {
  line-height: 20px;
  font-family: "open_sansbold";
  font-size: 14px;
  color: #fff;
  display: inline-block;
  border: 2px solid #fff;
  padding: 8px 16px;
  border-radius: 13px;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.navbar-shrink .menu .button_header .assistance {
  line-height: 20px;
  font-family: "open_sansbold";
  font-size: 14px;
  color: #29abe2;
  display: inline-block;
  border: 2px solid #29abe2;
  padding: 8px 16px;
  border-radius: 13px;
  color: #29abe2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  header .menu .button_header .assistance {
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 10px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .button_header .assistance {
    display: none;
  }
}

header .menu .button_header .assistance:hover {
  text-decoration: none;
  color: #fff;
  border: 2px solid #29abe2;
  background-color: #29abe2;
}

header .menu .microsoft {
  display: inline-block;
}

header .menu .microsoft2 {
  display: none;
}

.navbar-shrink .menu .microsoft {
	display: none;
}

.navbar-shrink .menu .microsoft2 {
	display: inline-block;
}

@media screen and (max-width: 768px) {
  header .menu .microsoft, .navbar-shrink .menu .microsoft2 {
    display: none;
  }
}

header .menu .microsoft svg, .navbar-shrink .menu .microsoft2 svg {
  height: 30px;
  vertical-align: -9px;
}

@media screen and (max-width: 1200px) {
  header .menu .microsoft svg, .navbar-shrink .menu .microsoft2 svg {
    height: 25px;
	vertical-align: -8px;
  }
}

@media screen and (max-width: 992px) {
  header .menu .microsoft svg, .navbar-shrink .menu .microsoft2 svg {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  header .menu .microsoft svg {
    display: none;
  }
}

header .menu .microsoft svg #g3324 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3328 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3332 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3336 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3340 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3344 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3352 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3360 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3364 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3368 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3376 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3380 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3384 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3392 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3396 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .menu .microsoft svg #g3400 path {
  fill: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .page-scroll-indicator {
  z-index: 4;
  width: 100%;
  height: 5px;
  background: transparent;
  top: -24px;
  position: relative;
  display: none;
}

@media screen and (max-width: 992px) {
  header .page-scroll-indicator {
    top: -4px;
  }
}

header .page-scroll-indicator .progress {
  width: 0%;
  height: 5px;
  background: #29abe2;
}

header .visible_bar {
  display: block;
}

.navbar-shrink .site-header {
	background-color: #fff;
	box-shadow: 0 0 8px 0 rgb(0 0 0 / 35%);
}

.navbar-shrink .menu .main_menu > li > a,
.navbar-shrink .menu .main_menu > li > a:hover {
	color: #404040;	
}


/******************************************/
/***********      RESPONSIVE MENU        ***********/
/******************************************/

.rmp-container .rmp-menu-title {
	background-color: #fff !important;
	margin: 15px 15px 0px 15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.rmp-container .rmp-menu-title .rmp-menu-title-image {
	width: 150px;
    position: absolute;
    /*top: -10px;
    left: 96px;*/
	top: 15px;
    left: 115px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 20px 0px;
}

#rmp-container-32 #rmp-menu-wrap-32 li.rmp-menu-item:focus {
  color: #fff;
}

#rmp-container-32 #rmp-menu-wrap-32 li.rmp-menu-item:active {
  color: #fff;
}

#rmp-container-32 #rmp-menu-wrap-32 li.rmp-menu-item:hover {
  color: #fff;
}

#rmp-container-32 #rmp-menu-wrap-32 li.rmp-menu-item a:focus {
  outline: none;
  color: #29abe2 !important;
}

#rmp-container-32 #rmp-menu-wrap-32 li.rmp-menu-item a:active {
  color: #8c9091;
}

#rmp-container-32 #rmp-menu-wrap-32 li.rmp-menu-item a:hover {
  color: #8c9091;
}

#rmp-menu-wrap-32 .rmp-menu-item li > p {
	padding-left: 15%;
}

#rmp-menu-wrap-32 .rmp-menu-item li > p > a:first-child {
	display: none;
}

#rmp-menu-wrap-32 .rmp-menu-item-link {
	background-color: #fff !important;
	color: #8c9091;
    text-transform: uppercase;
	font-family: "open_sansbold" !important;
	border-bottom: 1px solid #f1f1f1;
	height: 50px;
    line-height: 50px;
}

#rmp-menu-additional-content-32 {
  text-align: center !important;
  padding-top: 20px !important;
  background-color: transparent !important;
}

#rmp-menu-additional-content-32 a {
  font-family: "open_sansbold" !important;
  font-size: 17px !important;
  color: #404040 !important;
  border: 2px solid #29abe2;
  padding: 8px 16px;
  border-radius: 13px;
  color: #29abe2 !important;
  position: relative;
  /*top: -80px;*/
  background-color: transparent !important;
  text-transform: uppercase;
}

.logo_mobile {
  background-color: transparent !important;
}

.logo_mobile a {
  border: none !important;
  background-color: #fff !important;
  position: initial !important;
  top: initial !important;
}

.logo_mobile img {
  width: 150px;
  position: absolute;
  top: 30px;
  left: 110px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.logo_microsoft {
  background-color: transparent !important;
}

.logo_microsoft a {
  border: none !important;
  background-color: #fff !important;
}

.logo_microsoft a img {
  width: 180px;
  position: relative;
  top: 130px;
}

.logo_container a {
  border: none !important;
  background-color: #fff !important;
}

#rmp-container-32 {
	width: 100% !important;
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  z-index: 9990;
}

#rmp-container-32 #rmp-menu-wrap-32 {
	text-align: left;
	padding-top: 70px;
	min-height: 100%;
	z-index: 0;
	margin: 0 15px 15px 15px;
	padding-left: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

#rmp-container-32 #rmp-menu-wrap-32 > li {
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
}
#rmp-container-32 #rmp-menu-wrap-32 > li > a {
  font-family: "open_sansbold" !important;
  font-size: 19px !important;
  text-transform: uppercase !important;
}

#rmp-container-32 #rmp-menu-wrap-32 > li > a p {
  display: none !important;
}

#rmp-container-32 #rmp-menu-wrap-32 > li p {
  display: none !important;
}

#rmp-container-32 #rmp-menu-wrap-32 > li:last-child {
  border: none;
}

.rmp-menu-inner, .rmp-menu-inner::before, .rmp-menu-inner::after {
  background-color: #fff !important;
}

#rmp-menu-wrap-32 .rmp-menu-current-item .rmp-menu-item-link {
    background-color: #fff;
    font-family: "open_sansbold"!important;
	color: #29abe2;
	border-bottom: 1px solid #f1f1f1;
}

@media screen and (max-width: 768px)
	{#rmp-menu-wrap-32 .rmp-menu-current-item .rmp-menu-item-link {
    	background-color: #fff;
    	font-family: "open_sansbold"!important;
		color: #29abe2 !important;
		border-bottom: 1px solid #f1f1f1;
}}

#rmp-menu-wrap-32 .rmp-submenu .rmp-menu-item-link {
	color: #404040 !important;
	border-style: none;
	text-transform: uppercase;
	/*padding-left: 15% !important;*/
	 display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
	padding: 0 0 0 5%;
}

#rmp-menu-wrap-32 .rmp-submenu .rmp-menu-item-link p {
	padding-left: 15% !important;
	display: none;
}

@media screen and (max-width: 768px) {
        #rmp-menu-wrap-32 .rmp-menu-subarrow-active {
		border-bottom: 1px solid #f1f1f1;
    }
}

#rmp-menu-wrap-32 .rmp-menu-item-link:hover {
	border-style: none !important;
}

.rmp-menu-subarrow {
  color: #8c9091 !important;
  background-color: transparent !important;
  border: 0px !important;
  right: 6% !important;
  width: 100% !important;
  text-align: right !important;
}

.rmp-menu-subarrow img {
  width: 25px !important;
}

.rmp-menu-submenu li {
  position: relative !important;
  padding-bottom: 20px !important;
}

@media screen and (max-width: 450px) {
  .rmp-menu-submenu li {
    padding-bottom: 0px !important;
  }
}

.rmp-menu-submenu li a {
  font-size: 19px !important;
  color: #404040 !important;
  font-family: "open_sansbold";
  padding-left: 85px !important;
}

@media screen and (max-width: 450px) {
  .rmp-menu-submenu li a {
    min-height: 90px !important;
  }
}

.rmp-menu-submenu li a img {
  position: absolute !important;
  left: 35px !important;
  width: 30px !important;
  top: 5px !important;
}

.rmp-menu-submenu li a p {
  display: none;
}

.rmp-menu-submenu li:first-child {
  padding-top: 40px !important;
}

#rmp-menu-wrap-32 .rmp-menu-item li > p > a {
    color: #8c9091;
}

#rmp-menu-wrap-32 .rmp-menu-item li > p > a:hover {
    color: #8c9091;
}


#rmp-menu-wrap-32 .rmp-menu-item li > p > a:active {
    color: #8c9091;
}

#rmp-menu-wrap-32 .rmp-submenu .rmp-menu-item-link img {
    width: 20px;
    /*position: absolute;
    left: 15px;
    top: 10px;*/
	width: 22px;
    margin-right: 12px;
}

@media screen and (max-width: 992px) {
  #rmp_menu_trigger-32 {
    display: block;
  }
}

@media screen and (max-width: 992px) {
  #main_menu {
    display: none !important;
  }
}

#rmp_menu_trigger-32.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-32.is-active .responsive-menu-pro-inner::before, #rmp_menu_trigger-32.is-active .responsive-menu-pro-inner::after {
    background-color: #8c9091 !important;
}

#rmp-container-32 #rmp-menu-wrap-32 li.rmp-menu-item a:active {
  color: #29abe2 !important;
}

#rmp-container-32 #rmp-menu-wrap-32 li.rmp-menu-item a:focus {
  color: #29abe2 !important;
}

header #rmp_menu_trigger-32 .responsive-menu-pro-inner, header #rmp_menu_trigger-32 .responsive-menu-pro-inner::before, header #rmp_menu_trigger-32 .responsive-menu-pro-inner::after {
	background-color: #ffffff;
}

.navbar-shrink #rmp_menu_trigger-32 .responsive-menu-pro-inner, .navbar-shrink #rmp_menu_trigger-32 .responsive-menu-pro-inner::before, .navbar-shrink #rmp_menu_trigger-32 .responsive-menu-pro-inner::after {
	background-color: #29abe2;
}

#rmp_menu_trigger-32.is-active {
	top: 32px;
	right: 8%;
}

header .menu .main_menu .contact-for-mobile {
	display: none !important;
} 

#rmp-menu-wrap-32 .rmp-menu-item:nth-last-child(2) a {
	border-bottom: none;
}

#rmp-menu-wrap-32 .rmp-menu-item.contact-for-mobile {
	text-align: center;
	margin-top: 20px;
}

#rmp-menu-wrap-32 .rmp-menu-item.contact-for-mobile a {
	font-family: "open_sansbold" !important;
	font-size: 17px !important;
	border: 2px solid #29abe2;
	padding: 8px 16px;
	border-radius: 13px;
	color: #29abe2 !important;
	position: relative;
	background-color: transparent !important;
	text-transform: uppercase;
    height: auto;
    line-height: inherit;
    text-align: center;
    width: 100%;
    display: inline-block;
    max-width: 180px;
}

#rmp-menu-wrap-32 .rmp-menu-item.contact-for-mobile a:hover {
	text-decoration: none;
    color: #fff !important;
    border: 2px solid #29abe2 !important;
    background-color: #29abe2 !important;
}

/******************************************/
/***********      HOME        ***********/
/******************************************/
/***********      BANDEAU        ***********/
.home .bandeau {
  opacity: 0;
}

.bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .bandeau {
    height: auto;
  }
}

.bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

@media screen and (max-width: 767px) {
  .bandeau .contenu_bandeau .h1 h1,
  .bandeau .contenu_bandeau .h1 h2,
  .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.bandeau .contenu_bandeau .intro p {
  text-align: justify;
  color: #fff;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.bandeau .arrow_down {
  z-index: 9000;
  width: 80px;
  position: absolute;
  bottom: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .bandeau .arrow_down {
    display: none;
  }
}

.bandeau .img_scooter {
  width: 100%;
}

.bandeau .micro_color {
  width: 230px;
  position: absolute;
  right: -200px;
  top: 200px;
}

@media screen and (max-width: 1600px) {
  .bandeau .micro_color {
    width: 150px;
    right: -50px;
  }
}

@media screen and (max-width: 1300px) {
  .bandeau .micro_color {
    width: 150px;
    right: 0px;
    top: 280px;
  }
}

@media screen and (max-width: 1200px) {
  .bandeau .micro_color {
    display: none;
  }
}

.hero {
  width: 100%;
  min-height: 100vh;
  margin-top: 5em;
}

#canvas {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  #canvas {
    display: none;
  }
}

.scooter-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .scooter-container {
    position: relative;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.scooter-wrapper {
  will-change: transform;
}

.scooter {
  position: relative;
  max-width: 480px;
  -webkit-animation-name: scooter;
          animation-name: scooter;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@media screen and (min-width: 992px) {
  @-webkit-keyframes scooter {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    50% {
      -webkit-transform: translateX(30px);
              transform: translateX(30px);
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }
  @keyframes scooter {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    50% {
      -webkit-transform: translateX(30px);
              transform: translateX(30px);
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }
}

@-webkit-keyframes scooter-wheel {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes scooter-wheel {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes bubbles {
  0% {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
  }
}

@keyframes bubbles {
  0% {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
  }
}

.wheel {
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: #4b4b4b;
  border-radius: 100px;
  bottom: 17px;
  z-index: -1;
  -webkit-transform-origin: center;
          transform-origin: center;
  border-left: 10px solid #222222;
  border-top: 10px solid #000;
  border-right: 10px solid #222222;
  border-bottom: 10px solid #000;
  -webkit-animation-name: scooter-wheel;
          animation-name: scooter-wheel;
  -webkit-animation-duration: 0.12s;
          animation-duration: 0.12s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@media screen and (max-width: 992px) {
  .wheel {
    bottom: 8px;
  }
}

@media screen and (max-width: 767px) {
  .wheel {
    bottom: 17px;
  }
}

@media screen and (max-width: 500px) {
  .wheel {
    bottom: 3%;
  }
}

.wheel.left {
  left: 182px;
}

@media screen and (max-width: 992px) {
  .wheel.left {
    left: 127px;
  }
}

@media screen and (max-width: 767px) {
  .wheel.left {
    left: 184px;
  }
}

@media screen and (max-width: 501px) {
  .wheel.left {
    left: 38%;
  }
}

.wheel.right {
  left: 371px;
}

@media screen and (max-width: 992px) {
  .wheel.right {
    left: 264px;
  }
}

@media screen and (max-width: 767px) {
  .wheel.right {
    left: 370px;
  }
}

@media screen and (max-width: 501px) {
  .wheel.right {
    left: 76%;
  }
}

.scooter-shadow {
  position: absolute;
  bottom: 20px;
  width: 500px;
  height: 500px;
  background: black;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.643295) 0%, rgba(0, 0, 0, 0) 60%);
  -webkit-transform: scaleY(0.04);
          transform: scaleY(0.04);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  z-index: 0;
  opacity: 0.3;
}

@media screen and (max-width: 992px) {
  .scooter-shadow {
    bottom: 10px;
    width: 200px;
  }
}

.bandeau::before,
.bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/***********      SOLUTIONS        ***********/
.solutions_home {
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .solutions_home {
    padding: 60px 0px;
  }
}

.solutions_home .h1 h1,
.solutions_home .h1 h2,
.solutions_home .h1 p {
  text-align: center;
}

.solutions_home .intro p {
  color: #404040;
  text-align: center;
  margin-bottom: 50px;
  line-height: 25px;
}

@media screen and (max-width: 1200px) {
  .solutions_home .intro p {
    line-height: 22px;
  }
}

@media screen and (max-width: 992px) {
  .solutions_home .intro p {
    margin-bottom: 30px;
    line-height: 17px;
  }
}

@media screen and (max-width: 767px) {
  .solutions_home .intro p {
    line-height: 22px;
  }
}

@media screen and (max-width: 667px) {
  .solutions_home .intro p {
    line-height: 19px;
  }
}

@media screen and (max-width: 767px) {
  .solutions_home .solutions_desktop {
    display: none;
  }
}

.solutions_home .solutions_desktop .gris {
  background-color: #f7f7f7;
}

.solutions_home .solutions_desktop .active .solution_nom p {
  font-family: "open_sansbold";
  color: #29abe2;
}

.solutions_home .solutions_desktop .solution_nom {
  width: 92%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.solutions_home .solutions_desktop .solution_nom svg {
  display: inline-block;
  width: 40px;
}

@media screen and (max-width: 992px) {
  .solutions_home .solutions_desktop .solution_nom svg {
    width: 50px;
    display: block;
  }
}

.solutions_home .solutions_desktop .solution_nom p {
  display: inline-block;
  font-family: "open_sansregular";
  font-size: 14px;
  color: #999999;
  margin-left: 10px;
}

@media screen and (max-width: 1200px) {
  .solutions_home .solutions_desktop .solution_nom p {
    font-size: 11px;
  }
}

@media screen and (max-width: 992px) {
  .solutions_home .solutions_desktop .solution_nom p {
    display: block;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 0px;
  }
}

.solutions_home .solutions_desktop .solution_nom:hover {
  cursor: pointer;
  padding-left: 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.solutions_home .solutions_desktop .solution_nom:hover p {
  color: #29abe2;
}

.solutions_home .solutions_desktop .solutions {
  max-width: 1200px;
  margin: auto;
  padding: 60px 30px 60px 60px;
}

@media screen and (max-width: 992px) {
  .solutions_home .solutions_desktop .solutions {
    padding: 30px 30px 30px 60px;
  }
}

.solutions_home .solutions_desktop .side {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.solutions_home .solutions_desktop .blocks {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 992px) {
  .solutions_home .solutions_desktop .blocks {
    padding-left: 30px;
  }
}

.solutions_home .solutions_desktop .block {
  display: none;
  position: relative;
  width: 300px;
  height: 330px;
  font-size: 0;
}

.solutions_home .solutions_desktop .block .background {
  position: absolute;
  width: 100%;
  height: 90%;
  bottom: 0;
  z-index: 1;
}

@media screen and (max-width: 1200px) {
  .solutions_home .solutions_desktop .block .background {
    width: 89% !important;
    height: 85%;
  }
}

@media screen and (max-width: 992px) {
  .solutions_home .solutions_desktop .block .background {
    width: 100% !important;
    height: 90%;
  }
}

.solutions_home .solutions_desktop .block .bleu_clair {
  background-color: #c0e8f1;
}

.solutions_home .solutions_desktop .block .saumon {
  background-color: salmon;
}

.solutions_home .solutions_desktop .block .violet {
  background-color: slateblue;
}

.solutions_home .solutions_desktop .block .rose {
  background-color: palevioletred;
}

.solutions_home .solutions_desktop .block .bleu_fonce {
  background-color: #7595c5;
}

.solutions_home .solutions_desktop .block img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 112%;
  max-width: initial;
  z-index: 2;
}

@media screen and (max-width: 1200px) {
  .solutions_home .solutions_desktop .block img {
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .solutions_home .solutions_desktop .block img {
    width: 112%;
  }
}

.solutions_home .solutions_desktop .displayed {
  display: block;
}

.solutions_home .solutions_desktop .contents {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.solutions_home .solutions_desktop .contents .content {
  display: none;
  padding-left: 30px;
}

.solutions_home .solutions_desktop .contents .content.displayed {
  display: block;
}

.solutions_home .solutions_desktop .contents .content .h2 h2,
.solutions_home .solutions_desktop .contents .content .h2 h3,
.solutions_home .solutions_desktop .contents .content .h2 p {
  font-family: "open_sansbold_italic" !important;
  text-transform: uppercase;
  font-size: 28px;
  margin-bottom: 28px;
  padding-top: 22px;
  color: #404040;
}

@media screen and (max-width: 992px) {
  .solutions_home .solutions_desktop .contents .content .h2 h2,
  .solutions_home .solutions_desktop .contents .content .h2 h3,
  .solutions_home .solutions_desktop .contents .content .h2 p {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.solutions_home .solutions_desktop .contents .content ul {
  padding: 10px;
  list-style: none;
}

.solutions_home .solutions_desktop .contents .content ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .solutions_home .solutions_desktop .contents .content ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .solutions_home .solutions_desktop .contents .content ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .solutions_home .solutions_desktop .contents .content ul li {
    font-size: 15px;
  }
}

.solutions_home .solutions_desktop .contents .content ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .solutions_home .solutions_desktop .contents .content ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .solutions_home .solutions_desktop .contents .content ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .solutions_home .solutions_desktop .contents .content ul li a {
    font-size: 15px;
  }
}

.solutions_home .solutions_desktop .contents .content ul li a:hover {
  color: #29abe2;
  text-decoration: none;
}

.solutions_home .solutions_desktop .contents .content ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.solutions_home .solutions_desktop .contents .content p {
  font-family: "open_sansregular";
  font-weight: normal;
  text-align: left;
}

.solutions_home .solutions_desktop .contents .content h3 {
  font-size: 17px;
  font-family: "open_sansbold";
  line-height: 29px;
  margin-bottom: 10px;
  text-align: left;
  color: #29abe2;
}

.solutions_home .solutions_desktop .contents .content h4 {
  font-size: 17px;
  font-family: "open_sansbold";
  line-height: 29px;
  margin-bottom: 10px;
  text-align: left;
  color: #29abe2;
}

@media screen and (min-width: 768px) {
  .solutions_home .solutions_mobile {
    display: none;
  }
}

.solutions_home .solutions_mobile .accordion {
  width: 100%;
  margin-bottom: 25px;
}

.solutions_home .solutions_mobile .card {
  margin: 3px 0px;
  border: 0px;
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 10px;
}

.solutions_home .solutions_mobile .card .card-header {
  padding: 0px;
  border: 0px;
  background-color: #f7f7f7;
  height: auto;
  padding: 20px;
}

.solutions_home .solutions_mobile .card i {
  margin-right: 15px;
  position: absolute;
  right: 10px;
  top: 40px;
}

.solutions_home .solutions_mobile .card .fa.fa-plus {
  color: #8c9091;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.solutions_home .solutions_mobile .card .fa.fa-minus {
  color: #29abe2;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.solutions_home .solutions_mobile .card .fa-plus:after {
  content: "\f067";
  font-size: 20px;
  text-align: right;
}

.solutions_home .solutions_mobile .card .fa-minus:after {
  content: "\f068";
  font-size: 20px;
}

.solutions_home .solutions_mobile .card .fa-plus:before {
  display: none;
}

.solutions_home .solutions_mobile .card .fa-minus:before {
  display: none;
}

.solutions_home .solutions_mobile .card svg {
  width: 50px;
  display: inline-block;
}

.solutions_home .solutions_mobile .card .nom {
  display: inline-block;
  color: #999999;
  font-size: 18px;
  margin-left: 15px;
}

.solutions_home .solutions_mobile .card button {
  font-size: 14px;
  text-align: left;
  color: #8c9091;
  display: inline-block;
  font-family: "open_sansregular";
  color: #999999;
  border: none;
  width: 100%;
}

.solutions_home .solutions_mobile .card button:hover {
  text-decoration: none;
  color: #8c9091;
  background: none;
  border: none;
}

.solutions_home .solutions_mobile .card button:focus {
  outline: none !important;
  text-decoration: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.solutions_home .solutions_mobile .card .collapse {
  font-size: 14px;
  border: 0px;
  font-family: "open_sansregular";
  color: #999999;
  line-height: 21px;
  background-color: #f7f7f7;
}

.solutions_home .solutions_mobile .card img {
  width: 70%;
  margin: 20px auto;
  display: block;
  position: absolute;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 576px) {
  .solutions_home .solutions_mobile .card img {
    bottom: 20%;
    margin: 0px;
    width: auto;
    height: 80%;
  }
}

.solutions_home .solutions_mobile .card .image_back {
  position: relative;
  height: 400px;
}

@media screen and (max-width: 576px) {
  .solutions_home .solutions_mobile .card .image_back {
    height: 300px;
  }
}

.solutions_home .solutions_mobile .card .background {
  position: absolute;
  width: 62%;
  height: 75%;
  bottom: 12%;
  z-index: 1;
  left: 46%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 576px) {
  .solutions_home .solutions_mobile .card .background {
    bottom: 20%;
    width: 80%;
    left: 50%;
  }
}

.solutions_home .solutions_mobile .card .bleu_clair {
  background-color: #c0e8f1;
}

.solutions_home .solutions_mobile .card .saumon {
  background-color: salmon;
}

.solutions_home .solutions_mobile .card .violet {
  background-color: slateblue;
}

.solutions_home .solutions_mobile .card .rose {
  background-color: palevioletred;
}

.solutions_home .solutions_mobile .card .bleu_fonce {
  background-color: #7595c5;
}

.solutions_home .solutions_mobile .card .card_title {
  font-family: "open_sansbold_italic";
  text-transform: uppercase;
  font-size: 28px;
  margin-bottom: 20px;
  padding-top: 22px;
  color: #404040;
}

.solutions_home .solutions_mobile .card h3 {
  font-size: 17px;
  text-align: left;
  margin-bottom: 15px;
  font-family: "open_sansbold";
  margin-left: 0px;
  margin-right: 0px;
  color: #29abe2;
}

.solutions_home .solutions_mobile .card h4 {
  text-align: left;
  margin-bottom: 15px;
  font-family: "open_sansbold";
  margin-left: 0px;
  margin-right: 0px;
}

.solutions_home .solutions_mobile .card ul {
  padding: 0px 0px 20px 20px;
  list-style: none;
  margin-top: 10px;
}

.solutions_home .solutions_mobile .card ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  margin-bottom: 15px;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .solutions_home .solutions_mobile .card ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .solutions_home .solutions_mobile .card ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .solutions_home .solutions_mobile .card ul li {
    font-size: 15px;
  }
}

.solutions_home .solutions_mobile .card ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .solutions_home .solutions_mobile .card ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .solutions_home .solutions_mobile .card ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .solutions_home .solutions_mobile .card ul li a {
    font-size: 15px;
  }
}

.solutions_home .solutions_mobile .card ul li a:hover {
  color: #29abe2;
  text-decoration: none;
}

.solutions_home .solutions_mobile .card ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/***********      OFFRES HOME     ***********/
  
  .offres_home .h1 h1,
  .offres .h1 h2,
  .offres .h1 p {
    text-align: center;
  }
  
  .offres_home .intro p {
    color: #404040;
    text-align: center;
    margin-bottom: 50px;
    line-height: 25px;
  }
  
  @media screen and (max-width: 1200px) {
    .offres_home .intro p {
      line-height: 22px;
    }
  }
  
  @media screen and (max-width: 992px) {
    .offres_home .intro p {
      margin-bottom: 30px;
      line-height: 17px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .offres_home .intro p {
      line-height: 22px;
    }
  }
  
  @media screen and (max-width: 667px) {
    .offres_home .intro p {
      line-height: 19px;
    }
  }


.offres_home .nom {
	text-transform: uppercase;
	text-align: center;
	font-family: "open_sansbold_italic" !important;
  font-size: 20px;
  color: #404040;
  margin-bottom: 10px;
  /* margin-top: 20px; */
}

@media screen and (max-width: 767px) {
  .offres_home .nom {
    margin-top: 20px;
  }
}

.offres_home .single_offre {
	text-align: center;
	align-content: center;
	align-items: center;
	padding: 0px 30px;
}

.offres_home .bouton_bas {
	text-align: left;
	width: 100%;
}

@media screen and (max-width: 767px) {
  .offres_home .bouton_bas {
    text-align: center;
  }
}

.offres_desktop .container {
  max-width: 90%;
}

.offres_desktop .nom, .offres_desktop .contenu {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .offres_desktop .nom, .offres_desktop .contenu {
    text-align: center;
  }
}

/***********      EXPERTISES HOME     ***********/
.expertises_home {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  padding: 100px 0px 155px 0px;
}

@media screen and (max-width: 767px) {
  .expertises_home {
    padding: 60px 0px;
  }
}

.expertises_home .h1 h1,
.expertises_home .h1 h2,
.expertises_home .h1 p {
  text-align: center;
  color: #fff;
}

.expertises_home .intro p {
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
  line-height: 25px;
}

@media screen and (max-width: 1200px) {
  .expertises_home .intro p {
    line-height: 22px;
  }
}

@media screen and (max-width: 992px) {
  .expertises_home .intro p {
    margin-bottom: 30px;
    line-height: 17px;
  }
}

@media screen and (max-width: 767px) {
  .expertises_home .intro p {
    line-height: 22px;
  }
}

@media screen and (max-width: 667px) {
  .expertises_home .intro p {
    line-height: 19px;
  }
}

.expertises_home .single_exper {
  padding: 0px 30px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .expertises_home .single_exper {
    margin-top: 50px;
  }
}

.expertises_home .single_exper .row {
  position: relative;
}

.expertises_home .strokes {
  margin: 0px auto;
}

.expertises_home .strokes object {
  width: 150px;
  text-align: center;
}

.expertises_home .nom {
  font-family: "open_sansbold";
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin: 20px auto 15px auto;
  min-height: 60px;
}

@media screen and (max-width: 1200px) {
  .expertises_home .nom {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .expertises_home .nom {
    font-size: 17px;
    min-height: 75px;
  }
}

.expertises_home .contenu {
  font-family: "open_sansregular";
  color: #fff;
  font-size: 17px;
  text-align: center;
  margin: 0px 15px 20px 15px;
  min-height: 105px;
}

@media screen and (max-width: 1200px) {
  .expertises_home .contenu {
    font-size: 15px;
    min-height: 115px;
  }
}

@media screen and (max-width: 992px) {
  .expertises_home .contenu {
    font-size: 14px;
    min-height: 170px;
  }
}

@media screen and (max-width: 767px) {
  .expertises_home .contenu {
    min-height: inherit;
  }
}

.expertises_home .bouton_bas {
  position: absolute;
  bottom: 0;
  top: 10px;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .expertises_home .bouton_bas {
    position: relative;
    bottom: inherit;
    top: inherit;
    padding-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .expertises_home .bouton_bas .button_blanc {
    margin: 0px auto;
  }
}

/***********      SUCCESS        ***********/
.success {
  padding: 100px 0px;
  background-color: #f7f7f7;
}

@media screen and (max-width: 992px) {
  .success {
    padding: 60px 0px;
  }
}

.success .h1 h1,
.success .h1 h2,
.success .h1 p {
  text-align: center;
  color: #404040;
}

.success .intro p {
  color: #404040;
  text-align: center;
  margin-bottom: 50px;
  line-height: 25px;
}

@media screen and (max-width: 1200px) {
  .success .intro p {
    line-height: 22px;
  }
}

@media screen and (max-width: 992px) {
  .success .intro p {
    margin-bottom: 30px;
    line-height: 17px;
  }
}

@media screen and (max-width: 767px) {
  .success .intro p {
    line-height: 22px;
  }
}

@media screen and (max-width: 667px) {
  .success .intro p {
    line-height: 19px;
  }
}

.success .testimonial-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.4rem;
  padding: 45px 45px 0px 45px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .success .testimonial-container {
    padding: 35px 35px 0px 35px;
  }
}

@media screen and (max-width: 576px) {
  .success .testimonial-container {
    padding: 25px 25px 0px 25px;
  }
}

.success .testimonial {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.success .testimonial.displayed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.success .testimonial .picture {
  width: 100%;
  max-width: 600px;
}

.success .testimonial-content {
  min-height: 300px;
}

.success .testimonial-nav {
  position: absolute;
  width: 4rem;
  height: 4rem;
  background-color: coral;
  cursor: pointer;
  padding: 1rem;
  -webkit-transition: width .15s;
  transition: width .15s;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .success .testimonial-nav {
    display: none;
  }
}

.success .testimonial-nav.previous {
  left: -1rem;
  background: url(img/prev.svg) no-repeat;
  background-position: left center;
}

.success .testimonial-nav.next {
  right: -1rem;
  background: url(img/next.svg) no-repeat;
  background-position: right center;
}

.success .testimonials-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.4rem;
  margin-top: 50px;
}

.success .testimonials-dots .dot {
  width: 10px;
  height: 10px;
  margin: 0.4rem;
  border-radius: 1rem;
  background-color: #8c9091;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.success .testimonials-dots .dot.active {
  background-color: #29abe2;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.success .testimonials-dots .dot:hover {
  cursor: pointer;
}

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

.success .picture svg {
  width: 90%;
  margin: 0px auto;
}

@media screen and (max-width: 992px) {
  .success .picture svg {
    width: 60%;
    margin: 0px auto;
  }
}

@media screen and (max-width: 767px) {
  .success .picture svg {
    width: 70%;
    margin: 0px auto;
  }
}

@media screen and (max-width: 576px) {
  .success .picture svg {
    width: 90%;
    margin: 0px auto;
  }
}

.success .content .h2 h2,
.success .content .h2 h3,
.success .content .h2 p {
  font-family: "open_sansbold" !important;
  text-transform: uppercase;
  font-size: 28px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
  .success .content .h2 h2,
  .success .content .h2 h3,
  .success .content .h2 p {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 992px) {
  .success .content .h2 h2,
  .success .content .h2 h3,
  .success .content .h2 p {
    text-align: center;
  }
}

.success .content p {
  font-family: "open_sansregular";
  font-size: 15px;
  color: #404040;
}

@media screen and (max-width: 992px) {
  .success .content p {
    text-align: center;
    font-size: 13px;
  }
}

.success .content p a:hover {
  text-decoration: none;
  color: #29abe2;
}

.success .content b {
  color: #29abe2;
  font-size: 16px;
  font-family: "open_sansregular";
  line-height: 29px;
  margin-bottom: 10px;
  text-align: left;
  font-weight: normal;
}

@media screen and (max-width: 992px) {
  .success .content b {
    text-align: center;
    font-size: 14px;
    line-height: 26px;
  }
}

.success .content ul {
  padding: 10px;
  list-style: none;
}

.success .content ul li {
  font-family: "open_sansregular";
  font-weight: normal;
}

.success .content ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .success .content ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .success .content ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .success .content ul li a {
    font-size: 15px;
  }
}

.success .content ul li a:hover {
  color: #29abe2;
  text-decoration: none;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .success .content ul li a:hover {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .success .content ul li a:hover {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .success .content ul li a:hover {
    font-size: 15px;
  }
}

.success .content ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

@media screen and (max-width: 992px) {
  .success .content .testi_link {
    margin: 0px auto;
  }
}

@media screen and (max-width: 767px) {
  .success .content .testi_link {
    margin: 0px auto;
  }
}

.success .content .testi_link .lien {
  color: #29abe2;
  font-family: "open_sansbold";
  font-size: 16px;
  border-bottom: 1px solid #29abe2;
  display: inline-block;
}

.success .content .testi_link .lien:hover {
  text-decoration: none;
}

.success .content .addtoany_share_save_container {
  display: none !important;
}

.lien_archive {
  margin-top: 40px;
  text-align: center;
}

/***********      ACTUALITÉS HOME       ***********/
.actualites_home {
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .actualites_home {
    padding: 60px 0px;
  }
}

.actualites_home .h1 h1,
.actualites_home .h1 h2,
.actualites_home .h1 p {
  text-align: center;
  color: #404040;
}

.actualites_home .intro p {
  color: #404040;
  text-align: center;
  margin-bottom: 50px;
  line-height: 25px;
}

@media screen and (max-width: 1200px) {
  .actualites_home .intro p {
    line-height: 22px;
  }
}

@media screen and (max-width: 992px) {
  .actualites_home .intro p {
    margin-bottom: 30px;
    line-height: 17px;
  }
}

@media screen and (max-width: 767px) {
  .actualites_home .intro p {
    line-height: 22px;
  }
}

@media screen and (max-width: 667px) {
  .actualites_home .intro p {
    line-height: 19px;
  }
}

@media screen and (max-width: 667px) {
  .actualites_home a {
    margin-top: 40px;
  }
}

.actualites_home a .archi_card {
  padding: 20px;
  margin-bottom: 40px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.actualites_home a .archi_card img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.actualites_home a .archi_card p {
  font-family: "open_sansregular";
  font-size: 15px;
  padding: 10px 0px 0px 0px;
}

@media screen and (max-width: 1200px) {
  .actualites_home a .archi_card p {
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {
  .actualites_home a .archi_card p {
    font-size: 13px;
    padding: 10px 0px 0px 0px;
  }
}

@media screen and (max-width: 767px) {
  .actualites_home a .archi_card p {
    font-size: 15px;
  }
}

.actualites_home a .archi_card .categorie {
  display: inline-block;
  font-family: "open_sansbold";
  font-size: 16px;
  color: #29abe2;
  text-transform: uppercase;
  margin-top: 15px;
  min-height: inherit;
}

@media screen and (max-width: 767px) {
  .actualites_home a .archi_card .categorie {
    margin: 0px auto;
  }
}

.actualites_home a .archi_card .temps {
  display: inline-block;
  font-family: "open_sansregular";
  font-size: 16px;
  color: #404040;
  margin-top: 15px;
  min-height: inherit;
}

.actualites_home a .archi_card h3 {
  font-family: "open_sansbold";
  font-size: 23px;
  color: #404040;
}

@media screen and (max-width: 1200px) {
  .actualites_home a .archi_card h3 {
    min-height: 50px;
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .actualites_home a .archi_card h3 {
    min-height: 60px;
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .actualites_home a .archi_card h3 {
    min-height: inherit;
    font-size: 20px;
  }
}

.actualites_home a:hover {
  text-decoration: none;
}

.actualites_home a:hover .archi_card {
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
          box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.actualites_home .bouton {
  margin-top: 40px;
  text-align: center;
}

/***********      RESEAUX        ***********/
.reseaux {
  padding: 100px 0px;
  background-color: #f7f7f7;
}

@media screen and (max-width: 992px) {
  .reseaux {
    padding: 60px 0px;
  }
}

.reseaux .h1 h1,
.reseaux .h1 h2,
.reseaux .h1 p {
  text-align: center;
  color: #404040;
}

.reseaux .intro p {
  color: #404040;
  text-align: center;
  margin-bottom: 50px;
  line-height: 25px;
}

@media screen and (max-width: 1200px) {
  .reseaux .intro p {
    line-height: 22px;
  }
}

@media screen and (max-width: 992px) {
  .reseaux .intro p {
    margin-bottom: 30px;
    line-height: 17px;
  }
}

@media screen and (max-width: 767px) {
  .reseaux .intro p {
    line-height: 22px;
  }
}

@media screen and (max-width: 667px) {
  .reseaux .intro p {
    line-height: 19px;
  }
}

.reseaux .ff-btn {
  font-family: "open_sansbold" !important;
  color: #29abe2 !important;
  border: 2px solid #29abe2 !important;
  padding: 8px 16px !important;
  border-radius: 13px !important;
  background-color: #f7f7f7 !important;
}

.reseaux .ff-btn:hover {
  color: #f7f7f7 !important;
  border: 2px solid #f7f7f7 !important;
  background-color: #29abe2 !important;
}

.sk-ww-linkedin-page-post {
  background-color: transparent !important;
}

.sk-ww-linkedin-page-post .sk-linkedin-page-post-bottom-btn-container button {
  margin-top: 30px !important;
  line-height: 20px !important;
  font-family: "open_sansbold" !important;
  font-size: 14px !important;
  color: #fff !important;
  border: 2px solid #29abe2 !important;
  padding: 8px 16px !important;
  border-radius: 13px !important;
  color: #29abe2 !important;
  background-color: transparent !important;
  -webkit-transition: all 0.5s ease !important;
  transition: all 0.5s ease !important;
}

@media screen and (max-width: 1200px) {
  .sk-ww-linkedin-page-post .sk-linkedin-page-post-bottom-btn-container button {
    font-size: 14px !important;
    padding: 8px 16px !important;
    border-radius: 10px !important;
  }
}

@media screen and (max-width: 992px) {
  .sk-ww-linkedin-page-post .sk-linkedin-page-post-bottom-btn-container button {
    font-size: 11px;
    padding: 8px 6px;
    border-radius: 7px;
  }
}

.sk-ww-linkedin-page-post .sk-linkedin-page-post-bottom-btn-container button:hover {
  text-decoration: none !important;
  color: #fff !important;
  border: 2px solid #29abe2 !important;
  background-color: #29abe2 !important;
}

.sk-ww-linkedin-page-post .sk-linkedin-page-post-bottom-btn-container button:focus {
  outline: none !important;
}

.sk-ww-linkedin-page-post .tutorial_link {
  display: none !important;
}

/***********      À PROPOS        ***********/
.a_propos {
  padding: 100px 0px 0px 0px;
  position: relative;
}

@media screen and (max-width: 992px) {
  .a_propos {
    padding: 60px 0px 0px 0px;
  }
}

.a_propos .h1 h1,
.a_propos .h1 h2,
.a_propos .h1 p {
  text-align: center;
  color: #404040;
}

.a_propos .intro p {
  margin-bottom: 50px;
  line-height: 25px;
}

@media screen and (max-width: 1200px) {
  .a_propos .intro p {
    line-height: 22px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos .intro p {
    margin-bottom: 30px;
    line-height: 17px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos .intro p {
    line-height: 22px;
  }
}

@media screen and (max-width: 667px) {
  .a_propos .intro p {
    line-height: 19px;
  }
}

.a_propos .counter {
  font-family: "open_sansbold";
  font-size: 80px;
  color: #29abe2;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .a_propos .counter {
    font-size: 60px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos .counter {
    font-size: 40px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos .counter {
    font-size: 60px;
  }
}

.a_propos p {
  font-family: "open_sansregular";
  color: #404040;
  text-align: center;
}

.a_propos .titre {
  font-family: "open_sansbold";
  font-size: 22px;
  color: #404040;
  text-align: center;
  margin: 20px 0px 40px 0px;
}

@media screen and (max-width: 1200px) {
  .a_propos .titre {
    font-size: 21px;
    margin: 10px 0px 20px 0px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos .titre {
    font-size: 19px;
    min-height: 75px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos .titre {
    font-size: 21px;
    min-height: inherit;
    margin: 20px 0px 40px 0px;
  }
}

.a_propos .carte_france {
  margin-top: 80px;
}

.a_propos .carte_france .container {
  position: relative;
}

.a_propos .carte_france .col_carte {
  padding-bottom: 100px;
}

@media screen and (max-width: 992px) {
  .a_propos .carte_france .col_carte {
    padding-bottom: 60px;
  }
}

.a_propos .carte_france .carte {
  position: relative;
}

.a_propos .carte_france .carte img {
  width: 100%;
}

.a_propos .carte_france .carte .point {
  width: 35px;
  height: 35px;
  background: url(img/point.svg) no-repeat center center;
  background-size: 20px;
  position: absolute;
}

@media screen and (max-width: 992px) {
  .a_propos .carte_france .carte .point {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
}

.a_propos .carte_france .carte .point:hover {
  cursor: pointer;
}

.a_propos .carte_france .carte .point_active {
  width: 35px;
  height: 35px;
  background: url(img/point_active.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
}

@media screen and (max-width: 992px) {
  .a_propos .carte_france .carte .point_active {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
}

.a_propos .carte_france .info {
  position: relative;
}

.a_propos .carte_france .info_ville {
  width: 420px;
  margin: 0px auto;
  background-color: #f7f7f7;
  border-radius: 15px;
  padding: 20px 50px 20px 50px;
  display: none;
  position: absolute;
  left: -115px;
  top: 1%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .a_propos .carte_france .info_ville {
    width: 300px;
    top: -15%;
    left: -102px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos .carte_france .info_ville {
    position: inherit;
    margin: 0px auto;
    left: inherit;
    top: inherit;
    width: 90%;
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 500px) {
  .a_propos .carte_france .info_ville {
    padding: 20px 0px 20px 20px;
  }
}

.a_propos .carte_france .info_ville .nom {
  padding-left: 30px;
  font-family: "open_sansbold";
  color: #29abe2;
  font-size: 30px;
  text-align: left !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .a_propos .carte_france .info_ville .nom {
    font-size: 25px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos .carte_france .info_ville .nom {
    font-size: 28px;
  }
}

@media screen and (max-width: 576px) {
  .a_propos .carte_france .info_ville .nom {
    font-size: 25px;
  }
}

.a_propos .carte_france .info_ville .adresse p:first-child {
  background: url(img/adresse.svg) no-repeat left top 1px;
  background-size: 20px;
  padding-left: 30px;
  font-size: 16px;
  font-family: "open_sansbold";
  color: #404040;
  margin: 15px 0px;
  display: block;
  text-align: left !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .a_propos .carte_france .info_ville .adresse p:first-child {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos .carte_france .info_ville .adresse p:first-child {
    font-size: 15px;
    background-size: 18px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 576px) {
  .a_propos .carte_france .info_ville .adresse p:first-child {
    font-size: 13px;
  }
}

.a_propos .carte_france .info_ville .telephone {
  background: url(img/telephone.svg) no-repeat left top 4px;
  background-size: 20px;
  padding-left: 30px;
  font-size: 16px;
  font-family: "open_sansbold";
  color: #404040;
  margin: 15px 0px;
  display: block;
  text-align: left !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .a_propos .carte_france .info_ville .telephone {
    font-size: 13px;
    background: url(img/telephone.svg) no-repeat left top 0px;
    background-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos .carte_france .info_ville .telephone {
    background: url(img/telephone.svg) no-repeat left top 0px;
    font-size: 15px;
    background-size: 18px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 576px) {
  .a_propos .carte_france .info_ville .telephone {
    font-size: 13px;
  }
}

.a_propos .carte_france .info_ville .mail {
  background: url(img/mail.svg) no-repeat left top 9px;
  background-size: 20px;
  padding-left: 30px;
  font-size: 16px;
  font-family: "open_sansbold";
  color: #404040;
  margin: 15px 0px;
  display: block;
  text-align: left !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .a_propos .carte_france .info_ville .mail {
    background: url(img/mail.svg) no-repeat left top 5px;
    font-size: 13px;
    background-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos .carte_france .info_ville .mail {
    background: url(img/mail.svg) no-repeat left top 6px;
    font-size: 15px;
    background-size: 18px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 576px) {
  .a_propos .carte_france .info_ville .mail {
    font-size: 13px;
  }
}

.a_propos .carte_france .info_ville_active {
  display: block !important;
}

.a_propos .pouce {
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 380px;
}

@media screen and (max-width: 1200px) {
  .a_propos .pouce {
    width: 290px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos .pouce {
    width: 240px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos .pouce {
    width: 200px;
  }
}

@media screen and (max-width: 500px) {
  .a_propos .pouce {
    width: 150px;
  }
}

/***********      ILS PARLENT DE NOUS       ***********/
.parlent_de_nous {
  padding: 100px 0px;
  background-color: #f7f7f7;
}

@media screen and (max-width: 992px) {
  .parlent_de_nous {
    padding: 60px 0px;
  }
}

@media screen and (max-width: 767px) {
  .parlent_de_nous {
    padding: 60px 0px 40px 0px;
  }
}

.parlent_de_nous .h1 h1,
.parlent_de_nous .h1 h2,
.parlent_de_nous .h1 p {
  text-align: center;
  color: #404040;
}

.parlent_de_nous .intro p {
  color: #404040;
  text-align: center;
  margin-bottom: 50px;
  line-height: 25px;
}

@media screen and (max-width: 1200px) {
  .parlent_de_nous .intro p {
    line-height: 22px;
  }
}

@media screen and (max-width: 992px) {
  .parlent_de_nous .intro p {
    margin-bottom: 10px;
    line-height: 17px;
  }
}

@media screen and (max-width: 767px) {
  .parlent_de_nous .intro p {
    line-height: 22px;
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 667px) {
  .parlent_de_nous .intro p {
    line-height: 19px;
  }
}

.parlent_de_nous a {
  display: block;
}

.parlent_de_nous a img {
  width: 70%;
  margin: 50px auto 0px auto;
  text-align: center;
  display: block;
  -webkit-filter: invert(0.5) sepia(1) hue-rotate(150deg) saturate(4) brightness(1);
          filter: invert(0.5) sepia(1) hue-rotate(150deg) saturate(4) brightness(1);
}

@media screen and (max-width: 767px) {
  .parlent_de_nous a img {
    margin-bottom: 60px;
  }
}

.parlent_de_nous a:hover img {
  -webkit-filter: none;
          filter: none;
}

/******************************************/
/***********      TEMPLATE SOLUTIONS        ***********/
/******************************************/
.solutions .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .solutions .bandeau {
    height: auto;
  }
}

.solutions .bandeau .container {
  position: relative;
  height: 100%;
}

.solutions .bandeau .container .row {
  height: 100%;
}

.solutions .bandeau .relative {
  position: relative;
  height: 100%;
}

.solutions .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .solutions .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.solutions .bandeau .contenu_bandeau .h1 h1,
.solutions .bandeau .contenu_bandeau .h1 h2,
.solutions .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .solutions .bandeau .contenu_bandeau .h1 h1,
  .solutions .bandeau .contenu_bandeau .h1 h2,
  .solutions .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.solutions .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .solutions .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .solutions .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.solutions .bandeau .image_bandeau {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 70vh;
  width: auto;
  max-width: none;
}

@media screen and (max-width: 1500px) {
  .solutions .bandeau .image_bandeau {
    height: 65vh;
  }
}

@media screen and (max-width: 1200px) {
  .solutions .bandeau .image_bandeau {
    height: 60vh;
  }
}

@media screen and (max-width: 992px) {
  .solutions .bandeau .image_bandeau {
    height: 55vh;
  }
}

@media screen and (max-width: 767px) {
  .solutions .bandeau .image_bandeau {
    position: inherit;
    height: auto;
    width: 100%;
  }
}

.solutions .bandeau::before,
.solutions .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.solutions .outils {
  padding: 0px 0px 50px 0px;
}

@media screen and (max-width: 992px) {
  .solutions .outils {
    padding: 0px 0px 60px 0px;
  }
}

.solutions .outils .intro_blanc {
  background-color: #fff;
  padding: 100px 0px;
}

@media screen and (max-width: 767px) {
  .solutions .outils .intro_blanc {
    padding: 60px 0px;
  }
}

.solutions .outils .intro_blanc .h1 h1,
.solutions .outils .intro_blanc .h1 h2,
.solutions .outils .intro_blanc .h1 p {
  text-align: center;
}

.solutions .outils .intro_blanc .intro p {
  text-align: center;
}

.solutions .outils .liste_outils .margin_pair {
  background-color: #f7f7f7;
  padding-top: 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .solutions .outils .liste_outils .margin_pair {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.solutions .outils .liste_outils .margin_impair {
  background-color: #fff;
  padding-top: 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .solutions .outils .liste_outils .margin_impair {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.solutions .outils .liste_outils img {
  width: 100%;
}

.solutions .outils .liste_outils .h2 h2,
.solutions .outils .liste_outils .h2 h3,
.solutions .outils .liste_outils .h2 p {
  font-family: "open_sansbold_italic";
  font-size: 35px;
  color: #29abe2;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 45px;
}

.solutions .outils .liste_outils .h2 h2 span,
.solutions .outils .liste_outils .h2 h3 span,
.solutions .outils .liste_outils .h2 p span {
  color: #29abe2;
}

@media screen and (max-width: 1200px) {
  .solutions .outils .liste_outils .h2 h2,
  .solutions .outils .liste_outils .h2 h3,
  .solutions .outils .liste_outils .h2 p {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .solutions .outils .liste_outils .h2 h2,
  .solutions .outils .liste_outils .h2 h3,
  .solutions .outils .liste_outils .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .solutions .outils .liste_outils .h2 h2,
  .solutions .outils .liste_outils .h2 h3,
  .solutions .outils .liste_outils .h2 p {
    font-size: 27px;
    margin-top: 30px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .solutions .outils .liste_outils .h2 h2,
  .solutions .outils .liste_outils .h2 h3,
  .solutions .outils .liste_outils .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

.solutions .outils .liste_outils p {
  text-align: justify;
  font-family: "open_sansregular";
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 15px;
}

@media screen and (max-width: 992px) {
  .solutions .outils .liste_outils p {
    font-size: 13px;
    line-height: 23px;
  }
}

@media screen and (max-width: 767px) {
  .solutions .outils .liste_outils p {
    text-align: center;
  }
}

.solutions .outils .liste_outils ul {
  padding: 10px;
  list-style: none;
}

.solutions .outils .liste_outils ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .solutions .outils .liste_outils ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .solutions .outils .liste_outils ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .solutions .outils .liste_outils ul li {
    font-size: 15px;
  }
}

.solutions .outils .liste_outils ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .solutions .outils .liste_outils ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .solutions .outils .liste_outils ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .solutions .outils .liste_outils ul li a {
    font-size: 15px;
  }
}

.solutions .outils .liste_outils ul li a:hover {
  color: #29abe2;
  text-decoration: none;
}

.solutions .outils .liste_outils ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

@media screen and (max-width: 767px) {
  .solutions .outils .liste_outils .buton {
    text-align: center;
  }
}

/******************************************/
/***********      TEMPLATE OUTIL        ***********/
/******************************************/
.outil .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .outil .bandeau {
    height: auto;
  }
}

.outil .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .outil .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.outil .bandeau .contenu_bandeau .h1 h1,
.outil .bandeau .contenu_bandeau .h1 h2,
.outil .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .outil .bandeau .contenu_bandeau .h1 h1,
  .outil .bandeau .contenu_bandeau .h1 h2,
  .outil .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.outil .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .outil .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .outil .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.outil .bandeau .img_bandeau {
  position: relative;
}

.outil .bandeau .img_bandeau img {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .outil .bandeau .img_bandeau img {
    display: none;
  }
}

.outil .bandeau::before,
.outil .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.outil .bloc_introductif {
  background-color: #fff;
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .outil .bloc_introductif {
    padding: 60px 0px;
  }
}

.outil .bloc_introductif img {
  width: 80%;
  display: block;
  margin: 0px auto;
}

.outil .bloc_introductif p {
  text-align: left;
  font-family: "open_sansregular";
  font-size: 15px;
  line-height: 30px;
  padding-bottom: 15px;
}

@media screen and (max-width: 1200px) {
  .outil .bloc_introductif p {
    font-size: 15px;
    line-height: 30px;
  }
}

@media screen and (max-width: 992px) {
  .outil .bloc_introductif p {
    font-size: 13px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .outil .bloc_introductif p {
    font-size: 15px;
    line-height: 28px;
    text-align: center;
  }
}

.outil .bloc_introductif .h2 h2,
.outil .bloc_introductif .h2 h3,
.outil .bloc_introductif .h2 p {
  font-family: "open_sansbold_italic";
  font-size: 35px;
  color: #404040;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 45px;
}

@media screen and (max-width: 1200px) {
  .outil .bloc_introductif .h2 h2,
  .outil .bloc_introductif .h2 h3,
  .outil .bloc_introductif .h2 p {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .outil .bloc_introductif .h2 h2,
  .outil .bloc_introductif .h2 h3,
  .outil .bloc_introductif .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .outil .bloc_introductif .h2 h2,
  .outil .bloc_introductif .h2 h3,
  .outil .bloc_introductif .h2 p {
    font-size: 27px;
    margin-top: 30px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .outil .bloc_introductif .h2 h2,
  .outil .bloc_introductif .h2 h3,
  .outil .bloc_introductif .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .outil .bloc_introductif .buton {
    text-align: center;
  }
}

.outil .caracteristiques {
  padding: 50px 0px 100px 0px;
  background-color: #f7f7f7;
}

@media screen and (max-width: 992px) {
  .outil .caracteristiques {
    padding: 0px 0px 50px 0px;
  }
}

.outil .caracteristiques .padding {
  margin-top: 50px;
  padding: 20px;
  border-radius: 20px;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .outil .caracteristiques .padding {
    margin: 10px;
  }
}

@media screen and (max-width: 767px) {
  .outil .caracteristiques .padding {
    margin-bottom: 50px;
  }
}

.outil .caracteristiques .padding svg {
  height: 60px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .outil .caracteristiques .padding svg {
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .outil .caracteristiques .padding svg {
    display: block;
    margin: 0px auto;
  }
}

.outil .caracteristiques .padding .nom {
  font-family: "open_sansbold";
  color: #404040;
  text-align: left;
  font-size: 20px;
  line-height: 30px;
  margin: 15px 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .outil .caracteristiques .padding .nom {
    font-size: 18px;
    line-height: 28px;
  }
}

@media screen and (max-width: 992px) {
  .outil .caracteristiques .padding .nom {
    font-size: 15px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .outil .caracteristiques .padding .nom {
    text-align: center;
  }
}

.outil .caracteristiques .padding .contenu {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.outil .caracteristiques .padding .contenu p {
  color: #404040;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .outil .caracteristiques .padding .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .outil .caracteristiques .padding .contenu p {
    text-align: center;
  }
}

.outil .caracteristiques .padding:hover {
  cursor: pointer;
}

.outil .caracteristiques .active {
  background-color: #29abe2;
  border-radius: 20px;
  border: none;
  -webkit-box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
          box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.outil .caracteristiques .active svg path {
  fill: #fff !important;
  stroke: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.outil .caracteristiques .active .nom {
  color: #fff;
}

.outil .caracteristiques .active .contenu p {
  color: #fff;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .outil .caracteristiques .active .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .outil .caracteristiques .active .contenu p {
    text-align: center;
  }
}

.outil .liste_arguments .margin_pair {
  background-color: #fff;
  padding-top: 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .outil .liste_arguments .margin_pair {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.outil .liste_arguments .margin_impair {
  background-color: #f7f7f7;
  padding-top: 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .outil .liste_arguments .margin_impair {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.outil .liste_arguments img {
  width: 100%;
}

.outil .liste_arguments .h2 h2,
.outil .liste_arguments .h2 h3,
.outil .liste_arguments .h2 p {
  font-family: "open_sansbold_italic" !important;
  font-size: 35px;
  line-height: 45px;
  color: #29abe2;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.outil .liste_arguments .h2 h2 span,
.outil .liste_arguments .h2 h3 span,
.outil .liste_arguments .h2 p span {
  color: #29abe2;
}

@media screen and (max-width: 1200px) {
  .outil .liste_arguments .h2 h2,
  .outil .liste_arguments .h2 h3,
  .outil .liste_arguments .h2 p {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .outil .liste_arguments .h2 h2,
  .outil .liste_arguments .h2 h3,
  .outil .liste_arguments .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .outil .liste_arguments .h2 h2,
  .outil .liste_arguments .h2 h3,
  .outil .liste_arguments .h2 p {
    font-size: 27px;
    margin-top: 30px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .outil .liste_arguments .h2 h2,
  .outil .liste_arguments .h2 h3,
  .outil .liste_arguments .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

.outil .liste_arguments p {
  text-align: left;
  font-family: "open_sansregular";
  font-size: 15px;
  line-height: 30px;
  padding-bottom: 15px;
}

@media screen and (max-width: 1200px) {
  .outil .liste_arguments p {
    font-size: 15px;
    line-height: 30px;
  }
}

@media screen and (max-width: 992px) {
  .outil .liste_arguments p {
    font-size: 13px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .outil .liste_arguments p {
    font-size: 15px;
    line-height: 28px;
    text-align: center;
  }
}

.outil .liste_arguments ul {
  padding: 10px;
  list-style: none;
}

.outil .liste_arguments ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .outil .liste_arguments ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .outil .liste_arguments ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .outil .liste_arguments ul li {
    font-size: 15px;
  }
}

.outil .liste_arguments ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .outil .liste_arguments ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .outil .liste_arguments ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .outil .liste_arguments ul li a {
    font-size: 15px;
  }
}

.outil .liste_arguments ul li a:hover {
  color: #29abe2;
  text-decoration: none;
}

.outil .liste_arguments ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

@media screen and (max-width: 767px) {
  .outil .liste_arguments .buton {
    text-align: center;
  }
}

.outil .parole {
  padding: 100px 0px;
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
}

@media screen and (max-width: 992px) {
  .outil .parole {
    padding: 60px 0px;
  }
}

.outil .parole .h1 h1,
.outil .parole .h1 h2,
.outil .parole .h1 p {
  text-align: center;
  margin-bottom: 100px;
}

.outil .parole .owl-dots {
  margin-top: 50px !important;
}

.outil .parole .owl-dots .owl-dot span {
  background-color: #8c9091 !important;
}

.outil .parole .owl-dots .owl-dot.active span {
  background-color: #fff !important;
}

.outil .parole .owl-dots .owl-dot:focus {
  outline: none !important;
}

.outil .parole .height {
  height: 100%;
  padding: 0px 15px;
}

.outil .parole .height > div {
  height: 100%;
}

.outil .parole .height > div a {
  height: 100%;
  margin-bottom: 50px;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .outil .parole .height > div a {
    height: inherit;
  }
}

.outil .parole .success_card {
  height: 100%;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.outil .parole .success_card .img {
  min-height: 205px;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .outil .parole .success_card .img {
    min-height: 175px;
  }
}

@media screen and (max-width: 992px) {
  .outil .parole .success_card .img {
    min-height: 135px;
  }
}

@media screen and (max-width: 767px) {
  .outil .parole .success_card .img {
    min-height: inherit;
  }
}

.outil .parole .success_card .img img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 50px 30px 20px 30px;
  margin: 0px auto;
  width: 80%;
  display: block;
}

.outil .parole .success_card .nom_cat {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-bottom: 20px;
}

.outil .parole .success_card .nom_cat p:last-of-type {
  color: #404040;
  text-align: left;
  font-family: "open_sansregular";
  padding: 0px 30px 40px 30px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .outil .parole .success_card .nom_cat p:last-of-type {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .outil .parole .success_card .nom_cat p:last-of-type {
    font-size: 16px;
  }
}

.outil .parole .success_card .nom_cat ul {
  padding: 10px 20px 0px 40px;
  list-style: none;
}

.outil .parole .success_card .nom_cat ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
  color: #404040;
}

@media screen and (max-width: 1200px) {
  .outil .parole .success_card .nom_cat ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .outil .parole .success_card .nom_cat ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .outil .parole .success_card .nom_cat ul li {
    font-size: 15px;
  }
}

.outil .parole .success_card .nom_cat ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .outil .parole .success_card .nom_cat ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .outil .parole .success_card .nom_cat ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .outil .parole .success_card .nom_cat ul li a {
    font-size: 15px;
  }
}

.outil .parole .success_card .nom_cat ul li a:hover {
  color: #29abe2;
  text-decoration: none;
}

.outil .parole .success_card .nom_cat ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.outil .parole a:hover {
  text-decoration: none;
}

.outil .parole .success_card:hover {
  background-color: #e5f8fc;
  -webkit-box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
          box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.outil .parole .success_card:hover img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.outil .actualites {
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .outil .actualites {
    padding: 60px 0px;
  }
}

@media screen and (max-width: 767px) {
  .outil .actualites .actu {
    margin-top: 50px;
  }
}

.outil .actualites .h2 h2,
.outil .actualites .h2 h3,
.outil .actualites .h2 p {
  font-family: "open_sansbold_italic";
  font-size: 35px;
  color: #404040;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 45px;
}

@media screen and (max-width: 1200px) {
  .outil .actualites .h2 h2,
  .outil .actualites .h2 h3,
  .outil .actualites .h2 p {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .outil .actualites .h2 h2,
  .outil .actualites .h2 h3,
  .outil .actualites .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .outil .actualites .h2 h2,
  .outil .actualites .h2 h3,
  .outil .actualites .h2 p {
    font-size: 27px;
    margin-top: 30px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .outil .actualites .h2 h2,
  .outil .actualites .h2 h3,
  .outil .actualites .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

.outil .actualites img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.outil .actualites p {
  font-family: "open_sansregular";
  font-size: 15px;
  padding: 10px 0px 0px 0px;
  min-height: 80px;
}

@media screen and (max-width: 1200px) {
  .outil .actualites p {
    min-height: 80px;
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {
  .outil .actualites p {
    min-height: 80px;
    font-size: 13px;
    padding: 10px 0px 0px 0px;
  }
}

@media screen and (max-width: 767px) {
  .outil .actualites p {
    min-height: inherit;
    font-size: 15px;
  }
}

.outil .actualites .categorie {
  display: inline-block;
  font-family: "open_sansbold";
  font-size: 16px;
  color: #29abe2;
  text-transform: uppercase;
  margin-top: 15px;
  min-height: inherit;
}

@media screen and (max-width: 767px) {
  .outil .actualites .categorie {
    margin: 0px auto;
  }
}

.outil .actualites .temps {
  display: inline-block;
  font-family: "open_sansregular";
  font-size: 16px;
  color: #404040;
  margin-top: 15px;
  min-height: inherit;
}

.outil .actualites h3 {
  font-family: "open_sansbold";
  font-size: 21px;
  color: #404040;
}

@media screen and (max-width: 1200px) {
  .outil .actualites h3 {
    min-height: 60px;
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .outil .actualites h3 {
    min-height: 65px;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .outil .actualites h3 {
    min-height: inherit;
    font-size: 18px;
  }
}

/******************************************/
/***********      TEMPLATE EXPERTISES       ***********/
/******************************************/
.expertises .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .expertises .bandeau {
    height: auto;
  }
}

.expertises .bandeau .container {
  position: relative;
  height: 100%;
}

.expertises .bandeau .container .row {
  height: 100%;
}

.expertises .bandeau .relative {
  position: relative;
  height: 100%;
}

.expertises .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .expertises .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.expertises .bandeau .contenu_bandeau .h1 h1,
.expertises .bandeau .contenu_bandeau .h1 h2,
.expertises .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .expertises .bandeau .contenu_bandeau .h1 h1,
  .expertises .bandeau .contenu_bandeau .h1 h2,
  .expertises .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.expertises .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .expertises .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.expertises .bandeau .image_bandeau {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 70vh;
  width: auto;
  max-width: none;
}

@media screen and (max-width: 1500px) {
  .expertises .bandeau .image_bandeau {
    height: 65vh;
  }
}

@media screen and (max-width: 1200px) {
  .expertises .bandeau .image_bandeau {
    height: 60vh;
  }
}

@media screen and (max-width: 992px) {
  .expertises .bandeau .image_bandeau {
    height: 55vh;
  }
}

@media screen and (max-width: 767px) {
  .expertises .bandeau .image_bandeau {
    position: inherit;
    height: auto;
    width: 100%;
  }
}

.expertises .bandeau::before,
.expertises .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.expertises .chronologie_audit_padding {
  padding: 100px 0px 250px 0px;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_audit_padding {
    padding: 60px 0px 190px 0px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit_padding {
    padding: 60px 0px 150px 0px;
  }
}

.expertises .chronologie_audit_padding .h1 h1,
.expertises .chronologie_audit_padding .h1 h2,
.expertises .chronologie_audit_padding .h1 p {
  text-align: center;
}

.expertises .chronologie_audit_padding .intro p {
  text-align: center;
}

.expertises .chronologie_audit_padding .padding {
  margin-top: 50px;
  padding: 20px;
  border-radius: 20px;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit_padding .padding {
    margin: 10px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit_padding .padding {
    margin-bottom: 50px;
  }
}

.expertises .chronologie_audit_padding .padding svg {
  height: 60px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit_padding .padding svg {
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit_padding .padding svg {
    display: block;
    margin: 0px auto;
  }
}

.expertises .chronologie_audit_padding .padding h3 {
  font-family: "open_sansbold";
  color: #404040;
  text-align: left;
  font-size: 20px;
  line-height: 30px;
  margin: 15px 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_audit_padding .padding h3 {
    font-size: 18px;
    line-height: 28px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit_padding .padding h3 {
    font-size: 15px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit_padding .padding h3 {
    text-align: center;
  }
}

.expertises .chronologie_audit_padding .padding .contenu {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit_padding .padding .contenu p {
  color: #404040;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit_padding .padding .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit_padding .padding .contenu p {
    text-align: center;
  }
}

.expertises .chronologie_audit_padding .padding .contenu ul {
  padding: 10px;
  list-style: none;
}

.expertises .chronologie_audit_padding .padding .contenu ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_audit_padding .padding .contenu ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit_padding .padding .contenu ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit_padding .padding .contenu ul li {
    font-size: 15px;
  }
}

.expertises .chronologie_audit_padding .padding .contenu ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_audit_padding .padding .contenu ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit_padding .padding .contenu ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit_padding .padding .contenu ul li a {
    font-size: 15px;
  }
}

.expertises .chronologie_audit_padding .padding .contenu ul li a:hover {
  color: #29abe2;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit_padding .padding .contenu ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit_padding .padding:hover {
  cursor: pointer;
}

.expertises .chronologie_audit_padding .active {
  background-color: #29abe2;
  border-radius: 20px;
  border: none;
  -webkit-box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
          box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit_padding .active svg path {
  fill: #fff !important;
  stroke: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit_padding .active h3 {
  color: #fff;
}

.expertises .chronologie_audit_padding .active .contenu p {
  color: #fff;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit_padding .active .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit_padding .active .contenu p {
    text-align: center;
  }
}

.expertises .chronologie_audit_padding .active .contenu p {
  color: #fff;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit_padding .active .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit_padding .active .contenu p {
    text-align: center;
  }
}

.expertises .chronologie_audit_padding .active .contenu ul li {
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit_padding .active .contenu ul li a {
  color: #404040;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit_padding .active .contenu ul li a:hover {
  color: #404040;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit_padding .active .contenu ul li::before {
  content: "\2022";
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit {
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit {
    padding: 60px 0px;
  }
}

.expertises .chronologie_audit .h1 h1,
.expertises .chronologie_audit .h1 h2,
.expertises .chronologie_audit .h1 p {
  text-align: center;
}

.expertises .chronologie_audit .intro p {
  text-align: center;
}

.expertises .chronologie_audit .padding {
  margin-top: 50px;
  padding: 20px;
  border-radius: 20px;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit .padding {
    margin: 10px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit .padding {
    margin-bottom: 50px;
  }
}

.expertises .chronologie_audit .padding svg {
  height: 60px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit .padding svg {
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit .padding svg {
    display: block;
    margin: 0px auto;
  }
}

.expertises .chronologie_audit .padding h3 {
  font-family: "open_sansbold";
  color: #404040;
  text-align: left;
  font-size: 20px;
  line-height: 30px;
  margin: 15px 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_audit .padding h3 {
    font-size: 18px;
    line-height: 28px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit .padding h3 {
    font-size: 15px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit .padding h3 {
    text-align: center;
  }
}

.expertises .chronologie_audit .padding .contenu {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit .padding .contenu p {
  color: #404040;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit .padding .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit .padding .contenu p {
    text-align: center;
  }
}

.expertises .chronologie_audit .padding .contenu ul {
  padding: 10px;
  list-style: none;
}

.expertises .chronologie_audit .padding .contenu ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_audit .padding .contenu ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit .padding .contenu ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit .padding .contenu ul li {
    font-size: 15px;
  }
}

.expertises .chronologie_audit .padding .contenu ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_audit .padding .contenu ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit .padding .contenu ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit .padding .contenu ul li a {
    font-size: 15px;
  }
}

.expertises .chronologie_audit .padding .contenu ul li a:hover {
  color: #29abe2;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit .padding .contenu ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit .padding:hover {
  cursor: pointer;
}

.expertises .chronologie_audit .active {
  background-color: #29abe2;
  border-radius: 20px;
  border: none;
  -webkit-box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
          box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit .active svg path {
  fill: #fff !important;
  stroke: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit .active h3 {
  color: #fff;
}

.expertises .chronologie_audit .active .contenu p {
  color: #fff;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit .active .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit .active .contenu p {
    text-align: center;
  }
}

.expertises .chronologie_audit .active .contenu p {
  color: #fff;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_audit .active .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_audit .active .contenu p {
    text-align: center;
  }
}

.expertises .chronologie_audit .active .contenu ul li {
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit .active .contenu ul li a {
  color: #404040;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit .active .contenu ul li a:hover {
  color: #404040;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_audit .active .contenu ul li::before {
  content: "\2022";
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion_padding {
  padding: 100px 0px 250px 0px;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_gestion_padding {
    padding: 60px 0px 190px 0px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion_padding {
    padding: 60px 0px 150px 0px;
  }
}

.expertises .chronologie_gestion_padding .h1 h1,
.expertises .chronologie_gestion_padding .h1 h2,
.expertises .chronologie_gestion_padding .h1 p {
  text-align: center;
}

.expertises .chronologie_gestion_padding .intro p {
  text-align: center;
}

.expertises .chronologie_gestion_padding .padding {
  margin-top: 50px;
  padding: 20px;
  border-radius: 20px;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion_padding .padding {
    margin: 10px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion_padding .padding {
    margin-bottom: 50px;
  }
}

.expertises .chronologie_gestion_padding .padding svg {
  height: 60px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion_padding .padding svg {
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion_padding .padding svg {
    display: block;
    margin: 0px auto;
  }
}

.expertises .chronologie_gestion_padding .padding h3 {
  font-family: "open_sansbold";
  color: #404040;
  text-align: left;
  font-size: 20px;
  line-height: 30px;
  margin: 15px 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_gestion_padding .padding h3 {
    font-size: 18px;
    line-height: 28px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion_padding .padding h3 {
    font-size: 15px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion_padding .padding h3 {
    text-align: center;
  }
}

.expertises .chronologie_gestion_padding .padding .contenu {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion_padding .padding .contenu p {
  color: #404040;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion_padding .padding .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion_padding .padding .contenu p {
    text-align: center;
  }
}

.expertises .chronologie_gestion_padding .padding .contenu ul {
  padding: 10px;
  list-style: none;
}

.expertises .chronologie_gestion_padding .padding .contenu ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_gestion_padding .padding .contenu ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion_padding .padding .contenu ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion_padding .padding .contenu ul li {
    font-size: 15px;
  }
}

.expertises .chronologie_gestion_padding .padding .contenu ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_gestion_padding .padding .contenu ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion_padding .padding .contenu ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion_padding .padding .contenu ul li a {
    font-size: 15px;
  }
}

.expertises .chronologie_gestion_padding .padding .contenu ul li a:hover {
  color: #29abe2;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion_padding .padding .contenu ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion_padding .padding:hover {
  cursor: pointer;
}

.expertises .chronologie_gestion_padding .active {
  background-color: #29abe2;
  border-radius: 20px;
  border: none;
  -webkit-box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
          box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion_padding .active svg path {
  fill: #fff !important;
  stroke: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion_padding .active h3 {
  color: #fff;
}

.expertises .chronologie_gestion_padding .active .contenu p {
  color: #fff;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion_padding .active .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion_padding .active .contenu p {
    text-align: center;
  }
}

.expertises .chronologie_gestion_padding .active .contenu p {
  color: #fff;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion_padding .active .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion_padding .active .contenu p {
    text-align: center;
  }
}

.expertises .chronologie_gestion_padding .active .contenu ul li {
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion_padding .active .contenu ul li a {
  color: #404040;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion_padding .active .contenu ul li a:hover {
  color: #404040;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion_padding .active .contenu ul li::before {
  content: "\2022";
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion {
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion {
    padding: 60px 0px;
  }
}

.expertises .chronologie_gestion .h1 h1,
.expertises .chronologie_gestion .h1 h2,
.expertises .chronologie_gestion .h1 p {
  text-align: center;
}

.expertises .chronologie_gestion .intro p {
  text-align: center;
}

.expertises .chronologie_gestion .padding {
  margin-top: 50px;
  padding: 20px;
  border-radius: 20px;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion .padding {
    margin: 10px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion .padding {
    margin-bottom: 50px;
  }
}

.expertises .chronologie_gestion .padding svg {
  height: 60px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion .padding svg {
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion .padding svg {
    display: block;
    margin: 0px auto;
  }
}

.expertises .chronologie_gestion .padding h3 {
  font-family: "open_sansbold";
  color: #404040;
  text-align: left;
  font-size: 20px;
  line-height: 30px;
  margin: 15px 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_gestion .padding h3 {
    font-size: 18px;
    line-height: 28px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion .padding h3 {
    font-size: 15px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion .padding h3 {
    text-align: center;
  }
}

.expertises .chronologie_gestion .padding .contenu {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion .padding .contenu p {
  color: #404040;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion .padding .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion .padding .contenu p {
    text-align: center;
  }
}

.expertises .chronologie_gestion .padding .contenu ul {
  padding: 10px;
  list-style: none;
}

.expertises .chronologie_gestion .padding .contenu ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_gestion .padding .contenu ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion .padding .contenu ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion .padding .contenu ul li {
    font-size: 15px;
  }
}

.expertises .chronologie_gestion .padding .contenu ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .expertises .chronologie_gestion .padding .contenu ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion .padding .contenu ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion .padding .contenu ul li a {
    font-size: 15px;
  }
}

.expertises .chronologie_gestion .padding .contenu ul li a:hover {
  color: #29abe2;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion .padding .contenu ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion .padding:hover {
  cursor: pointer;
}

.expertises .chronologie_gestion .active {
  background-color: #29abe2;
  border-radius: 20px;
  border: none;
  -webkit-box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
          box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion .active svg path {
  fill: #fff !important;
  stroke: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion .active h3 {
  color: #fff;
}

.expertises .chronologie_gestion .active .contenu p {
  color: #fff;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .expertises .chronologie_gestion .active .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .chronologie_gestion .active .contenu p {
    text-align: center;
  }
}

.expertises .chronologie_gestion .active .contenu ul li {
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion .active .contenu ul li a {
  color: #404040;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion .active .contenu ul li a:hover {
  color: #404040;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .chronologie_gestion .active .contenu ul li::before {
  content: "\2022";
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.expertises .liste {
  background-color: #f7f7f7;
  padding: 100px 0px 250px 0px;
}

@media screen and (max-width: 1200px) {
  .expertises .liste {
    padding: 60px 0px 190px 0px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .liste {
    padding: 60px 0px 150px 0px;
  }
}

.expertises .liste .liste_margin {
  padding-top: 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .expertises .liste .liste_margin {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.expertises .liste .nombre_impair {
  position: absolute;
  top: -15px;
  left: 0%;
  font-size: 80px;
  font-family: "open_sansbold_italic";
}

@media screen and (max-width: 1200px) {
  .expertises .liste .nombre_impair {
    font-size: 60px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .liste .nombre_impair {
    font-size: 50px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .liste .nombre_impair {
    font-size: 80px;
  }
}

@media screen and (max-width: 576px) {
  .expertises .liste .nombre_impair {
    display: none;
  }
}

.expertises .liste .nombre_pair {
  position: absolute;
  top: -15px;
  right: 0%;
  font-size: 80px;
  font-family: "open_sansbold_italic";
}

@media screen and (max-width: 1200px) {
  .expertises .liste .nombre_pair {
    font-size: 60px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .liste .nombre_pair {
    font-size: 50px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .liste .nombre_pair {
    font-size: 80px;
  }
}

@media screen and (max-width: 576px) {
  .expertises .liste .nombre_pair {
    display: none;
  }
}

.expertises .liste img {
  height: 400px;
  display: block;
  margin: 0px auto;
}

@media screen and (max-width: 1200px) {
  .expertises .liste img {
    height: 350px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .liste img {
    height: 270px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .liste img {
    width: 100%;
    height: inherit;
  }
}

.expertises .liste .h2 h2,
.expertises .liste .h2 h3,
.expertises .liste .h2 p {
  font-family: "open_sansbold_italic" !important;
  font-size: 35px;
  color: #29abe2;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 45px;
}

.expertises .liste .h2 h2 span,
.expertises .liste .h2 h3 span,
.expertises .liste .h2 p span {
  color: #29abe2;
}

@media screen and (max-width: 1200px) {
  .expertises .liste .h2 h2,
  .expertises .liste .h2 h3,
  .expertises .liste .h2 p {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .liste .h2 h2,
  .expertises .liste .h2 h3,
  .expertises .liste .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .liste .h2 h2,
  .expertises .liste .h2 h3,
  .expertises .liste .h2 p {
    font-size: 27px;
    margin-top: 30px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .expertises .liste .h2 h2,
  .expertises .liste .h2 h3,
  .expertises .liste .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

.expertises .liste p {
  text-align: justify;
  font-family: "open_sansregular";
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 15px;
}

@media screen and (max-width: 992px) {
  .expertises .liste p {
    font-size: 13px;
    line-height: 23px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .liste p {
    text-align: center;
  }
}

.expertises .liste ul {
  padding: 10px;
  list-style: none;
}

.expertises .liste ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .expertises .liste ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .liste ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .liste ul li {
    font-size: 15px;
  }
}

.expertises .liste ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .expertises .liste ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .liste ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .liste ul li a {
    font-size: 15px;
  }
}

.expertises .liste ul li a:hover {
  color: #29abe2;
  text-decoration: none;
}

.expertises .liste ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

@media screen and (max-width: 767px) {
  .expertises .liste .buton {
    text-align: center;
  }
}

.expertises .bleu {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  height: 425px;
}

@media screen and (max-width: 1200px) {
  .expertises .bleu {
    height: 375px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .bleu {
    height: 325px;
  }
}

.expertises .bleu .absolute {
  background-color: #fff;
  border-radius: 20px;
  padding: 50px;
  position: relative;
  top: -176px;
  border: 1px solid #eee;
}

@media screen and (max-width: 1200px) {
  .expertises .bleu .absolute {
    top: -141px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .bleu .absolute {
    top: -103px;
    padding: 20px 60px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .bleu .absolute {
    padding: 20px 40px;
    top: -131px;
  }
}

@media screen and (max-width: 576px) {
  .expertises .bleu .absolute {
    min-height: 230px;
    top: -115px;
  }
}

.expertises .bleu .absolute .h2 h2,
.expertises .bleu .absolute .h2 h3,
.expertises .bleu .absolute .h2 p {
  font-family: "open_sansbold_italic" !important;
  font-size: 35px;
  color: #404040;
  text-transform: uppercase;
  line-height: 45px;
}

.expertises .bleu .absolute .h2 h2 span,
.expertises .bleu .absolute .h2 h3 span,
.expertises .bleu .absolute .h2 p span {
  color: #29abe2;
}

@media screen and (max-width: 1200px) {
  .expertises .bleu .absolute .h2 h2,
  .expertises .bleu .absolute .h2 h3,
  .expertises .bleu .absolute .h2 p {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .expertises .bleu .absolute .h2 h2,
  .expertises .bleu .absolute .h2 h3,
  .expertises .bleu .absolute .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .bleu .absolute .h2 h2,
  .expertises .bleu .absolute .h2 h3,
  .expertises .bleu .absolute .h2 p {
    font-size: 27px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .expertises .bleu .absolute .h2 h2,
  .expertises .bleu .absolute .h2 h3,
  .expertises .bleu .absolute .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

.expertises .bleu .absolute .buton {
  margin-top: 30px;
}

.expertises .bleu .absolute .au_milieu {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 767px) {
  .expertises .bleu .absolute .au_milieu {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

.expertises .bleu .absolute .en_bas {
  width: 80%;
  position: relative;
  bottom: -30px;
}

@media screen and (max-width: 992px) {
  .expertises .bleu .absolute .en_bas {
    bottom: -27px;
  }
}

@media screen and (max-width: 767px) {
  .expertises .bleu .absolute .en_bas {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

/******************************************/
/***********      TEMPLATE QUALIOPI      ***********/
/******************************************/
.qualiopi .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .qualiopi .bandeau {
    height: auto;
  }
}

.qualiopi .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .qualiopi .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.qualiopi .bandeau .contenu_bandeau .h1 h1,
.qualiopi .bandeau .contenu_bandeau .h1 h2,
.qualiopi .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .qualiopi .bandeau .contenu_bandeau .h1 h1,
  .qualiopi .bandeau .contenu_bandeau .h1 h2,
  .qualiopi .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.qualiopi .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .qualiopi .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .qualiopi .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.qualiopi .bandeau .image_bandeau {
  width: 80%;
  margin: 0px auto;
  display: block;
}

@media screen and (max-width: 767px) {
  .qualiopi .bandeau .image_bandeau {
    position: inherit;
    height: auto;
    width: 100%;
  }
}

.qualiopi .bandeau::before,
.qualiopi .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.qualiopi .informations {
  padding: 100px 0px 50px 0px;
  background-color: #f7f7f7;
}

@media screen and (max-width: 992px) {
  .qualiopi .informations {
    padding: 60px 0px;
  }
}

.qualiopi .informations .h1 h1,
.qualiopi .informations .h1 h2,
.qualiopi .informations .h1 p {
  text-align: center;
}

.qualiopi .informations .intro p {
  text-align: center;
}

.qualiopi .informations .liste_outils .margin_pair {
  background-color: #f7f7f7;
  padding-top: 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .qualiopi .informations .liste_outils .margin_pair {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.qualiopi .informations .liste_outils .margin_impair {
  background-color: #fff;
  padding-top: 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .qualiopi .informations .liste_outils .margin_impair {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.qualiopi .informations .liste_outils img {
  width: 100%;
}

.qualiopi .informations .liste_outils .h2 h2,
.qualiopi .informations .liste_outils .h2 h3,
.qualiopi .informations .liste_outils .h2 p {
  font-family: "open_sansbold_italic";
  font-size: 35px;
  color: #29abe2;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 45px;
}

.qualiopi .informations .liste_outils .h2 h2 span,
.qualiopi .informations .liste_outils .h2 h3 span,
.qualiopi .informations .liste_outils .h2 p span {
  color: #29abe2;
}

@media screen and (max-width: 1200px) {
  .qualiopi .informations .liste_outils .h2 h2,
  .qualiopi .informations .liste_outils .h2 h3,
  .qualiopi .informations .liste_outils .h2 p {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .qualiopi .informations .liste_outils .h2 h2,
  .qualiopi .informations .liste_outils .h2 h3,
  .qualiopi .informations .liste_outils .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .qualiopi .informations .liste_outils .h2 h2,
  .qualiopi .informations .liste_outils .h2 h3,
  .qualiopi .informations .liste_outils .h2 p {
    font-size: 27px;
    margin-top: 30px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .qualiopi .informations .liste_outils .h2 h2,
  .qualiopi .informations .liste_outils .h2 h3,
  .qualiopi .informations .liste_outils .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

.qualiopi .informations .liste_outils p {
  text-align: left;
  font-family: "open_sansregular";
  font-size: 15px;
  line-height: 30px;
  padding-bottom: 15px;
}

@media screen and (max-width: 1200px) {
  .qualiopi .informations .liste_outils p {
    font-size: 15px;
    line-height: 30px;
  }
}

@media screen and (max-width: 992px) {
  .qualiopi .informations .liste_outils p {
    font-size: 13px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .qualiopi .informations .liste_outils p {
    font-size: 15px;
    line-height: 28px;
    text-align: center;
  }
}

.qualiopi .informations .liste_outils ul {
  padding: 10px;
  list-style: none;
}

.qualiopi .informations .liste_outils ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .qualiopi .informations .liste_outils ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .qualiopi .informations .liste_outils ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .qualiopi .informations .liste_outils ul li {
    font-size: 15px;
  }
}

.qualiopi .informations .liste_outils ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .qualiopi .informations .liste_outils ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .qualiopi .informations .liste_outils ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .qualiopi .informations .liste_outils ul li a {
    font-size: 15px;
  }
}

.qualiopi .informations .liste_outils ul li a:hover {
  color: #29abe2;
  text-decoration: none;
}

.qualiopi .informations .liste_outils ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

@media screen and (max-width: 767px) {
  .qualiopi .informations .liste_outils .buton {
    text-align: center;
  }
}

.qualiopi .liste_formations {
  padding: 100px 0px 0px 0px;
}

@media screen and (max-width: 992px) {
  .qualiopi .liste_formations {
    padding: 60px 0px 100px 0px;
  }
}

.qualiopi .liste_formations .h1 h1,
.qualiopi .liste_formations .h1 h2,
.qualiopi .liste_formations .h1 p {
  text-align: center;
}

.qualiopi .liste_formations .card_formation {
  margin-top: 50px;
  height: 420px;
  overflow: hidden;
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

@media screen and (max-width: 1200px) {
  .qualiopi .liste_formations .card_formation {
    height: 390px;
  }
}

@media screen and (max-width: 992px) {
  .qualiopi .liste_formations .card_formation {
    height: 405px;
  }
}

@media screen and (max-width: 767px) {
  .qualiopi .liste_formations .card_formation {
    height: 510px;
  }
}

@media screen and (max-width: 576px) {
  .qualiopi .liste_formations .card_formation {
    height: 430px;
  }
}

.qualiopi .liste_formations .card_formation > img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

@media screen and (max-width: 576px) {
  .qualiopi .liste_formations .card_formation > img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 220px;
  }
}

.qualiopi .liste_formations .card_formation .card_bleu {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 210px;
  left: 0;
  padding: 0px 30px;
  background-color: #29abe2;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .qualiopi .liste_formations .card_formation .card_bleu {
    top: 174px;
  }
}

@media screen and (max-width: 992px) {
  .qualiopi .liste_formations .card_formation .card_bleu {
    top: 198px;
  }
}

@media screen and (max-width: 767px) {
  .qualiopi .liste_formations .card_formation .card_bleu {
    top: 305px;
  }
}

@media screen and (max-width: 576px) {
  .qualiopi .liste_formations .card_formation .card_bleu {
    top: 220px;
  }
}

.qualiopi .liste_formations .card_formation .card_bleu .nom {
  font-family: "open_sansbold";
  font-size: 21px;
  color: #fff;
  padding-top: 20px;
  margin: 0px;
  min-height: 115px;
  line-height: 26px;
}

.qualiopi .liste_formations .card_formation .card_bleu .duree {
  background-image: url(img/duree_formation.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: left bottom 5px;
  padding-left: 25px;
  font-family: "open_sansregular";
  font-size: 15px;
  color: #fff;
  margin-bottom: 10px;
}

.qualiopi .liste_formations .card_formation .card_bleu .note .etoiles {
  width: 20px;
  display: inline-block;
  margin-right: 5px;
}

.qualiopi .liste_formations .card_formation .card_bleu .note p {
  display: inline-block;
  font-family: "open_sansbold";
  font-size: 21px;
  color: #fff;
  position: relative;
  top: 5px;
}

.qualiopi .liste_formations .card_formation .card_bleu .contenu {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.qualiopi .liste_formations .card_formation .card_bleu .contenu p {
  font-family: "open_sansregular";
  font-size: 15px;
  color: #fff;
}

.qualiopi .liste_formations .card_formation .card_bleu .bouton {
  position: absolute;
  bottom: 30px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.qualiopi .liste_formations .card_formation:hover .card_bleu {
  left: 0;
  position: absolute;
  top: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.qualiopi .liste_formations .card_formation:hover .card_bleu .contenu {
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.qualiopi .liste_formations .card_formation:hover .card_bleu .bouton {
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

  .qualiopi .liste_formations .liste_outils {
    background-color: #f7f7f7;
    padding-top: 70px;
    padding-bottom: 200px;
	margin-top: 100px;
  }

  .qualiopi .liste_formations .liste_outils .margin_pair {
    background-color: #f7f7f7;
    padding-top: 100px;
    padding-bottom: 70px;
  }
  
  @media screen and (max-width: 767px) {
    .qualiopi .liste_formations .liste_outils .margin_pair {
      padding-top: 40px;
      padding-bottom: 40px;
    }
  }
  
  .qualiopi .liste_formations .liste_outils .margin_impair {
    background-color: #f7f7f7;
    padding-top: 70px;
    padding-bottom: 70px;
  }
  
  @media screen and (max-width: 767px) {
    .qualiopi .liste_formations .liste_outils .margin_impair {
      padding-top: 40px;
      padding-bottom: 40px;
    }
  }
  
  .qualiopi .liste_formations .liste_outils .margin_pair:first-of-type {
    padding-top: 0px;
  }
  
  .qualiopi .liste_formations .liste_outils img {
    width: 100%;
  }
  
  .qualiopi .liste_formations .liste_outils .h2 h2,
  .qualiopi .liste_formations .liste_outils .h2 h3,
  .qualiopi .liste_formations .liste_outils .h2 p {
    font-family: "open_sansbold_italic";
    font-size: 35px;
    color: #29abe2;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 45px;
  }
  
  .qualiopi .liste_formations .liste_outils .h2 h2 span,
  .qualiopi .liste_formations .liste_outils .h2 h3 span,
  .qualiopi .liste_formations .liste_outils .h2 p span {
    color: #29abe2;
  }
  
  @media screen and (max-width: 1200px) {
    .qualiopi .liste_formations .liste_outils .h2 h2,
    .qualiopi .liste_formations .liste_outils .h2 h3,
    .qualiopi .liste_formations .liste_outils .h2 p {
      font-size: 27px;
      line-height: 37px;
    }
  }
  
  @media screen and (max-width: 992px) {
    .qualiopi .liste_formations .liste_outils .h2 h2,
    .qualiopi .liste_formations .liste_outils .h2 h3,
    .qualiopi .liste_formations .liste_outils .h2 p {
      font-size: 22px;
      line-height: 32px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .qualiopi .liste_formations .liste_outils .h2 h2,
    .qualiopi .liste_formations .liste_outils .h2 h3,
    .qualiopi .liste_formations .liste_outils .h2 p {
      font-size: 27px;
      margin-top: 30px;
      text-align: center;
      line-height: 37px;
    }
  }
  
  @media screen and (max-width: 576px) {
    .qualiopi .liste_formations .liste_outils .h2 h2,
    .qualiopi .liste_formations .liste_outils .h2 h3,
    .qualiopi .liste_formations .liste_outils .h2 p {
      font-size: 22px;
      line-height: 32px;
    }
  }
  
  .qualiopi .liste_formations .liste_outils p {
    text-align: justify;
    font-family: "open_sansregular";
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 15px;
  }
  
  @media screen and (max-width: 992px) {
    .qualiopi .liste_formations .liste_outils p {
      font-size: 13px;
      line-height: 23px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .qualiopi .liste_formations .liste_outils p {
      text-align: center;
    }
  }

.qualiopi .liste_formations .liste_outils a {
	color: #29abe2;
	text-decoration: none;
}
  
  .qualiopi .liste_formations .liste_outils ul {
    padding: 10px;
    list-style: none;
  }
  
  .qualiopi .liste_formations .liste_outils ul li {
    font-family: "open_sansregular";
    font-weight: normal;
    font-size: 14px;
  }
  
  @media screen and (max-width: 1200px) {
    .qualiopi .liste_formations .liste_outils ul li {
      font-size: 14px;
    }
  }
  
  @media screen and (max-width: 992px) {
    .qualiopi .liste_formations .liste_outils ul li {
      font-size: 13px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .qualiopi .liste_formations .liste_outils ul li {
      font-size: 15px;
    }
  }
  
  .qualiopi .liste_formations .liste_outils ul li a {
    text-decoration: none;
    color: #404040;
    font-size: 14px;
  }
  
  @media screen and (max-width: 1200px) {
    .qualiopi .liste_formations .liste_outils ul li a {
      font-size: 14px;
    }
  }
  
  @media screen and (max-width: 992px) {
    .qualiopi .liste_formations .liste_outils ul li a {
      font-size: 13px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .qualiopi .liste_formations .liste_outils ul li a {
      font-size: 15px;
    }
  }
  
  .qualiopi .liste_formations .liste_outils ul li a:hover {
    color: #29abe2;
    text-decoration: none;
  }
  
  .qualiopi .liste_formations .liste_outils ul li::before {
    content: "\2022";
    color: #29abe2;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
  }
  
  @media screen and (max-width: 767px) {
    .qualiopi .liste_formations .liste_outils .buton {
      text-align: center;
    }
  }

.qualiopi .bleu {
    background: #28a9e2;
    background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
    background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
    height: 425px;
  }
  
  @media screen and (max-width: 1200px) {
    .qualiopi .bleu {
      height: 375px;
    }
  }
  
  @media screen and (max-width: 992px) {
    .qualiopi .bleu {
      height: 325px;
    }
  }
  
  .qualiopi .bleu .absolute {
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 80px;
    position: relative;
    top: -176px;
    border: 1px solid #eee;
  }
  
  @media screen and (max-width: 1200px) {
    .qualiopi .bleu .absolute {
      top: -141px;
    }
  }
  
  @media screen and (max-width: 992px) {
    .qualiopi .bleu .absolute {
      top: -103px;
      padding: 20px 60px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .qualiopi .bleu .absolute {
      padding: 20px 40px;
      top: -131px;
    }
  }
  
  @media screen and (max-width: 576px) {
    .qualiopi .bleu .absolute {
      min-height: 230px;
      top: -115px;
    }
  }
  
  .qualiopi .bleu .absolute .h2 h2,
  .qualiopi .bleu .absolute .h2 h3,
  .qualiopi .bleu .absolute .h2 p {
    font-family: "open_sansbold_italic" !important;
    font-size: 35px;
    color: #404040;
    text-transform: uppercase;
    line-height: 45px;
  }
  
  .qualiopi .bleu .absolute .h2 h2 span,
  .qualiopi .bleu .absolute .h2 h3 span,
  .qualiopi .bleu .absolute .h2 p span {
    color: #29abe2;
  }
  
  @media screen and (max-width: 1200px) {
    .qualiopi .bleu .absolute .h2 h2,
    .qualiopi .bleu .absolute .h2 h3,
    .qualiopi .bleu .absolute .h2 p {
      font-size: 27px;
      line-height: 37px;
    }
  }
  
  @media screen and (max-width: 992px) {
    .qualiopi .bleu .absolute .h2 h2,
    .qualiopi .bleu .absolute .h2 h3,
    .qualiopi .bleu .absolute .h2 p {
      font-size: 22px;
      line-height: 32px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .qualiopi .bleu .absolute .h2 h2,
    .qualiopi .bleu .absolute .h2 h3,
    .qualiopi .bleu .absolute .h2 p {
      font-size: 27px;
      text-align: center;
      line-height: 37px;
    }
  }
  
  @media screen and (max-width: 576px) {
    .qualiopi .bleu .absolute .h2 h2,
    .qualiopi .bleu .absolute .h2 h3,
    .qualiopi .bleu .absolute .h2 p {
      font-size: 22px;
      line-height: 32px;
    }
  }
  
  .qualiopi .bleu .absolute .buton {
    margin-top: 30px;
  }
  
  .qualiopi .bleu .absolute .au_milieu {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  @media screen and (max-width: 767px) {
    .qualiopi .bleu .absolute .au_milieu {
      width: 70%;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }
  }
  
  .qualiopi .bleu .absolute .en_bas {
    width: 80%;
    position: relative;
    bottom: -30px;
  }
  
  @media screen and (max-width: 992px) {
    .qualiopi .bleu .absolute .en_bas {
      bottom: -27px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .qualiopi .bleu .absolute .en_bas {
      width: 70%;
      margin-left: auto;
      margin-right: auto;
      display: block;
    }
  }

/******************************************/
/***********      TEMPLATE CLIENTS      ***********/
/******************************************/
.clients .clients .dropdown button,
.success_story .clients .dropdown button {
  width: 260px;
}

.clients .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .clients .bandeau {
    height: auto;
  }
}

.clients .bandeau .container {
  position: relative;
  height: 100%;
}

.clients .bandeau .container .row {
  height: 100%;
}

.clients .bandeau .relative {
  position: relative;
  height: 100%;
}

.clients .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .clients .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.clients .bandeau .contenu_bandeau .h1 h1,
.clients .bandeau .contenu_bandeau .h1 h2,
.clients .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .clients .bandeau .contenu_bandeau .h1 h1,
  .clients .bandeau .contenu_bandeau .h1 h2,
  .clients .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.clients .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .clients .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .clients .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.clients .bandeau .image_bandeau {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 70vh;
  width: auto;
  max-width: none;
}

@media screen and (max-width: 1500px) {
  .clients .bandeau .image_bandeau {
    height: 65vh;
  }
}

@media screen and (max-width: 1200px) {
  .clients .bandeau .image_bandeau {
    height: 60vh;
  }
}

@media screen and (max-width: 992px) {
  .clients .bandeau .image_bandeau {
    height: 55vh;
  }
}

@media screen and (max-width: 767px) {
  .clients .bandeau .image_bandeau {
    position: inherit;
    height: auto;
    width: 100%;
  }
}

.clients .bandeau::before,
.clients .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.clients .clients {
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .clients .clients {
    padding: 60px 0px;
  }
}

.clients .clients .img_color img {
  margin: 50px auto;
  width: 80%;
  display: block;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 767px) {
  .clients .clients .img_color img {
    margin: 20px auto;
  }
}

.clients .clients .img_color:hover img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.clients .clients .dropdown {
  display: block;
  margin: 0px auto 50px auto;
}

.clients .clients .dropdown button {
  background-color: transparent;
  color: #999999;
  font-family: "open_sansregular";
  border: 1px solid #999999;
  border-radius: 10px;
  padding: 10px 50px;
}

.clients .clients .dropdown button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #999999;
}

.clients .clients .dropdown button:active {
  background-color: transparent;
  color: #999999;
  border: 1px solid #999999;
}

.clients .clients .dropdown button:after {
  margin-left: 10px;
}

.clients .clients .dropdown .dropdown-menu {
  width: 100%;
  border: 1px solid #999999;
  z-index: 100;
}

.clients .clients .dropdown .dropdown-menu .dropdown-item {
  text-align: center;
  font-family: "open_sansregular";
  color: #999999;
}

.clients .clients .dropdown .dropdown-menu .dropdown-item:hover {
  cursor: pointer;
}

.clients .clients .dropdown .dropdown-menu .dropdown-item:focus {
  background-color: #fff;
}

.clients .clients .dropdown .dropdown-menu .dropdown-item:active {
  background-color: #fff;
}

.clients .clients .filterDiv {
  display: none !important;
}

.clients .clients .filterDiv.show {
  display: flex !important;
}

/******************************************/
/***********      TEMPLATE ARCHIVES SUCCESS STORY      ***********/
/******************************************/
.success_story .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .success_story .bandeau {
    height: auto;
  }
}

.success_story .bandeau .container {
  position: relative;
  height: 100%;
}

.success_story .bandeau .container .row {
  height: 100%;
}

.success_story .bandeau .relative {
  position: relative;
  height: 100%;
}

.success_story .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .success_story .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.success_story .bandeau .contenu_bandeau .h1 h1,
.success_story .bandeau .contenu_bandeau .h1 h2,
.success_story .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .success_story .bandeau .contenu_bandeau .h1 h1,
  .success_story .bandeau .contenu_bandeau .h1 h2,
  .success_story .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.success_story .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .success_story .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .success_story .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.success_story .bandeau .image_bandeau {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 70vh;
  width: auto;
  max-width: none;
}

@media screen and (max-width: 1500px) {
  .success_story .bandeau .image_bandeau {
    height: 65vh;
  }
}

@media screen and (max-width: 1200px) {
  .success_story .bandeau .image_bandeau {
    height: 60vh;
  }
}

@media screen and (max-width: 992px) {
  .success_story .bandeau .image_bandeau {
    height: 55vh;
  }
}

@media screen and (max-width: 767px) {
  .success_story .bandeau .image_bandeau {
    position: inherit;
    height: auto;
    width: 100%;
  }
}

.success_story .bandeau::before,
.success_story .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.success_story .clients {
  padding: 100px 0px;
  background-color: #f7f7f7;
}

@media screen and (max-width: 992px) {
  .success_story .clients {
    padding: 60px 0px;
  }
}

.success_story .clients img {
  padding: 50px 0px 20px 0px;
  margin: 0px auto;
  width: 80%;
  display: block;
}

.success_story .clients .dropdown {
  display: none;
  margin: 0px auto 50px auto;
}

.success_story .clients .dropdown button {
  background-color: transparent;
  color: #999999;
  font-family: "open_sansregular";
  border: 1px solid #999999;
  border-radius: 10px;
  padding: 10px 50px;
}

.success_story .clients .dropdown button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #999999;
}

.success_story .clients .dropdown button:active {
  background-color: transparent;
  color: #999999;
  border: 1px solid #999999;
}

.success_story .clients .dropdown button:after {
  margin-left: 10px;
}

.success_story .clients .dropdown .dropdown-menu {
  width: 100%;
  border: 1px solid #999999;
}

.success_story .clients .dropdown .dropdown-menu .dropdown-item {
  text-align: center;
  font-family: "open_sansregular";
  color: #999999;
}

.success_story .clients .dropdown .dropdown-menu .dropdown-item:hover {
  cursor: pointer;
}

.success_story .clients .dropdown .dropdown-menu .dropdown-item:focus {
  background-color: #f7f7f7;
}

.success_story .clients .dropdown .dropdown-menu .dropdown-item:active {
  background-color: #f7f7f7;
}

.success_story .clients a:hover {
  text-decoration: none;
}

.success_story .clients .height {
  height: 100%;
}

.success_story .clients .height > div {
  height: 100%;
}

.success_story .clients .height > div a {
  height: 100%;
  margin-bottom: 50px;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .success_story .clients .height > div a {
    height: inherit;
  }
}

.success_story .clients .success_card {
  height: 100%;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.success_story .clients .success_card .img {
  min-height: 205px;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .success_story .clients .success_card .img {
    min-height: 175px;
  }
}

@media screen and (max-width: 992px) {
  .success_story .clients .success_card .img {
    min-height: 135px;
  }
}

@media screen and (max-width: 767px) {
  .success_story .clients .success_card .img {
    min-height: inherit;
  }
}

.success_story .clients .success_card .img img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-left: 30px;
  padding-right: 30px;
}

.success_story .clients .success_card .nom_cat {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.success_story .clients .success_card .nom_cat p {
  color: #404040;
  text-align: left;
  font-family: "open_sansregular";
  padding: 0px 30px 40px 30px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .success_story .clients .success_card .nom_cat p {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .success_story .clients .success_card .nom_cat p {
    font-size: 16px;
  }
}

.success_story .clients .success_card .nom_cat .categorie {
  text-transform: uppercase;
  color: #29abe2;
  text-align: left;
  font-family: "open_sansbold";
  padding: 30px 30px 0px 30px;
  font-size: 16px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .success_story .clients .success_card .nom_cat .categorie {
    min-height: 80px;
  }
}

@media screen and (max-width: 767px) {
  .success_story .clients .success_card .nom_cat .categorie {
    min-height: inherit;
    font-size: 20px;
  }
}

.success_story .clients .success_card .nom_cat ul {
  padding: 10px 20px 0px 40px;
  list-style: none;
}

.success_story .clients .success_card .nom_cat ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
  color: #404040;
}

@media screen and (max-width: 1200px) {
  .success_story .clients .success_card .nom_cat ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .success_story .clients .success_card .nom_cat ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .success_story .clients .success_card .nom_cat ul li {
    font-size: 15px;
  }
}

.success_story .clients .success_card .nom_cat ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .success_story .clients .success_card .nom_cat ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .success_story .clients .success_card .nom_cat ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .success_story .clients .success_card .nom_cat ul li a {
    font-size: 15px;
  }
}

.success_story .clients .success_card .nom_cat ul li a:hover {
  color: #29abe2;
  text-decoration: none;
}

.success_story .clients .success_card .nom_cat ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.success_story .clients .success_card:hover {
  background-color: #e5f8fc;
  -webkit-box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
          box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.success_story .clients .success_card:hover img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.success_story .clients .filterDiv {
  display: none !important;
}

.success_story .clients .filterDiv.show {
  display: block !important;
}

/******************************************/
/***********      TEMPLATE  SINGLE SUCCESS STORY      ***********/
/******************************************/
.single-success_story .responsive-menu-inner, .single-success_story .responsive-menu-inner::before, .single-success_story .responsive-menu-inner::after {
  background-color: #29abe2 !important;
}

.single-success_story header #g3464 path {
  fill: #8c9091 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header #g3464 #g3472 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header #g3464 #g3476 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header #g3464 #g3480 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header #g3464 #g3484 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header #g3464 #g3488 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .main_menu > li a {
  color: #404040;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .main_menu > li a:hover {
  text-decoration: none;
  color: #29abe2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .main_menu > li .is-active {
  font-family: "open_sansbold";
  color: #29abe2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .main_menu > li .sub-menu {
  border-radius: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.single-success_story header .main_menu > li:nth-child(2)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .single-success_story header .main_menu > li:nth-child(2)::after {
    width: 15px;
  }
}

.single-success_story header .main_menu > li:nth-child(3)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .single-success_story header .main_menu > li:nth-child(3)::after {
    width: 15px;
  }
}

.single-success_story header .main_menu > li:nth-child(4)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .single-success_story header .main_menu > li:nth-child(4)::after {
    width: 15px;
  }
}

.single-success_story header .main_menu > li:nth-child(5)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .single-success_story header .main_menu > li:nth-child(5)::after {
    width: 15px;
  }
}

.single-success_story header .main_menu .current-menu-item a {
  color: #29abe2;
  font-family: "open_sansbold";
}

.single-success_story header .button_header {
  position: relative;
  display: inline-block;
  top: 0px;
  margin: 0px 24px;
}

@media screen and (max-width: 1200px) {
  .single-success_story header .button_header {
    margin: 0px 11px;
  }
}

@media screen and (max-width: 992px) {
  .single-success_story header .button_header {
    margin: 0px 7px;
  }
}

@media screen and (max-width: 768px) {
  .single-success_story header .button_header {
    display: none;
  }
}

.single-success_story header .button_header .assistance {
  color: #29abe2;
  border: 2px solid #29abe2;
  color: #29abe2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .single-success_story header .button_header .assistance {
    padding: 8px 16px;
    border-radius: 10px;
  }
}

@media screen and (max-width: 992px) {
  .single-success_story header .button_header .assistance {
    padding: 5px 6px;
    border-radius: 7px;
  }
}

.single-success_story header .button_header .assistance:hover {
  text-decoration: none;
  color: #fff;
  border: 2px solid #fff;
  background-color: #29abe2;
}

.single-success_story header .microsoft {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .single-success_story header .microsoft {
    display: none;
  }
}

.single-success_story header .microsoft svg {
  height: 30px;
}

@media screen and (max-width: 1200px) {
  .single-success_story header .microsoft svg {
    height: 25px;
  }
}

@media screen and (max-width: 992px) {
  .single-success_story header .microsoft svg {
    height: 20px;
  }
}

@media screen and (max-width: 768px) {
  .single-success_story header .microsoft svg {
    display: none;
  }
}

.single-success_story header .microsoft svg #g3324 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3328 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3332 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3336 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3340 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3344 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3352 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3360 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3364 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3368 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3376 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3380 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3384 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3392 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3396 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single-success_story header .microsoft svg #g3400 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single_success {
  padding-top: 180px;
  background-color: #f7f7f7;
}

.single_success .logo {
  width: 100%;
}

.single_success .mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .single_success .mobile {
    display: block;
    text-align: center;
  }
}

.single_success .entreprise {
  background-color: #fff;
  border-radius: 20px;
  margin-top: 50px;
  padding: 30px;
}

.single_success .entreprise .lib {
  font-family: "open_sansbold_italic";
  color: #29abe2;
  text-transform: uppercase;
  font-size: 25px;
}

@media screen and (max-width: 992px) {
  .single_success .entreprise .lib {
    font-size: 22px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .entreprise .lib {
    font-size: 30px;
  }
}

.single_success .entreprise .cara {
  font-family: "open_sansregular";
  font-size: 18px;
  color: #404040;
  border-bottom: 1px solid #29abe2;
  padding-bottom: 10px;
}

@media screen and (max-width: 992px) {
  .single_success .entreprise .cara {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .entreprise .cara {
    font-size: 20px;
  }
}

.single_success .entreprise .cara:last-child {
  border: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.single_success .liste_solutions {
  background-color: #fff;
  border-radius: 20px;
  margin-top: 50px;
  padding: 30px;
}

.single_success .liste_solutions .lib {
  font-family: "open_sansbold_italic";
  color: #29abe2;
  text-transform: uppercase;
  font-size: 25px;
}

@media screen and (max-width: 992px) {
  .single_success .liste_solutions .lib {
    font-size: 22px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .liste_solutions .lib {
    font-size: 30px;
  }
}

.single_success .liste_solutions img {
  width: 200px;
  display: block;
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .single_success .liste_solutions img {
    width: 270px;
  }
}

.single_success .liste_solutions img:first-child {
  margin-top: 0px;
}

.single_success .h1 h1,
.single_success .h1 h2,
.single_success .h1 p {
  min-height: 110px;
}

@media screen and (max-width: 1200px) {
  .single_success .h1 h1,
  .single_success .h1 h2,
  .single_success .h1 p {
    min-height: 100px;
  }
}

@media screen and (max-width: 992px) {
  .single_success .h1 h1,
  .single_success .h1 h2,
  .single_success .h1 p {
    min-height: 75px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .h1 h1,
  .single_success .h1 h2,
  .single_success .h1 p {
    display: none;
  }
}

.single_success .content {
  margin-top: 85px;
  padding: 50px;
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  border-radius: 20px;
}

@media screen and (max-width: 1200px) {
  .single_success .content {
    margin-top: 70px;
  }
}

@media screen and (max-width: 992px) {
  .single_success .content {
    margin-top: 60px;
  }
}

.single_success .content p {
  font-family: "open_sansregular";
  font-size: 18px;
  color: #fff;
}

@media screen and (max-width: 992px) {
  .single_success .content p {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .content p {
    font-size: 18px;
  }
}

.single_success .content ul {
  padding: 10px;
  list-style: none;
}

.single_success .content ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 18px;
  color: #fff;
}

@media screen and (max-width: 992px) {
  .single_success .content ul li {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .content ul li {
    font-size: 18px;
  }
}

.single_success .content ul li a {
  text-decoration: none;
  font-size: 18px;
  color: #fff;
}

@media screen and (max-width: 992px) {
  .single_success .content ul li a {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .content ul li a {
    font-size: 18px;
  }
}

.single_success .content ul li a:hover {
  color: #29abe2;
  text-decoration: none;
}

.single_success .content ul li::before {
  content: "\2022";
  color: #fff;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.single_success .content .auteur p {
  text-align: right;
  margin: 40px;
  text-transform: uppercase;
  font-family: "open_sansbold_italic";
}

@media screen and (max-width: 1200px) {
  .single_success .content .auteur p {
    font-size: 17px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .content .auteur p {
    font-size: 20px;
  }
}

.single_success .content .addtoany_share_save_container {
  display: none !important;
}

.single_success .video {
  width: 100%;
  margin: 50px 0px;
}

.single_success .video iframe {
  width: 100%;
}

.single_success .challenge,
.single_success .resultats,
.single_success .solution {
  margin-top: 55px;
  border: 1px solid #404040;
  border-radius: 20px;
  padding-left: 30px;
  position: relative;
}

.single_success .challenge .titre,
.single_success .resultats .titre,
.single_success .solution .titre {
  background-color: #f7f7f7;
  position: absolute;
  top: -25px;
  width: 35%;
  left: -5px;
  height: 50px;
}

@media screen and (max-width: 1200px) {
  .single_success .challenge .titre,
  .single_success .resultats .titre,
  .single_success .solution .titre {
    width: 43%;
  }
}

@media screen and (max-width: 992px) {
  .single_success .challenge .titre,
  .single_success .resultats .titre,
  .single_success .solution .titre {
    width: 60%;
  }
}

@media screen and (max-width: 767px) {
  .single_success .challenge .titre,
  .single_success .resultats .titre,
  .single_success .solution .titre {
    width: 45%;
  }
}

.single_success .challenge .titre object,
.single_success .resultats .titre object,
.single_success .solution .titre object {
  display: inline-block;
  width: 40px;
}

.single_success .challenge .titre .lib_challenge,
.single_success .resultats .titre .lib_challenge,
.single_success .solution .titre .lib_challenge {
  font-family: "open_sansbold_italic";
  color: #404040;
  text-transform: uppercase;
  font-size: 24px;
  display: inline-block;
  margin: 0px 0px 0px 60px;
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 1200px) {
  .single_success .challenge .titre .lib_challenge,
  .single_success .resultats .titre .lib_challenge,
  .single_success .solution .titre .lib_challenge {
    margin: 0px 0px 0px 75px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .challenge .titre .lib_challenge,
  .single_success .resultats .titre .lib_challenge,
  .single_success .solution .titre .lib_challenge {
    margin: 0px 0px 0px 65px;
  }
}

.single_success .challenge ul,
.single_success .resultats ul,
.single_success .solution ul {
  padding: 25px 20px 8px 20px;
  list-style: none;
}

.single_success .challenge ul li,
.single_success .resultats ul li,
.single_success .solution ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  margin-top: 10px;
}

.single_success .challenge ul li a,
.single_success .resultats ul li a,
.single_success .solution ul li a {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
}

.single_success .challenge ul li a:hover,
.single_success .resultats ul li a:hover,
.single_success .solution ul li a:hover {
  color: #29abe2;
}

.single_success .challenge ul li:first-child,
.single_success .resultats ul li:first-child,
.single_success .solution ul li:first-child {
  margin-top: 0px;
}

.single_success .challenge ul li::before,
.single_success .resultats ul li::before,
.single_success .solution ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.single_success .resultats .titre img {
  height: 50px;
}

.single_success .autres {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  margin-top: 100px;
  padding: 100px 0px;
  position: relative;
}

@media screen and (max-width: 992px) {
  .single_success .autres {
    margin-top: 60px;
    padding: 60px 0px;
  }
}

.single_success .autres h1 {
  min-height: inherit;
  display: inline-block;
}

.single_success .autres .button_blanc.desktop {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .single_success .autres .button_blanc.desktop {
    display: none;
  }
}

.single_success .autres .bouton {
  margin: 40px auto 0px auto;
}

.single_success .autres .bouton .button_blanc.mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .single_success .autres .bouton .button_blanc.mobile {
    display: block;
  }
}

.single_success .autres .success_link:hover {
  text-decoration: none;
}

.single_success .autres .height {
  height: 100%;
}

.single_success .autres .height > div {
  height: 100%;
}

.single_success .autres .height > div a {
  height: 100%;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .single_success .autres .height > div a {
    height: inherit;
  }
}

.single_success .autres .success_card {
  overflow: hidden;
  height: 100%;
  background-color: #fff;
  border-radius: 20px;
  margin-top: 50px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single_success .autres .success_card .img {
  min-height: 205px;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .single_success .autres .success_card .img {
    min-height: 175px;
  }
}

@media screen and (max-width: 992px) {
  .single_success .autres .success_card .img {
    min-height: 135px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .autres .success_card .img {
    min-height: inherit;
  }
}

.single_success .autres .success_card .img img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 50px 30px 20px 30px;
  margin: 0px auto;
  width: 80%;
  display: block;
}

.single_success .autres .success_card .nom_cat {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.single_success .autres .success_card .nom_cat p {
  color: #404040;
  text-align: left;
  font-family: "open_sansregular";
  padding: 0px 30px 40px 30px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .single_success .autres .success_card .nom_cat p {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .autres .success_card .nom_cat p {
    font-size: 16px;
  }
}

.single_success .autres .success_card .nom_cat .categorie {
  text-transform: uppercase;
  color: #29abe2;
  text-align: left;
  font-family: "open_sansbold";
  padding: 30px 30px 0px 30px;
  font-size: 16px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .single_success .autres .success_card .nom_cat .categorie {
    min-height: 80px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .autres .success_card .nom_cat .categorie {
    min-height: inherit;
    font-size: 20px;
  }
}

.single_success .autres .success_card .nom_cat ul {
  padding: 10px 20px 0px 40px;
  list-style: none;
}

.single_success .autres .success_card .nom_cat ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
  color: #404040;
}

@media screen and (max-width: 1200px) {
  .single_success .autres .success_card .nom_cat ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .single_success .autres .success_card .nom_cat ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .autres .success_card .nom_cat ul li {
    font-size: 15px;
  }
}

.single_success .autres .success_card .nom_cat ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .single_success .autres .success_card .nom_cat ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .single_success .autres .success_card .nom_cat ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .single_success .autres .success_card .nom_cat ul li a {
    font-size: 15px;
  }
}

.single_success .autres .success_card .nom_cat ul li a:hover {
  color: #29abe2;
  text-decoration: none;
}

.single_success .autres .success_card .nom_cat ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.single_success .autres .success_card:hover {
  background-color: #e5f8fc;
  -webkit-box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
          box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single_success .autres .success_card:hover img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/******************************************/
/***********      TEMPLATE NEW SINGLE SUCCESS STORY      ***********/
/******************************************/
.success-story h1 {
  color: #fff;
}

@media screen and (max-width: 767px) {
.success-story .button_mar {
  margin: 20px;
}
}

@media screen and (max-width: 576px) {
.success-story .button_mar {
  margin: 20px;
}
}

.success-story .bandeau .container {
position: relative;
height: 100%;
}

.success-story .bandeau .relative {
position: relative;
height: 100%;
}

.success-story .bandeau .container .row {
height: 100%;
}

.success-story .bandeau .contenu_bandeau .intro p {
  text-align: justify;
  color: #fff;
  margin-bottom: 30px;
  display: block;
}

.success-story .image_bandeau {
  position: absolute;
  bottom: 0vh;
  left: 0vh;
  height: 70vh;
  width: auto;
  max-width: none;
  z-index: 0;
}

@media screen and (max-width: 1200px) {
.success-story .image_bandeau {
  height: 68vh;
      left: -10vh;
}
}

@media screen and (max-width: 991px) {
.success-story .image_bandeau {
  left: -20vh;
  height: 65vh;
}
}

@media screen and (max-width: 767px) {
.success-story img.image_bandeau {
  left: 0vh;
  height: 50vh;
}
}

@media screen and (max-width: 540px) {
.success-story img.image_bandeau {
  left: 0vh;
  height: 51vh;
  position: relative;
}
}

.success-story .logo_bandeau {
position: absolute;
bottom: 43vh;
left: 24vh;
width: 300px;
z-index: 10;
  max-height: 200px;
}

@media screen and (max-width: 1200px) {
  .success-story .logo_bandeau {
    left: 13vh;
    bottom: 41vh;
  }
}

@media screen and (max-width: 991px) {
  .success-story .logo_bandeau {
    left: 1vh;
    bottom: 39vh;
  }
}

@media screen and (max-width: 767px) {
.success-story .logo_bandeau {
  bottom: 31vh;  
  left: 18vh;
  width: 200px;
  max-height: 150px;
  }
}

@media screen and (max-width: 540px) {
.success-story .logo_bandeau {
  position: absolute;
  display: block;
  left: 15vh;
  bottom: 28vh;
}
}

.success-story .introduction {
    padding: 150px 0 100px 0;
}

.success-story .illustration img {
    border-radius: 20px;
    position: relative;
    bottom: 50px;
    z-index: 10;
    border: none;
    -webkit-box-shadow: 0px 5px 20px rgb(100 100 100 / 30%);
    box-shadow: 0px 5px 20px rgb(100 100 100 / 30%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.success-story .citation {
    background-color: #f7f7f7;
    padding: 20px 0 20px 200px;
    border-radius: 10px;
    margin-left: -200px;
}

.success-story .bloc {
    padding-bottom: 60px;
}

.success-story .titre {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
	padding-bottom: 20px;
}

.success-story .bloc .titre svg {
    height: 60px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	padding-right: 20px;
}

.success-story .bloc .titre h3 {
    font-family: "open_sansbold_italic";
    color: #404040;
    text-transform: uppercase;
    font-size: 24px;
}

.success-story .bloc ul {
    list-style: disc;
    padding: 0 20px 8px 20px;
}

.success-story .bloc ul li {
	padding-bottom: 5px;
}

.success-story .bloc ul li::marker {
    color: #29abe2;
}

.liste_logo_gris {
    margin-bottom: 100px;
}

.success-story .video {
	padding: 100px 0 100px 0;
	background-color: #f7f7f7;
}

.success-story .video p {
	display: flex;
    justify-content: center;
}

/******************************************/
/***********      TEMPLATE ARCHIVE BLOG       ***********/
/******************************************/
.archive_actus .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .archive_actus .bandeau {
    height: auto;
  }
}

.archive_actus .bandeau .container {
  position: relative;
  height: 100%;
}

.archive_actus .bandeau .container .row {
  height: 100%;
}

.archive_actus .bandeau .relative {
  position: relative;
  height: 100%;
}

.archive_actus .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .archive_actus .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.archive_actus .bandeau .contenu_bandeau .h1 h1,
.archive_actus .bandeau .contenu_bandeau .h1 h2,
.archive_actus .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .archive_actus .bandeau .contenu_bandeau .h1 h1,
  .archive_actus .bandeau .contenu_bandeau .h1 h2,
  .archive_actus .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.archive_actus .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .archive_actus .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .archive_actus .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.archive_actus .bandeau .image_bandeau {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 70vh;
  width: auto;
  max-width: none;
}

@media screen and (max-width: 1500px) {
  .archive_actus .bandeau .image_bandeau {
    height: 65vh;
  }
}

@media screen and (max-width: 1200px) {
  .archive_actus .bandeau .image_bandeau {
    height: 60vh;
  }
}

@media screen and (max-width: 992px) {
  .archive_actus .bandeau .image_bandeau {
    height: 55vh;
  }
}

@media screen and (max-width: 767px) {
  .archive_actus .bandeau .image_bandeau {
    position: inherit;
    height: auto;
    width: 100%;
  }
}

.archive_actus .bandeau::before,
.archive_actus .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.archive_actus .actus {
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .archive_actus .actus {
    padding: 60px 0px;
  }
}

.archive_actus .actus .sticky {
  padding-bottom: 100px;
}

@media screen and (max-width: 992px) {
  .archive_actus .actus .sticky {
    padding-bottom: 60px;
  }
}

.archive_actus .actus .sticky img {
  width: 100%;
  height: auto;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.archive_actus .actus .sticky .gris {
  background-color: #f7f7f7;
  border-radius: 20px;
}

.archive_actus .actus .sticky .sticky_content {
  padding: 30px 30px 10px 30px;
}

@media screen and (max-width: 1200px) {
  .archive_actus .actus .sticky .sticky_content {
    padding: 30px 30px 30px 30px;
  }
}

.archive_actus .actus .sticky .sticky_content p {
  font-family: "open_sansregular";
  font-size: 15px;
  padding: 10px 0px 0px 0px;
  min-height: 100px;
}

@media screen and (max-width: 1200px) {
  .archive_actus .actus .sticky .sticky_content p {
    font-size: 15px;
    padding: 0px;
    min-height: 90px;
  }
}

@media screen and (max-width: 992px) {
  .archive_actus .actus .sticky .sticky_content p {
    min-height: 100px;
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .archive_actus .actus .sticky .sticky_content p {
    min-height: inherit;
    font-size: 15px;
  }
}

.archive_actus .actus .sticky .sticky_content .categorie {
  display: inline-block;
  font-family: "open_sansbold";
  font-size: 16px;
  color: #29abe2;
  text-transform: uppercase;
  margin-top: 15px;
  min-height: inherit;
}

@media screen and (max-width: 1200px) {
  .archive_actus .actus .sticky .sticky_content .categorie {
    margin-top: 0px;
  }
}

@media screen and (max-width: 767px) {
  .archive_actus .actus .sticky .sticky_content .categorie {
    margin: 0px auto;
  }
}

.archive_actus .actus .sticky .sticky_content .temps {
  display: inline-block;
  font-family: "open_sansregular";
  font-size: 16px;
  color: #404040;
  margin-top: 15px;
  min-height: inherit;
}

@media screen and (max-width: 1200px) {
  .archive_actus .actus .sticky .sticky_content .temps {
    margin-top: 0px;
  }
}

.archive_actus .actus .sticky .sticky_content h3 {
  font-family: "open_sansbold";
  font-size: 23px;
  color: #404040;
}

@media screen and (max-width: 1200px) {
  .archive_actus .actus .sticky .sticky_content h3 {
    min-height: 50px;
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .archive_actus .actus .sticky .sticky_content h3 {
    min-height: 60px;
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .archive_actus .actus .sticky .sticky_content h3 {
    min-height: inherit;
    font-size: 20px;
  }
}

@media screen and (max-width: 992px) {
  .archive_actus .actus .sticky .sticky_content .archi_link {
    margin: 0px auto;
  }
}

@media screen and (max-width: 767px) {
  .archive_actus .actus .sticky .sticky_content .archi_link {
    margin: 0px auto;
  }
}

.archive_actus .actus .sticky .sticky_content .archi_link a {
  color: #29abe2;
  font-family: "open_sansbold";
  font-size: 16px;
  border-bottom: 1px solid #29abe2;
  display: inline-block;
}

.archive_actus .actus .sticky .sticky_content .archi_link a:hover {
  text-decoration: none;
}

.archive_actus .actus .sticky .addtoany_share_save_container {
  display: none !important;
}

.archive_actus .actus a .archi_card {
  padding: 20px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.archive_actus .actus a .archi_card img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.archive_actus .actus a .archi_card p {
  font-family: "open_sansregular";
  font-size: 15px;
  padding: 10px 0px 0px 0px;
}

@media screen and (max-width: 1200px) {
  .archive_actus .actus a .archi_card p {
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {
  .archive_actus .actus a .archi_card p {
    font-size: 13px;
    padding: 10px 0px 0px 0px;
  }
}

@media screen and (max-width: 767px) {
  .archive_actus .actus a .archi_card p {
    font-size: 15px;
  }
}

.archive_actus .actus a .archi_card .categorie {
  display: inline-block;
  font-family: "open_sansbold";
  font-size: 16px;
  color: #29abe2;
  text-transform: uppercase;
  margin-top: 15px;
  min-height: inherit;
}

@media screen and (max-width: 767px) {
  .archive_actus .actus a .archi_card .categorie {
    margin: 0px auto;
  }
}

.archive_actus .actus a .archi_card .temps {
  display: inline-block;
  font-family: "open_sansregular";
  font-size: 16px;
  color: #404040;
  margin-top: 15px;
  min-height: inherit;
}

.archive_actus .actus a .archi_card h3 {
  font-family: "open_sansbold";
  font-size: 23px;
  color: #404040;
}

@media screen and (max-width: 1200px) {
  .archive_actus .actus a .archi_card h3 {
    min-height: 50px;
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .archive_actus .actus a .archi_card h3 {
    min-height: 60px;
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .archive_actus .actus a .archi_card h3 {
    min-height: inherit;
    font-size: 20px;
  }
}

.archive_actus .actus a:hover {
  text-decoration: none;
}

.archive_actus .actus a:hover .archi_card {
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
          box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.archive_actus .actus .pagination {
  display: block;
  margin: 20px auto 0px auto;
}

.archive_actus .actus .pagination a {
  line-height: 20px;
  font-family: "open_sansbold";
  font-size: 14px;
  background-color: #fff;
  display: inline-block;
  border: 2px solid #29abe2;
  text-align: center;
  padding: 8px 16px;
  border-radius: 13px;
  color: #29abe2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .archive_actus .actus .pagination a {
    font-size: 14px;
    padding: 8px 16px;
    border-radius: 10px;
  }
}

@media screen and (max-width: 992px) {
  .archive_actus .actus .pagination a {
    font-size: 11px;
    padding: 8px 6px;
    border-radius: 7px;
  }
}

.archive_actus .actus .pagination a:hover {
  text-decoration: none;
  color: #fff;
  border: 2px solid #fff;
  background-color: #29abe2;
}

.archive_actus .actus .pagination a:last-child {
  margin-left: 40px;
}

/******************************************/
/***********      TEMPLATE SINGLE ACTU        ***********/
/******************************************/
.single_actu .bandeau_single .contenu_bandeau .categorie,
.single_actu .bandeau_single .contenu_bandeau .temps {
  margin-bottom: 0px;
}

.single_actu .bandeau_single .contenu_bandeau .date {
  color: white;
  font-family: "open_sansbold";
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.single_actu .bandeau_single {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 700px;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .single_actu .bandeau_single {
    height: 650px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .bandeau_single {
    height: 500px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .bandeau_single {
    height: auto;
  }
}

.single_actu .bandeau_single .contenu_bandeau {
  padding-top: 280px;
}

@media screen and (max-width: 1200px) {
  .single_actu .bandeau_single .contenu_bandeau {
    padding-top: 250px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .bandeau_single .contenu_bandeau {
    padding-top: 190px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .bandeau_single .contenu_bandeau {
    position: relative;
    padding-top: 30px;
    padding-bottom: 100px;
  }
}

.single_actu .bandeau_single .contenu_bandeau .h1_actu {
  font-size: 37px;
  color: #fff;
}

@media screen and (max-width: 1200px) {
  .single_actu .bandeau_single .contenu_bandeau .h1_actu {
    font-size: 31px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .bandeau_single .contenu_bandeau .h1_actu {
    font-size: 22px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .bandeau_single .contenu_bandeau .h1_actu {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.single_actu .bandeau_single .contenu_bandeau .categorie {
  font-family: "open_sansbold";
  display: inline-block;
  text-transform: uppercase;
  color: #404040;
  font-size: 18px;
}

@media screen and (max-width: 1200px) {
  .single_actu .bandeau_single .contenu_bandeau .categorie {
    font-size: 17px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .bandeau_single .contenu_bandeau .categorie {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .bandeau_single .contenu_bandeau .categorie {
    font-size: 17px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

.single_actu .bandeau_single .contenu_bandeau .temps {
  display: inline-block;
  color: #fff;
  font-family: "open_sansregular";
  font-size: 18px;
}

@media screen and (max-width: 1200px) {
  .single_actu .bandeau_single .contenu_bandeau .temps {
    font-size: 17px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .bandeau_single .contenu_bandeau .temps {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .bandeau_single .contenu_bandeau .temps {
    font-size: 17px;
  }
}

.single_actu .bandeau_single .img_bandeau {
  position: relative;
  padding-top: 200px;
}

.single_actu .bandeau_single .img_bandeau img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .single_actu .bandeau_single .img_bandeau img {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .bandeau_single .img_bandeau {
    padding-top: 150px;
  }
}

.single_actu .bandeau::before,
.single_actu .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.single_actu .content {
  background-color: #f7f7f7;
  text-align: center;
  padding: 50px 0px;
}

.single_actu .article {
	background-color: #ffffff;
	border-radius: 20px;
	padding: 20px;
}

@media screen and (max-width: 992px) {
  .single_actu .content {
    padding: 60px 0px;
  }
}

.single_actu .content .left {
  text-align: left;
  padding: 0px 20%;
}

@media screen and (max-width: 1200px) {
  .single_actu .content .left {
    padding: 0px 20%;
  }
}

@media screen and (max-width: 576px) {
  .single_actu .content .left {
    padding: 0px 10%;
  }
}

.single_actu .content .left p {
  font-family: "open_sansregular";
  font-size: 15px;
  margin: 20px 0 0 0;
}

@media screen and (max-width: 1200px) {
  .single_actu .content .left p {
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .content .left p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .content .left p {
    font-size: 13px;
  }
}

.single_actu .content .left p strong {
  font-family: "open_sansbold";
  font-size: 15px;
}

@media screen and (max-width: 1200px) {
  .single_actu .content .left p strong {
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .content .left p strong {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .content .left p strong {
    font-size: 13px;
  }
}

.single_actu .content .left h2 {
  font-family: "open_sansbold_italic";
  font-size: 26px;
  color: #29abe2;
  margin-top: -50px;
  padding-top: 100px !important;
  text-transform: uppercase;
}

@media screen and (max-width: 1200px) {
  .single_actu .content .left h2 {
    font-size: 23px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .content .left h2 {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .content .left h2 {
    font-size: 20px;
  }
}

.single_actu .content .left h3 {
    font-family: "open_sansbold_italic";
    font-size: 22px;
    text-transform: uppercase;
	margin-top: 20px;
}

@media screen and (max-width: 1200px) {
  .single_actu .content .left h3 {
    font-size: 20px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .content .left h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .content .left h3 {
    font-size: 16px;
  }
}

.single_actu .content .left h4 {
    font-family: 'open_sansbold';
    font-size: 18px;
    margin-top: 20px;
}	

@media screen and (max-width: 1200px) {
  .single_actu .content .left h4 {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .content .left h4 {
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .content .left h4 {
    font-size: 14px;
  }
}

.single_actu .content .left a {
  color: #29abe2;
}

.single_actu .content .left .wp-block-button {
  width: auto !important;
}

.single_actu .content .left .wp-block-image img {
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.single_actu .content .left blockquote {
  background-color: #fff;
  border-radius: 20px;
  padding: 0 10%;
  margin: 10px 0px;
}

.single_actu .content .left blockquote p {
  font-family: "open_sansbold_italic";
  font-size: 18px;
  color: #29abe2;
}

@media screen and (max-width: 1200px) {
  .single_actu .content .left blockquote p {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .content .left blockquote p {
    font-size: 16px;
  }
}

.single_actu .content .left .video {
  position: relative;
  max-width: 90rem;
  margin: 0 auto 4rem;
  border-radius: 2rem;
  overflow: hidden;
  z-index: 10;
  margin: 60px 0px;
}

.wp-block-embed {
    margin: 0;
    overflow-wrap: break-word;
    text-align: center;
}

.single_actu .content .left .video img {
  display: block;
  z-index: 10;
}

.single_actu .content .left .video .play {
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}

.single_actu .content .left .video:hover .play {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.single_actu .content .left .play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5rem;
  height: 5rem;
  margin-left: -2.5rem;
  margin-top: -2.5rem;
  background-image: url("img/play-circle-regular.svg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 100;
}

.single_actu .content .left ul {
  padding: 0 0 0 40px;
  list-style: none;
}

.single_actu .content .left ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 15px;
}

@media screen and (max-width: 1200px) {
  .single_actu .content .left ul li {
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .content .left ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .content .left ul li {
    font-size: 16px;
  }
}

.single_actu .content .left ul li a {
  text-decoration: none;
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 15px;
  color: #444444;
  text-decoration: underline;
}

@media screen and (max-width: 1200px) {
  .single_actu .content .left ul li a {
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .content .left ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .content .left ul li a {
    font-size: 16px;
  }
}

.single_actu .content .left ul li a:hover {
  color: #29abe2;
}

.single_actu .content .left ul li:last-child {
  margin-bottom: 0px;
}

.single_actu .content .left ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.single_actu .content .left .addtoany_share_save_container {
  margin-top: 70px;
}

.single_actu .content .left .addtoany_share_save_container a:hover svg path {
  fill: #29abe2 !important;
}

.single_actu .content .left .tags {
  margin-top: 50px;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .single_actu .content .left .tags {
    margin-top: 40px;
  }
}

.single_actu .content .left .tags .tags_link {
  display: inline-block;
  background-color: #d2f0f7;
  border-radius: 5px;
  padding: 10px 30px;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .single_actu .content .left .tags .tags_link {
    margin-top: 20px;
  }
}

.single_actu .content .left .tags .tags_link a {
  color: #29abe2;
  font-family: "open_sansregular";
}

.single_actu .content .left .tags .tags_link:hover {
  background-color: #29abe2;
  cursor: pointer;
}

.single_actu .content .left .tags .tags_link:hover a {
  text-decoration: none;
  color: #d2f0f7;
}

.single_actu .content .left .pub {
  margin-top: 0;
}

.single_actu .content .left .pub .bleue {
  background-color: #29abe2;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .single_actu .content .left .pub .bleue {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
  }
}

@media screen and (max-width: 1800px) {
  .single_actu .content .left .pub .bleue h1 {
    font-size: 35px;
  }
}

@media screen and (max-width: 1500px) {
  .single_actu .content .left .pub .bleue h1 {
    font-size: 24px;
  }
}

@media screen and (max-width: 1200px) {
  .single_actu .content .left .pub .bleue h1 {
    font-size: 26px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .content .left .pub .bleue h1 {
    font-size: 20px;
  }
}

@media screen and (max-width: 850px) {
  .single_actu .content .left .pub .bleue h1 {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .content .left .pub .bleue h1 {
    font-size: 22px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 576px) {
  .single_actu .content .left .pub .bleue h1 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.single_actu .content .left .pub .bleue h1 b {
  color: #fff;
}

.single_actu .content .left .pub .bleue .text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0px 40px;
}

@media screen and (max-width: 767px) {
  .single_actu .content .left .pub .bleue .text {
    position: relative;
    top: inherit;
    -webkit-transform: none;
            transform: none;
    padding: 30px 0px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .content .left .pub .bleue a {
    margin-left: 20px;
  }
}

.single_actu .content .left .pub .blanc {
  background-color: #fff;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}

@media screen and (max-width: 767px) {
  .single_actu .content .left .pub .blanc {
    border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
  }
}

.single_actu .content .left img {
  width: 100%;
  max-width: 100%;
}

.single_actu .content .left figcaption {
  font-family: "open_sansbold";
  color: #29abe2;
  font-size: 14px;
  text-align: right;
}

.single_actu .autres {
  padding: 50px 0px;
}

.single_actu .autres h1 {
  min-height: inherit;
  display: inline-block;
}

.single_actu .autres h1 i {
  color: #29abe2;
}

.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
	color: #ffffff;
}

.single_actu .autres .button_bleu.desktop {
  display: inline-block;
  color: #ffffff;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .single_actu .autres .button_bleu.desktop {
    display: none;
  }
}

.single_actu .autres .bouton {
  margin: 40px auto 0px auto;
}

.single_actu .autres .bouton .button_bleu.mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .single_actu .autres .bouton .button_bleu.mobile {
    display: block;
  }
}

.single_actu .autres .cards a .archi_card {
  padding: 20px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.single_actu .autres .cards a .archi_card img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.single_actu .autres .cards a .archi_card .categorie {
  display: inline-block;
  font-family: "open_sansbold";
  font-size: 16px;
  color: #29abe2;
  text-transform: uppercase;
  margin-top: 15px;
  min-height: inherit;
}

@media screen and (max-width: 767px) {
  .single_actu .autres .cards a .archi_card .categorie {
    margin: 0px auto;
  }
}

.single_actu .autres .cards a .archi_card .temps {
  display: inline-block;
  font-family: "open_sansregular";
  font-size: 16px;
  color: #404040;
  margin-top: 15px;
  min-height: inherit;
}

.single_actu .autres .cards a .archi_card h3 {
  font-family: "open_sansbold";
  font-size: 23px;
  color: #404040;
}

@media screen and (max-width: 1200px) {
  .single_actu .autres .cards a .archi_card h3 {
    min-height: 50px;
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .single_actu .autres .cards a .archi_card h3 {
    min-height: 60px;
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .single_actu .autres .cards a .archi_card h3 {
    min-height: inherit;
    font-size: 20px;
  }
}

.single_actu .autres .cards a:hover {
  text-decoration: none;
}

.single_actu .autres .cards a:hover .archi_card {
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
          box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/******************************************/
/***********      TEMPLATE À PROPOS       ***********/
/******************************************/
.a_propos_page .a_propos {
  padding: 100px 0px 100px 0px;
}

.a_propos_page .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .a_propos_page .bandeau {
    height: auto;
  }
}

.a_propos_page .bandeau .container {
  position: relative;
  height: 100%;
}

.a_propos_page .bandeau .container .row {
  height: 100%;
}

.a_propos_page .bandeau .relative {
  position: relative;
  height: 100%;
}

.a_propos_page .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .a_propos_page .bandeau .contenu_bandeau {
    position: relative;
    padding-bottom: 100px;
    padding-top: 0px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.a_propos_page .bandeau .contenu_bandeau .h1 h1,
.a_propos_page .bandeau .contenu_bandeau .h1 h2,
.a_propos_page .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .a_propos_page .bandeau .contenu_bandeau .h1 h1,
  .a_propos_page .bandeau .contenu_bandeau .h1 h2,
  .a_propos_page .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 0px;
    margin-top: 0px;
  }
}

.a_propos_page .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .a_propos_page .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.a_propos_page .bandeau .image_bandeau {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 90vh;
  width: auto;
  max-width: none;
}

@media screen and (max-width: 1500px) {
  .a_propos_page .bandeau .image_bandeau {
    height: 80vh;
  }
}

@media screen and (max-width: 1200px) {
  .a_propos_page .bandeau .image_bandeau {
    height: 70vh;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .bandeau .image_bandeau {
    height: 55vh;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .bandeau .image_bandeau {
    position: inherit;
    height: auto;
    width: 100%;
  }
}

.a_propos_page .bandeau::before,
.a_propos_page .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.a_propos_page .microsoft {
  background-color: #f7f7f7;
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .a_propos_page .microsoft {
    padding: 60px 0px;
  }
}

.a_propos_page .microsoft img {
  width: 80%;
  display: block;
  margin: 0px auto;
}

.a_propos_page .microsoft p {
  text-align: left;
  font-family: "open_sansregular";
  font-size: 15px;
  line-height: 30px;
  padding-bottom: 15px;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .microsoft p {
    font-size: 15px;
    line-height: 30px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .microsoft p {
    font-size: 13px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .microsoft p {
    font-size: 15px;
    line-height: 28px;
    text-align: center;
  }
}

.a_propos_page .microsoft .h2 h2,
.a_propos_page .microsoft .h2 h3,
.a_propos_page .microsoft .h2 p {
  font-family: "open_sansbold_italic";
  font-size: 35px;
  color: #404040;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 45px;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .microsoft .h2 h2,
  .a_propos_page .microsoft .h2 h3,
  .a_propos_page .microsoft .h2 p {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .microsoft .h2 h2,
  .a_propos_page .microsoft .h2 h3,
  .a_propos_page .microsoft .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .microsoft .h2 h2,
  .a_propos_page .microsoft .h2 h3,
  .a_propos_page .microsoft .h2 p {
    font-size: 27px;
    margin-top: 30px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .a_propos_page .microsoft .h2 h2,
  .a_propos_page .microsoft .h2 h3,
  .a_propos_page .microsoft .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .microsoft .buton {
    text-align: center;
  }
}

.a_propos_page .a_propos {
  padding: 100px 0px;
  position: relative;
}

@media screen and (max-width: 992px) {
  .a_propos_page .a_propos {
    padding: 60px 0px;
  }
}

.a_propos_page .a_propos .h1 h1,
.a_propos_page .a_propos .h1 h2,
.a_propos_page .a_propos .h1 p {
  text-align: center;
  color: #404040;
}

.a_propos_page .a_propos .intro p {
  margin-bottom: 50px;
}

.a_propos_page .a_propos .counter {
  font-family: "open_sansbold";
  font-size: 80px;
  color: #29abe2;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .a_propos .counter {
    font-size: 60px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .a_propos .counter {
    font-size: 40px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .a_propos .counter {
    font-size: 60px;
  }
}

.a_propos_page .a_propos p {
  font-family: "open_sansregular";
  color: #404040;
  text-align: center;
}

.a_propos_page .a_propos .titre {
  font-family: "open_sansbold";
  font-size: 22px;
  color: #404040;
  text-align: center;
  margin: 20px 0px 40px 0px;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .a_propos .titre {
    font-size: 21px;
    margin: 10px 0px 20px 0px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .a_propos .titre {
    font-size: 19px;
    min-height: 75px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .a_propos .titre {
    font-size: 21px;
    min-height: inherit;
    margin: 20px 0px 40px 0px;
  }
}

.a_propos_page .dirigeants {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .a_propos_page .dirigeants {
    padding: 60px 0px;
  }
}

.a_propos_page .dirigeants .direction_desktop {
  background-color: #fff;
  border-radius: 10px;
  min-height: 380px;
  position: relative;
  display: block;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .dirigeants .direction_desktop {
    min-height: 320px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .dirigeants .direction_desktop {
    min-height: 300px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .dirigeants .direction_desktop {
    min-height: 410px;
    margin-top: 50px;
  }
}

.a_propos_page .dirigeants .direction_desktop .flip-card {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: transparent;
  width: 100%;
  height: 255px !important;
  height: auto;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .dirigeants .direction_desktop .flip-card {
    height: 210px !important;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .dirigeants .direction_desktop .flip-card {
    height: 150px !important;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .dirigeants .direction_desktop .flip-card {
    height: 295px !important;
  }
}

.a_propos_page .dirigeants .direction_desktop .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.a_propos_page .dirigeants .direction_desktop .flip-card:hover .flip-card-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.a_propos_page .dirigeants .direction_desktop .flip-card:active .flip-card-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.a_propos_page .dirigeants .direction_desktop .flip-card-front, .a_propos_page .dirigeants .direction_desktop .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.a_propos_page .dirigeants .direction_desktop .flip-card-front {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.a_propos_page .dirigeants .direction_desktop .flip-card-back {
  padding-top: 10px;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  overflow-y: scroll;
}

.a_propos_page .dirigeants .direction_desktop .flip-card-back::-webkit-scrollbar {
  width: 4px;
  height: 20px;
}

.a_propos_page .dirigeants .direction_desktop .flip-card-back::-webkit-scrollbar-thumb {
  background: #999999;
  height: 20px;
}

.a_propos_page .dirigeants .direction_desktop .flip-card-back::-webkit-scrollbar-track {
  background: #cccccc;
  height: 20px;
}

.a_propos_page .dirigeants .direction_desktop img {
  width: 100%;
  height: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

@media screen and (max-width: 767px) {
  .a_propos_page .dirigeants .direction_desktop img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 295px;
  }
}

.a_propos_page .dirigeants .direction_desktop .mobile_cross {
  display: none;
}

@media screen and (max-width: 767px) {
  .a_propos_page .dirigeants .direction_desktop .mobile_cross {
    width: auto;
    height: 40px;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
  }
}

@media screen and (max-width: 576px) {
  .a_propos_page .dirigeants .direction_desktop .mobile_cross {
    height: 30px;
  }
}

.a_propos_page .dirigeants .direction_desktop .nom {
  font-family: "open_sansbold";
  color: #404040;
  font-size: 20px;
  line-height: 20px;
  margin-top: 20px;
  text-align: center;
  padding-bottom: 0px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .dirigeants .direction_desktop .nom {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .dirigeants .direction_desktop .nom {
    font-size: 16px;
    min-height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .dirigeants .direction_desktop .nom {
    font-size: 20px;
    min-height: inherit;
  }
}

.a_propos_page .dirigeants .direction_desktop .fonctions {
  font-family: "open_sansbold";
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  margin: 0px 0px 10px 0px;
  text-align: center;
  padding-bottom: 0px;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .dirigeants .direction_desktop .fonctions {
    font-size: 12px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .dirigeants .direction_desktop .fonctions {
    min-height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .dirigeants .direction_desktop .fonctions {
    font-size: 16px;
    min-height: inherit;
  }
}

.a_propos_page .dirigeants .direction_desktop .informations {
  position: relative;
}

.a_propos_page .dirigeants .direction_desktop .informations p {
  margin-left: 20px;
  margin-right: 20px;
  font-family: "open_sansregular";
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding-bottom: 0px;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .dirigeants .direction_desktop .informations p {
    font-size: 12px;
    line-height: 18px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .dirigeants .direction_desktop .informations p {
    margin-left: 5px;
    margin-right: 5px;
  }
}

@media screen and (max-width: 1200px) {
  .a_propos_page .dirigeants .direction_desktop .infos .nom {
    margin-bottom: 0px;
  }
}

.a_propos_page .dirigeants .direction_desktop .pictos {
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.a_propos_page .dirigeants .direction_desktop .pictos a {
  display: inline-block;
  margin-left: 15px;
}

@media screen and (max-width: 992px) {
  .a_propos_page .dirigeants .direction_desktop .pictos a {
    margin-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .dirigeants .direction_desktop .pictos a {
    margin-left: 20px;
  }
}

.a_propos_page .dirigeants .direction_desktop .pictos a svg {
  width: 30px;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .dirigeants .direction_desktop .pictos a svg {
    width: 25px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .dirigeants .direction_desktop .pictos a svg {
    width: 20px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .dirigeants .direction_desktop .pictos a svg {
    width: 30px;
  }
}

.a_propos_page .dirigeants .direction_desktop .pictos a svg path {
  fill: #fff !important;
  stroke: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.a_propos_page .dirigeants .direction_desktop .pictos a:first-child {
  margin-left: 0px;
}

.a_propos_page .dirigeants .direction_desktop .pictos a:hover svg path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.a_propos_page .dirigeants .direction_desktop .pictos a:first-child:hover svg path {
  stroke: #fff !important;
}

.a_propos_page .dirigeants .h2 h2,
.a_propos_page .dirigeants .h2 h3,
.a_propos_page .dirigeants .h2 p {
  font-family: "open_sansbold_italic";
  font-size: 35px;
  color: #404040;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 45px;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .dirigeants .h2 h2,
  .a_propos_page .dirigeants .h2 h3,
  .a_propos_page .dirigeants .h2 p {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .dirigeants .h2 h2,
  .a_propos_page .dirigeants .h2 h3,
  .a_propos_page .dirigeants .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .dirigeants .h2 h2,
  .a_propos_page .dirigeants .h2 h3,
  .a_propos_page .dirigeants .h2 p {
    font-size: 27px;
    margin-top: 30px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .a_propos_page .dirigeants .h2 h2,
  .a_propos_page .dirigeants .h2 h3,
  .a_propos_page .dirigeants .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

.a_propos_page .dirigeants p {
  text-align: left;
  font-family: "open_sansregular";
  font-size: 15px;
  line-height: 30px;
  padding-bottom: 15px;
  color: #fff;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .dirigeants p {
    font-size: 15px;
    line-height: 30px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .dirigeants p {
    font-size: 13px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .dirigeants p {
    font-size: 15px;
    line-height: 28px;
    text-align: center;
  }
}

.a_propos_page .valeurs {
  padding: 100px 0px 0px 0px;
}

@media screen and (max-width: 992px) {
  .a_propos_page .valeurs {
    padding: 60px 0px 0px 0px;
  }
}

.a_propos_page .valeurs .border_bottom {
  border-bottom: 1px solid #dee2e6 !important;
  padding: 0px 0px 100px 0px;
}

@media screen and (max-width: 992px) {
  .a_propos_page .valeurs .border_bottom {
    padding: 0px 0px 60px 0px;
  }
}

.a_propos_page .valeurs .h1 h1,
.a_propos_page .valeurs .h1 h2,
.a_propos_page .valeurs .h1 p {
  text-align: center;
  color: #404040;
}

.a_propos_page .valeurs .intro p {
  margin-bottom: 50px;
  text-align: center;
}

.a_propos_page .valeurs .nom {
  color: #404040;
  font-family: "open_sansbold";
  font-size: 20px;
  margin-top: 20px;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .valeurs .nom {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .valeurs .nom {
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .valeurs .nom {
    text-align: center;
  }
}

.a_propos_page .valeurs .contenu p {
  color: #404040;
  font-family: "open_sansregular";
  font-size: 15px;
  padding-right: 50px;
}

@media screen and (max-width: 992px) {
  .a_propos_page .valeurs .contenu p {
    font-size: 13px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .valeurs .contenu p {
    text-align: center;
  }
}

.a_propos_page .valeurs .contenu ul {
  padding: 10px;
  list-style: none;
}

.a_propos_page .valeurs .contenu ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .valeurs .contenu ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .valeurs .contenu ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .valeurs .contenu ul li {
    font-size: 15px;
  }
}

.a_propos_page .valeurs .contenu ul a {
  text-decoration: none;
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .valeurs .contenu ul a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .valeurs .contenu ul a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .valeurs .contenu ul a {
    font-size: 15px;
  }
}

.a_propos_page .valeurs .contenu ul a:hover {
  color: #29abe2;
}

.a_propos_page .valeurs .contenu ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

@media screen and (max-width: 767px) {
  .a_propos_page .valeurs object {
    display: block !important;
    margin: 0px auto !important;
    text-align: center !important;
  }
}

.a_propos_page .valeurs object svg {
  width: 80px !important;
  margin-top: 50px !important;
}

@media screen and (max-width: 767px) {
  .a_propos_page .valeurs object svg {
    width: 120px !important;
    display: block !important;
    margin: 0px auto !important;
    text-align: center !important;
  }
}

.a_propos_page .egalites {
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .a_propos_page .egalites {
    padding: 60px 0px;
  }
}

.a_propos_page .egalites img {
  width: 90%;
  display: block;
  margin: 0px auto;
}

.a_propos_page .egalites .h2 h2,
.a_propos_page .egalites .h2 h3 {
  font-family: "open_sansbold_italic";
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 45px;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .egalites .h2 h2,
  .a_propos_page .egalites .h2 h3 {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .egalites .h2 h2,
  .a_propos_page .egalites .h2 h3 {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .egalites .h2 h2,
  .a_propos_page .egalites .h2 h3 {
    font-size: 27px;
    margin-top: 30px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .a_propos_page .egalites .h2 h2,
  .a_propos_page .egalites .h2 h3 {
    font-size: 22px;
    line-height: 32px;
  }
}

.a_propos_page .egalites p {
  text-align: left;
  font-family: "open_sansregular";
  font-size: 15px;
  line-height: 30px;
  color: #404040;
  margin-top: 20px;
  padding-bottom: 0px;
}

@media screen and (max-width: 1200px) {
  .a_propos_page .egalites p {
    font-size: 15px;
    line-height: 30px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .egalites p {
    font-size: 13px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .egalites p {
    font-size: 15px;
    line-height: 28px;
    text-align: center;
  }
}

.a_propos_page .egalites .bleu {
  color: #29abe2;
  text-align: center;
  padding-top: 50px;
}

.a_propos_page .egalites .contenu p {
  color: #404040;
  font-family: "open_sansbold";
  font-size: 15px;
  padding-right: 50px;
}

@media screen and (max-width: 992px) {
  .a_propos_page .egalites .contenu p {
    font-size: 13px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .egalites .contenu p {
    text-align: center;
  }
}

.a_propos_page .egalites .contenu p i {
  color: #29abe2;
  font-style: normal;
}

.a_propos_page .egalites .picto {
  width: 80px;
  margin: 50px 0px 0px 0px;
}

@media screen and (max-width: 767px) {
  .a_propos_page .egalites .picto {
    width: 120px;
    display: block;
    margin: 0px auto;
  }
}

.a_propos_page .egalites .rejoindre {
  text-align: left;
  padding: 0px 10%;
}

.a_propos_page .egalites .rejoindre .pub {
  background-color: #29abe2;
  border-radius: 20px;
  position: relative;
  padding: 50px 0px 80px 0px;
}

@media screen and (max-width: 992px) {
  .a_propos_page .egalites .rejoindre .pub {
    padding: 70px 0px 80px 0px;
  }
}

.a_propos_page .egalites .rejoindre .pub .text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0px 40px;
}

@media screen and (max-width: 767px) {
  .a_propos_page .egalites .rejoindre .pub .text {
    position: relative;
    top: inherit;
    -webkit-transform: none;
            transform: none;
    padding: 30px 0px;
  }
}

@media screen and (max-width: 1200px) {
  .a_propos_page .egalites .rejoindre .pub .text .h1 h1,
  .a_propos_page .egalites .rejoindre .pub .text .h1 h2,
  .a_propos_page .egalites .rejoindre .pub .text .h1 p {
    font-size: 26px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 992px) {
  .a_propos_page .egalites .rejoindre .pub .text .h1 h1,
  .a_propos_page .egalites .rejoindre .pub .text .h1 h2,
  .a_propos_page .egalites .rejoindre .pub .text .h1 p {
    font-size: 20px;
  }
}

@media screen and (max-width: 850px) {
  .a_propos_page .egalites .rejoindre .pub .text .h1 h1,
  .a_propos_page .egalites .rejoindre .pub .text .h1 h2,
  .a_propos_page .egalites .rejoindre .pub .text .h1 p {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .egalites .rejoindre .pub .text .h1 h1,
  .a_propos_page .egalites .rejoindre .pub .text .h1 h2,
  .a_propos_page .egalites .rejoindre .pub .text .h1 p {
    font-size: 30px;
    margin-bottom: 30px;
  }
}

.a_propos_page .egalites .rejoindre .pub .text p {
  color: #fff;
  font-family: "open_sansregular";
  color: #fff;
}

@media screen and (max-width: 992px) {
  .a_propos_page .egalites .rejoindre .pub .text p {
    padding: 0px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .egalites .rejoindre .pub .text p {
    padding: inherit;
    text-align: left;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .a_propos_page .egalites .rejoindre .pub .text a {
    margin-left: 20px;
  }
}

.a_propos_page .egalites .rejoindre .pub img {
  width: 100%;
  position: relative;
  right: -50px;
}

@media screen and (max-width: 767px) {
  .a_propos_page .egalites .rejoindre .pub img {
    right: 0;
  }
}

.a_propos_page .egalites .rejoindre .pub .float {
  -webkit-animation-name: floating1;
  animation-name: floating1;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  z-index: 10;
}

@-webkit-keyframes floating1 {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}

@keyframes floating1 {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}

/******************************************/
/***********      TEMPLATE PAGE LIBRE      ***********/
/******************************************/
.page_libre .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .page_libre .bandeau {
    height: auto;
  }
}

.page_libre .bandeau .container {
  position: relative;
  height: 100%;
}

.page_libre .bandeau .container .row {
  height: 100%;
}

.page_libre .bandeau .relative {
  position: relative;
  height: 100%;
}

.page_libre .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .page_libre .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.page_libre .bandeau .contenu_bandeau .h1 h1,
.page_libre .bandeau .contenu_bandeau .h1 h2,
.page_libre .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .page_libre .bandeau .contenu_bandeau .h1 h1,
  .page_libre .bandeau .contenu_bandeau .h1 h2,
  .page_libre .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.page_libre .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .page_libre .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .page_libre .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.page_libre .bandeau .image_bandeau {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 70vh;
  width: auto;
  max-width: none;
}

@media screen and (max-width: 1500px) {
  .page_libre .bandeau .image_bandeau {
    height: 65vh;
  }
}

@media screen and (max-width: 1200px) {
  .page_libre .bandeau .image_bandeau {
    height: 60vh;
  }
}

@media screen and (max-width: 992px) {
  .page_libre .bandeau .image_bandeau {
    height: 55vh;
  }
}

@media screen and (max-width: 767px) {
  .page_libre .bandeau .image_bandeau {
    position: inherit;
    height: auto;
    width: 100%;
    margin-top: 50px;
  }
}

.page_libre .bandeau::before,
.page_libre .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.page_libre .outils {
  padding: 100px 0px 50px 0px;
  background-color: #f7f7f7;
}

@media screen and (max-width: 992px) {
  .page_libre .outils {
    padding: 60px 0px;
  }
}

.page_libre .outils .h1 h1,
.page_libre .outils .h1 h2,
.page_libre .outils .h1 p {
  text-align: center;
}

.page_libre .outils .intro {
  text-align: center;
}

.page_libre .outils .intro p {
  text-align: center;
}

.page_libre .outils .intro ul {
  padding: 10px;
  list-style: none;
  display: inline-block;
}

.page_libre .outils .intro ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  text-align: left;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .page_libre .outils .intro ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .page_libre .outils .intro ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .page_libre .outils .intro ul li {
    font-size: 15px;
  }
}

.page_libre .outils .intro ul li a {
  text-decoration: none;
  font-family: "open_sansregular";
  font-weight: normal;
  text-align: left;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .page_libre .outils .intro ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .page_libre .outils .intro ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .page_libre .outils .intro ul li a {
    font-size: 15px;
  }
}

.page_libre .outils .intro ul li a:hover {
  color: #29abe2;
}

.page_libre .outils .intro ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.page_libre .outils .liste_outils .margin_pair {
  background-color: #f7f7f7;
  padding-top: 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .page_libre .outils .liste_outils .margin_pair {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.page_libre .outils .liste_outils .margin_impair {
  background-color: #fff;
  padding-top: 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .page_libre .outils .liste_outils .margin_impair {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.page_libre .outils .liste_outils img {
  width: 100%;
}

.page_libre .outils .liste_outils .h2 h2,
.page_libre .outils .liste_outils .h2 h3,
.page_libre .outils .liste_outils .h2 p {
  font-family: "open_sansbold_italic";
  font-size: 35px;
  color: #29abe2;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 45px;
}

.page_libre .outils .liste_outils .h2 h2 span,
.page_libre .outils .liste_outils .h2 h3 span,
.page_libre .outils .liste_outils .h2 p span {
  color: #29abe2;
}

@media screen and (max-width: 1200px) {
  .page_libre .outils .liste_outils .h2 h2,
  .page_libre .outils .liste_outils .h2 h3,
  .page_libre .outils .liste_outils .h2 p {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .page_libre .outils .liste_outils .h2 h2,
  .page_libre .outils .liste_outils .h2 h3,
  .page_libre .outils .liste_outils .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .page_libre .outils .liste_outils .h2 h2,
  .page_libre .outils .liste_outils .h2 h3,
  .page_libre .outils .liste_outils .h2 p {
    font-size: 27px;
    margin-top: 30px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .page_libre .outils .liste_outils .h2 h2,
  .page_libre .outils .liste_outils .h2 h3,
  .page_libre .outils .liste_outils .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

.page_libre .outils .liste_outils p {
  text-align: left;
  font-family: "open_sansregular";
  font-size: 15px;
  line-height: 30px;
  padding-bottom: 15px;
}

@media screen and (max-width: 1200px) {
  .page_libre .outils .liste_outils p {
    font-size: 15px;
    line-height: 30px;
  }
}

@media screen and (max-width: 992px) {
  .page_libre .outils .liste_outils p {
    font-size: 13px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .page_libre .outils .liste_outils p {
    font-size: 15px;
    line-height: 28px;
    text-align: center;
  }
}

.page_libre .outils .liste_outils ul {
  padding: 10px;
  list-style: none;
}

.page_libre .outils .liste_outils ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .page_libre .outils .liste_outils ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .page_libre .outils .liste_outils ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .page_libre .outils .liste_outils ul li {
    font-size: 15px;
  }
}

.page_libre .outils .liste_outils ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .page_libre .outils .liste_outils ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .page_libre .outils .liste_outils ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .page_libre .outils .liste_outils ul li a {
    font-size: 15px;
  }
}

.page_libre .outils .liste_outils ul li a:hover {
  color: #29abe2;
  text-decoration: none;
}

.page_libre .outils .liste_outils ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

@media screen and (max-width: 767px) {
  .page_libre .outils .liste_outils .buton {
    text-align: center;
  }
}

.page_libre .valeurs {
  padding: 100px 0px 0px 0px;
}

@media screen and (max-width: 992px) {
  .page_libre .valeurs {
    padding: 60px 0px 0px 0px;
  }
}

.page_libre .valeurs .border_bottom {
  border-bottom: 1px solid #dee2e6 !important;
  padding: 0px 0px 100px 0px;
}

@media screen and (max-width: 992px) {
  .page_libre .valeurs .border_bottom {
    padding: 0px 0px 60px 0px;
  }
}

.page_libre .valeurs .h1 h1,
.page_libre .valeurs .h1 h2,
.page_libre .valeurs .h1 p {
  text-align: center;
  color: #404040;
}

.page_libre .valeurs .intro p {
  margin-bottom: 50px;
  text-align: center;
}

.page_libre .valeurs .nom {
  color: #404040;
  font-family: "open_sansbold";
  font-size: 20px;
  margin-top: 20px;
}

@media screen and (max-width: 1200px) {
  .page_libre .valeurs .nom {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .page_libre .valeurs .nom {
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .page_libre .valeurs .nom {
    text-align: center;
  }
}

.page_libre .valeurs .contenu p {
  color: #404040;
  font-family: "open_sansregular";
  font-size: 15px;
  padding-right: 50px;
}

@media screen and (max-width: 992px) {
  .page_libre .valeurs .contenu p {
    font-size: 13px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 767px) {
  .page_libre .valeurs .contenu p {
    text-align: center;
  }
}

.page_libre .valeurs .contenu ul {
  padding: 10px;
  list-style: none;
}

.page_libre .valeurs .contenu ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .page_libre .valeurs .contenu ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .page_libre .valeurs .contenu ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .page_libre .valeurs .contenu ul li {
    font-size: 15px;
  }
}

.page_libre .valeurs .contenu ul a {
  text-decoration: none;
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .page_libre .valeurs .contenu ul a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .page_libre .valeurs .contenu ul a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .page_libre .valeurs .contenu ul a {
    font-size: 15px;
  }
}

.page_libre .valeurs .contenu ul a:hover {
  color: #29abe2;
}

.page_libre .valeurs .contenu ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

@media screen and (max-width: 767px) {
  .page_libre .valeurs object {
    display: block !important;
    margin: 0px auto !important;
    text-align: center !important;
  }
}

.page_libre .valeurs object svg {
  width: 80px !important;
  margin-top: 50px !important;
}

@media screen and (max-width: 767px) {
  .page_libre .valeurs object svg {
    width: 120px !important;
    display: block !important;
    margin: 0px auto !important;
    text-align: center !important;
  }
}

/******************************************/
/***********      TEMPLATE COIN RH        ***********/
/******************************************/
.coin_rh .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .coin_rh .bandeau {
    height: auto;
  }
}

.coin_rh .bandeau .container {
  position: relative;
  height: 100%;
}

.coin_rh .bandeau .container .row {
  height: 100%;
}

.coin_rh .bandeau .relative {
  position: relative;
  height: 100%;
}

.coin_rh .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .coin_rh .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.coin_rh .bandeau .contenu_bandeau .h1 h1,
.coin_rh .bandeau .contenu_bandeau .h1 h2,
.coin_rh .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .coin_rh .bandeau .contenu_bandeau .h1 h1,
  .coin_rh .bandeau .contenu_bandeau .h1 h2,
  .coin_rh .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.coin_rh .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .coin_rh .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.coin_rh .bandeau .image_bandeau {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 70vh;
  width: auto;
  max-width: none;
}

@media screen and (max-width: 1500px) {
  .coin_rh .bandeau .image_bandeau {
    height: 65vh;
  }
}

@media screen and (max-width: 1200px) {
  .coin_rh .bandeau .image_bandeau {
    height: 60vh;
  }
}

@media screen and (max-width: 992px) {
  .coin_rh .bandeau .image_bandeau {
    height: 55vh;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .bandeau .image_bandeau {
    position: inherit;
    height: auto;
    width: 100%;
  }
}

.coin_rh .bandeau::before,
.coin_rh .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.coin_rh .bloc_introductif {
  background-color: #f7f7f7;
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .coin_rh .bloc_introductif {
    padding: 60px 0px;
  }
}

.coin_rh .bloc_introductif img {
  width: 80%;
  display: block;
  margin: 0px auto;
}

.coin_rh .bloc_introductif p {
  text-align: left;
  font-family: "open_sansregular";
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 15px;
}

@media screen and (max-width: 992px) {
  .coin_rh .bloc_introductif p {
    font-size: 13px;
    line-height: 23px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .bloc_introductif p {
    text-align: center;
  }
}

.coin_rh .bloc_introductif .h2 h2,
.coin_rh .bloc_introductif .h2 h3,
.coin_rh .bloc_introductif .h2 p {
  font-family: "open_sansbold_italic";
  font-size: 35px;
  color: #404040;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 45px;
}

@media screen and (max-width: 1200px) {
  .coin_rh .bloc_introductif .h2 h2,
  .coin_rh .bloc_introductif .h2 h3,
  .coin_rh .bloc_introductif .h2 p {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .coin_rh .bloc_introductif .h2 h2,
  .coin_rh .bloc_introductif .h2 h3,
  .coin_rh .bloc_introductif .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .bloc_introductif .h2 h2,
  .coin_rh .bloc_introductif .h2 h3,
  .coin_rh .bloc_introductif .h2 p {
    font-size: 27px;
    margin-top: 30px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .coin_rh .bloc_introductif .h2 h2,
  .coin_rh .bloc_introductif .h2 h3,
  .coin_rh .bloc_introductif .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .bloc_introductif .buton {
    text-align: center;
  }
}

.coin_rh .outils_coin_rh {
  padding: 100px 0px 0px 0px;
  background-color: #fff;
}

@media screen and (max-width: 992px) {
  .coin_rh .outils_coin_rh {
    padding: 60px 0px 0px 0px;
  }
}

.coin_rh .outils_coin_rh .h1 h1,
.coin_rh .outils_coin_rh .h1 h2,
.coin_rh .outils_coin_rh .h1 p {
  text-align: center;
}

.coin_rh .outils_coin_rh .intro p {
  text-align: center;
}

.coin_rh .outils_coin_rh .liste_outils .margin_pair {
  background-color: #fff;
  padding-top: 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .coin_rh .outils_coin_rh .liste_outils .margin_pair {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.coin_rh .outils_coin_rh .liste_outils .margin_impair {
  background-color: #f7f7f7;
  padding-top: 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .coin_rh .outils_coin_rh .liste_outils .margin_impair {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.coin_rh .outils_coin_rh .liste_outils .margin_pair:first-of-type {
  padding-top: 0px;
}

.coin_rh .outils_coin_rh .liste_outils img {
  width: 100%;
}

.coin_rh .outils_coin_rh .liste_outils .h2 h2,
.coin_rh .outils_coin_rh .liste_outils .h2 h3,
.coin_rh .outils_coin_rh .liste_outils .h2 p {
  font-family: "open_sansbold_italic";
  font-size: 35px;
  color: #29abe2;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 45px;
}

.coin_rh .outils_coin_rh .liste_outils .h2 h2 span,
.coin_rh .outils_coin_rh .liste_outils .h2 h3 span,
.coin_rh .outils_coin_rh .liste_outils .h2 p span {
  color: #29abe2;
}

@media screen and (max-width: 1200px) {
  .coin_rh .outils_coin_rh .liste_outils .h2 h2,
  .coin_rh .outils_coin_rh .liste_outils .h2 h3,
  .coin_rh .outils_coin_rh .liste_outils .h2 p {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .coin_rh .outils_coin_rh .liste_outils .h2 h2,
  .coin_rh .outils_coin_rh .liste_outils .h2 h3,
  .coin_rh .outils_coin_rh .liste_outils .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .outils_coin_rh .liste_outils .h2 h2,
  .coin_rh .outils_coin_rh .liste_outils .h2 h3,
  .coin_rh .outils_coin_rh .liste_outils .h2 p {
    font-size: 27px;
    margin-top: 30px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .coin_rh .outils_coin_rh .liste_outils .h2 h2,
  .coin_rh .outils_coin_rh .liste_outils .h2 h3,
  .coin_rh .outils_coin_rh .liste_outils .h2 p {
    font-size: 22px;
    line-height: 32px;
  }
}

.coin_rh .outils_coin_rh .liste_outils p {
  text-align: justify;
  font-family: "open_sansregular";
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 15px;
}

@media screen and (max-width: 992px) {
  .coin_rh .outils_coin_rh .liste_outils p {
    font-size: 13px;
    line-height: 23px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .outils_coin_rh .liste_outils p {
    text-align: center;
  }
}

.coin_rh .outils_coin_rh .liste_outils ul {
  padding: 10px;
  list-style: none;
}

.coin_rh .outils_coin_rh .liste_outils ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .coin_rh .outils_coin_rh .liste_outils ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .coin_rh .outils_coin_rh .liste_outils ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .outils_coin_rh .liste_outils ul li {
    font-size: 15px;
  }
}

.coin_rh .outils_coin_rh .liste_outils ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .coin_rh .outils_coin_rh .liste_outils ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .coin_rh .outils_coin_rh .liste_outils ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .outils_coin_rh .liste_outils ul li a {
    font-size: 15px;
  }
}

.coin_rh .outils_coin_rh .liste_outils ul li a:hover {
  color: #29abe2;
  text-decoration: none;
}

.coin_rh .outils_coin_rh .liste_outils ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

@media screen and (max-width: 767px) {
  .coin_rh .outils_coin_rh .liste_outils .buton {
    text-align: center;
  }
}

.coin_rh .egalites_coin_rh {
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .coin_rh .egalites_coin_rh {
    padding: 60px 0px;
  }
}

.coin_rh .egalites_coin_rh img {
  width: 90%;
  display: block;
  margin: 0px auto;
}

.coin_rh .egalites_coin_rh .h2 h2,
.coin_rh .egalites_coin_rh .h2 h3 {
  font-family: "open_sansbold_italic";
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 45px;
}

@media screen and (max-width: 1200px) {
  .coin_rh .egalites_coin_rh .h2 h2,
  .coin_rh .egalites_coin_rh .h2 h3 {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .coin_rh .egalites_coin_rh .h2 h2,
  .coin_rh .egalites_coin_rh .h2 h3 {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .egalites_coin_rh .h2 h2,
  .coin_rh .egalites_coin_rh .h2 h3 {
    font-size: 27px;
    margin-top: 30px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .coin_rh .egalites_coin_rh .h2 h2,
  .coin_rh .egalites_coin_rh .h2 h3 {
    font-size: 22px;
    line-height: 32px;
  }
}

.coin_rh .egalites_coin_rh p {
  text-align: left;
  font-family: "open_sansregular";
  font-size: 15px;
  line-height: 30px;
  padding-bottom: 0px;
  color: #404040;
  margin-top: 20px;
}

@media screen and (max-width: 1200px) {
  .coin_rh .egalites_coin_rh p {
    font-size: 15px;
    line-height: 30px;
  }
}

@media screen and (max-width: 992px) {
  .coin_rh .egalites_coin_rh p {
    font-size: 13px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .egalites_coin_rh p {
    font-size: 15px;
    line-height: 28px;
    text-align: center;
  }
}

.coin_rh .egalites_coin_rh .bleu {
  color: #29abe2;
  text-align: center;
  padding-top: 50px;
}

.coin_rh .egalites_coin_rh .contenu p {
  color: #404040;
  font-family: "open_sansbold";
  font-size: 15px;
  padding-right: 50px;
}

@media screen and (max-width: 992px) {
  .coin_rh .egalites_coin_rh .contenu p {
    font-size: 13px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .egalites_coin_rh .contenu p {
    text-align: center;
  }
}

.coin_rh .egalites_coin_rh .contenu p i {
  color: #29abe2;
  font-style: normal;
}

.coin_rh .egalites_coin_rh .picto {
  width: 80px;
  margin: 50px 0px 0px 0px;
}

@media screen and (max-width: 767px) {
  .coin_rh .egalites_coin_rh .picto {
    width: 120px;
    display: block;
    margin: 0px auto;
  }
}

.coin_rh .egalites_coin_rh .rejoindre {
  text-align: left;
  padding: 0px 10%;
}

.coin_rh .egalites_coin_rh .rejoindre .pub {
  margin-top: 70px;
  background-color: #29abe2;
  border-radius: 20px;
  position: relative;
  padding: 50px 0px 80px 0px;
}

@media screen and (max-width: 992px) {
  .coin_rh .egalites_coin_rh .rejoindre .pub {
    padding: 70px 0px 80px 0px;
  }
}

.coin_rh .egalites_coin_rh .rejoindre .pub .text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0px 40px;
}

@media screen and (max-width: 767px) {
  .coin_rh .egalites_coin_rh .rejoindre .pub .text {
    position: relative;
    top: inherit;
    -webkit-transform: none;
            transform: none;
    padding: 30px 0px;
  }
}

@media screen and (max-width: 1200px) {
  .coin_rh .egalites_coin_rh .rejoindre .pub .text .h1 h1,
  .coin_rh .egalites_coin_rh .rejoindre .pub .text .h1 h2,
  .coin_rh .egalites_coin_rh .rejoindre .pub .text .h1 p {
    font-size: 26px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 992px) {
  .coin_rh .egalites_coin_rh .rejoindre .pub .text .h1 h1,
  .coin_rh .egalites_coin_rh .rejoindre .pub .text .h1 h2,
  .coin_rh .egalites_coin_rh .rejoindre .pub .text .h1 p {
    font-size: 20px;
  }
}

@media screen and (max-width: 850px) {
  .coin_rh .egalites_coin_rh .rejoindre .pub .text .h1 h1,
  .coin_rh .egalites_coin_rh .rejoindre .pub .text .h1 h2,
  .coin_rh .egalites_coin_rh .rejoindre .pub .text .h1 p {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .egalites_coin_rh .rejoindre .pub .text .h1 h1,
  .coin_rh .egalites_coin_rh .rejoindre .pub .text .h1 h2,
  .coin_rh .egalites_coin_rh .rejoindre .pub .text .h1 p {
    font-size: 30px;
    margin-bottom: 30px;
  }
}

.coin_rh .egalites_coin_rh .rejoindre .pub .text p {
  color: #fff;
  font-family: "open_sansregular";
  color: #fff;
}

@media screen and (max-width: 992px) {
  .coin_rh .egalites_coin_rh .rejoindre .pub .text p {
    padding: 0px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .egalites_coin_rh .rejoindre .pub .text p {
    padding: inherit;
    text-align: left;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .egalites_coin_rh .rejoindre .pub .text a {
    margin-left: 20px;
  }
}

.coin_rh .egalites_coin_rh .rejoindre .pub img {
  width: 100%;
  position: relative;
  right: -50px;
}

@media screen and (max-width: 767px) {
  .coin_rh .egalites_coin_rh .rejoindre .pub img {
    right: 0;
  }
}

.coin_rh .egalites_coin_rh .rejoindre .pub .float {
  -webkit-animation-name: floating1;
  animation-name: floating1;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
  z-index: 10;
}

@-webkit-keyframes floating1 {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}

@keyframes floating1 {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}

.coin_rh .valeurs_coin_rh {
  background-color: #f7f7f7;
  padding: 100px 0px 100px 0px;
}

@media screen and (max-width: 992px) {
  .coin_rh .valeurs_coin_rh {
    padding: 60px 0px 60px 0px;
  }
}

.coin_rh .valeurs_coin_rh .border_bottom {
  border-bottom: 1px solid #dee2e6 !important;
  padding: 0px 0px 100px 0px;
}

@media screen and (max-width: 992px) {
  .coin_rh .valeurs_coin_rh .border_bottom {
    padding: 0px 0px 60px 0px;
  }
}

.coin_rh .valeurs_coin_rh .h1 h1,
.coin_rh .valeurs_coin_rh .h1 h2,
.coin_rh .valeurs_coin_rh .h1 p {
  text-align: center;
  color: #404040;
}

.coin_rh .valeurs_coin_rh .intro p {
  margin-bottom: 50px;
  text-align: center;
}

.coin_rh .valeurs_coin_rh .nom {
  color: #404040;
  font-family: "open_sansbold";
  font-size: 20px;
  margin-top: 20px;
}

@media screen and (max-width: 1200px) {
  .coin_rh .valeurs_coin_rh .nom {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .coin_rh .valeurs_coin_rh .nom {
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .valeurs_coin_rh .nom {
    text-align: center;
  }
}

.coin_rh .valeurs_coin_rh .contenu p {
  color: #404040;
  font-family: "open_sansregular";
  font-size: 15px;
  padding-right: 50px;
}

@media screen and (max-width: 992px) {
  .coin_rh .valeurs_coin_rh .contenu p {
    font-size: 13px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .valeurs_coin_rh .contenu p {
    text-align: center;
  }
}

.coin_rh .valeurs_coin_rh .contenu ul {
  padding: 10px;
  list-style: none;
}

.coin_rh .valeurs_coin_rh .contenu ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .coin_rh .valeurs_coin_rh .contenu ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .coin_rh .valeurs_coin_rh .contenu ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .valeurs_coin_rh .contenu ul li {
    font-size: 15px;
  }
}

.coin_rh .valeurs_coin_rh .contenu ul a {
  text-decoration: none;
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .coin_rh .valeurs_coin_rh .contenu ul a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .coin_rh .valeurs_coin_rh .contenu ul a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .coin_rh .valeurs_coin_rh .contenu ul a {
    font-size: 15px;
  }
}

.coin_rh .valeurs_coin_rh .contenu ul a:hover {
  color: #29abe2;
}

.coin_rh .valeurs_coin_rh .contenu ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

@media screen and (max-width: 767px) {
  .coin_rh .valeurs_coin_rh object {
    display: block !important;
    margin: 0px auto !important;
    text-align: center !important;
  }
}

.coin_rh .valeurs_coin_rh object svg {
  width: 80px !important;
  margin-top: 50px !important;
}

@media screen and (max-width: 767px) {
  .coin_rh .valeurs_coin_rh object svg {
    width: 120px !important;
    display: block !important;
    margin: 0px auto !important;
    text-align: center !important;
  }
}

/******************************************/
/***********      TEMPLATE CONTACT        ***********/
/******************************************/
.contact .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .contact .bandeau {
    height: auto;
  }
}

.contact .bandeau .container {
  position: relative;
  height: 100%;
}

.contact .bandeau .container .row {
  height: 100%;
}

.contact .bandeau .relative {
  position: relative;
  height: 100%;
}

.contact .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .contact .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.contact .bandeau .contenu_bandeau .h1 h1,
.contact .bandeau .contenu_bandeau .h1 h2,
.contact .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .contact .bandeau .contenu_bandeau .h1 h1,
  .contact .bandeau .contenu_bandeau .h1 h2,
  .contact .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.contact .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .contact .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .contact .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.contact .bandeau .image_bandeau {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 70vh;
  width: auto;
  max-width: none;
}

@media screen and (max-width: 1500px) {
  .contact .bandeau .image_bandeau {
    height: 65vh;
  }
}

@media screen and (max-width: 1200px) {
  .contact .bandeau .image_bandeau {
    height: 60vh;
  }
}

@media screen and (max-width: 992px) {
  .contact .bandeau .image_bandeau {
    height: 55vh;
  }
}

@media screen and (max-width: 767px) {
  .contact .bandeau .image_bandeau {
    position: inherit;
    height: auto;
    width: 100%;
  }
}

.contact .bandeau::before,
.contact .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.contact .formulaire {
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .contact .formulaire {
    padding: 60px 0px;
  }
}

.contact .formulaire .h1 {
  margin-bottom: 50px;
  margin-left: 150px;
}

@media screen and (max-width: 1200px) {
  .contact .formulaire .h1 {
    margin-left: 65px;
  }
}

@media screen and (max-width: 992px) {
  .contact .formulaire .h1 {
    margin-left: 5px;
  }
}

@media screen and (max-width: 767px) {
  .contact .formulaire .h1 {
    margin-left: 0px;
  }
}

.contact .formulaire .h1 h1,
.contact .formulaire .h1 h2,
.contact .formulaire .h1 p {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .contact .formulaire .h1 h1,
  .contact .formulaire .h1 h2,
  .contact .formulaire .h1 p {
    margin-left: 0px;
  }
}

.contact .formulaire .wpcf7 {
  width: 800px;
  display: block;
  margin: 0px auto;
  background-color: #29abe2;
  border-radius: 10px;
  padding: 60px 70px 30px 70px;
}

@media screen and (max-width: 992px) {
  .contact .formulaire .wpcf7 {
    width: 700px;
  }
}

@media screen and (max-width: 767px) {
  .contact .formulaire .wpcf7 {
    width: 100%;
    padding: 50px 40px 20px 40px;
  }
}

.contact .formulaire .wpcf7 label {
  font-family: "open_sansbold";
  color: #fff;
  font-size: 16px;
}

.contact .formulaire .wpcf7 label[for="message"] {
  margin-bottom: 7.6px;
}

.contact .formulaire .wpcf7 input {
  border: 0px;
  font-family: "open_sansregular";
  color: #404040;
  border-radius: 10px;
}

.contact .formulaire .wpcf7 input:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact .formulaire .wpcf7 textarea {
  border-radius: 10px;
  font-family: "open_sansregular";
  color: #404040;
}

.contact .formulaire .wpcf7 textarea:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact .formulaire .wpcf7 .border_form {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 20px 10px 15px;
}

.contact .formulaire .wpcf7 .wpcf7-select {
  border: none;
  width: 100%;
  background-color: #fff;
  color: #29abe2;
  border-radius: 10px;
  font-family: "open_sansbold";
  font-size: 16px;
}

.contact .formulaire .wpcf7 .objet-message .wpcf7-select option {
  color: #29abe2;
  font-family: "open_sansbold";
  font-size: 16px;
}

.contact .formulaire .wpcf7 .objet-message .wpcf7-select option:hover {
  background-color: #fff;
  color: #29abe2;
}

.contact .formulaire .wpcf7 .objet-message .wpcf7-select:focus-visible {
  outline: none;
}

.contact .formulaire .wpcf7 .objet-message:focus-visible {
  outline: none;
}

.contact .formulaire .wpcf7 .submit_container {
  text-align: center;
  margin-top: 30px;
}

.contact .formulaire .wpcf7 .submit_container input {
  font-family: "open_sansbold";
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  display: inline-block;
  text-align: center;
  padding: 10px 20px;
  border-radius: 8px;
  width: inherit;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.contact .formulaire .wpcf7 .submit_container input:hover {
  color: #29abe2;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.contact .formulaire .wpcf7 .wpcf7-response-output {
  padding: 10px 20px;
  width: 85%;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .contact .formulaire .wpcf7 .wpcf7-response-output {
    width: 100%;
  }
}

.contact .carte_france {
  margin-top: 80px;
}

.contact .carte_france .container {
  position: relative;
}

.contact .carte_france .col_carte {
  padding-bottom: 100px;
}

@media screen and (max-width: 992px) {
  .contact .carte_france .col_carte {
    padding-bottom: 60px;
  }
}

.contact .carte_france .carte {
  position: relative;
}

.contact .carte_france .carte img {
  width: 100%;
}

.contact .carte_france .carte .point {
  width: 35px;
  height: 35px;
  background: url(img/point.svg) no-repeat center center;
  background-size: 20px;
  position: absolute;
}

@media screen and (max-width: 992px) {
  .contact .carte_france .carte .point {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
}

.contact .carte_france .carte .point:hover {
  cursor: pointer;
}

.contact .carte_france .carte .point_active {
  width: 35px;
  height: 35px;
  background: url(img/point_active.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
}

@media screen and (max-width: 992px) {
  .contact .carte_france .carte .point_active {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
}

.contact .carte_france .info {
  position: relative;
}

.contact .carte_france .info_ville {
  width: 420px;
  margin: 0px auto;
  background-color: #f7f7f7;
  border-radius: 15px;
  padding: 20px 50px 20px 50px;
  display: none;
  position: absolute;
  left: -115px;
  top: 1%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .contact .carte_france .info_ville {
    width: 300px;
    top: -15%;
    left: -102px;
  }
}

@media screen and (max-width: 767px) {
  .contact .carte_france .info_ville {
    position: inherit;
    margin: 0px auto;
    left: inherit;
    top: inherit;
    width: 90%;
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 500px) {
  .contact .carte_france .info_ville {
    padding: 20px 0px 20px 20px;
  }
}

.contact .carte_france .info_ville .nom {
  padding-left: 30px;
  font-family: "open_sansbold";
  color: #29abe2;
  font-size: 30px;
  text-align: left !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .contact .carte_france .info_ville .nom {
    font-size: 25px;
  }
}

@media screen and (max-width: 767px) {
  .contact .carte_france .info_ville .nom {
    font-size: 28px;
  }
}

@media screen and (max-width: 576px) {
  .contact .carte_france .info_ville .nom {
    font-size: 25px;
  }
}

.contact .carte_france .info_ville .adresse p:first-child {
  background: url(img/adresse.svg) no-repeat left top 1px;
  background-size: 20px;
  padding-left: 30px;
  font-size: 16px;
  font-family: "open_sansbold";
  color: #404040;
  margin: 15px 0px;
  display: block;
  text-align: left !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .contact .carte_france .info_ville .adresse p:first-child {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .contact .carte_france .info_ville .adresse p:first-child {
    font-size: 15px;
    background-size: 18px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 576px) {
  .contact .carte_france .info_ville .adresse p:first-child {
    font-size: 13px;
  }
}

.contact .carte_france .info_ville .telephone {
  background: url(img/telephone.svg) no-repeat left top 4px;
  background-size: 20px;
  padding-left: 30px;
  font-size: 16px;
  font-family: "open_sansbold";
  color: #404040;
  margin: 15px 0px;
  display: block;
  text-align: left !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .contact .carte_france .info_ville .telephone {
    font-size: 13px;
    background: url(img/telephone.svg) no-repeat left top 0px;
    background-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .contact .carte_france .info_ville .telephone {
    background: url(img/telephone.svg) no-repeat left top 0px;
    font-size: 15px;
    background-size: 18px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 576px) {
  .contact .carte_france .info_ville .telephone {
    font-size: 13px;
  }
}

.contact .carte_france .info_ville .mail {
  background: url(img/mail.svg) no-repeat left top 9px;
  background-size: 20px;
  padding-left: 30px;
  font-size: 16px;
  font-family: "open_sansbold";
  color: #404040;
  margin: 15px 0px;
  display: block;
  text-align: left !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .contact .carte_france .info_ville .mail {
    background: url(img/mail.svg) no-repeat left top 5px;
    font-size: 13px;
    background-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .contact .carte_france .info_ville .mail {
    background: url(img/mail.svg) no-repeat left top 6px;
    font-size: 15px;
    background-size: 18px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 576px) {
  .contact .carte_france .info_ville .mail {
    font-size: 13px;
  }
}

.contact .carte_france .info_ville_active {
  display: block !important;
}

.contact .pouce {
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 380px;
}

@media screen and (max-width: 1200px) {
  .contact .pouce {
    width: 290px;
  }
}

@media screen and (max-width: 992px) {
  .contact .pouce {
    width: 240px;
  }
}

@media screen and (max-width: 767px) {
  .contact .pouce {
    width: 200px;
  }
}

@media screen and (max-width: 500px) {
  .contact .pouce {
    width: 150px;
  }
}

/******************************************/
/***********      TEMPLATE CONTACT DYNAMIQUE        ***********/
/******************************************/
.contact_dynamique .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .contact_dynamique .bandeau {
    height: auto;
  }
}

.contact_dynamique .bandeau .container {
  position: relative;
  height: 100%;
}

.contact_dynamique .bandeau .container .row {
  height: 100%;
}

.contact_dynamique .bandeau .relative {
  position: relative;
  height: 100%;
}

.contact_dynamique .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .contact_dynamique .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.contact_dynamique .bandeau .contenu_bandeau .h1 h1,
.contact_dynamique .bandeau .contenu_bandeau .h1 h2,
.contact_dynamique .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .contact_dynamique .bandeau .contenu_bandeau .h1 h1,
  .contact_dynamique .bandeau .contenu_bandeau .h1 h2,
  .contact_dynamique .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.contact_dynamique .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .contact_dynamique .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .contact_dynamique .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.contact_dynamique .bandeau .image_bandeau {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 70vh;
  width: auto;
  max-width: none;
}

@media screen and (max-width: 1500px) {
  .contact_dynamique .bandeau .image_bandeau {
    height: 65vh;
  }
}

@media screen and (max-width: 1200px) {
  .contact_dynamique .bandeau .image_bandeau {
    height: 60vh;
  }
}

@media screen and (max-width: 992px) {
  .contact_dynamique .bandeau .image_bandeau {
    height: 55vh;
  }
}

@media screen and (max-width: 767px) {
  .contact_dynamique .bandeau .image_bandeau {
    position: inherit;
    height: auto;
    width: 100%;
  }
}

.contact_dynamique .bandeau::before,
.contact_dynamique .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.contact_dynamique .formulaire {
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .contact_dynamique .formulaire {
    padding: 60px 0px;
  }
}

.contact_dynamique .formulaire .h1 {
  margin-bottom: 50px;
  margin-left: 150px;
}

@media screen and (max-width: 1200px) {
  .contact_dynamique .formulaire .h1 {
    margin-left: 65px;
  }
}

@media screen and (max-width: 992px) {
  .contact_dynamique .formulaire .h1 {
    margin-left: 5px;
  }
}

@media screen and (max-width: 767px) {
  .contact_dynamique .formulaire .h1 {
    margin-left: 0px;
  }
}

.contact_dynamique .formulaire .h1 h1,
.contact_dynamique .formulaire .h1 h2,
.contact_dynamique .formulaire .h1 p {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .contact_dynamique .formulaire .h1 h1,
  .contact_dynamique .formulaire .h1 h2,
  .contact_dynamique .formulaire .h1 p {
    margin-left: 0px;
  }
}

.contact_dynamique .formulaire .wpcf7 {
  width: 800px;
  display: block;
  margin: 0px auto;
  background-color: #29abe2;
  border-radius: 10px;
  padding: 60px 70px 30px 70px;
}

@media screen and (max-width: 992px) {
  .contact_dynamique .formulaire .wpcf7 {
    width: 700px;
  }
}

@media screen and (max-width: 767px) {
  .contact_dynamique .formulaire .wpcf7 {
    width: 100%;
    padding: 50px 40px 20px 40px;
  }
}

.contact_dynamique .formulaire .wpcf7 label {
  font-family: "open_sansbold";
  color: #fff;
  font-size: 16px;
}

.contact_dynamique .formulaire .wpcf7 label[for="message"] {
  margin-bottom: 7.6px;
}

.contact_dynamique .formulaire .wpcf7 input {
  border: 0px;
  border-bottom: 1px solid #8c9091;
  border-radius: 10px;
  font-family: "open_sansregular";
  color: #404040;
}

.contact_dynamique .formulaire .wpcf7 input:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact_dynamique .formulaire .wpcf7 textarea {
  border-radius: 10px;
  font-family: "open_sansregular";
  color: #404040;
}

.contact_dynamique .formulaire .wpcf7 textarea:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact_dynamique .formulaire .wpcf7 .objet-message .wpcf7-select {
  width: 400px;
  padding: 10px;
  border: 1px solid #8c9091;
  background-color: #fff;
  border-radius: 10px;
  color: #29abe2;
  font-family: "open_sansbold";
  font-size: 16px;
}

.contact_dynamique .formulaire .wpcf7 .objet-message .wpcf7-select option {
  color: #29abe2;
  font-family: "open_sansbold";
  font-size: 16px;
}

.contact_dynamique .formulaire .wpcf7 .objet-message .wpcf7-select option:hover {
  background-color: #fff;
  color: #29abe2;
}

.contact_dynamique .formulaire .wpcf7 .objet-message .wpcf7-select:focus-visible {
  outline: none;
}

.contact_dynamique .formulaire .wpcf7 .objet-message:focus-visible {
  outline: none;
}

.contact_dynamique .formulaire .wpcf7 .submit_container {
  text-align: center;
  margin-top: 30px;
}

.contact_dynamique .formulaire .wpcf7 .submit_container input {
  font-family: "open_sansbold";
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  display: inline-block;
  text-align: center;
  padding: 10px 20px;
  border-radius: 8px;
  width: inherit;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.contact_dynamique .formulaire .wpcf7 .submit_container input:hover {
  color: #29abe2;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.contact_dynamique .formulaire .wpcf7 .wpcf7-response-output {
  padding: 10px 20px;
  width: 85%;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .contact_dynamique .formulaire .wpcf7 .wpcf7-response-output {
    width: 100%;
  }
}

.contact_dynamique .carte_france {
  margin-top: 80px;
}

.contact_dynamique .carte_france .container {
  position: relative;
}

.contact_dynamique .carte_france .col_carte {
  padding-bottom: 100px;
}

@media screen and (max-width: 992px) {
  .contact_dynamique .carte_france .col_carte {
    padding-bottom: 60px;
  }
}

.contact_dynamique .carte_france .carte {
  position: relative;
}

.contact_dynamique .carte_france .carte img {
  width: 100%;
}

.contact_dynamique .carte_france .carte .point {
  width: 35px;
  height: 35px;
  background: url(img/point.svg) no-repeat center center;
  background-size: 20px;
  position: absolute;
}

@media screen and (max-width: 992px) {
  .contact_dynamique .carte_france .carte .point {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
}

.contact_dynamique .carte_france .carte .point:hover {
  cursor: pointer;
}

.contact_dynamique .carte_france .carte .point_active {
  width: 35px;
  height: 35px;
  background: url(img/point_active.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
}

@media screen and (max-width: 992px) {
  .contact_dynamique .carte_france .carte .point_active {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
}

.contact_dynamique .carte_france .info {
  position: relative;
}

.contact_dynamique .carte_france .info_ville {
  width: 420px;
  margin: 0px auto;
  background-color: #f7f7f7;
  border-radius: 15px;
  padding: 20px 50px 20px 50px;
  display: none;
  position: absolute;
  left: -115px;
  top: 1%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .contact_dynamique .carte_france .info_ville {
    width: 300px;
    top: -15%;
    left: -102px;
  }
}

@media screen and (max-width: 767px) {
  .contact_dynamique .carte_france .info_ville {
    position: inherit;
    margin: 0px auto;
    left: inherit;
    top: inherit;
    width: 90%;
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 500px) {
  .contact_dynamique .carte_france .info_ville {
    padding: 20px 0px 20px 20px;
  }
}

.contact_dynamique .carte_france .info_ville .nom {
  padding-left: 30px;
  font-family: "open_sansbold";
  color: #29abe2;
  font-size: 30px;
  text-align: left !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .contact_dynamique .carte_france .info_ville .nom {
    font-size: 25px;
  }
}

@media screen and (max-width: 767px) {
  .contact_dynamique .carte_france .info_ville .nom {
    font-size: 28px;
  }
}

@media screen and (max-width: 576px) {
  .contact_dynamique .carte_france .info_ville .nom {
    font-size: 25px;
  }
}

.contact_dynamique .carte_france .info_ville .adresse p:first-child {
  background: url(img/adresse.svg) no-repeat left top 1px;
  background-size: 20px;
  padding-left: 30px;
  font-size: 16px;
  font-family: "open_sansbold";
  color: #404040;
  margin: 15px 0px;
  display: block;
  text-align: left !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .contact_dynamique .carte_france .info_ville .adresse p:first-child {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .contact_dynamique .carte_france .info_ville .adresse p:first-child {
    font-size: 15px;
    background-size: 18px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 576px) {
  .contact_dynamique .carte_france .info_ville .adresse p:first-child {
    font-size: 13px;
  }
}

.contact_dynamique .carte_france .info_ville .telephone {
  background: url(img/telephone.svg) no-repeat left top 4px;
  background-size: 20px;
  padding-left: 30px;
  font-size: 16px;
  font-family: "open_sansbold";
  color: #404040;
  margin: 15px 0px;
  display: block;
  text-align: left !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .contact_dynamique .carte_france .info_ville .telephone {
    font-size: 13px;
    background: url(img/telephone.svg) no-repeat left top 0px;
    background-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .contact_dynamique .carte_france .info_ville .telephone {
    background: url(img/telephone.svg) no-repeat left top 0px;
    font-size: 15px;
    background-size: 18px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 576px) {
  .contact_dynamique .carte_france .info_ville .telephone {
    font-size: 13px;
  }
}

.contact_dynamique .carte_france .info_ville .mail {
  background: url(img/mail.svg) no-repeat left top 9px;
  background-size: 20px;
  padding-left: 30px;
  font-size: 16px;
  font-family: "open_sansbold";
  color: #404040;
  margin: 15px 0px;
  display: block;
  text-align: left !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .contact_dynamique .carte_france .info_ville .mail {
    background: url(img/mail.svg) no-repeat left top 5px;
    font-size: 13px;
    background-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .contact_dynamique .carte_france .info_ville .mail {
    background: url(img/mail.svg) no-repeat left top 6px;
    font-size: 15px;
    background-size: 18px;
    margin-right: 30px;
  }
}

@media screen and (max-width: 576px) {
  .contact_dynamique .carte_france .info_ville .mail {
    font-size: 13px;
  }
}

.contact_dynamique .carte_france .info_ville_active {
  display: block !important;
}

.contact_dynamique .pouce {
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 380px;
}

@media screen and (max-width: 1200px) {
  .contact_dynamique .pouce {
    width: 290px;
  }
}

@media screen and (max-width: 992px) {
  .contact_dynamique .pouce {
    width: 240px;
  }
}

@media screen and (max-width: 767px) {
  .contact_dynamique .pouce {
    width: 200px;
  }
}

@media screen and (max-width: 500px) {
  .contact_dynamique .pouce {
    width: 150px;
  }
}

/******************************************/
/***********      TEMPLATE REJOIGNEZ-NOUS        ***********/
/******************************************/
.rejoignez_nous .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .bandeau {
    height: auto;
  }
}

.rejoignez_nous .bandeau .container {
  height: 100%;
}

.rejoignez_nous .bandeau .container .row {
  height: 100%;
}

.rejoignez_nous .bandeau .relative {
  position: relative;
  height: 100%;
}

.rejoignez_nous .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.rejoignez_nous .bandeau .contenu_bandeau .h1 h1,
.rejoignez_nous .bandeau .contenu_bandeau .h1 h2,
.rejoignez_nous .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .bandeau .contenu_bandeau .h1 h1,
  .rejoignez_nous .bandeau .contenu_bandeau .h1 h2,
  .rejoignez_nous .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.rejoignez_nous .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.rejoignez_nous .bandeau .image_bandeau {
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 70vh;
  width: auto;
  max-width: none;
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .bandeau .image_bandeau {
    height: 60vh;
  }
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .bandeau .image_bandeau {
    position: inherit;
    height: auto;
    width: 100%;
  }
}

.rejoignez_nous .bandeau::before,
.rejoignez_nous .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.rejoignez_nous .profils {
  padding: 100px 0px 155px 0px;
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .profils {
    padding: 60px 0px;
  }
}

.rejoignez_nous .profils .h1,
.rejoignez_nous .profils h2 {
  text-align: center;
}

.rejoignez_nous .profils .intro {
  text-align: center;
  margin-bottom: 50px;
}

.rejoignez_nous .profils object {
  width: 105px;
  margin: 0px auto;
  display: block;
  margin-bottom: 20px;
}

.rejoignez_nous .profils .libelle p {
  font-family: "open_sansbold";
  font-size: 20px;
  color: #404040;
  text-align: center;
  line-height: 25px;
  margin: 20px 0px 20px 0px;
  text-transform: uppercase;
}

@media screen and (max-width: 1200px) {
  .rejoignez_nous .profils .libelle p {
    font-size: 19px;
    line-height: 24px;
    margin: 10px 0px 20px 0px;
  }
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .profils .libelle p {
    font-size: 17px;
    line-height: 22px;
    min-height: 75px;
  }
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .profils .libelle p {
    font-size: 19px;
    line-height: 24px;
    min-height: inherit;
    margin: 20px 0px 40px 0px;
  }
}

.rejoignez_nous .profils .contenu {
  margin-bottom: 20px;
}

.rejoignez_nous .profils .contenu p {
  color: #404040;
  font-family: "open_sansregular";
  font-size: 15px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .profils .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .profils .contenu p {
    text-align: center;
  }
}

.rejoignez_nous .profils .but {
  text-align: center;
  margin-top: 50px;
  position: relative;
}

.rejoignez_nous .profils .bouton_bas {
  position: absolute;
  bottom: 0;
  top: 10px;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .profils .bouton_bas {
    position: relative;
    bottom: inherit;
    top: inherit;
    padding-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .profils .bouton_bas .button_blanc {
    margin: 0px auto;
  }
}

.rejoignez_nous .offres {
  background-color: #f7f7f7;
  padding: 50px 0px 100px 0px;
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .offres {
    padding: 30px 0px 60px 0px;
  }
}

.rejoignez_nous .offres a {
  margin-top: 50px;
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .rejoignez_nous .offres a {
    margin-top: 30px;
  }
}

.rejoignez_nous .offres a:hover {
  text-decoration: none;
}

.rejoignez_nous .offres a:hover .infos {
  background-color: #e6f8fc;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.rejoignez_nous .offres .job_card {
  background-color: #fff;
  border-radius: 10px;
  padding-top: 20px;
}

.rejoignez_nous .offres .job_card .intitule {
  padding-left: 40px;
}

.rejoignez_nous .offres .job_card .intitule p {
  font-family: "open_sansbold";
  font-size: 20px;
  color: #404040;
  line-height: 25px;
  margin: 20px 0px 20px 0px;
}

@media screen and (max-width: 1200px) {
  .rejoignez_nous .offres .job_card .intitule p {
    font-size: 19px;
    line-height: 24px;
    margin: 10px 0px 20px 0px;
  }
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .offres .job_card .intitule p {
    font-size: 17px;
    line-height: 22px;
  }
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .offres .job_card .intitule p {
    font-size: 19px;
    line-height: 24px;
    margin: 20px 0px 40px 0px;
  }
}

.rejoignez_nous .offres .job_card .infos {
  padding: 20px 0px 40px 40px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.rejoignez_nous .offres .job_card .infos .lieu {
  color: #404040;
  font-family: "open_sansregular";
  font-size: 16px;
  background: url(img/localisation.svg) no-repeat left top 2px;
  background-size: 15px;
  padding-left: 25px;
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .offres .job_card .infos .lieu {
    font-size: 14px;
    background-size: 14px;
  }
}

.rejoignez_nous .offres .job_card .infos .type {
  margin-bottom: 0px;
  color: #404040;
  font-family: "open_sansregular";
  font-size: 16px;
  background: url(img/duree.svg) no-repeat left top 5px;
  background-size: 15px;
  padding-left: 25px;
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .offres .job_card .infos .type {
    font-size: 14px;
  }
}

.rejoignez_nous .formulaire {
  padding: 100px 0px;
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .formulaire {
    padding: 60px 0px;
  }
}

.rejoignez_nous .formulaire .h1 {
  margin-bottom: 50px;
  margin-left: 150px;
}

@media screen and (max-width: 1200px) {
  .rejoignez_nous .formulaire .h1 {
    margin-left: 65px;
  }
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .formulaire .h1 {
    margin-left: 5px;
  }
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .formulaire .h1 {
    margin-left: 0px;
  }
}

.rejoignez_nous .formulaire .h1 h1,
.rejoignez_nous .formulaire .h1 h2,
.rejoignez_nous .formulaire .h1 p {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .formulaire .h1 h1,
  .rejoignez_nous .formulaire .h1 h2,
  .rejoignez_nous .formulaire .h1 p {
    margin-left: 0px;
  }
}

.rejoignez_nous .formulaire .wpcf7 {
  width: 800px;
  display: block;
  margin: 0px auto;
  background-color: #29abe2;
  border-radius: 10px;
  padding: 60px 70px 30px 70px;
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .formulaire .wpcf7 {
    width: 700px;
  }
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .formulaire .wpcf7 {
    width: 100%;
    padding: 50px 40px 20px 40px;
  }
}

.rejoignez_nous .formulaire .wpcf7 label {
  font-family: "open_sansbold";
  color: #fff;
  font-size: 16px;
}

.rejoignez_nous .formulaire .wpcf7 label[for="message"] {
  margin-bottom: 7.6px;
}

.rejoignez_nous .formulaire .wpcf7 input {
  border: 0px;
  border-radius: 0px;
  font-family: "open_sansregular";
  color: #404040;
  border-radius: 10px;
}

.rejoignez_nous .formulaire .wpcf7 input:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.rejoignez_nous .formulaire .wpcf7 textarea {
  border-radius: 10px;
  font-family: "open_sansregular";
  color: #404040;
}

.rejoignez_nous .formulaire .wpcf7 textarea:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.rejoignez_nous .formulaire .wpcf7 .selection {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .formulaire .wpcf7 .lettre-mobile {
    margin-top: 30px;
  }
}

.rejoignez_nous .formulaire .wpcf7 .border_form {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 20px 10px 15px;
}

.rejoignez_nous .formulaire .wpcf7 .type-contrat .wpcf7-select {
  border: none;
  width: 100%;
  background-color: #fff;
  color: #29abe2;
  font-family: "open_sansbold";
  font-size: 16px;
}

@media screen and (max-width: 420px) {
  .rejoignez_nous .formulaire .wpcf7 .type-contrat .wpcf7-select {
    width: 80%;
  }
}

.rejoignez_nous .formulaire .wpcf7 .type-contrat .wpcf7-select option {
  color: #29abe2;
  font-family: "open_sansbold";
  font-size: 16px;
}

.rejoignez_nous .formulaire .wpcf7 .type-contrat .wpcf7-select option:hover {
  background-color: #fff;
  color: #29abe2;
}

.rejoignez_nous .formulaire .wpcf7 .type-contrat .wpcf7-select:focus-visible {
  outline: none;
}

.rejoignez_nous .formulaire .wpcf7 .objet-message:focus-visible {
  outline: none;
}

.rejoignez_nous .formulaire .wpcf7 .submit_container {
  text-align: center;
  margin-top: 30px;
}

.rejoignez_nous .formulaire .wpcf7 .submit_container input {
  font-family: "open_sansbold";
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  display: inline-block;
  text-align: center;
  padding: 10px 20px;
  border-radius: 8px;
  width: inherit;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.rejoignez_nous .formulaire .wpcf7 .submit_container input:hover {
  color: #29abe2;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.rejoignez_nous .formulaire .wpcf7 .wpcf7-response-output {
  padding: 10px 20px;
  width: 85%;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-response-output {
    width: 100%;
  }
}

.rejoignez_nous .formulaire .wpcf7 .fichiers {
  margin-top: 30px;
}

.rejoignez_nous .formulaire .wpcf7 .fichiers label {
  margin-bottom: 20px;
}

.rejoignez_nous .formulaire .wpcf7 .fichiers input {
  border: 0px;
}

.rejoignez_nous .formulaire .wpcf7 label[for=agence] {
  margin-bottom: 20px;
}

.rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item {
  font-family: "open_sansregular";
  color: #fff;
}

.rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item.first {
  margin: 0px;
}

@media screen and (max-width: 576px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item.first {
    margin-left: 15.2px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(4) {
    margin-left: 0px;
  }
}

@media screen and (max-width: 576px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(4) {
    margin-left: 15.2px;
  }
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(5) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 576px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(5) {
    margin-left: 15.2px;
  }
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(6) {
    margin-left: 0px;
  }
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(6) {
    margin-left: 15.2px;
  }
}

.rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(7) {
  margin-left: 0px;
}

@media screen and (max-width: 992px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(7) {
    margin-left: 15.2px;
  }
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(8) {
    margin-left: 0px;
  }
}

@media screen and (max-width: 576px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(8) {
    margin-left: 15.2px;
  }
}

.rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(10) {
  margin-top: 10px;
}

@media screen and (max-width: 1200px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(10) {
    margin-left: 15.2px;
  }
}

@media screen and (max-width: 767px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(10) {
    margin-left: 15.2px;
  }
}

.rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(11) {
  margin-top: 10px;
}

@media screen and (max-width: 576px) {
  .rejoignez_nous .formulaire .wpcf7 .wpcf7-list-item:nth-child(11) {
    margin-left: 15.2px;
  }
}

/******************************************/
/***********      TEMPLATE SINGLE OFFRE       ***********/
/******************************************/
.single_offre .bandeau_single_offre {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 600px;
  position: relative;
  padding: 0px 27%;
}

@media screen and (max-width: 1200px) {
  .single_offre .bandeau_single_offre {
    height: 550px;
    padding: 0px 20%;
  }
}

@media screen and (max-width: 992px) {
  .single_offre .bandeau_single_offre {
    height: 400px;
  }
}

@media screen and (max-width: 767px) {
  .single_offre .bandeau_single_offre {
    height: auto;
  }
}

@media screen and (max-width: 576px) {
  .single_offre .bandeau_single_offre {
    padding: 0px 10%;
  }
}

.single_offre .bandeau_single_offre .infos {
  padding-top: 280px;
}

@media screen and (max-width: 1200px) {
  .single_offre .bandeau_single_offre .infos {
    padding-top: 250px;
  }
}

@media screen and (max-width: 992px) {
  .single_offre .bandeau_single_offre .infos {
    padding-top: 190px;
  }
}

@media screen and (max-width: 767px) {
  .single_offre .bandeau_single_offre .infos {
    position: relative;
    padding-top: 30px;
    padding-bottom: 100px;
    text-align: center;
  }
}

.single_offre .bandeau_single_offre .infos .h1_offre h1,
.single_offre .bandeau_single_offre .infos .h1_offre h2 {
  font-size: 37px;
  color: #fff;
  text-transform: inherit;
}

@media screen and (max-width: 1200px) {
  .single_offre .bandeau_single_offre .infos .h1_offre h1,
  .single_offre .bandeau_single_offre .infos .h1_offre h2 {
    font-size: 31px;
  }
}

@media screen and (max-width: 992px) {
  .single_offre .bandeau_single_offre .infos .h1_offre h1,
  .single_offre .bandeau_single_offre .infos .h1_offre h2 {
    font-size: 22px;
  }
}

@media screen and (max-width: 767px) {
  .single_offre .bandeau_single_offre .infos .h1_offre h1,
  .single_offre .bandeau_single_offre .infos .h1_offre h2 {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.single_offre .bandeau_single_offre .infos .h1_offre p {
  font-size: 37px;
  color: #fff;
  text-transform: inherit;
}

@media screen and (max-width: 1200px) {
  .single_offre .bandeau_single_offre .infos .h1_offre p {
    font-size: 31px;
  }
}

@media screen and (max-width: 992px) {
  .single_offre .bandeau_single_offre .infos .h1_offre p {
    font-size: 22px;
  }
}

@media screen and (max-width: 767px) {
  .single_offre .bandeau_single_offre .infos .h1_offre p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.single_offre .bandeau_single_offre .infos .infos_offre {
  margin-top: 15px;
}

.single_offre .bandeau_single_offre .infos .infos_offre .lieu {
  display: inline-block;
  color: #fff;
  font-family: "open_sansregular";
  font-size: 16px;
  background: url(img/localisation_blanc.svg) no-repeat left top 2px;
  background-size: 15px;
  padding-left: 25px;
}

@media screen and (max-width: 992px) {
  .single_offre .bandeau_single_offre .infos .infos_offre .lieu {
    font-size: 14px;
    background-size: 14px;
  }
}

.single_offre .bandeau_single_offre .infos .infos_offre .type {
  margin-left: 65px;
  display: inline-block;
  margin-bottom: 0px;
  color: #fff;
  font-family: "open_sansregular";
  font-size: 16px;
  background: url(img/duree_blanc.svg) no-repeat left top 5px;
  background-size: 15px;
  padding-left: 25px;
}

@media screen and (max-width: 1200px) {
  .single_offre .bandeau_single_offre .infos .infos_offre .type {
    margin-left: 30px;
  }
}

@media screen and (max-width: 992px) {
  .single_offre .bandeau_single_offre .infos .infos_offre .type {
    font-size: 14px;
    margin-left: 45px;
  }
}

.single_offre .bandeau_single_offre .contenu_bandeau {
  padding-top: 280px;
}

@media screen and (max-width: 1200px) {
  .single_offre .bandeau_single_offre .contenu_bandeau {
    padding-top: 250px;
  }
}

@media screen and (max-width: 992px) {
  .single_offre .bandeau_single_offre .contenu_bandeau {
    padding-top: 190px;
  }
}

@media screen and (max-width: 767px) {
  .single_offre .bandeau_single_offre .contenu_bandeau {
    position: relative;
    padding-top: 30px;
    padding-bottom: 100px;
    text-align: center;
  }
}

.single_offre .bandeau::before,
.single_offre .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.single_offre .content {
  background-color: #f7f7f7;
  text-align: center;
  padding: 60px 0px;
}

@media screen and (max-width: 992px) {
  .single_offre .content {
    padding: 20px 0px;
  }
}

.single_offre .content .left {
  text-align: left;
  padding: 0px 27%;
}

@media screen and (max-width: 1200px) {
  .single_offre .content .left {
    padding: 0px 20%;
  }
}

@media screen and (max-width: 576px) {
  .single_offre .content .left {
    padding: 0px 10%;
  }
}

.single_offre .content .left p {
  font-family: "open_sansregular";
  margin: 0px auto;
  font-size: 15px;
  margin: 30px 0px;
}

@media screen and (max-width: 1200px) {
  .single_offre .content .left p {
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {
  .single_offre .content .left p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .single_offre .content .left p {
    font-size: 15px;
  }
}

.single_offre .content .left p strong {
  font-family: "open_sansbold";
  font-size: 20px;
}

@media screen and (max-width: 1200px) {
  .single_offre .content .left p strong {
    font-size: 19px;
  }
}

@media screen and (max-width: 992px) {
  .single_offre .content .left p strong {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .single_offre .content .left p strong {
    font-size: 19px;
  }
}

.single_offre .content .left h2 {
  font-family: "open_sansbold_italic";
  font-size: 26px;
  color: #29abe2;
  margin-top: 40px;
  text-transform: uppercase;
}

@media screen and (max-width: 1200px) {
  .single_offre .content .left h2 {
    font-size: 23px;
  }
}

@media screen and (max-width: 992px) {
  .single_offre .content .left h2 {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .single_offre .content .left h2 {
    font-size: 23px;
  }
}

.single_offre .content .left ul {
  padding: 20px;
  list-style: none;
}

.single_offre .content .left ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
  .single_offre .content .left ul li {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .single_offre .content .left ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .single_offre .content .left ul li {
    font-size: 16px;
  }
}

.single_offre .content .left ul li a {
  text-decoration: none;
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 16px;
}

@media screen and (max-width: 1200px) {
  .single_offre .content .left ul li a {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .single_offre .content .left ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .single_offre .content .left ul li a {
    font-size: 16px;
  }
}

.single_offre .content .left ul li a:hover {
  color: #29abe2;
}

.single_offre .content .left ul li:last-child {
  margin-bottom: 0px;
}

.single_offre .content .left ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.single_offre .content .left .bouton {
  margin: 50px auto 0px auto;
}

/******************************************/
/***********      TEMPLATE PAGE       ***********/
/******************************************/
.mentions-politique .responsive-menu-inner, .mentions-politique .responsive-menu-inner::before, .mentions-politique .responsive-menu-inner::after {
  background-color: #29abe2 !important;
}

.mentions-politique header #g3464 path {
  fill: #8c9091 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header #g3464 #g3472 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header #g3464 #g3476 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header #g3464 #g3480 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header #g3464 #g3484 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header #g3464 #g3488 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .main_menu > li a {
  color: #404040;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .main_menu > li a:hover {
  text-decoration: none;
  color: #29abe2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .main_menu > li .is-active {
  font-family: "open_sansbold";
  color: #29abe2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .main_menu > li .sub-menu {
  border-radius: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.mentions-politique header .main_menu > li:nth-child(2)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .mentions-politique header .main_menu > li:nth-child(2)::after {
    width: 15px;
  }
}

.mentions-politique header .main_menu > li:nth-child(3)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .mentions-politique header .main_menu > li:nth-child(3)::after {
    width: 15px;
  }
}

.mentions-politique header .main_menu > li:nth-child(4)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .mentions-politique header .main_menu > li:nth-child(4)::after {
    width: 15px;
  }
}

.mentions-politique header .main_menu > li:nth-child(5)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .mentions-politique header .main_menu > li:nth-child(5)::after {
    width: 15px;
  }
}

.mentions-politique header .main_menu .current-menu-item a {
  color: #29abe2;
  font-family: "open_sansbold";
}

.mentions-politique header .button_header {
  position: relative;
  display: inline-block;
  top: 0px;
  margin: 0px 24px;
}

@media screen and (max-width: 1200px) {
  .mentions-politique header .button_header {
    margin: 0px 11px;
  }
}

@media screen and (max-width: 992px) {
  .mentions-politique header .button_header {
    margin: 0px 7px;
  }
}

@media screen and (max-width: 768px) {
  .mentions-politique header .button_header {
    display: none;
  }
}

.mentions-politique header .button_header .assistance {
  color: #29abe2;
  border: 2px solid #29abe2;
  color: #29abe2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .mentions-politique header .button_header .assistance {
    padding: 8px 16px;
    border-radius: 10px;
  }
}

@media screen and (max-width: 992px) {
  .mentions-politique header .button_header .assistance {
    padding: 5px 6px;
    border-radius: 7px;
  }
}

.mentions-politique header .button_header .assistance:hover {
  text-decoration: none;
  color: #fff;
  border: 2px solid #fff;
  background-color: #29abe2;
}

.mentions-politique header .microsoft {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .mentions-politique header .microsoft {
    display: none;
  }
}

.mentions-politique header .microsoft svg {
  height: 30px;
}

@media screen and (max-width: 1200px) {
  .mentions-politique header .microsoft svg {
    height: 25px;
  }
}

@media screen and (max-width: 992px) {
  .mentions-politique header .microsoft svg {
    height: 20px;
  }
}

@media screen and (max-width: 768px) {
  .mentions-politique header .microsoft svg {
    display: none;
  }
}

.mentions-politique header .microsoft svg #g3324 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3328 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3332 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3336 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3340 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3344 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3352 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3360 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3364 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3368 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3376 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3380 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3384 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3392 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3396 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique header .microsoft svg #g3400 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mentions-politique .template_page {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #f7f7f7;
}

.mentions-politique .template_page p {
  font-family: "open_sansregular";
  margin: 0px auto;
  font-size: 15px;
  margin: 30px 0px;
  color: #404040;
}

@media screen and (max-width: 1200px) {
  .mentions-politique .template_page p {
    font-size: 15px;
  }
}

@media screen and (max-width: 992px) {
  .mentions-politique .template_page p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .mentions-politique .template_page p {
    font-size: 15px;
  }
}

.mentions-politique .template_page p strong {
  font-family: "open_sansbold";
  font-size: 19px;
  color: #404040;
}

@media screen and (max-width: 1200px) {
  .mentions-politique .template_page p strong {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .mentions-politique .template_page p strong {
    font-size: 17px;
  }
}

@media screen and (max-width: 767px) {
  .mentions-politique .template_page p strong {
    font-size: 18px;
  }
}

.mentions-politique .template_page p a {
  color: #404040;
  display: inline-block;
}

.mentions-politique .template_page p a:hover {
  text-decoration: none;
  color: #29abe2;
}

.mentions-politique .template_page h2 {
  font-family: "open_sansbold_italic";
  font-size: 26px;
  color: #29abe2;
  margin-top: 60px;
  text-transform: uppercase;
}

@media screen and (max-width: 1200px) {
  .mentions-politique .template_page h2 {
    font-size: 23px;
  }
}

@media screen and (max-width: 992px) {
  .mentions-politique .template_page h2 {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .mentions-politique .template_page h2 {
    font-size: 23px;
  }
}

/******************************************/
/***********      FOOTER        ***********/
/******************************************/
footer {
  background-color: #404040;
  color: #fff;
}

footer .footer_desktop {
  display: block;
}

footer .footer_desktop, footer .footer_mobile {
  padding: 100px 0px 30px 0px;
}

@media screen and (max-width: 767px) {
  footer .footer_desktop {
    display: none;
  }
}

footer .footer_mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  footer .footer_mobile {
    display: block;
  }
}

footer .footer_mobile .logo {
  width: 50%;
  margin: 0px auto;
}

footer .footer_mobile .adresse {
  font-size: 18px;
  text-align: center;
  background: url(img/adresse.svg) no-repeat center top;
  background-size: 30px;
  padding-top: 50px;
  padding-left: 0px;
  margin-top: 50px;
}

footer .footer_mobile .telephone {
  font-size: 18px;
  text-align: center;
  background: url(img/telephone.svg) no-repeat center top;
  background-size: 30px;
  padding-top: 50px;
  padding-left: 0px;
  margin-top: 50px;
}

footer .footer_mobile .telephone a {
  color: #fff;
}

footer .footer_mobile .telephone a:hover {
  color: #fff;
}

footer .footer_mobile .mail {
  font-size: 18px;
  text-align: center;
  background: url(img/mail.svg) no-repeat center top;
  background-size: 30px;
  padding-top: 50px;
  padding-left: 0px;
  margin-top: 50px;
}

footer .footer_mobile .item {
  text-align: center;
  font-size: 24px;
}

footer .footer_mobile .picto_reseaux_mobile {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
}

footer .footer_mobile .picto_reseaux_mobile a {
  display: inline-block;
}

footer .footer_mobile .picto_reseaux_mobile img {
  width: 40px;
  display: inline-block;
}

footer .footer_mobile .picto_reseaux_mobile .last {
  margin-left: 40px;
}

footer .footer_mobile .copy {
  font-size: 18px;
}

footer .logo {
  width: 175px;
  margin: 7px 0px 20px 0px;
  display: block;
}

@media screen and (max-width: 1200px) {
  footer .logo {
    width: 170px;
  }
}

@media screen and (max-width: 992px) {
  footer .logo {
    width: 100%;
  }
}

footer .adresse {
  background: url(img/adresse.svg) no-repeat left top;
  background-size: 20px;
  padding-left: 30px;
  font-family: "open_sansregular";
  color: #fff;
  margin: 10px 0px;
  display: block;
}

footer .telephone {
  background: url(img/telephone.svg) no-repeat left top 1px;
  background-size: 20px;
  padding-left: 30px;
  font-family: "open_sansregular";
  color: #fff;
  margin: 10px 0px;
  display: block;
}

footer .telephone a {
  color: #fff;
}

footer .telephone a:hover {
  color: #fff;
}

footer .mail {
  background: url(img/mail.svg) no-repeat left top 7px;
  background-size: 20px;
  padding-left: 30px;
  font-family: "open_sansregular";
  color: #fff;
  margin: 10px 0px;
  display: block;
}

footer .bouton {
  margin-top: 25px;
  background-color: transparent;
  padding: 10px 30px;
  border: 1px solid #fff;
  border-radius: 10px;
  width: 215px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  footer .bouton {
    width: 200px;
  }
}

@media screen and (max-width: 1200px) {
  footer .bouton {
    width: 135px;
    padding: 5px 15px 10px 15px;
  }
}

@media screen and (max-width: 767px) {
  footer .bouton {
    width: 200px;
    display: block;
    margin: 50px auto 0px auto;
    text-align: center;
  }
}

footer .bouton a {
  text-decoration: none;
  font-family: "open_sansbold";
  color: #fff;
  font-size: 18px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  footer .bouton a {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  footer .bouton a {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  footer .bouton a {
    font-size: 18px;
  }

  footer .pqp-rating {
    flex-direction: column !important;
  }

  .clients .pqp-rating {
    justify-content: center !important;
    align-items: center !important;
  }
}

footer .bouton:hover {
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

footer .bouton:hover a:hover {
  text-decoration: none;
  color: #29abe2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

footer .item_contact {
  margin-top: 0px;
  font-family: "open_sansbold";
  color: #29abe2;
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 30px;
}

@media screen and (max-width: 1200px) {
  footer .item_contact {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  footer .item_contact {
    font-size: 13px;
  }
}

footer .item_contact:hover {
  text-decoration: none;
  color: #29abe2;
}

footer .item_contact.first {
  margin-top: 0px;
}

footer .item {
  font-family: "open_sansbold";
  color: #29abe2;
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #29abe2;
}

@media screen and (max-width: 1200px) {
  footer .item {
    font-size: 16px;
    margin-bottom: 7px;
  }
}

@media screen and (max-width: 992px) {
  footer .item {
    font-size: 13px;
  }
}

footer .item:hover {
  text-decoration: none;
  color: #29abe2;
}

footer .item:last-of-type {
  margin-top: 30px;
}

@media screen and (max-width: 1200px) {
  footer .item:last-of-type {
    margin-top: 20px;
  }
}

footer .item.alignement {
  padding-top: 11px;
}

footer .liens {
  display: block;
}

footer .liens a {
  font-family: "open_sansregular";
  color: #fff !important;
  display: block;
}

footer .liens a:hover {
  text-decoration: none;
  color: #29abe2 !important;
}

footer .item.lien {
  margin-top: 30px;
}

footer .picto_reseaux {
  text-align: left;
  width: 100%;
}

footer .picto_reseaux a {
  display: inline-block;
}

footer .picto_reseaux a:hover svg path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

footer .picto_reseaux svg {
  width: 34px;
  display: inline-block;
  margin-top: 20px;
}

@media screen and (max-width: 1200px) {
  footer .picto_reseaux svg {
    width: 24px;
  }
}

@media screen and (max-width: 992px) {
  footer .picto_reseaux svg {
    width: 19px;
  }
}

footer .picto_reseaux .last {
  margin-left: 20px;
}

footer .micro_blanc {
  margin-top: 40px;
  width: 150px;
}

@media screen and (max-width: 1200px) {
  footer .micro_blanc {
    width: 110px;
  }
}

@media screen and (max-width: 992px) {
  footer .micro_blanc {
    width: 100%;
  }
}

footer .border_footer {
  border-top: 1px solid #fff;
  margin-top: 50px;
}

footer .border_footer .copy {
  font-family: "open_sansregular";
  color: #fff;
  text-align: center;
  margin-top: 50px;
}

footer .border_footer .copy a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

footer .border_footer .copy a:hover {
  color: #29abe2;
}

.pqp-rating img {
  width: 13rem;
}

.pqp-rating h2, .pqp-rating a {
  font-family: 'open_sansbold_italic';
  font-weight: 700;
} 

footer .pqp-rating a {
  color: #29abe2;
}

.clients .pqp-rating a {
  color: #FF7500;
}

.pqp-rating a:hover {
  text-decoration: none;
}

/******************************************/
/***********      WIDGET PLUS QUE PRO        ***********/
/******************************************/
.aside-widget {
  position: fixed;
  right: 140px;
  bottom: 80px;
  z-index: 100;
  -webkit-transform: translateX(125%);
          transform: translateX(125%);
}

@media screen and (max-width: 767px) {
  .aside-widget {
    display: none;
  }
}

.aside-widget .active {
  display: block !important;
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

.aside-widget .PQP-widget {
  display: none !important;
  border-color: #29abe2;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  padding: 10px;
  background-color: #29abe2;
  display: none;
}

.aside-widget .PQP-widget__n-reviews {
  display: block !important;
  margin-top: 15px;
  margin-bottom: 5px;
}

.aside-widget .PQP-widget__picto-next {
  background-color: #fff;
  border-radius: 20px;
  position: absolute;
  top: 37px;
  right: 5px;
}

.aside-widget .PQP-widget__picto .PQP-widget__picto-face path:last-of-type {
  fill: transparent !important;
}

#workshop {
  background-color: #f7f7f7;
  height: 20rem;
}

.workshop-widget {
  bottom: 80px;
  height: 238px;
  /* width: 313px;
  right: 390px; */
  width: 230px;
  right: 280px;
  display: none;
}

.workshop-widget.active {
  display: flex!important;
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

.workshop-widget-mobile {
  width: 100%;
  bottom: auto;
  right: auto;
}

@media screen and (max-width: 767px) {
  .workshop-widget.active {
    display: none!important;
  }
}

.workshop-top, .workshop-top-mobile {
  width: 100%;
}

.workshop-top {
  height: 101%;
}

.workshop-top-mobile {
  height: auto;
  max-height: 100%;
}

.workshop-guy, .workshop-guy-mobile {
  /* width: 123px; */
  width: 6rem;
}

.workshop-bubble {
  /* width: 185px; */
  width: 8rem;
}

.workshop-bubble-mobile {
  width: 12rem;
}

.workshop-guy-mobile {
  width: 10rem;
}

.workshop-bottom, .workshop-bottom-mobile {
  height: 19%;
  width: 100%;
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  border-radius: 0.5rem;
}

.workshop-bottom-mobile {
  border-radius: 0;
}

.workshop-icon, .workshop-icon-mobile {
  padding: 10px;
  text-align: center;
}

.workshop-icon {
  width: 25%;
}

.workshop-icon-mobile {
  width: 20%;
}

.workshop-text, .workshop-text-mobile {
  width: 75%;
  padding: 7px;
  font-family: "open_sansbold_italic";
  font-weight: 700;
  font-size: 11px;
}

.workshop-text-mobile {
  font-size: 0.8rem;
}

.workshop-text p, .workshop-text-mobile p {
  color: white;
}

.workshop-text a:hover, .workshop-text-mobile a:hover {
  text-decoration: none;
}

.microsoft-logo {
  width: 40% !important;
}

.popup-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9997;
  display: none;
  background-color: rgb(0,0,0,0.5);
  filter: alpha(opacity=30);
  justify-content: center;
  align-items: center;
  opacity: 0;
}

.popup-container {
  height: 95%!important;
}

.popup-window {
  width: 85%;
  height: 90%;
  font-size: 85%;
  border-radius: 1rem;
  background: white;
  z-index: 9998;
  opacity: 1;
  overflow-y: scroll;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;
}

.popup-window::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.popup-window p, .popup-window li {
  color: rgb(0,0,0,0.6);
}

.popup-close {
  height: 2rem;
  width: 2rem;
  border: none;
  background: none;
  font-size: x-large;
  color: #28a9e2;
}

button.popup-close:focus, button.popup-close:focus-visible {
  outline: none!important;
}

.form-field {
  padding: 0.25rem 0;
}

.form-fields h1 {
  font-family: "open_sansbold" !important;
  font-size: 1.75vw;
  font-weight: 700;
  color: #29abe2;
  margin-top: -10px;
  text-transform: none;
  line-height: 1;
}

.form-fields h5, .description-bottom h5 {
  color: rgb(0,0,0,0.5);
  font-size: 1.15vw;
  font-weight: 700;
}

.form-fields label {
  width: 25%;
  text-align: right;
  padding-right: 1rem;
  color: #949494;
}

.form-fields .wpcf7 input[type="text"], .form-fields .wpcf7 input[type="email"], .form-fields .wpcf7 input[type="tel"], .form-fields .wpcf7 textarea {
  border: none;
  background-color: transparent;
  border-bottom: solid 1px rgb(0,0,0,0.1);
  resize: none;
  outline: none;
  width: 95%;
}

.form-fields .wpcf7 textarea {
  height: 10vh !important;
}

.form-fields .wpcf7-acceptance label {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
}

.form-fields .wpcf7-form-control-wrap {
  width: 50%;
}

.form-fields .wpcf7-form-control-wrap label {
  width: 100%;
}

.form-fields .wpcf7-acceptance {
  font-size: 85%;
}

.form-fields .wpcf7-acceptance label {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
}

.form-fields .wpcf7-acceptance span {
  padding-left: 0;
  margin: 0 0 0 0.5rem;
}


.form-fields .wpcf7-submit {
  background-color: #29abe2;
  font-family: 'open_sansbold_italic';
  font-size: 1.1vw;
  font-weight: 700;
  color: white!important;
  text-align: center;
  padding: 11px 0px 11px 0px;
  border-radius: 5px;
  opacity: 1;
  width: 50%;
  border: none;
  transition: background-color 0.5s ease;
  margin-bottom: 0.5rem!important;
}

.form-fields .wpcf7-submit:hover, .form-fields .wpcf7-submit:active  {
  background-color: #0273c1;
}

.form-fields .wpcf7-submit:disabled {
  background-color: rgb(0,0,0,0.2);
}

.wpcf7 form .wpcf7-response-output {
    margin: 0 !important;
    padding: 0.2em 1em !important;
    border: 2px solid #00a0d2 !important;
    color: red;
}

.form-image img {
  max-width: 55%;
}

.form-fields .wpcf7-not-valid-tip {
  display: none;
}

input[type='checkbox'] {
  accent-color: rgb(0, 146, 255);;

}

.popup-description {
  border-radius: 10px;
  border: 1px solid rgb(0,0,0,0.1);
  max-height: 100%;
}

.popup-description h3 {
  color: #29abe2;
}

.description-top {
  height: 65%;
}

.description-top h3, .description-bottom h3 {
  font-size: 1.25vw;
}

.description-top .desc-logo img {
  filter: invert(73%) sepia(28%) saturate(6024%) hue-rotate(166deg) brightness(90%) contrast(96%);
  width: 10%;
}

.description-top .desc-logo p {
  margin: 0;
}

#desc-1, #desc-2 {
  padding: 1rem 2rem 1rem 1rem;
  font-weight: 700;
  color: black;
}

.description-bottom {
  height: 30%;
}

.description-bottom ul {
  list-style: none;
  padding-left: 0;
}

.description-bottom ul li:before {
  content: '✓';
  font-weight: 700;
  font-size: larger;
  padding-right: 10px;
  color: #29abe2;
}

.description-bottom.info-form ul li:before {
  content: '⬤' !important;
  font-size: smaller !important;
}

@media screen and (max-width: 767px) {
  #rmp_menu_trigger-32 {
    z-index: 9991;
  }

  .popup-window {
    width: 90%;
    overflow-y: scroll;
    font-size: 100%;
  }

  .popup-close {
    font-size: xx-large;
    right: 7%;
  }

  .form-fields h1 {
    font-size: 1.5rem;
    margin-left: 0;
  }

  .popup-description h3 {
    font-size: 1.2rem;
  }

  .form-image img {
    display: none;
  }

  .popup-description {
    border: none;
  }

  .form-field {
    flex-direction: column;
    margin-bottom: 1rem;
  }

  .form-fields label {
    width: 100%;
    text-align: left;
  }

  .form-fields .wpcf7-form-control-wrap {
    width: 100%;
  }

  .form-fields .wpcf7-acceptance label {
    align-items: center;
  }

  .form-fields h5, .description-bottom h5 {
    font-size: 1rem;
    margin-bottom: 1rem;
  }

  .description-top {
    height: 75%;
  }

  .description-bottom {
    height: 40%;
  }

  .popup-container {
    height: 150%!important;
  }

  .form-fields .wpcf7-submit {
    width: 90%;
    font-size: 1rem;
  }
  
}

/******************************************/
/***********      SHORTCODE CTA        ***********/
/******************************************/
.shortcode_cta .bleu {
  padding: 80px 0px;
}

@media screen and (max-width: 767px) {
  .shortcode_cta .bleu {
    padding: 60px 0px;
  }
}

.shortcode_cta .bleu .card_blanche {
  border: 1px solid #eee;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 80px;
}

@media screen and (max-width: 992px) {
  .shortcode_cta .bleu .card_blanche {
    padding: 20px 60px;
  }
}

@media screen and (max-width: 767px) {
  .shortcode_cta .bleu .card_blanche {
    padding: 20px 40px;
  }
}

@media screen and (max-width: 576px) {
  .shortcode_cta .bleu .card_blanche {
    min-height: 230px;
  }
}

.shortcode_cta .bleu .card_blanche h2 {
  font-family: "open_sansbold_italic" !important;
  font-size: 35px;
  color: #404040;
  text-transform: uppercase;
  line-height: 45px;
}

.shortcode_cta .bleu .card_blanche h2 span {
  color: #29abe2;
}

@media screen and (max-width: 1200px) {
  .shortcode_cta .bleu .card_blanche h2 {
    font-size: 27px;
    line-height: 37px;
  }
}

@media screen and (max-width: 992px) {
  .shortcode_cta .bleu .card_blanche h2 {
    font-size: 22px;
    line-height: 32px;
  }
}

@media screen and (max-width: 767px) {
  .shortcode_cta .bleu .card_blanche h2 {
    font-size: 27px;
    text-align: center;
    line-height: 37px;
  }
}

@media screen and (max-width: 576px) {
  .shortcode_cta .bleu .card_blanche h2 {
    font-size: 22px;
    line-height: 32px;
  }
}

.shortcode_cta .bleu .card_blanche .buton {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .shortcode_cta .bleu .card_blanche .buton {
    text-align: center;
  }
}

.shortcode_cta .bleu .card_blanche .en_bas {
  width: 80%;
  position: relative;
  bottom: -30px;
}

@media screen and (max-width: 992px) {
  .shortcode_cta .bleu .card_blanche .en_bas {
    bottom: -27px;
  }
}

@media screen and (max-width: 767px) {
  .shortcode_cta .bleu .card_blanche .en_bas {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

/******************************************/
/***********      PAGE 404       ***********/
/******************************************/
.error404 {
  background-color: #f7f7f7;
}

.error404 .main_content {
  margin-top: 120px;
}

.error404 header #g3464 path {
  fill: #8c9091 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header #g3464 #g3472 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header #g3464 #g3476 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header #g3464 #g3480 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header #g3464 #g3484 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header #g3464 #g3488 path {
  fill: #29abe2 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .main_menu > li a {
  color: #404040;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .main_menu > li a:hover {
  text-decoration: none;
  color: #29abe2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .main_menu > li .is-active {
  font-family: "open_sansbold";
  color: #29abe2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .main_menu > li .sub-menu {
  border-radius: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.error404 header .main_menu > li:nth-child(2)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .error404 header .main_menu > li:nth-child(2)::after {
    width: 15px;
  }
}

.error404 header .main_menu > li:nth-child(3)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .error404 header .main_menu > li:nth-child(3)::after {
    width: 15px;
  }
}

.error404 header .main_menu > li:nth-child(4)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .error404 header .main_menu > li:nth-child(4)::after {
    width: 15px;
  }
}

.error404 header .main_menu > li:nth-child(5)::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 10px;
  background: url(img/fleche_noire.svg) no-repeat;
  background-position: center center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .error404 header .main_menu > li:nth-child(5)::after {
    width: 15px;
  }
}

.error404 header .main_menu .current-menu-item a {
  color: #29abe2;
  font-family: "open_sansbold";
}

.error404 header .button_header {
  position: relative;
  display: inline-block;
  top: 0px;
  margin: 0px 24px;
}

@media screen and (max-width: 1200px) {
  .error404 header .button_header {
    margin: 0px 11px;
  }
}

@media screen and (max-width: 992px) {
  .error404 header .button_header {
    margin: 0px 7px;
  }
}

@media screen and (max-width: 768px) {
  .error404 header .button_header {
    display: none;
  }
}

.error404 header .button_header .assistance {
  color: #29abe2;
  border: 2px solid #29abe2;
  color: #29abe2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .error404 header .button_header .assistance {
    padding: 8px 16px;
    border-radius: 10px;
  }
}

@media screen and (max-width: 992px) {
  .error404 header .button_header .assistance {
    padding: 5px 6px;
    border-radius: 7px;
  }
}

.error404 header .button_header .assistance:hover {
  text-decoration: none;
  color: #fff;
  border: 2px solid #fff;
  background-color: #29abe2;
}

.error404 header .microsoft {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .error404 header .microsoft {
    display: none;
  }
}

.error404 header .microsoft svg {
  height: 30px;
}

@media screen and (max-width: 1200px) {
  .error404 header .microsoft svg {
    height: 25px;
  }
}

@media screen and (max-width: 992px) {
  .error404 header .microsoft svg {
    height: 20px;
  }
}

@media screen and (max-width: 768px) {
  .error404 header .microsoft svg {
    display: none;
  }
}

.error404 header .microsoft svg #g3324 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3328 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3332 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3336 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3340 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3344 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3352 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3360 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3364 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3368 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3376 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3380 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3384 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3392 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3396 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 header .microsoft svg #g3400 path {
  fill: #727272 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.error404 .content_404 {
  min-height: 300px;
  padding-top: 0px;
  padding-bottom: 100px;
}

.error404 .content_404 .inner {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.error404 .content_404 .inner h1 {
  margin-bottom: 20px;
}

.error404 .content_404 .inner h2 {
  margin-top: 0px;
  color: #29abe2;
  text-transform: uppercase;
  font-family: "open_sansbold_italic";
}

.error404 .content_404 .inner p {
  margin: 50px 10%;
}

/******************************************/
/***********     LISTE LOGO GRIS       ***********/
/******************************************/
.liste_logo_gris .flex_perso {
  text-align: center;
  position: relative;
}

.liste_logo_gris .flex_perso a {
  margin-top: 30px;
}

.liste_logo_gris .flex_perso a img {
  height: 50px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.liste_logo_gris .flex_perso a img:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.liste_logo_gris .owl-nav {
  display: none;
}

.liste_logo_gris .owl-dots {
  margin-top: 20px !important;
}

.liste_logo_gris .owl-dots .owl-dot.active span {
  background-color: #29abe2 !important;
}

.liste_logo_gris .owl-dots .owl-dot:focus {
  outline: none;
}

@media screen and (max-width: 576px) {
  .liste_logo_gris .navigation {
    display: none;
  }
}

.liste_logo_gris .navigation img {
  height: 40px;
  width: auto;
  z-index: 100;
}

.liste_logo_gris .navigation img:hover {
  cursor: pointer;
}

.liste_logo_gris .navigation .prev_solutions {
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(calc(-50% + 15px));
          transform: translateY(calc(-50% + 15px));
}

.liste_logo_gris .navigation .next_solutions {
  position: absolute;
  right: -10px;
  top: 50%;
  -webkit-transform: translateY(calc(-50% + 15px));
          transform: translateY(calc(-50% + 15px));
}

/******************************************/
/***********      BLOC RÉUTILISABLES        ***********/
/******************************************/
/***********      LISTE SUCCESS STORIES FOND BLEU        ***********/
.parole {
  padding: 100px 0px;
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
}

@media screen and (max-width: 992px) {
  .parole {
    padding: 60px 0px;
  }
}

.parole .h1 h1,
.parole .h1 h2,
.parole .h1 p {
  text-align: center;
  margin-bottom: 100px;
}

.parole .height {
  height: 100%;
}

.parole .height > div {
  height: 100%;
}

.parole .height > div a {
  height: 100%;
  margin-bottom: 50px;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .parole .height > div a {
    height: inherit;
  }
}

.parole .success_card {
  height: 100%;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.parole .success_card .img {
  min-height: 205px;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .parole .success_card .img {
    min-height: 175px;
  }
}

@media screen and (max-width: 992px) {
  .parole .success_card .img {
    min-height: 135px;
  }
}

@media screen and (max-width: 767px) {
  .parole .success_card .img {
    min-height: inherit;
  }
}

.parole .success_card .img img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 50px 30px 20px 30px;
  margin: 0px auto;
  width: 80%;
  display: block;
}

.parole .success_card .nom_cat {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.parole .success_card .nom_cat p:last-of-type {
  color: #404040;
  text-align: left;
  font-family: "open_sansregular";
  padding: 0px 30px 40px 30px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .parole .success_card .nom_cat p:last-of-type {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .parole .success_card .nom_cat p:last-of-type {
    font-size: 16px;
  }
}

.parole .success_card .nom_cat ul {
  padding: 10px 20px 0px 40px;
  list-style: none;
}

.parole .success_card .nom_cat ul li {
  font-family: "open_sansregular";
  font-weight: normal;
  font-size: 14px;
  color: #404040;
}

@media screen and (max-width: 1200px) {
  .parole .success_card .nom_cat ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .parole .success_card .nom_cat ul li {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .parole .success_card .nom_cat ul li {
    font-size: 15px;
  }
}

.parole .success_card .nom_cat ul li a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .parole .success_card .nom_cat ul li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .parole .success_card .nom_cat ul li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .parole .success_card .nom_cat ul li a {
    font-size: 15px;
  }
}

.parole .success_card .nom_cat ul li a:hover {
  color: #29abe2;
  text-decoration: none;
}

.parole .success_card .nom_cat ul li::before {
  content: "\2022";
  color: #29abe2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.parole a:hover {
  text-decoration: none;
}

.parole .success_card:hover {
  background-color: #e5f8fc;
  -webkit-box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
          box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.parole .success_card:hover img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/***********      QUATRE BLOCS AVEC PICTO ET EFFET HOVER EN BLEU ET BLANC        ***********/
.caracteristiques {
  padding: 50px 0px 100px 0px;
  background-color: #f7f7f7;
}

@media screen and (max-width: 992px) {
  .caracteristiques {
    padding: 0px 0px 50px 0px;
  }
}

.caracteristiques .padding {
  margin-top: 50px;
  padding: 20px;
  border-radius: 20px;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .caracteristiques .padding {
    margin: 10px;
  }
}

@media screen and (max-width: 767px) {
  .caracteristiques .padding {
    margin-bottom: 50px;
  }
}

.caracteristiques .padding svg {
  height: 60px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .caracteristiques .padding svg {
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .caracteristiques .padding svg {
    display: block;
    margin: 0px auto;
  }
}

.caracteristiques .padding .nom {
  font-family: "open_sansbold";
  color: #404040;
  text-align: left;
  font-size: 20px;
  line-height: 30px;
  margin: 15px 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .caracteristiques .padding .nom {
    font-size: 18px;
    line-height: 28px;
  }
}

@media screen and (max-width: 992px) {
  .caracteristiques .padding .nom {
    font-size: 15px;
    line-height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .caracteristiques .padding .nom {
    text-align: center;
  }
}

.caracteristiques .padding .contenu {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.caracteristiques .padding .contenu p {
  color: #404040;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .caracteristiques .padding .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .caracteristiques .padding .contenu p {
    text-align: center;
  }
}

.caracteristiques .padding:hover {
  cursor: pointer;
}

.caracteristiques .active {
  background-color: #29abe2;
  border-radius: 20px;
  border: none;
  -webkit-box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
          box-shadow: 0px 5px 20px rgba(100, 100, 100, 0.3);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.caracteristiques .active svg path {
  fill: #fff !important;
  stroke: #fff !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.caracteristiques .active .nom {
  color: #fff;
}

.caracteristiques .active .contenu p {
  color: #fff;
  font-family: "open_sansregular";
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 992px) {
  .caracteristiques .active .contenu p {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .caracteristiques .active .contenu p {
    text-align: center;
  }
}

/**********************************************/
/*****    TEMPLATE OFFRES CLE EN MAIN     *****/
/**********************************************/
.turnkey .bandeau {
  background: #28a9e2;
  background: -webkit-gradient(linear, left top, right top, from(#28a9e2), color-stop(70%, #158fd2), to(#0273c1));
  background: linear-gradient(90deg, #28a9e2 0%, #158fd2 70%, #0273c1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .turnkey .bandeau {
    height: auto;
  }
}

.turnkey .bandeau .container {
  position: relative;
  height: 100%;
}

.turnkey .bandeau .container .row {
  height: 100%;
}

.turnkey .bandeau .relative {
  position: relative;
  height: 100%;
}

.turnkey .bandeau .contenu_bandeau {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .turnkey .bandeau .contenu_bandeau {
    position: relative;
    padding-top: 100px;
    top: inherit;
    -webkit-transform: none;
            transform: none;
  }
}

.turnkey .bandeau .contenu_bandeau .h1 h1,
.turnkey .bandeau .contenu_bandeau .h1 h2,
.turnkey .bandeau .contenu_bandeau .h1 p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .turnkey .bandeau .contenu_bandeau .h1 h1,
  .turnkey .bandeau .contenu_bandeau .h1 h2,
  .turnkey .bandeau .contenu_bandeau .h1 p {
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 70px;
  }
}

.turnkey .bandeau .contenu_bandeau .intro p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .turnkey .bandeau .contenu_bandeau .intro p {
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .turnkey .bandeau .contenu_bandeau .button_marg {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.turnkey .bandeau .image_bandeau {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 70vh;
  width: auto;
  max-width: none;
}

@media screen and (max-width: 1500px) {
  .turnkey .bandeau .image_bandeau {
    height: 65vh;
  }
}

@media screen and (max-width: 1200px) {
  .turnkey .bandeau .image_bandeau {
    height: 60vh;
  }
}

@media screen and (max-width: 992px) {
  .turnkey .bandeau .image_bandeau {
    height: 55vh;
  }
}

@media screen and (max-width: 767px) {
  .turnkey .bandeau .image_bandeau {
    position: inherit;
    height: auto;
    width: 100%;
  }
}

.turnkey .bandeau::before,
.turnkey .bandeau::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.turnkey .liste_prestations {
	  padding: 0px;
}

@media screen and (max-width: 992px) {
  .turnkey .liste_prestations {
    padding: 0px 0px 60px 0px;
  }
}

.turnkey .liste_prestations .intro_blanc {
  background-color: #fff;
  padding: 100px 0px;
}

@media screen and (max-width: 767px) {
  .turnkey .liste_prestations .intro_blanc {
    padding: 60px 0px;
  }
}

.turnkey .liste_prestations .intro_blanc .h1 h1,
.turnkey .liste_prestations .intro_blanc .h1 h2,
.turnkey .liste_prestations .intro_blanc .h1 p {
  text-align: center;
}

.turnkey .liste_prestations .intro_blanc .intro p {
  text-align: center;
}

.turnkey .liste_prestations .intro_blanc .liste_solutions {
  display: flex;
  flex-direction: row;
	margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .turnkey .liste_prestations .intro_blanc .liste_solutions {
  flex-direction: column;
  }
}

.turnkey .liste_prestations .intro_blanc .liste_solutions img {
    max-height: 50px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media screen and (max-width: 767px) {
	.turnkey .liste_prestations .intro_blanc .liste_solutions img {
  max-height: 80px;
  }
}

.turnkey .liste_prestations .intro_blanc .liste_solutions img:hover {
    max-height: 50px;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media screen and (max-width: 767px) {
	.turnkey .liste_prestations .intro_blanc .liste_solutions img:hover {
  max-height: 80px;
  }
}

.turnkey .liste_prestations .card_prestation {
  margin-top: 50px;
  height: 470px;
  overflow: hidden;
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

@media screen and (max-width: 1200px) {
  .turnkey .liste_prestations .card_prestation {
    height: 390px;
  }
}

@media screen and (max-width: 992px) {
  .turnkey .liste_prestations .card_prestation {
    height: 405px;
  }
}

@media screen and (max-width: 767px) {
  .turnkey .liste_prestations .card_prestation {
    height: 510px;
  }
}

@media screen and (max-width: 576px) {
  .turnkey .liste_prestations .card_prestation {
    height: 430px;
  }
}

.turnkey .liste_prestations .card_prestation > img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

@media screen and (max-width: 576px) {
  .turnkey .liste_prestations .card_prestation > img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 220px;
  }
}

.turnkey .liste_prestations .card_prestation .card_bleu {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 210px;
  left: 0;
  padding: 0px 30px;
  background-color: #29abe2;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
  .turnkey .liste_prestations .card_prestation .card_bleu {
    top: 174px;
  }
}

@media screen and (max-width: 992px) {
  .turnkey .liste_prestations .card_prestation .card_bleu {
    top: 198px;
  }
}

@media screen and (max-width: 767px) {
  .turnkey .liste_prestations .card_prestation .card_bleu {
    top: 305px;
  }
}

@media screen and (max-width: 576px) {
  .turnkey .liste_prestations .card_prestation .card_bleu {
    top: 220px;
  }
}

.turnkey .liste_prestations .card_prestation .card_bleu .nom {
  font-family: "open_sansbold";
  font-size: 20px;
  text-transform:uppercase;
  color: #fff;
  padding-top: 20px;
  margin: 0px;
  min-height: 0px;
  text-align:center;
}

@media screen and (max-width: 1200px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .nom {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .nom {
    font-size: 20px;
  }
}

.turnkey .liste_prestations .card_prestation .card_bleu .description {
  font-family: "open_sansregular";
  font-size: 15px;
  color: #fff;
  margin: 0px;
  padding-top: 10px;
}

@media screen and (max-width: 1200px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .description {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .description {
    font-size: 15px;
  }
}

.turnkey .liste_prestations .card_prestation .card_bleu .description p {
  font-family: "open_sansregular";
  font-size: 15px;
  color: #fff;
}

@media screen and (max-width: 1200px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .description p {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .description p {
    font-size: 15px;
  }
}

.turnkey .liste_prestations .card_prestation .card_bleu .duree {
  background-image: url(img/duree_formation.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: left bottom 5px;
  padding-left: 25px;
  font-family: "open_sansregular";
  font-size: 15px;
  color: #fff;
  margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .duree {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .duree {
    font-size: 15px;
  }
}

.turnkey .liste_prestations .card_prestation .card_bleu .tarif {
  background-image: url(img/tarif.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: left 5px;
  padding-left: 25px;
  font-family: "open_sansregular";
  font-size: 15px;
  color: #fff;
  margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .tarif {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .tarif {
    font-size: 15px;
  }
}

.turnkey .liste_prestations .card_prestation .card_bleu .contenu {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.turnkey .liste_prestations .card_prestation .card_bleu .contenu p {
  font-family: "open_sansregular";
  font-size: 15px;
  color: #fff;
}

@media screen and (max-width: 1200px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .contenu p {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .contenu p {
    font-size: 15px;
  }
}

.turnkey .liste_prestations .card_prestation .card_bleu .contenu ul {
  font-family: "open_sansregular";
  font-size: 15px;
  color: #fff;
  list-style: disc;
}

@media screen and (max-width: 1200px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .contenu ul {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .turnkey .liste_prestations .card_prestation .card_bleu .contenu ul {
    font-size: 15px;
  }
}

.turnkey .liste_prestations .card_prestation .card_bleu .contenu ul li {
	margin-left: -20px;
	padding: 0;
}

.turnkey .liste_prestations .card_prestation .card_bleu .arrow_down {
  z-index: 9000;
  width: 50px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.turnkey .liste_prestations .card_prestation:hover .card_bleu {
  left: 0;
  position: absolute;
  top: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.turnkey .liste_prestations .card_prestation:hover .card_bleu .contenu {
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.turnkey .liste_prestations .formulaire {
	padding: 100px;
	background-color: #f7f7f7;
}

@media screen and (max-width: 992px) {
  .turnkey .liste_prestations .formulaire {
    padding: 60px 0px;
  }
}

@media screen and (max-width: 767px) {
  .turnkey .liste_prestations .formulaire {
    padding: 60px 0px;
  }
}

.turnkey .liste_prestations .formulaire .h1 h1,
.turnkey .liste_prestations .formulaire .h1 h2,
.turnkey .liste_prestations .formulaire .h1 p {
  text-align: center;
}

/********************************/
/*****    GRAVITY FORMS     *****/
/********************************/
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	background-color: #fff;
    border-radius: 10px;
    padding: 10px 20px 10px 15px;
	border: none;
	outline: none;
}

.ginput_complex label {
    font-size: 15px;
    padding-top: 5px;
    color: #ffffff;
    font-weight: bold;
}

.gfield {
    padding-bottom: 10px;
}

.gfield_consent_label {
    color: #ffffff;
    padding-left: 10px;
	font-size: 13px;
}

.gfield_consent_label a, a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.gfield_required {
    color: #ffffff !important;
    display: inline-block !important;
    font-size: 12px !important;
    padding-left: 2px !important;
}

.gfield_checkbox label, .gfield_radio label {
    display: inline-block !important;
    font-size: 13px !important;
    color: #ffffff;
    padding-left: 10px;
}

.gform_fields #field_3_3 .gfield_checkbox label {
	font-size: 15px !important;
}

.gform_footer .button {
    font-family: "open_sansbold";
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    border-radius: 8px;
    width: inherit;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative !important;
    left: 43% !important;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.gform_footer .button:hover {
	color: #29abe2;
    background-color: #fff;
}

@media (max-width: 767px) {
  .gform_footer .button {
    position: relative !important;
    left: 38% !important;
  }
}

@media (max-width: 387px) {
  .gform_footer .button {
    position: relative !important;
    left: 32% !important;
  }
}