@font-face {
  font-family: 'uniform';
  src: url('../../fonts/uniform-regular-webfont.woff2') format('woff2'), url('../../fonts/uniform-regular-webfont.woff') format('woff'), url('../../fonts/uniform-regular-webfont.ttf') format('truetype'), url('../../fonts/uniform-regular-webfont.svg#uniformregular') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'uniform';
  src: url('../../fonts/uniform-medium-webfont.woff2') format('woff2'), url('../../fonts/uniform-medium-webfont.woff') format('woff'), url('../../fonts/uniform-medium-webfont.ttf') format('truetype'), url('../../fonts/uniform-medium-webfont.svg#uniformmedium') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'uniform';
  src: url('../../fonts/uniform-bold-webfont.woff2') format('woff2'), url('../../fonts/uniform-bold-webfont.woff') format('woff'), url('../../fonts/uniform-bold-webfont.ttf') format('truetype'), url('../../fonts/uniform-bold-webfont.svg#uniformmedium') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'nexa';
  src: url('../../fonts/nexa_slab_regular-webfont.woff2') format('woff2'), url('../../fonts/nexa_slab_regular-webfont.woff') format('woff'), url('../../fonts/nexa_slab_regular-webfont.ttf') format('truetype'), url('../../fonts/nexa_slab_regular-webfont.svg#uniformmedium') format('svg');
  font-weight: 400;
  font-style: normal;
}
html {
  padding: 0px;
  margin: 0px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'nexa';
  font-weight: 400;
}
#loading {
  background: white;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 400;
  left: 0vw;
  transition: left 1.5s ease;
}
#loading .inner {
  width: 300px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  color: #007a4e;
  top: calc(50% - 150px);
  height: 300px;
  text-align: center;
  text-transform: uppercase;
}
#loading .inner .bar_outside {
  height: 1px;
  background: #ccc;
  width: 100%;
  margin-top: 10px;
  display: block;
}
#loading .inner .bar {
  height: 1px;
  background: #007a4e;
  transition: width 0.6s ease;
  width: 0%;
  display: block;
}
#loading .logo {
  width: 300px;
  height: 300px;
}
#loading .logo img, #loading .logo div {
  transition: all 1.5s ease;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
#loading .logo img.formePleine, #loading .logo div.formePleine {
  opacity: 0;
  top: 130px;
  z-index: 1;
}
#loading .logo img.formePleine.active, #loading .logo div.formePleine.active {
  opacity: 1;
}
#loading .logo img.formeQuadrillee, #loading .logo div.formeQuadrillee {
  opacity: 0;
  top: 30px;
  z-index: 2;
  /* Safari */
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
#loading .logo img.formeQuadrillee.active, #loading .logo div.formeQuadrillee.active {
  top: 110px;
  opacity: 1;
}
#loading .logo img.validation, #loading .logo div.validation {
  top: -3px;
  left: 107px;
  margin: 0;
  width: 0px;
  height: 146px;
  z-index: 3;
  overflow: hidden;
  transition: all 0.75s ease;
  /* Safari */
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
#loading .logo img.validation img, #loading .logo div.validation img {
  max-width: none;
}
#loading .logo img.validation.active, #loading .logo div.validation.active {
  width: 123px;
}
#loading .logo img.texte, #loading .logo div.texte {
  transition: all 3s ease;
  opacity: 0;
  top: 200px;
  left: -100px;
  z-index: 3;
  /* Safari */
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
#loading .logo img.texte.active, #loading .logo div.texte.active {
  left: 0px;
  opacity: 1;
}
body {
  height: auto !important;
  background: #f3f3f3;
  padding: 0px;
  font-family: 'uniform';
  color: #57595b;
}
body header {
  width: 208px;
  float: left;
  position: fixed;
  background: #f3f3f3;
  height: 100vh;
  z-index: 2;
}
body header .logo {
  background: white;
  display: block;
  height: 135px;
  line-height: 135px;
  text-align: center;
}
body header .logo a {
  height: 135px;
  vertical-align: middle;
  display: inline-block;
}
body header .logo a img {
  height: 103px;
  display: inline-block;
  vertical-align: middle;
  margin: auto;
}
body header .nav:not(:hover) > ul > li.current_page_parent > a, body header .nav:not(:hover) > ul > li.current_page_item > a {
  background: #c7d41a;
  color: #007a4e;
}
body header .nav:not(:hover) > ul > li > ul > li.current-menu-item > a {
  color: #c7d41a;
  background-color: #007a4e;
}
body header .nav ul, body header .nav li {
  list-style-type: none;
  text-align: center;
  margin: auto;
  display: block;
  padding: 0px;
}
body header .nav ul > a, body header .nav li > a {
  padding: 10px 30px;
  display: block;
  font-weight: 400;
  color: #999;
  transition: all 0.5s ease;
}
body header .nav > ul {
  padding: 0px;
  margin-bottom: 70px;
  margin-top: 20px;
}
body header .nav > ul > li {
  padding: 0px;
  position: relative;
}
body header .nav > ul > li:hover > a {
  background: #c7d41a;
  color: #007a4e;
}
body header .nav > ul > li:not(:last-of-type):not(:hover):not(.current-menu-item):after {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  width: 80%;
  height: 1px;
  left: 0;
  right: 0;
  margin: auto;
  background: #d4d4d4;
}
body header .nav > ul > li > a {
  text-transform: uppercase;
  font-size: 14px;
}
body header .nav > ul > li > ul {
  max-height: 0px;
  transition: max-height 0.75s ease;
  overflow: hidden;
}
body header .nav > ul > li > ul > li {
  font-size: 12px;
}
body header .nav > ul > li > ul > li > a {
  font-weight: 500;
}
body header .nav > ul > li > ul > li > a:hover {
  color: #c7d41a;
  background-color: #007a4e;
}
body header .nav > ul > li:hover > ul, body header .nav > ul > li.current_page_parent > ul {
  max-height: 300px;
}
body header #btn_contact {
  display: block;
  height: 150px;
  background-color: #007a4e;
  background-image: url('../../img/bg_contact.png');
  background-position: center top;
  background-repeat: no-repeat;
  font-weight: 500;
  font-size: 11px;
  color: #c7d41a;
  text-transform: uppercase;
  text-align: center;
  line-height: 150px;
}
body header #btn_contact:hover {
  color: white;
  background-image: url('../../img/bg_contact_hover.png');
}
body header #lang_switcher {
  background: #c7d41a;
  padding: 10px;
  margin: 0px;
  text-align: center;
}
body header #lang_switcher:before, body header #lang_switcher:after {
  content: '-';
  color: #007a4e;
}
body header #lang_switcher li {
  display: inline-block;
  list-style-type: none;
  text-transform: uppercase;
  font-weight: 500;
}
body header #lang_switcher li a {
  color: #007a4e;
}
body header #lang_switcher li a:hover {
  color: white;
}
body header #lang_switcher li:not(:last-of-type):after {
  content: '';
  width: 1px;
  height: 1em;
  background: #007a4e;
  margin: 0px 5px;
  vertical-align: text-top;
  display: inline-block;
}
body header .copyright {
  text-align: center;
  padding: 15px 0px;
  color: #999;
}
body header .copyright a {
  color: #999;
}
@media only screen and (max-height: 868px) {
  body header #btn_contact {
    height: 100px;
    line-height: 120px;
  }
  body header .copyright {
    padding: 0px;
  }
  body header .nav > ul {
    margin-bottom: 40px;
  }
}
body main {
  padding-top: 1px;
  margin-top: -1px;
  float: left;
  position: relative;
  left: 208px;
  width: calc(100% - 208px);
}
body main.paralaxe .suivant {
  z-index: 1000;
  position: fixed;
  right: -10px;
  top: 50%;
  color: white;
  width: 102px;
  height: 28px;
  transition: right 0.3s ease;
  cursor: pointer;
  background-color: white;
  -webkit-border-top-left-radius: 14px;
  -webkit-border-bottom-left-radius: 14px;
  -moz-border-radius-topleft: 14px;
  -moz-border-radius-bottomleft: 14px;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}
body main.paralaxe .suivant img {
  margin-left: 15px;
}
body main.paralaxe .suivant:hover {
  right: 0px;
}
body main.paralaxe .bullets {
  position: fixed;
  right: 20px;
  z-index: 1000;
  top: calc(50% + 30px);
}
body main.paralaxe .bullets li {
  cursor: pointer;
  margin-left: 3px;
  border: 2px solid white;
  border-radius: 50%;
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
}
body main.paralaxe .bullets li.active:after, body main.paralaxe .bullets li:hover:after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: white;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 3px);
  left: 0;
  right: 0;
  margin: auto;
}
body main .content-green {
  z-index: 100;
  position: relative;
  /* FF3.6-15 */
  background: -moz-linear-gradient(top, rgba(0, 122, 78, 0.9) 0%, rgba(0, 122, 78, 0.87) 83%, rgba(0, 122, 78, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-linear-gradient(top, rgba(0, 122, 78, 0.9) 0%, rgba(0, 122, 78, 0.87) 83%, rgba(0, 122, 78, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background: linear-gradient(to bottom, rgba(0, 122, 78, 0.9) 0%, rgba(0, 122, 78, 0.87) 83%, rgba(0, 122, 78, 0) 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6007a4e', endColorstr='#00007a4e',GradientType=0);
  color: white;
  padding: 120px 30px;
  width: 475px;
  margin-left: 250px;
}
body main .content-green h1 {
  text-transform: uppercase;
  font-size: 39px;
  line-height: 44px;
}
body main .content-green p {
  font-size: 15px;
}
body main .content-green a {
  font-size: 13px;
  color: white;
}
body main .bloc {
  clear: both;
}
body main .col50 {
  width: 50%;
  float: left;
}
body main.page_type.page_type2 section article {
  width: 70%;
}
body main.page_type.page_type2 section article h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-family: Uniform;
  font-weight: bold;
}
body main.page_type #breadcrumbs {
  padding: 0px;
  font-size: 10px;
  text-transform: uppercase;
}
body main.page_type #breadcrumbs li {
  list-style-type: none;
  display: inline-block;
  padding-right: 7px;
}
body main.page_type #breadcrumbs li a {
  color: #007a4e;
}
body main.page_type > section {
  overflow: hidden;
}
body main.page_type .video_fond {
  object-fit: cover;
  background-size: cover;
  min-width: 100%;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  min-height: 100%;
  width: auto;
  height: auto;
  top: 0px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 0;
}
body main.page_type.recrutement section {
  background-position: center;
}
body main.page_type section {
  background-size: cover;
  background-position: center bottom;
  height: auto;
  position: relative;
  padding-top: 135px;
}
body main.page_type section article {
  width: 45%;
  background: white;
  padding: 60px;
  position: relative;
  left: 200px;
}
body main.page_type section article h1 {
  color: #007a4e;
  font-size: 40px;
  line-height: 45px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 40px;
}
body main.page_type section article p {
  font-size: 16px;
  line-height: 24px;
}
body main.page_type section article p.intro {
  color: #007a4e;
  font-size: 20px;
  margin-bottom: 60px;
}
body main.page_type section article p.intro:last-of-type {
  margin-bottom: 0px;
}
body main.page_type #blocs_article .bloc.blanc {
  background: white;
}
body main.page_type #blocs_article .bloc.vertclair {
  background: #c7d41a;
}
body main.page_type #blocs_article .bloc.vertfonce {
  background: #007a4e;
}
body main.page_type #blocs_article .bloc.vertfonce .text {
  color: white;
}
body main.page_type #blocs_article .bloc.grisclair {
  background: #ebebeb;
}
body main.page_type #blocs_article .bloc.orange {
  background: #f8ae4b;
}
body main.page_type #blocs_article .bloc.orange .text {
  color: white;
}
body main.page_type #blocs_article .bloc .annonce {
  width: 45%;
  position: relative;
  left: 200px;
  padding: 1px;
}
body main.page_type #blocs_article .bloc .annonce.active a.toggle {
  background-image: url('../../img/close.png');
}
body main.page_type #blocs_article .bloc .annonce.active a.toggle:hover {
  background-image: url('../../img/close_colored.png');
}
body main.page_type #blocs_article .bloc .annonce a.toggle {
  cursor: pointer;
  display: inline-block;
  float: right;
  width: 45px;
  height: 37px;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  background-image: url('../../img/down.png');
}
body main.page_type #blocs_article .bloc .annonce a.toggle:hover {
  background-image: url('../../img/down_colored.png');
}
body main.page_type #blocs_article .bloc .annonce > div {
  background: white;
  padding: 60px;
  margin: 40px 0px;
  margin-bottom: 20px;
  font-size: 18px;
}
body main.page_type #blocs_article .bloc .annonce > div h3 {
  margin-bottom: 5px;
}
body main.page_type #blocs_article .bloc .annonce > div hr {
  background: #d6d6d6;
  height: 1px;
  margin: 20px 0px 30px 0px;
  border: none;
}
body main.page_type #blocs_article .bloc .annonce > div a.link {
  font-weight: bold;
}
body main.page_type #blocs_article .bloc .annonce > div a.link:hover {
  color: #f8ae4b;
}
body main.page_type #blocs_article .bloc .annonce > div ul {
  padding-left: 25px;
}
body main.page_type #blocs_article .bloc .annonce form p.intro {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px 0px 60px 0px;
}
body main.page_type #blocs_article .bloc .annonce form p {
  clear: both;
  margin: 16px 0px;
}
body main.page_type #blocs_article .bloc .annonce form input[type="submit"] {
  margin-left: 25%;
  margin-top: 20px;
  background: #007a4e;
  color: white;
  padding: 10px 50px;
  border: none;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 14px;
  transition: all 0.5s ease;
}
body main.page_type #blocs_article .bloc .annonce form input[type="submit"]:hover, body main.page_type #blocs_article .bloc .annonce form input[type="submit"]:focus {
  background: #f8ae4b;
}
body main.page_type #blocs_article .bloc .annonce form label {
  color: #666;
  clear: both;
  font-size: 14px;
}
body main.page_type #blocs_article .bloc .annonce form label span {
  display: block;
  float: right;
  width: 75%;
}
body main.page_type #blocs_article .bloc .annonce form label span textarea, body main.page_type #blocs_article .bloc .annonce form label span select, body main.page_type #blocs_article .bloc .annonce form label span input {
  width: 100%;
  display: block;
}
body main.page_type #blocs_article .bloc .col100 {
  padding: 60px 260px;
}
body main.page_type #blocs_article .bloc .col100 table {
  max-width: 100%;
  font-size: 16px;
  table-layout: fixed;
}
body main.page_type #blocs_article .bloc .col100 table td {
  color: #007a4e;
}
body main.page_type #blocs_article .bloc .col100 table td h3 {
  text-transform: uppercase;
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
}
body main.page_type #blocs_article .bloc .col100 table td p {
  margin: 5px;
}
body main.page_type #blocs_article .bloc .col100 table td img {
  height: auto !important;
}
body main.page_type #blocs_article .bloc .col100 table td img.alignleft {
  margin-left: 25px;
}
body main.page_type #blocs_article .bloc .col100 table td img.alignright {
  margin-right: 25px;
}
body main.page_type #blocs_article .bloc .col100 .text {
  max-width: none;
}
body main.page_type #blocs_article .bloc .col50 {
  position: relative;
  padding: 60px;
}
body main.page_type #blocs_article .bloc .col50.div_map {
  min-height: 350px;
  max-height: 350px;
}
body main.page_type #blocs_article .bloc .col50.no_marge {
  padding: 0px;
}
body main.page_type #blocs_article .bloc .col50.texte_right {
  padding-left: 0px;
}
body main.page_type #blocs_article .bloc .col50.texte_right p:last-of-type {
  margin-bottom: 0px;
}
body main.page_type #blocs_article .bloc .col50 .bg_img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
body main.page_type #blocs_article .bloc .col50:first-child img {
  float: right;
}
body main.page_type #blocs_article .bloc .col50:first-child .text {
  margin-left: 200px;
}
body main.page_type #blocs_article .bloc .col50.text_right {
  padding-left: 0px;
}
body main.page_type #blocs_article .bloc .col50 .map {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 350px;
  max-height: 350px;
  top: 0px;
  left: 0px;
}
body main.page_type #blocs_article .bloc .bloc .no_marge > .col50 {
  padding: 0px;
}
body main.page_type #blocs_article .bloc.no_marge > .col50.texte_right {
  padding-left: 60px;
}
body main.page_type #blocs_article .bloc .text {
  max-width: 370px;
}
body main.page_type #blocs_article .bloc h3 {
  font-family: 'Uniform';
  margin-top: 0px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
}
body main.page_type #blocs_article .bloc h4 {
  font-family: 'Uniform';
  margin-top: 0px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0px 20px;
}
body main.page_type #blocs_article .bloc p {
  font-size: 16px;
  line-height: 24px;
}
body main.page_type #zone_pied_de_page {
  background-size: cover;
  background-position: center bottom;
  padding-bottom: 300px;
}
body main.page_type #zone_pied_de_page .content {
  width: 45%;
  background: white;
  padding: 60px;
  position: relative;
  left: 200px;
}
body main.page_type #zone_pied_de_page .content form p.intro {
  font-size: 20px;
  font-weight: bold;
  margin: 0px 0px 60px 0px;
}
body main.page_type #zone_pied_de_page .content form p {
  clear: both;
  margin: 16px 0px;
}
body main.page_type #zone_pied_de_page .content form input[type="submit"] {
  margin-left: 25%;
  margin-top: 20px;
  background: #007a4e;
  color: white;
  padding: 10px 50px;
  border: none;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 14px;
  transition: all 0.5s ease;
}
body main.page_type #zone_pied_de_page .content form input[type="submit"]:hover, body main.page_type #zone_pied_de_page .content form input[type="submit"]:focus {
  background: #f8ae4b;
}
body main.page_type #zone_pied_de_page .content form label {
  color: #666;
  clear: both;
  font-size: 14px;
}
body main.page_type #zone_pied_de_page .content form label span {
  display: block;
  float: right;
  width: 75%;
}
body main.page_type #zone_pied_de_page .content form label span textarea, body main.page_type #zone_pied_de_page .content form label span select, body main.page_type #zone_pied_de_page .content form label span input {
  width: 100%;
  display: block;
}
@media only screen and (min-width: 1024px) {
  .onlymobile {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  body main.paralaxe .parallax_global:nth-of-type(1) {
    background-image: none !important;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1500px) {
  body main .content-green {
    margin-left: 150px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  body main.page_type section article, body main.page_type #blocs_article .bloc .annonce {
    width: 70%;
    margin: auto;
    left: inherit;
  }
  body main.page_type #blocs_article .bloc .col100 {
    padding: 60px 120px;
  }
  body main.page_type #blocs_article .bloc .col50:first-child .text {
    margin-left: 0px;
  }
  body main.page_type #zone_pied_de_page .content {
    left: 0px;
    padding: 30px;
    margin: auto;
    width: 70%;
  }
  body main.paralaxe .suivant {
    top: inherit;
    bottom: 70px;
  }
  body main.paralaxe .bullets {
    top: inherit;
    bottom: 30px;
  }
  body main.paralaxe .parallax_global {
    background-position: center center;
  }
  body main.paralaxe .parallax_global div:not(.content-green) {
    display: none;
    background-image: none !important;
  }
  body main.paralaxe .parallax_global .content-green {
    padding: 30px !important;
    padding-left: 60px !important;
    bottom: 0px !important;
    margin-left: 0px;
    background: #007a4e;
    width: 100%;
    height: 250px;
    position: absolute;
  }
  body main.paralaxe .parallax_global .content-green p {
    max-width: 80%;
  }
  body main.paralaxe .parallax_global .content-green h1 {
    font-size: 33px;
    line-height: 37px;
    max-width: 80%;
  }
}
@media only screen and (max-width: 1024px) {
  body main #blocs_article .bloc .col50 {
    float: none;
    clear: both;
    width: 100%;
    padding: 60px !important;
  }
  body main #blocs_article .bloc .col50 .text {
    max-width: 100%;
  }
  body main #blocs_article .bloc .col50.no_marge {
    padding: 0px !important;
  }
  body main #blocs_article .bloc .col50 img {
    float: none !important;
    margin: auto;
  }
  body main #blocs_article .bloc .col50 .bg_img {
    height: 300px !important;
  }
  body main #blocs_article .bloc .col50:not(.texte_right):not(.no_marge):not(.div_map):first-of-type {
    padding-bottom: 0px !important;
  }
  body main #blocs_article .bloc .col50.div_map {
    height: auto;
    min-height: inherit !important;
    max-height: inherit !important;
  }
  body main #blocs_article .bloc .col50.div_map .map {
    min-height: 350px;
    position: relative;
  }
}
@media only screen and (max-width: 1023px) {
  body .onlymobile {
    display: block;
  }
  body .header_mobile {
    display: block;
    background: white;
    height: 120px;
  }
  body .header_mobile a {
    padding: 10px;
    display: block;
  }
  body .header_mobile a img {
    margin: auto;
    display: block;
  }
  body header {
    position: fixed;
    height: 100vh;
    overflow-y: auto;
    left: -208px;
    transition: left 0.5s ease;
  }
  body header .logo {
    display: none;
  }
  body header.active {
    -moz-box-shadow: 10px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 10px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 10px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 0px 20px 0px rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=90, Strength=20);
    left: 0px;
  }
  body header.active + #burger {
    left: 208px;
  }
  body #burger {
    position: fixed;
    z-index: 300;
    top: 27px;
    left: 0px;
    cursor: pointer;
    width: 57px;
    height: 37px;
    background-color: #f3f3f3;
    background-image: url('../../img/burger.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    transition: left 0.5s ease;
  }
  body #burger:hover {
    background-image: url('../../img/burger_actif.png');
  }
  body main {
    width: 100%;
    left: 0px;
    float: none;
  }
  body main.paralaxe {
    height: calc(100vh - 119px);
  }
  body main.paralaxe .transition_parallax {
    transform: skewX(5deg);
  }
  body main.paralaxe .suivant {
    left: 0px;
    right: 0px;
    margin: auto;
    border-radius: 30px;
    bottom: 50px;
    top: inherit;
    display: none;
  }
  body main.paralaxe .bullets {
    right: 0px;
    left: 0px;
    bottom: 20px;
    margin: auto;
    top: inherit;
    width: 60px;
    padding: 0px;
  }
  body main.paralaxe .parallax_global {
    height: calc(100vh - 119px);
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
  }
  body main.paralaxe .parallax_global div:not(.content-green) {
    display: none;
  }
  body main.paralaxe .parallax_global div:not(.content-green) {
    background-image: none !important;
  }
  body main.paralaxe .parallax_global .content-green {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    padding: 20px !important;
    background: #007a4e !important;
    height: auto;
  }
  body main.paralaxe .parallax_global .content-green h1 {
    font-size: 19px;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: calc(100% - 40px);
    background: #007a4e;
  }
  body main.paralaxe .parallax_global .content-green p {
    width: calc(100% - 40px);
    font-size: 13px;
    margin: auto;
    margin-bottom: 0px;
    margin-top: 5px;
  }
  body main.paralaxe .parallax_global .content-green p > a {
    font-size: 11px;
  }
  body main.page_type2.page_type section {
    padding-top: 10vw;
  }
  body main.page_type .video_fond {
    height: 72vw;
    min-height: 72vw;
    top: 0px;
    left: 0px;
    transform: none;
  }
  body main.page_type.recrutement section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  body main.page_type section {
    background-size: 100% 66vw;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 66vw;
  }
  body main.page_type section h1 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  body main.page_type section p {
    margin-bottom: 20px !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }
  body main.page_type section p.intro {
    font-size: 15px !important;
    line-height: 18px !important;
  }
  body main.page_type section article, body main.page_type #blocs_article .bloc .annonce {
    padding: 30px;
    max-width: 100%;
    width: 100%;
    margin: auto;
    padding: 20px;
    left: inherit;
  }
  body main.page_type #blocs_article .bloc .annonce {
    padding: 20px 20px 0px 20px;
  }
  body main.page_type #blocs_article .bloc .annonce:last-of-type {
    padding-bottom: 20px;
  }
  body main.page_type #blocs_article .bloc .annonce > div {
    margin: 0px !important;
    padding: 40px;
  }
  body main.page_type #blocs_article .bloc .annonce > div p, body main.page_type #blocs_article .bloc .annonce > div li, body main.page_type #blocs_article .bloc .annonce > div span, body main.page_type #blocs_article .bloc .annonce > div a {
    font-size: 13px;
    line-height: 18px;
  }
  body main.page_type #blocs_article .bloc .annonce > div form label span {
    width: 100%;
    float: none;
  }
  body main.page_type #blocs_article .bloc .annonce > div form input[type="submit"] {
    margin-left: 0%;
    margin-top: 0px;
  }
  body main.page_type #zone_pied_de_page {
    background-size: auto 100vw;
  }
  body main.page_type #zone_pied_de_page .content {
    left: 0px;
    padding: 30px;
    margin: auto;
    width: 100%;
  }
  body main.page_type #zone_pied_de_page .content form label span {
    width: 100%;
    float: none;
  }
  body main.page_type #zone_pied_de_page .content form input[type="submit"] {
    margin-left: 0%;
    margin-top: 0px;
  }
  body main #blocs_article .bloc .col50, body main #blocs_article .bloc .col100 {
    padding: 30px !important;
  }
  body main #blocs_article .bloc .col50 table tbody, body main #blocs_article .bloc .col100 table tbody {
    margin: auto;
    display: block;
  }
  body main #blocs_article .bloc .col50 table tr, body main #blocs_article .bloc .col100 table tr {
    display: block;
  }
  body main #blocs_article .bloc .col50 table tr td, body main #blocs_article .bloc .col100 table tr td {
    display: block;
    margin: 20px auto;
    width: auto !important;
    max-width: 80%;
  }
  body main #blocs_article .bloc .col50.no_marge, body main #blocs_article .bloc .col100.no_marge {
    padding: 0px !important;
  }
  body main #blocs_article .bloc .col50 p, body main #blocs_article .bloc .col100 p {
    font-size: 13px !important;
    line-height: 20px !important;
  }
  body main #blocs_article .bloc .col50 {
    float: none;
    width: 100%;
  }
  body main #blocs_article .bloc .col50 img {
    float: none !important;
    margin: auto;
  }
  body main #blocs_article .bloc .col50 .bg_img {
    height: 300px !important;
  }
  body main #blocs_article .bloc .col50:not(.texte_right):not(.no_marge):not(.div_map):first-of-type {
    padding-bottom: 0px !important;
  }
  body main #blocs_article .bloc .col50.div_map {
    height: auto;
    min-height: inherit !important;
    max-height: inherit !important;
  }
  body main #blocs_article .bloc .col50.div_map .map {
    min-height: 350px;
    position: relative;
  }
  body main .text {
    max-width: 100% !important;
    margin: auto !important;
  }
}