@charset "UTF-8";
/*!
 * Theme Name: Cylad
 * Theme URI: 
 * Author: Mashvp
 * Description: 
 * Version:      1.0
 */
/* Reset =================================================== */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

/*
Pour se faciliter les calculs on utilise la propriété 
box-sizing sur tous les divs et éléments structurants (non supportée par IE6 et IE7)
Voir le cours : Boîtes > Taille de boîte 
*/
* {
  -webkit-box-sizing: border-box; /* iOS < 5 , Android < 4 */
  -moz-box-sizing: border-box; /* Firefox */
  box-sizing: border-box; /* Standard W3C */
}

/* Fix =================================================== */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

html, body {
  height: 100%;
  font-family: "museo-sans";
  font-size: 16px;
  font-weight: 300;
  color: #004A59;
}
@media screen and (max-width: 700px) {
  html, body {
    font-size: 14px;
  }
}

.grecaptcha-badge {
  display: none !important;
}

/* =============================================
 *           Typo
 * ------------------- */
h1, .title1 {
  font-size: 30px;
  letter-spacing: 2px;
  color: #00CDAF;
  text-transform: uppercase;
  font-weight: 300;
}
@media screen and (max-width: 700px) {
  h1, .title1 {
    font-size: 26px;
  }
}

h2, .title2 {
  font-size: 24px;
  color: #00CDAF;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-weight: 300;
}
@media screen and (max-width: 700px) {
  h2, .title2 {
    font-size: 21px;
  }
}

h3, .title3 {
  font-size: 18px;
  color: #00CDAF;
  text-transform: uppercase;
  font-weight: 300;
}
@media screen and (max-width: 700px) {
  h3, .title3 {
    font-size: 16px;
  }
}

a {
  font-family: "museo-sans";
  text-decoration: none;
}

.small {
  font-size: 14px;
}
@media screen and (max-width: 700px) {
  .small {
    font-size: 10px;
  }
}

.xSmall {
  font-size: 10px;
}

.bold {
  font-weight: 500;
}

blockquote {
  font-style: italic;
  font-size: 16px;
}
@media screen and (max-width: 700px) {
  blockquote {
    font-size: 14px;
  }
}

.catType {
  font-size: 11px;
  color: #00CDAF;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
}

.taxSpan + .taxSpan {
  margin-left: 10px;
  display: inline-block;
}

/* =============================================
 *           Mise en page
 * ------------------- */
.main {
  padding-bottom: 40px;
}

.mainContainer {
  width: 90%;
  max-width: 1160px;
  margin: 0 auto;
}

.gridContainer {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-gap: 40px;
}
@media screen and (max-width: 700px) {
  .gridContainer {
    grid-gap: 20px;
  }
}

.imgCtn {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* =============================================
 *           Element
 * ------------------- */
.oblique {
  height: 29px;
}
.oblique line {
  stroke: #00CDAF;
  fill: none;
}

.button {
  font-size: 16px;
  padding: 13px 20px;
  color: #fff;
  text-align: center;
  transition: background-color 0.6s, color 0.6s;
  cursor: pointer;
}
.button.transparent {
  border: 1px solid #fff;
}
.button.transparent:hover {
  background-color: #fff;
  color: #004A59;
}
.button.dark {
  background-color: #004A59;
}
.button.dark:hover {
  background-color: #00CDAF;
}
.button.light {
  background-color: #00CDAF;
}
.button.light:hover {
  background-color: #004A59;
}
@media screen and (max-width: 700px) {
  .button {
    padding: 11px 10px;
  }
}

.shadow {
  box-shadow: 0 0px 0px 0 rgba(23, 23, 23, 0);
  transition: box-shadow 0.6s;
}
.shadow:hover {
  box-shadow: 0 20px 30px 0 rgba(23, 23, 23, 0.3) !important;
}

input[type=text], input[type=email], input[type=tel], input[type=password], textarea, button, select {
  background-color: transparent;
  -webkit-appearance: none;
  -mos-appearance: none;
  outline: none;
  border: none;
  resize: none;
  border-bottom: 1px solid #fff;
  font-family: "museo-sans";
  font-size: 13px;
  font-weight: 300;
}

input[type=submit] {
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}

input, textarea, select {
  padding: 15px 20px;
}

/* Aspect de la case */
.checkCtn {
  position: relative;
}
.checkCtn a {
  color: #00CDAF;
  text-decoration: underline;
}
.checkCtn label {
  color: #00CDAF;
}

[type=checkbox] {
  opacity: 0;
  display: none;
}

[type=checkbox]:not(:checked) + label:before,
[type=checkbox]:checked + label:before,
[type=checkbox]:not(:checked) + span:before,
[type=checkbox]:checked + span:before {
  content: "";
  position: absolute;
  left: -6px;
  top: 4px;
  width: 14px;
  height: 14px;
  border: 1px solid #00CDAF;
  background: #FFF;
  border-radius: 0;
  box-shadow: none;
}

/* Aspect de la coche */
[type=checkbox]:not(:checked) + label:after,
[type=checkbox]:checked + label:after,
[type=checkbox]:not(:checked) + span:after,
[type=checkbox]:checked + span:after {
  content: "✕";
  position: absolute;
  top: 13px;
  left: -3px;
  font-size: 14px;
  color: #00CDAF;
  line-height: 0;
  transform-origin: center;
  transition: opacity 0.275s, transform 0.275s;
}

/* Aspect non cochée */
[type=checkbox]:not(:checked) + label:after,
[type=checkbox]:not(:checked) + span:after {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}

/* Aspect cochée */
[type=checkbox]:checked + label:after,
[type=checkbox]:checked + span:after {
  opacity: 1;
  transform: scale(1) rotate(0);
}

.selectCtn {
  position: relative;
  width: fit-content;
  display: flex;
  width: 100%;
  border-radius: 0px;
  background-color: transparent;
  border-bottom: 2px solid #00CDAF;
  text-align: center;
}
.selectCtn:after {
  content: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='30' height='30' xml:space='preserve'><polyline points='10 13 15 18 20 13' fill='transparent' stroke='rgb(117, 154, 161)' stroke-width='1' /></svg>");
  width: 30px;
  height: 30px;
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.selectCtn p {
  font-size: 12px;
  letter-spacing: 2px;
}
.selectCtn select {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  font-family: "museo-sans";
  color: #759AA1;
  border: none;
  font-size: 13px;
  padding: 0;
  padding: 14px 26px;
  color: #759AA1;
  cursor: pointer;
}

p.legend {
  grid-column: span 6 !important;
  grid-row: initial !important;
}

.actuArticle {
  background-color: #F0F5F6;
  position: relative;
}
.actuArticle .imgCtn {
  width: 100%;
  padding-bottom: 66%;
}
.actuArticle .txtCtn {
  padding: 30px;
}
.actuArticle p {
  padding-bottom: 20px;
  color: #004A59;
}
.actuArticle .catType {
  color: #00CDAF;
  text-align: center;
}
.actuArticle .contenu {
  min-height: 115px;
}
@media screen and (max-width: 700px) {
  .actuArticle .contenu {
    min-height: 140px;
  }
}
.actuArticle .button {
  width: 100%;
  display: block;
  color: #fff;
  display: inline-block;
  vertical-align: bottom;
  /*position: absolute;
  left: 0;
  bottom: 20px;
  right: 0;*/
}
.actuArticle:hover .button {
  background-color: #00CDAF;
}

.auteurSymbol {
  padding: 50px;
  display: flex;
}
.auteurSymbol .imgAut {
  width: 160px;
  height: 200px;
  flex: 0 0 auto;
}
.auteurSymbol .txtCtn {
  padding-top: 40px;
  padding-left: 40px;
}
.auteurSymbol .txtCtn svg {
  width: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.auteurSymbol .txtCtn p {
  margin-bottom: 10px;
}
.auteurSymbol .txtCtn .name {
  margin-bottom: 0;
}
.auteurSymbol .txtCtn .fonction {
  color: #00CDAF;
}

.wysiwyg .titre {
  font-size: 20px;
  color: #00CDAF;
  text-transform: uppercase;
}
.wysiwyg .titre-dark {
  font-size: 18px;
  color: #004A59;
  text-transform: uppercase;
  font-weight: 500;
}
.wysiwyg .sous-titre {
  font-size: 18px;
  font-weight: 500;
}
.wysiwyg .lightT {
  color: #00CDAF;
}
.wysiwyg strong {
  font-weight: 800;
}
.wysiwyg a {
  color: #00CDAF;
  text-decoration: underline;
}
.wysiwyg h3 {
  color: #004A59;
  margin-bottom: 20px;
}
.wysiwyg p {
  margin-bottom: 10px;
  overflow-wrap: anywhere;
}
.wysiwyg ol li {
  margin-left: 20px;
  padding-left: 20px;
  margin-bottom: 6px;
}
.wysiwyg ol li li {
  margin-left: 40px;
}
.wysiwyg ul li {
  margin-left: 20px;
  margin-bottom: 6px;
  list-style: none;
  position: relative;
}
.wysiwyg ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -20px;
  width: 4px;
  height: 4px;
  background-color: #004A59;
}
.wysiwyg ul li li {
  margin-left: 40px;
}
.wysiwyg ul li li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: -20px;
  width: 6px;
  height: 1px;
  background-color: #004A59;
}
.wysiwyg img, .wysiwyg .wp-video {
  display: block;
  width: 45% !important;
  margin: 0 auto;
  height: auto;
}

.passwordSec {
  background-color: #F0F5F6;
}
.passwordSec .gridContainer {
  height: 100%;
  grid-template-rows: auto;
  align-items: stretch;
  padding: 180px 0;
}
.passwordSec .txt {
  grid-column: 4/7;
}
.passwordSec form {
  grid-column: 7/11;
}
.passwordSec form input {
  display: block;
}
.passwordSec form input[type=password] {
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .passwordSec .txt {
    grid-column: 2/7;
  }
  .passwordSec form {
    grid-column: 7/12;
  }
}
@media screen and (max-width: 700px) {
  .passwordSec .txt {
    grid-column: 1/13;
  }
  .passwordSec form {
    grid-column: 1/13;
  }
}

#preloader {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: -20vw;
  width: 140vw;
  height: 100vh;
}
#preloader .ctn1 {
  background-color: #00CDAF;
  width: 100%;
  height: 100%;
  transition: clip-path 0.6s;
  clip-path: polygon(20vw 0%, 140vw 0%, 120vw 100%, 0% 100%);
}
#preloader .ctn2 {
  background-color: #004A59;
  width: 100%;
  height: 100%;
  transition: clip-path 0.6s 0.4s;
  clip-path: polygon(20vw 0%, 20vw 0%, 0% 100%, 0% 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}
#preloader .logo {
  width: 60%;
  max-width: 260px;
  transform: translate3d(-200px, 0, 0);
  transition: transform 1.2s 0.2s;
}
#preloader .logo .cls-1 {
  stroke-dasharray: 255px 255px;
  stroke-dashoffset: 255px;
  transition: stroke-dashoffset 2.2s 0.5s;
  stroke: #fff;
}
#preloader .logo .cls-2 {
  stroke-dasharray: 255px 255px;
  stroke-dashoffset: 255px;
  transition: stroke-dashoffset 2.2s 0.4s;
  stroke: #22818B;
}
#preloader.in .ctn1 {
  clip-path: polygon(20vw 0%, 140vw 0%, 120vw 100%, 0% 100%);
}
#preloader.in .ctn2 {
  clip-path: polygon(20vw 0%, 120vw 0%, 100vw 100%, 0% 100%);
}
#preloader.in .logo {
  transform: translate3d(0px, 0, 0);
}
#preloader.in .logo .cls-1, #preloader.in .logo .cls-2 {
  stroke-dashoffset: 0px;
}
#preloader.out {
  pointer-events: none;
}
#preloader.out .ctn1 {
  transition: clip-path 0.6s;
  clip-path: polygon(140vw 0%, 140vw 0%, 120vw 100%, 120vw 100%);
}
#preloader.out .ctn2 {
  transition: clip-path 0.6s;
  clip-path: polygon(140vw 0%, 140vw 0%, 120vw 100%, 120vw 100%);
}

.expertiseSection {
  margin: 40px 0;
  padding: 70px 0;
  background-size: cover;
  background-position: center;
  /*
  .mainContainer {
      position: relative;
  }

  hr {
      z-index: 0;
      grid-column: 6 / 8;
      grid-row: 3 / 6;
      justify-content: center;
      align-self: center;

      width: 2px;
      height: 80%;
      background-color: #F0ECE8;
      opacity: .52;
      @include tablet {
          display: none;
      }
  }
  h2 {
      grid-row: 1;
      grid-column: 2 / 10;
  }
  h3 {
      grid-row: 2;
      &.left {
          grid-column: 1 / 7;
      }
      &.right {
          grid-column: 7 / 13;
          text-align: right;
      }
      @include tablet {
          &.left {
              grid-column: 1 / 12;
          }
          &.right {
              grid-column: 1 / 12;
              grid-row: 6;
              text-align: left;
          }
      }
  }
  */
}
.expertiseSection .blcCtn {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-column-gap: 40px;
  grid-column: 1/13;
}
@media screen and (max-width: 1200px) {
  .expertiseSection .blcCtn {
    grid-column-gap: 30px;
  }
}
@media screen and (max-width: 900px) {
  .expertiseSection .blcCtn {
    grid-column-gap: 20px;
  }
}
.expertiseSection .blcCtn .blc {
  padding: 40px 0;
  display: flex;
  align-items: center;
}
.expertiseSection .blcCtn .blc p, .expertiseSection .blcCtn .blc a {
  position: relative;
  color: #fff;
  padding-right: 40px;
  display: block;
  width: 100%;
  height: min-content;
  font-size: 18px;
  text-transform: uppercase;
}
.expertiseSection .blcCtn .blc p .contentIcon, .expertiseSection .blcCtn .blc a .contentIcon {
  position: absolute;
  right: 10px;
  top: 0px;
  bottom: 0px;
  height: 7px;
  margin: auto;
  transform: rotate(-90deg);
  transition: transform 0.6s;
}
.expertiseSection .blcCtn .blc p .contentIcon *, .expertiseSection .blcCtn .blc a .contentIcon * {
  stroke: #fff;
  fill: none;
}
.expertiseSection .blcCtn .blc a:hover {
  color: #00CDAF;
}
.expertiseSection .blcCtn .blc a:hover .contentIcon * {
  stroke: #00CDAF;
}
@media screen and (max-width: 900px) {
  .expertiseSection .blcCtn {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column-gap: 40px;
  }
}
@media screen and (max-width: 900px) and (max-width: 1200px) {
  .expertiseSection .blcCtn {
    grid-column-gap: 30px;
  }
}
@media screen and (max-width: 900px) and (max-width: 900px) {
  .expertiseSection .blcCtn {
    grid-column-gap: 20px;
  }
}

#mainHeader {
  z-index: 98;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
#mainHeader .headContainer {
  position: relative;
  height: 80px;
}
@media screen and (max-width: 700px) {
  #mainHeader .headContainer {
    height: 60px;
  }
}
#mainHeader .headContainer .logo {
  z-index: 2;
  display: block;
  width: 120px;
  position: absolute;
  top: 15px;
  left: 0;
}
@media screen and (max-width: 700px) {
  #mainHeader .headContainer .logo {
    width: 100px;
    top: 9px;
  }
}
#mainHeader .headContainer .logo svg {
  width: 100%;
  height: auto;
}
#mainHeader .headContainer .logo svg * {
  fill: #F0F5F6;
}
#mainHeader .headContainer .navMain {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  pointer-events: initial;
  transition: opacity 0.3s;
}
#mainHeader .headContainer .navMain.hide {
  pointer-events: none;
  opacity: 0;
}
#mainHeader .headContainer .navMain .menuCustom {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mainHeader .headContainer .navMain .menuCustom li {
  list-style: none;
}
#mainHeader .headContainer .navMain .menuCustom li > a {
  transition: color 0.6s;
  font-size: 14px;
}
#mainHeader .headContainer .navMain .menuCustom li > a svg * {
  transition: stroke 0.6s;
}
#mainHeader .headContainer .navMain .menuCustom li > a:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  width: 0%;
  height: 1px;
  background-color: #00CDAF;
  transition: width 0.6s;
}
#mainHeader .headContainer .navMain .menuCustom li > a:hover {
  color: #00CDAF;
}
#mainHeader .headContainer .navMain .menuCustom li > a:hover:after {
  width: 100%;
}
#mainHeader .headContainer .navMain .menuCustom li > a:hover svg * {
  stroke: #00CDAF;
}
#mainHeader .headContainer .navMain .menuCustom li.current_page > a {
  color: #00CDAF;
}
#mainHeader .headContainer .navMain .menuCustom li.current_page > a:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #00CDAF;
}
#mainHeader .headContainer .navMain .menuCustom li.current_page > a svg * {
  stroke: #00CDAF;
}
#mainHeader .headContainer .navMain .menuCustom li.current_page > a svg *:after {
  content: none;
}
#mainHeader .headContainer .navMain .menuCustom li li a {
  opacity: 0.5;
  font-size: 14px;
}
#mainHeader .headContainer .navMain .menuCustom li li a:after {
  content: none !important;
}
#mainHeader .headContainer .navMain .menuCustom > li {
  position: relative;
  list-style: none;
}
#mainHeader .headContainer .navMain .menuCustom > li + li {
  margin-left: 50px;
}
@media screen and (max-width: 1200px) {
  #mainHeader .headContainer .navMain .menuCustom > li + li {
    margin-left: 30px;
  }
}
#mainHeader .headContainer .navMain .menuCustom > li svg {
  pointer-events: none;
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: auto;
  transform: rotate(-90deg);
  transform-origin: center;
  transition: transform 0.2s;
}
#mainHeader .headContainer .navMain .menuCustom > li svg * {
  fill: none;
  stroke: #F0F5F6;
}
#mainHeader .headContainer .navMain .menuCustom > li a {
  color: #F0F5F6;
  text-decoration: none;
}
#mainHeader .headContainer .navMain .menuCustom > li .subMenu {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  transition: opacity 0.6s;
}
#mainHeader .headContainer .navMain .menuCustom > li .subMenu > li {
  margin: 20px 0;
}
#mainHeader .headContainer .navMain .menuCustom > li.active svg {
  transform: rotate(0deg);
}
#mainHeader .headContainer .navMain .menuCustom > li.active .subMenu {
  opacity: 1;
  pointer-events: initial;
  transition: opacity 0.6s 0.4s;
}
@media screen and (max-width: 700px) {
  #mainHeader .headContainer .navMain {
    display: none;
  }
}
#mainHeader .headContainer .leftContainer {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
#mainHeader .headContainer .leftContainer .espertBtn a {
  font-size: 14px;
  color: #fff;
  margin-right: 30px;
  position: relative;
}
#mainHeader .headContainer .leftContainer .espertBtn a:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
#mainHeader .headContainer .leftContainer .searchBtn, #mainHeader .headContainer .leftContainer .langBtn {
  width: 22px;
  height: 22px;
  border-radius: 20px;
  background-color: #F0F5F6;
  border: 2px solid #759AA1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#mainHeader .headContainer .leftContainer .searchBtn svg {
  width: 10px;
}
#mainHeader .headContainer .leftContainer .searchBtn svg * {
  fill: none;
  stroke: #004A59;
}
#mainHeader .headContainer .leftContainer .langBtn {
  margin-right: 25px;
  position: relative;
}
#mainHeader .headContainer .leftContainer .langBtn p, #mainHeader .headContainer .leftContainer .langBtn a {
  font-size: 10px;
  color: #004A59;
  display: block;
}
#mainHeader .headContainer .leftContainer .langBtn .langSelect {
  display: none;
  width: 22px;
  margin: 0;
  position: absolute;
  top: 100%;
  left: -2px;
  border-radius: 20px;
  background-color: #F0F5F6;
  border: 2px solid #759AA1;
  text-align: center;
}
#mainHeader .headContainer .leftContainer .langBtn .langSelect a {
  margin: 6px 0;
  text-decoration: none;
}
#mainHeader .headContainer .leftContainer .langBtn.active .langSelect {
  display: block;
}
#mainHeader .headContainer .leftContainer .menuBtn {
  width: 20px;
  margin-right: 25px;
  cursor: pointer;
}
#mainHeader .headContainer .leftContainer .menuBtn svg rect {
  stroke: #F0F5F6;
  transform-origin: 30%;
  transition: transform 0.6s;
}
#mainHeader .headContainer .leftContainer .menuBtn svg rect:first-child {
  transform: rotate(0deg);
}
#mainHeader .headContainer .leftContainer .menuBtn svg rect:last-child {
  transform: rotate(0deg);
}
#mainHeader .headContainer .leftContainer .menuBtn.active svg rect:first-child {
  transform: rotate(45deg);
}
#mainHeader .headContainer .leftContainer .menuBtn.active svg rect:last-child {
  transform: rotate(-45deg);
}
#mainHeader .navSecondary {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 30px 0 60px 0;
}
#mainHeader .navSecondary.active {
  opacity: 1;
  pointer-events: initial;
}
#mainHeader .navSecondary nav .social {
  margin-top: 30px;
}
#mainHeader .navSecondary nav .social a {
  width: 30px;
  height: 30px;
  display: inline-block;
}
#mainHeader .navSecondary nav .social a + a {
  margin-left: 10px;
}
#mainHeader .navSecondary nav .social .linkedinCirSvgPath, #mainHeader .navSecondary nav .social .twitterCirSvgPath {
  fill: #fff;
  opacity: 0.2;
}
#mainHeader .navSecondary nav .social .linkedinPatSvgPath, #mainHeader .navSecondary nav .social .twitterPatSvgPath {
  fill: #fff;
}
#mainHeader .navSecondary nav .menuCustom li {
  margin-top: 15px;
}
#mainHeader .navSecondary nav .menuCustom li:first-child {
  margin-top: 40px;
}
#mainHeader .navSecondary nav .menuCustom li a {
  font-size: 20px;
  font-weight: 400;
  color: #F0F5F6;
  text-decoration: none;
  position: relative;
}
#mainHeader .navSecondary nav .menuCustom li li a {
  opacity: 0.5;
  font-size: 14px;
}
#mainHeader .navSecondary nav .menuCustom > li {
  position: relative;
  list-style: none;
}
#mainHeader .navSecondary nav .menuCustom > li ul {
  margin-left: 50px;
}
#mainHeader .navSecondary nav .menuCustom > li svg {
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: auto;
  transform: rotate(-90deg);
  transform-origin: center;
  transition: transform 0.2s;
}
#mainHeader .navSecondary nav .menuCustom > li svg * {
  fill: none;
  stroke: #F0F5F6;
}
#mainHeader .navSecondary nav.col1 {
  grid-column: 4/7;
}
#mainHeader .navSecondary nav.col2 {
  grid-column: 7/10;
}
#mainHeader .navSecondary nav.mobil {
  grid-column: 1/span 12;
  display: none;
}
@media screen and (max-width: 1200px) {
  #mainHeader .navSecondary nav.col1 {
    grid-column: 3/7;
  }
  #mainHeader .navSecondary nav.col2 {
    grid-column: 7/11;
  }
}
@media screen and (max-width: 700px) {
  #mainHeader .navSecondary nav {
    /*.hasChild {
        .subMenu {
            pointer-events: none;
            opacity: 0;
            max-height: 0;
            transition: opacity .6s, max-height .6s;
        }
        &.active {
            svg {
                transform: rotate(0deg);
            }
            .subMenu {
                opacity: 1;
                max-height: 800px;
                pointer-events: initial;
                //transition: opacity .6s .4s;
            }
        }
    }*/
  }
  #mainHeader .navSecondary nav.col1 {
    display: none;
  }
  #mainHeader .navSecondary nav.col2 {
    display: none;
  }
  #mainHeader .navSecondary nav.mobil {
    display: block;
  }
}
#mainHeader .navSecondary .expert {
  grid-column: 10/12;
}
#mainHeader .navSecondary .expert img {
  width: 50%;
  margin: 0 auto;
  height: auto;
  margin-top: 40px;
}
@media screen and (max-width: 700px) {
  #mainHeader .navSecondary .expert {
    grid-column: 2/6;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 700px) {
  #mainHeader .navSecondary {
    height: 100vh;
    top: 0px;
    padding: 60px 0 0;
    overflow: scroll;
    grid-row-gap: 0;
  }
}
#mainHeader .searchContainer {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: 260px;
  pointer-events: none;
  opacity: 0;
  transition: height 0.8s, opacity 0.8s;
  overflow: hidden;
  display: flex;
  align-items: center;
}
#mainHeader .searchContainer .mainContainer {
  flex-basis: 100%;
}
#mainHeader .searchContainer .mainContainer form {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 15px 40px;
}
#mainHeader .searchContainer .mainContainer form label {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  color: #F0F5F6;
  grid-column: 2/span 10;
}
#mainHeader .searchContainer .mainContainer form input {
  padding: 20px;
  background: none;
  border: none;
  outline: none;
  border-bottom: 1px solid #F0F5F6;
  color: #F0F5F6;
  grid-column: 2/span 10;
}
#mainHeader .searchContainer.active {
  pointer-events: initial;
  height: 260px;
  opacity: 1;
}
#mainHeader .subNavContainer {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.8s, opacity 0.8s;
}
#mainHeader .subNavContainer.active {
  height: 100%;
}
#mainHeader .backgroundHeader {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #004A59;
  transition: height 0.8s;
}
#mainHeader.colored .backgroundHeader {
  height: 100%;
}

#cookieContainer {
  z-index: 98;
  position: fixed;
  bottom: 30px;
  right: 20%;
  width: 460px;
  padding: 30px 50px;
  background-color: #004A59;
  color: #fff;
}
#cookieContainer p {
  margin-bottom: 30px;
}
#cookieContainer .rgpd {
  color: #fff;
  text-decoration: underline;
}
#cookieContainer .button {
  width: 49%;
  display: inline-block;
}
#cookieContainer .button.refuseCookie {
  color: #00CDAF;
}
#cookieContainer .button:hover {
  background-color: #fff;
  color: #004A59;
}
#cookieContainer.hide {
  display: none;
}
@media screen and (max-width: 700px) {
  #cookieContainer {
    right: 0;
    left: 0;
    bottom: 50px;
    width: 90%;
    height: min-content;
    margin: auto;
  }
}

footer {
  background-color: #004A59;
  color: #fff;
  padding: 50px 0;
}
footer .mainContainer .logo {
  grid-column: 2/4;
  width: 80%;
}
footer .mainContainer .logo svg * {
  fill: #fff;
}
footer .mainContainer .social {
  grid-column: 4/6;
}
footer .mainContainer .social a {
  width: 30px;
  height: 30px;
  display: inline-block;
}
footer .mainContainer .social a + a {
  margin-left: 20px;
}
footer .mainContainer .social .linkedinCirSvgPath, footer .mainContainer .social .twitterCirSvgPath {
  fill: #fff;
  opacity: 0.2;
}
footer .mainContainer .social .linkedinPatSvgPath, footer .mainContainer .social .twitterPatSvgPath {
  fill: #fff;
}
footer .mainContainer .navFoot ul li {
  list-style: none;
}
footer .mainContainer .navFoot ul li a {
  color: #fff;
  margin-bottom: 20px;
  display: block;
  font-size: 14px;
}
footer .mainContainer .navFoot.navFoot1 {
  grid-column: 6/8;
}
footer .mainContainer .navFoot.navFoot2 {
  grid-column: 8/10;
}
footer .mainContainer .navFoot.navFoot3 {
  grid-column: 10/12;
}
footer .mainContainer .navFoot.navFoot3 a {
  color: #00CDAF;
}
@media screen and (max-width: 700px) {
  footer .mainContainer .logo {
    grid-column: 4/10;
    width: 100%;
  }
  footer .mainContainer .social {
    grid-column: 2/12;
  }
  footer .mainContainer .navFoot.navFoot1 {
    grid-column: 2/12;
  }
  footer .mainContainer .navFoot.navFoot2 {
    grid-column: 2/12;
  }
  footer .mainContainer .navFoot.navFoot3 {
    grid-column: 2/12;
  }
}

.page-template-t-accueil, .page-template-t-accueil_new {
  /*
  .expertSec {
      margin-top: 130px;
      @include mobil {
          margin-top: 80px;
      }
      .gridContainer {
          margin-bottom: 50px;
      }
      .oblique {
          grid-column: 1;
              grid-row: 1;
      }
      h2 {
          grid-column: 2 / 9;
          grid-row: 1;
      }
      .ttl1 {
          grid-column: 2 / 6;
          grid-row: 2;
      }
      .ttl2 {
          grid-column: 8 / 12;
          grid-row: 2;
      }
      .itemGrid {
          padding: 10px 30px;
          text-align: center;
          color: $mainTint1;
          .imgCtn {
              img {
                  width: 100%;
                  height: auto;
              }
          }
          &.shadow {
              box-shadow: 0 10px 20px 0 rgba(49,25,0,0.1);
          }
      }

      .igl0 {
          grid-column: 2 / 4;
          grid-row: 3;
      }
      .igl1 {
          grid-column: 4 / 6;
          grid-row: 3;
      }
      .igl2 {
          grid-column: 2 / 4;
          grid-row: 4;
      }
      .igl3 {
          grid-column: 4 / 6;
          grid-row: 4;
      }
      .igl4 {
          grid-column: 2 / 4;
          grid-row: 5;
      }
      .igl5 {
          grid-column: 4 / 6;
          grid-row: 5;
      }

      .igr0 {
          grid-column: 8 / 10;
          grid-row: 3;
      }
      .igr1 {
          grid-column: 10 / 12;
          grid-row: 3;
      }
      .igr2 {
          grid-column: 8 / 10;
          grid-row: 4;
      }
      .igr3 {
          grid-column: 10 / 12;
          grid-row: 4;
      }
      .igr4 {
          grid-column: 8 / 10;
          grid-row: 5;
      }
      .igr5 {
          grid-column: 10 / 12;
          grid-row: 5;
      }
      @include small {
          .igl0 {
              grid-column: 1 / 4;
              grid-row: 3;
          }
          .igl1 {
              grid-column: 4 / 7;
              grid-row: 3;
          }
          .igl2 {
              grid-column: 1 / 4;
              grid-row: 4;
          }
          .igl3 {
              grid-column: 4 / 7;
              grid-row: 4;
          }
          .igl4 {
              grid-column: 1 / 4;
              grid-row: 5;
          }
          .igl5 {
              grid-column: 4 / 7;
              grid-row: 5;
          }

          .igr0 {
              grid-column: 7 / 10;
              grid-row: 3;
          }
          .igr1 {
              grid-column: 10 / 13;
              grid-row: 3;
          }
          .igr2 {
              grid-column: 7 / 10;
              grid-row: 4;
          }
          .igr3 {
              grid-column: 10 / 13;
              grid-row: 4;
          }
          .igr4 {
              grid-column: 7 / 10;
              grid-row: 5;
          }
          .igr5 {
              grid-column: 10 / 13;
              grid-row: 5;
          }
      }
      @include mobil {
          h2 {
              grid-column: 2 / 12;
          }
          .ttl1, .ttl2 {
              grid-column: span 12;
              grid-row: initial;
          }
          .itemGrid {
              grid-column: span 4;
              grid-row: initial;
              padding:10px;
          }
      }
  }*/
}
.page-template-t-accueil .landingSecPass, .page-template-t-accueil_new .landingSecPass {
  background-color: #004A59;
  padding-top: 80px;
  position: relative;
}
.page-template-t-accueil .landingSecPass .mainContainer, .page-template-t-accueil_new .landingSecPass .mainContainer {
  grid-row-gap: 20px;
}
.page-template-t-accueil .landingSecPass .mainContainer p, .page-template-t-accueil_new .landingSecPass .mainContainer p {
  grid-column: 2/10;
  grid-row: 2;
  color: #F0F5F6;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.page-template-t-accueil .landingSecPass .mainContainer h1, .page-template-t-accueil_new .landingSecPass .mainContainer h1 {
  grid-column: 2/10;
  grid-row: 3;
  margin-bottom: 20px;
}
.page-template-t-accueil .landingSecPass .mainContainer .breadcrumb, .page-template-t-accueil_new .landingSecPass .mainContainer .breadcrumb {
  grid-column: 1/4;
  grid-row: 1;
}
.page-template-t-accueil .landingSecPass .mainContainer .breadcrumb a, .page-template-t-accueil .landingSecPass .mainContainer .breadcrumb p, .page-template-t-accueil_new .landingSecPass .mainContainer .breadcrumb a, .page-template-t-accueil_new .landingSecPass .mainContainer .breadcrumb p {
  color: #F0F5F6;
  font-weight: 200;
  font-size: 8px;
}
.page-template-t-accueil .landingSecPass .imgOblique, .page-template-t-accueil_new .landingSecPass .imgOblique {
  position: absolute;
  top: 0;
  right: 0;
  width: 30vw;
  height: 100%;
  clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
}
.page-template-t-accueil .landingSec, .page-template-t-accueil_new .landingSec {
  height: 90vh;
}
.page-template-t-accueil .landingSec .swiper-container, .page-template-t-accueil_new .landingSec .swiper-container {
  height: 100%;
}
.page-template-t-accueil .landingSec .swiper-container .bgCtn, .page-template-t-accueil_new .landingSec .swiper-container .bgCtn {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.page-template-t-accueil .landingSec .swiper-container .bgCtn video, .page-template-t-accueil_new .landingSec .swiper-container .bgCtn video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
}
.page-template-t-accueil .landingSec .swiper-container .bgCtn .mainContainer, .page-template-t-accueil_new .landingSec .swiper-container .bgCtn .mainContainer {
  position: relative;
  height: 100%;
}
.page-template-t-accueil .landingSec .swiper-container .bgCtn .mainContainer .gridContainer, .page-template-t-accueil_new .landingSec .swiper-container .bgCtn .mainContainer .gridContainer {
  z-index: 2;
  position: absolute;
  bottom: 20%;
  left: 0;
  width: 100%;
}
.page-template-t-accueil .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .leftContent, .page-template-t-accueil_new .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .leftContent {
  grid-column: 1/7;
  text-align: right;
  align-self: flex-end;
}
.page-template-t-accueil .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .leftContent p, .page-template-t-accueil_new .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .leftContent p {
  font-size: 48px;
  letter-spacing: 3.2px;
}
@media screen and (max-width: 700px) {
  .page-template-t-accueil .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .leftContent, .page-template-t-accueil_new .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .leftContent {
    grid-column: 2/12;
    text-align: left;
  }
  .page-template-t-accueil .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .leftContent p, .page-template-t-accueil_new .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .leftContent p {
    font-size: 26px;
  }
}
.page-template-t-accueil .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .rightContent, .page-template-t-accueil_new .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .rightContent {
  grid-column: 7/10;
}
.page-template-t-accueil .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .rightContent p, .page-template-t-accueil_new .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .rightContent p {
  color: #fff;
}
.page-template-t-accueil .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .rightContent a, .page-template-t-accueil_new .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .rightContent a {
  display: block;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 1200px) {
  .page-template-t-accueil .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .rightContent, .page-template-t-accueil_new .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .rightContent {
    grid-column: 7/11;
  }
}
@media screen and (max-width: 700px) {
  .page-template-t-accueil .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .rightContent, .page-template-t-accueil_new .landingSec .swiper-container .bgCtn .mainContainer .gridContainer .rightContent {
    grid-column: 2/12;
  }
}
.page-template-t-accueil .landingSec .swiper-container .swiper-pagination-bullets, .page-template-t-accueil_new .landingSec .swiper-container .swiper-pagination-bullets {
  bottom: 40px;
}
.page-template-t-accueil .landingSec .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet, .page-template-t-accueil_new .landingSec .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  opacity: 1;
  background-color: #F0F5F6;
}
.page-template-t-accueil .landingSec .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .page-template-t-accueil_new .landingSec .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #00CDAF;
}
.page-template-t-accueil .landingSec .filter, .page-template-t-accueil_new .landingSec .filter {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-t-accueil .landingSec .filter.skewFilter, .page-template-t-accueil_new .landingSec .filter.skewFilter {
  z-index: 1;
  width: 32vw;
  height: 100%;
  opacity: 0.6;
  clip-path: polygon(0 0, 100% 0%, 30% 100%, 0% 100%);
  -webkit-clip-path: polygon(0 0, 100% 0%, 30% 100%, 0% 100%);
  background: linear-gradient(90deg, rgba(0, 129, 146, 0) 0%, #004A59 100%);
}
@media screen and (max-width: 1600px) {
  .page-template-t-accueil .landingSec .filter.skewFilter, .page-template-t-accueil_new .landingSec .filter.skewFilter {
    width: 25vw;
  }
}
@media screen and (max-width: 1200px) {
  .page-template-t-accueil .landingSec .filter.skewFilter, .page-template-t-accueil_new .landingSec .filter.skewFilter {
    display: none;
  }
}
.page-template-t-accueil .landingSec .filter.darkFilter, .page-template-t-accueil_new .landingSec .filter.darkFilter {
  width: 100%;
  height: 100%;
  opacity: 0.35;
  background-color: #004A59;
}
.page-template-t-accueil .landingSec .filter.topFilter, .page-template-t-accueil_new .landingSec .filter.topFilter {
  width: 100%;
  height: 20%;
  background: linear-gradient(180deg, rgba(0, 74, 89, 0.4) 0%, rgba(0, 74, 89, 0) 100%);
}
.page-template-t-accueil .landingSec .filter.bottomFilter, .page-template-t-accueil_new .landingSec .filter.bottomFilter {
  top: initial;
  bottom: 0;
  width: 100%;
  height: 80%;
  background: linear-gradient(0deg, rgba(0, 74, 89, 0.4) 0%, rgba(0, 74, 89, 0) 100%);
}
.page-template-t-accueil .newsSection, .page-template-t-accueil_new .newsSection {
  margin-top: 50px;
}
.page-template-t-accueil .newsSection .headSec, .page-template-t-accueil_new .newsSection .headSec {
  grid-row-gap: 10px;
  margin-bottom: 50px;
}
.page-template-t-accueil .newsSection .headSec .oblique, .page-template-t-accueil_new .newsSection .headSec .oblique {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-accueil .newsSection .headSec h2, .page-template-t-accueil_new .newsSection .headSec h2 {
  grid-column: 2/12;
  grid-row: 1;
}
.page-template-t-accueil .newsSection .headSec p, .page-template-t-accueil_new .newsSection .headSec p {
  grid-column: 2/8;
  grid-row: 2;
}
.page-template-t-accueil .newsSection .newsContainer, .page-template-t-accueil_new .newsSection .newsContainer {
  grid-row-gap: 40px;
  /*.actuArticle {
      display: flex;
      align-items: stretch;
      .imgCtn {
          padding-bottom: initial;
      }
      .txtCtn {
          padding: 30px;
          background-color: $greyTint2;
          p {
              margin-bottom: 20px;
          }
          a {
              display: block;
          }
      }

      &:nth-child(1) {
          grid-column: 1 / 9;
          grid-row: 1;
          .imgCtn {
              width: 55%;
          }
          .txtCtn {
              width: 45%;
          }
      }
      &:nth-child(2)  {
          grid-column: 1 / 9;
          grid-row: 2;
          flex-direction: row-reverse;
          .imgCtn {
              width: 55%;
          }
          .txtCtn {
              width: 45%;
          }
      }
      &:nth-child(3)  {
          grid-column: 9 / 13;
          grid-row: 1 / 3;
          flex-direction: column;
          .imgCtn {
              width: 100%;
              height: 50%;
          }
          .txtCtn {
              width: 100%;
              height: 50%;

          }
      }
      &:nth-child(4)  {
          grid-column: 1 / 7;
          grid-row: 3;
          .imgCtn {
              width: 30%;
          }
          .txtCtn {
              width: 70%;
          }
      }
      &:nth-child(5)  {
          grid-column: 7 / 13;
          grid-row: 3;
          .imgCtn {
              width: 30%;
          }
          .txtCtn {
              width: 70%;
          }
      }
      @include small {
          &:nth-child(n)  {
              grid-column: 1 / 13;
              grid-row: initial;
              flex-direction: initial;
              .imgCtn {
                  width: 30%;
              }
              .txtCtn {
                  width: 70%;
              }
          }
          &:nth-child(2n)  {
              grid-column: 1 / 13;
              grid-row: initial;
              flex-direction: row-reverse;
              .imgCtn {
                  width: 30%;
              }
              .txtCtn {
                  width: 70%;
              }
          }
      }
      @include mobil {
          &:nth-child(n) {
              grid-column: span 6;
              flex-direction: column;
              .imgCtn {
                  width: 100%;
                  padding-bottom: 60%;
              }
              .txtCtn {
                  width: 100%;
                  height: 50%;
                  padding:10px;
                  p {
                      padding: 0px;
                  }

              }
          }
          &:nth-child(3) {
              grid-column: 1 / 13;
              grid-row: initial;
              flex-direction: row-reverse;
              .imgCtn {
                  width: 50%;
                  height: initial;
              }
              .txtCtn {
                  width: 50%;
              }
          }
      }

  }*/
}
.page-template-t-accueil .newsSection a.button, .page-template-t-accueil_new .newsSection a.button {
  grid-column: 5/9;
  align-self: center;
}
@media screen and (max-width: 700px) {
  .page-template-t-accueil .newsSection a.button, .page-template-t-accueil_new .newsSection a.button {
    grid-column: 2/12;
  }
}
.page-template-t-accueil .ttlSec, .page-template-t-accueil_new .ttlSec {
  padding: 60px 0 40px;
}
.page-template-t-accueil .ttlSec h2, .page-template-t-accueil_new .ttlSec h2 {
  grid-column: 2/12;
  grid-row: 1;
}
.page-template-t-accueil .carrersSec, .page-template-t-accueil_new .carrersSec {
  background-color: #004A59;
  overflow: hidden;
}
.page-template-t-accueil .carrersSec .left, .page-template-t-accueil_new .carrersSec .left {
  padding: 90px 0;
  grid-column: 1/8;
  grid-row: 1;
  position: relative;
}
.page-template-t-accueil .carrersSec .left img, .page-template-t-accueil_new .carrersSec .left img {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 200%;
}
.page-template-t-accueil .carrersSec .left div, .page-template-t-accueil_new .carrersSec .left div {
  z-index: 1;
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 40px;
  align-items: center;
}
.page-template-t-accueil .carrersSec .right, .page-template-t-accueil_new .carrersSec .right {
  margin: 90px 0;
  grid-column: 8/13;
  grid-row: 1;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 40px;
  align-items: center;
}
.page-template-t-accueil .carrersSec h2, .page-template-t-accueil_new .carrersSec h2 {
  color: #fff;
  grid-column: 2/5;
  grid-row: 1;
}
.page-template-t-accueil .carrersSec p, .page-template-t-accueil_new .carrersSec p {
  color: #fff;
  grid-column: 2/5;
  grid-row: 2;
}
.page-template-t-accueil .carrersSec a, .page-template-t-accueil_new .carrersSec a {
  grid-column: 2/5;
  grid-row: 3;
}
@media screen and (max-width: 1200px) {
  .page-template-t-accueil .carrersSec h2, .page-template-t-accueil_new .carrersSec h2 {
    grid-column: 2/6;
  }
  .page-template-t-accueil .carrersSec p, .page-template-t-accueil_new .carrersSec p {
    grid-column: 2/6;
  }
  .page-template-t-accueil .carrersSec a, .page-template-t-accueil_new .carrersSec a {
    grid-column: 2/6;
  }
}
@media screen and (max-width: 700px) {
  .page-template-t-accueil .carrersSec .left, .page-template-t-accueil_new .carrersSec .left {
    grid-column: span 12;
    overflow: hidden;
  }
  .page-template-t-accueil .carrersSec .left div, .page-template-t-accueil .carrersSec .right, .page-template-t-accueil_new .carrersSec .left div, .page-template-t-accueil_new .carrersSec .right {
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 20px;
    grid-column: span 12;
    grid-row: initial;
  }
  .page-template-t-accueil .carrersSec h2, .page-template-t-accueil_new .carrersSec h2 {
    grid-column: 2/12;
  }
  .page-template-t-accueil .carrersSec p, .page-template-t-accueil_new .carrersSec p {
    grid-column: 2/12;
  }
  .page-template-t-accueil .carrersSec a, .page-template-t-accueil_new .carrersSec a {
    grid-column: 2/12;
  }
}
.page-template-t-accueil .helpSec, .page-template-t-accueil_new .helpSec {
  padding: 80px 0;
  background-color: #F0F5F6;
}
.page-template-t-accueil .helpSec .mainContainer, .page-template-t-accueil_new .helpSec .mainContainer {
  grid-template-rows: auto 1fr;
}
.page-template-t-accueil .helpSec .gridContainer, .page-template-t-accueil_new .helpSec .gridContainer {
  grid-row-gap: 20px;
}
.page-template-t-accueil .helpSec .oblique, .page-template-t-accueil_new .helpSec .oblique {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-accueil .helpSec h2, .page-template-t-accueil_new .helpSec h2 {
  grid-column: 2/6;
  grid-row: 1;
}
.page-template-t-accueil .helpSec p, .page-template-t-accueil_new .helpSec p {
  grid-column: 2/6;
  grid-row: 2;
}
.page-template-t-accueil .helpSec .wpcf7, .page-template-t-accueil_new .helpSec .wpcf7 {
  grid-column: 6/12;
  grid-row: 1/3;
}
.page-template-t-accueil .helpSec .wpcf7 form, .page-template-t-accueil_new .helpSec .wpcf7 form {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-gap: 40px;
}
.page-template-t-accueil .helpSec .wpcf7 form .in1, .page-template-t-accueil_new .helpSec .wpcf7 form .in1 {
  grid-column: 1/4;
  grid-row: 1;
}
.page-template-t-accueil .helpSec .wpcf7 form .in2, .page-template-t-accueil_new .helpSec .wpcf7 form .in2 {
  grid-column: 4/7;
  grid-row: 1;
}
.page-template-t-accueil .helpSec .wpcf7 form .in3, .page-template-t-accueil_new .helpSec .wpcf7 form .in3 {
  grid-column: 1/4;
  grid-row: 2;
}
.page-template-t-accueil .helpSec .wpcf7 form .in4, .page-template-t-accueil_new .helpSec .wpcf7 form .in4 {
  grid-column: 4/7;
  grid-row: 2;
}
.page-template-t-accueil .helpSec .wpcf7 form .in5, .page-template-t-accueil_new .helpSec .wpcf7 form .in5 {
  grid-column: 1/7;
  grid-row: 3;
}
.page-template-t-accueil .helpSec .wpcf7 form .checkCtn, .page-template-t-accueil_new .helpSec .wpcf7 form .checkCtn {
  grid-column: 1/7;
  grid-row: 4;
}
.page-template-t-accueil .helpSec .wpcf7 form .in6, .page-template-t-accueil_new .helpSec .wpcf7 form .in6 {
  grid-column: 4/7;
  grid-row: 5;
}
.page-template-t-accueil .helpSec .wpcf7 form .ajax-loader, .page-template-t-accueil_new .helpSec .wpcf7 form .ajax-loader {
  grid-column: 1/7;
  grid-row: 6;
}
.page-template-t-accueil .helpSec .wpcf7 form .wpcf7-response-output, .page-template-t-accueil_new .helpSec .wpcf7 form .wpcf7-response-output {
  grid-column: 1/7;
  grid-row: 6;
}
@media screen and (max-width: 700px) {
  .page-template-t-accueil .helpSec h2, .page-template-t-accueil_new .helpSec h2 {
    grid-column: 2/13;
    grid-row: initial;
  }
  .page-template-t-accueil .helpSec p, .page-template-t-accueil_new .helpSec p {
    grid-column: 1/13;
    grid-row: initial;
  }
  .page-template-t-accueil .helpSec .wpcf7, .page-template-t-accueil_new .helpSec .wpcf7 {
    grid-column: 1/13;
    grid-row: initial;
  }
  .page-template-t-accueil .helpSec .wpcf7 form .in1, .page-template-t-accueil .helpSec .wpcf7 form .in2, .page-template-t-accueil .helpSec .wpcf7 form .in3, .page-template-t-accueil .helpSec .wpcf7 form .in4, .page-template-t-accueil .helpSec .wpcf7 form .in5, .page-template-t-accueil .helpSec .wpcf7 form .in6, .page-template-t-accueil .helpSec .wpcf7 form .checkCtn, .page-template-t-accueil .helpSec .wpcf7 form .ajax-loader, .page-template-t-accueil .helpSec .wpcf7 form .wpcf7-response-output, .page-template-t-accueil_new .helpSec .wpcf7 form .in1, .page-template-t-accueil_new .helpSec .wpcf7 form .in2, .page-template-t-accueil_new .helpSec .wpcf7 form .in3, .page-template-t-accueil_new .helpSec .wpcf7 form .in4, .page-template-t-accueil_new .helpSec .wpcf7 form .in5, .page-template-t-accueil_new .helpSec .wpcf7 form .in6, .page-template-t-accueil_new .helpSec .wpcf7 form .checkCtn, .page-template-t-accueil_new .helpSec .wpcf7 form .ajax-loader, .page-template-t-accueil_new .helpSec .wpcf7 form .wpcf7-response-output {
    grid-column: 1/7;
    grid-row: initial;
  }
}

.page-template-t-join-us .landingSec {
  background-color: #004A59;
  padding-top: 80px;
  position: relative;
}
.page-template-t-join-us .landingSec .mainContainer {
  grid-row-gap: 20px;
}
.page-template-t-join-us .landingSec .mainContainer p {
  grid-column: 2/10;
  grid-row: 2;
  color: #F0F5F6;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.page-template-t-join-us .landingSec .mainContainer h1 {
  grid-column: 2/10;
  grid-row: 3;
  margin-bottom: 20px;
}
.page-template-t-join-us .landingSec .mainContainer .breadcrumb {
  grid-column: 1/4;
  grid-row: 1;
}
.page-template-t-join-us .landingSec .mainContainer .breadcrumb a, .page-template-t-join-us .landingSec .mainContainer .breadcrumb p {
  color: #F0F5F6;
  font-weight: 200;
  font-size: 8px;
}
.page-template-t-join-us .landingSec .imgOblique {
  position: absolute;
  top: 0;
  right: 0;
  width: 30vw;
  height: 100%;
  clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
}
.page-template-t-join-us .videoSec .videoCtn {
  width: 100%;
  padding-bottom: 56.4%;
  position: relative;
}
.page-template-t-join-us .videoSec .videoCtn iframe {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-template-t-join-us .videoSec .videoCtn .minuature {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.6s;
}
.page-template-t-join-us .videoSec .videoCtn .minuature .playIco {
  width: 180px;
  height: 180px;
  border-radius: 100%;
  background-color: #004A59;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-t-join-us .videoSec .videoCtn .minuature .playIco p {
  text-transform: uppercase;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  color: #00CDAF;
}
.page-template-t-join-us .videoSec .videoCtn .minuature.disabled {
  opacity: 0;
  pointer-events: none;
}
.page-template-t-join-us .videoSec .videoDesc p {
  grid-column: 2/12;
  grid-row: 2;
}
.page-template-t-join-us .videoSec .videoDesc .small {
  grid-row: 1;
}
.page-template-t-join-us .valueSec div {
  padding: 30px;
}
.page-template-t-join-us .valueSec div h3 {
  padding-bottom: 20px;
}
.page-template-t-join-us .valueSec .blck {
  grid-column: span 6;
}
.page-template-t-join-us .workingSec {
  background-color: #FAFAFA;
  padding: 20px 0;
}
.page-template-t-join-us .workingSec .topCtn svg {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-join-us .workingSec .topCtn h2 {
  grid-column: 2/8;
  grid-row: 1;
}
.page-template-t-join-us .workingSec .topCtn p {
  grid-column: 2/8;
  grid-row: 2;
}
.page-template-t-join-us .workingSec .listCtn {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 50px;
}
.page-template-t-join-us .workingSec .listCtn .item {
  flex: 0 0 auto;
  width: calc((100% - 80px) / 3);
  position: relative;
  padding: 30px;
  margin-bottom: 20px;
  background-color: #fff;
  cursor: pointer;
}
.page-template-t-join-us .workingSec .listCtn .item:nth-child(3n), .page-template-t-join-us .workingSec .listCtn .item:nth-child(3n-1) {
  margin-left: 40px;
}
.page-template-t-join-us .workingSec .listCtn .item h3 {
  color: #004A59;
}
.page-template-t-join-us .workingSec .listCtn .item svg {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 10px;
  height: auto;
}
.page-template-t-join-us .workingSec .listCtn .item svg * {
  fill: none;
  stroke: #00CDAF;
}
.page-template-t-join-us .workingSec .listCtn .item .bottom {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s;
}
.page-template-t-join-us .workingSec .listCtn .item .bottom p {
  margin-top: 10px;
}
.page-template-t-join-us .workingSec .listCtn .item.active .bottom {
  max-height: 1000px;
}
.page-template-t-join-us .missionSec {
  margin-top: 30px;
}
.page-template-t-join-us .missionSec .gridContainer {
  margin-bottom: 30px;
}
.page-template-t-join-us .missionSec .gridContainer > svg {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-join-us .missionSec .gridContainer > h2 {
  grid-column: 2/8;
  grid-row: 1;
}
.page-template-t-join-us .missionSec .gridContainer > p {
  grid-column: 2/8;
  grid-row: 2;
}
.page-template-t-join-us .missionSec .gridContainer .swipNav {
  grid-column: 9/13;
  grid-row: 2;
  align-self: flex-end;
  position: relative;
}
.page-template-t-join-us .missionSec .gridContainer .swipNav .swiper-button-prev, .page-template-t-join-us .missionSec .gridContainer .swipNav .swiper-button-next {
  width: initial;
  height: inherit;
  color: #004A59;
  text-transform: uppercase;
  margin-top: 0;
  bottom: 0;
}
.page-template-t-join-us .missionSec .gridContainer .swipNav .swiper-button-prev:after, .page-template-t-join-us .missionSec .gridContainer .swipNav .swiper-button-next:after {
  content: none;
}
.page-template-t-join-us .missionSec .gridContainer .swipNav .swiper-pagination {
  width: 100%;
  height: initial;
  bottom: 0px;
  z-index: -1;
}
.page-template-t-join-us .missionSec .gridContainer .swipNav .swiper-pagination .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  opacity: 1;
  background-color: #F0F5F6;
  margin: 0 6px;
}
.page-template-t-join-us .missionSec .gridContainer .swipNav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #004A59;
}
.page-template-t-join-us .missionSec .listCtn {
  position: relative;
}
.page-template-t-join-us .missionSec .listCtn .item {
  background-color: #FAFAFA;
}
.page-template-t-join-us .missionSec .listCtn .item .leftCtn {
  grid-column: 1/6;
}
.page-template-t-join-us .missionSec .listCtn .item .leftCtn .topImg {
  width: 80%;
  padding-bottom: 80%;
  margin: auto;
}
.page-template-t-join-us .missionSec .listCtn .item .rightCtn {
  grid-column: 6/12;
  padding-top: 40px;
}
.page-template-t-join-us .missionSec .listCtn .item .rightCtn h3 {
  margin-bottom: 20px;
}
.page-template-t-join-us .missionSec .listCtn .item .rightCtn p {
  font-size: 14px;
}
.page-template-t-join-us .missionSec .listCtn .item .rightCtn li {
  font-size: 14px;
}

.page-template-t-development .landingSec {
  background-color: #004A59;
  padding-top: 80px;
  position: relative;
}
.page-template-t-development .landingSec .mainContainer {
  grid-row-gap: 20px;
}
.page-template-t-development .landingSec .mainContainer p {
  grid-column: 2/8;
  grid-row: 2;
  color: #F0F5F6;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.page-template-t-development .landingSec .mainContainer h1 {
  grid-column: 2/8;
  grid-row: 3;
  margin-bottom: 20px;
}
.page-template-t-development .landingSec .mainContainer .breadcrumb {
  grid-column: 1/4;
  grid-row: 1;
}
.page-template-t-development .landingSec .mainContainer .breadcrumb a, .page-template-t-development .landingSec .mainContainer .breadcrumb p {
  color: #F0F5F6;
  font-weight: 200;
  font-size: 8px;
}
.page-template-t-development .landingSec .imgOblique {
  position: absolute;
  top: 0;
  right: 0;
  width: 30vw;
  height: 100%;
  clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
}
.page-template-t-development .valeurSec .mainContainer {
  grid-row-gap: 60px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.page-template-t-development .valeurSec .mainContainer .txtTop {
  grid-column: 2/6;
  grid-row: 1;
  font-weight: 500;
}
.page-template-t-development .valeurSec .mainContainer .inGrid {
  grid-column: 1/13;
  grid-row-gap: 90px;
}
.page-template-t-development .valeurSec .mainContainer .inGrid .item {
  padding: 30px;
  grid-column-end: span 4;
}
.page-template-t-development .valeurSec .mainContainer .inGrid .item h3 {
  margin-bottom: 10px;
}
.page-template-t-development .valeurSec .mainContainer .button {
  grid-column-end: span 3;
}
.page-template-t-development .valeurSec .mainContainer .button:nth-of-type(1) {
  grid-column-start: 7;
}
.page-template-t-development .equipeSec {
  background-color: #FAFAFA;
  padding-top: 90px;
  padding-bottom: 50px;
}
.page-template-t-development .equipeSec .topCtn .oblique {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-development .equipeSec .topCtn h2 {
  grid-column: 2/7;
  grid-row: 1;
}
.page-template-t-development .equipeSec .topCtn .subTtl {
  grid-column: 2/6;
  grid-row: 2;
  font-weight: 500;
  margin-bottom: 50px;
}
.page-template-t-development .equipeSec .topCtn .txtCtn {
  grid-column-end: span 4;
  grid-row: 3;
}
.page-template-t-development .equipeSec .topCtn .txtCtn p:first-child {
  font-weight: 500;
  margin-bottom: 10px;
}
.page-template-t-development .equipeSec .itemCtn {
  margin-top: 50px;
}
.page-template-t-development .equipeSec .itemCtn .item {
  grid-column-end: span 3;
  position: relative;
  padding-bottom: 10px;
  cursor: pointer;
}
.page-template-t-development .equipeSec .itemCtn .item .imgCtn {
  height: 325px;
  width: 260px;
  margin-bottom: 10px;
}
.page-template-t-development .equipeSec .itemCtn .item .contentIcon {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 7px;
  transform: rotate(-90deg);
  transition: transform 0.6s;
}
.page-template-t-development .equipeSec .itemCtn .item .contentIcon * {
  stroke: #00CDAF;
  fill: none;
}
.page-template-t-development .equipeSec .itemCtn .item .small {
  color: #00CDAF;
}
.page-template-t-development .equipeSec .itemCtn .item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: #00CDAF;
  transition: width 0.6s;
}
.page-template-t-development .equipeSec .itemCtn .item.active .contentIcon {
  transform: rotate(0deg);
}
.page-template-t-development .equipeSec .itemCtn .item.active::before {
  width: 100%;
}
.page-template-t-development .equipeSec .subItemCtn {
  margin-top: 50px;
}
.page-template-t-development .equipeSec .subItemCtn .subItem {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.6s, opacity 0.6s;
}
.page-template-t-development .equipeSec .subItemCtn .subItem .col1 {
  grid-column: 1;
}
.page-template-t-development .equipeSec .subItemCtn .subItem .col1 svg {
  width: 30px;
  margin-bottom: 20px;
}
.page-template-t-development .equipeSec .subItemCtn .subItem .col2 {
  grid-column: 2/5;
}
.page-template-t-development .equipeSec .subItemCtn .subItem .col3 {
  grid-column: 5/8;
}
.page-template-t-development .equipeSec .subItemCtn .subItem .col3 p {
  font-weight: 500;
  margin-bottom: 20px;
}
.page-template-t-development .equipeSec .subItemCtn .subItem .col3 li {
  margin-left: 20px;
  margin-bottom: 15px;
  list-style: none;
  position: relative;
}
.page-template-t-development .equipeSec .subItemCtn .subItem .col3 li::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 1px;
  height: 14px;
  background-color: #004A59;
  transform: skew(-20deg);
}
.page-template-t-development .equipeSec .subItemCtn .subItem .col4 {
  grid-column: 8/11;
}
.page-template-t-development .equipeSec .subItemCtn .subItem.active {
  max-height: 1000px;
  opacity: 1;
}

.page-template-t-application .landingSec {
  background-color: #004A59;
  padding-top: 80px;
  position: relative;
}
.page-template-t-application .landingSec .mainContainer {
  grid-row-gap: 20px;
}
.page-template-t-application .landingSec .mainContainer p {
  grid-column: 2/8;
  grid-row: 2;
  color: #F0F5F6;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.page-template-t-application .landingSec .mainContainer h1 {
  grid-column: 2/8;
  grid-row: 3;
  margin-bottom: 20px;
}
.page-template-t-application .landingSec .mainContainer .breadcrumb {
  grid-column: 1/4;
  grid-row: 1;
}
.page-template-t-application .landingSec .mainContainer .breadcrumb a, .page-template-t-application .landingSec .mainContainer .breadcrumb p {
  color: #F0F5F6;
  font-weight: 200;
  font-size: 8px;
}
.page-template-t-application .landingSec .imgOblique {
  position: absolute;
  top: 0;
  right: 0;
  width: 30vw;
  height: 100%;
  clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
}
.page-template-t-application .mainSec {
  margin-top: 50px;
  margin-bottom: 50px;
}
.page-template-t-application .mainSec .gridContainer {
  margin-bottom: 30px;
}
.page-template-t-application .mainSec .gridContainer > svg {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-application .mainSec .gridContainer > h2 {
  grid-column: 2/8;
  grid-row: 1;
}
.page-template-t-application .mainSec .gridContainer > p {
  grid-column: 2/8;
  grid-row: 2;
}
.page-template-t-application .mainSec .gridContainer .dobleCtn {
  padding: 50px;
  background-color: #FAFAFA;
}
.page-template-t-application .mainSec .gridContainer .dobleCtn h3 {
  margin-bottom: 20px;
}
.page-template-t-application .mainSec .gridContainer .dobleCtn .bold {
  margin-bottom: 20px;
}
.page-template-t-application .mainSec .gridContainer .dobleCtn li {
  margin-left: 20px;
  padding-left: 20px;
  margin-bottom: 20px;
  list-style: none;
  position: relative;
  /*&::before {
      content: "";
      position: absolute;
      top:0;
      left:-20px;
      width: 1px;
      height: 14px;
      background-color: $mainTint1;
      transform: skew(-20deg);
  }*/
}
.page-template-t-application .mainSec .gridContainer .left {
  grid-column: 1/7;
  grid-row: 3;
}
.page-template-t-application .mainSec .gridContainer .right {
  grid-column: 7/13;
  grid-row: 3;
}
.page-template-t-application .formSec {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #F0F5F6;
}
.page-template-t-application .formSec svg {
  grid-column: 1;
  grid-row: 1;
  margin-bottom: 50px;
}
.page-template-t-application .formSec .text {
  margin-bottom: 50px;
  grid-column: 2/6;
  grid-row: 1;
}
.page-template-t-application .formSec .text h2, .page-template-t-application .formSec .text .bold {
  margin-bottom: 20px;
}
.page-template-t-application .formSec .wpcf7 {
  grid-column: 6/12;
  grid-row: 1;
}
.page-template-t-application .formSec .wpcf7 form {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(6, 1fr);
}
.page-template-t-application .formSec .wpcf7 form .leftForm {
  grid-column: 1/4;
  grid-row: 1;
}
.page-template-t-application .formSec .wpcf7 form .rightForm {
  grid-column: 4/7;
  grid-row: 1;
}
.page-template-t-application .formSec .wpcf7 form .lblCv {
  display: block;
  grid-column: 1/4;
  grid-row: 2;
}
.page-template-t-application .formSec .wpcf7 form .lblLetter {
  display: block;
  grid-column: 4/7;
  grid-row: 2;
}
.page-template-t-application .formSec .wpcf7 form .dlBtn {
  display: none;
}
.page-template-t-application .formSec .wpcf7 form .checkCtn {
  position: relative;
  grid-column: 1/7;
  grid-row: 3;
  cursor: pointer;
}
.page-template-t-application .formSec .wpcf7 form .checkCtn label {
  color: #00CDAF;
  margin-left: 10px;
}
.page-template-t-application .formSec .wpcf7 form .submitBtn {
  grid-column: 4/7;
  grid-row: 4;
}
.page-template-t-application .formSec .wpcf7 form .wpcf7-response-output {
  grid-column: 1/7;
  grid-row: 5;
}
.page-template-t-application .formSec .wpcf7 form .leftForm input, .page-template-t-application .formSec .wpcf7 form .rightForm input {
  margin-bottom: 20px;
  width: 100%;
}

.post-type-archive-job {
  /*
  .permanentSec {
      padding: 25px 0;
      .oblique {
          grid-column: 1;
          grid-row: 1;
      }
      h2 {
          grid-column: 2 / 12;
          grid-row: 1;
      }
      .swiper-container{
          width:100%;
          grid-column: 2 / 12;
          grid-row: 2;
          padding-bottom: 20px;
          .swiper-wrapper {
              .swiper-slide {
                  padding: 50px 80px;
                  background-color: $greyTint2;
                  h3 {
                      width: 100%;
                      text-align: center;
                      margin-bottom: 30px;
                  }
                  p {
                      margin-bottom: 60px;
                  }
                  a {
                      width: 100%;
                      display: block;
                  }
              }
          }
          .swipNav {
              position: absolute;
              bottom: 0;
              top: initial;
              width: initial;
              height: initial;

              color: $mainTint1;
              font-size: 10px;
              text-transform: uppercase;
              &.swiper-pagination {
                  width: 100%;
                  .swiper-pagination-bullet {
                      width: 4px;
                      height: 4px;
                      &.swiper-pagination-bullet-active {
                          background-color: $mainTint1;
                      }
                  }
              }

              &:after {
                  content: none;
              }
          }
      }
  }
  */
}
.post-type-archive-job .landingSec {
  background-color: #004A59;
  padding-top: 80px;
  position: relative;
}
.post-type-archive-job .landingSec .mainContainer {
  grid-row-gap: 20px;
}
.post-type-archive-job .landingSec .mainContainer p {
  grid-column: 2/8;
  grid-row: 2;
  color: #F0F5F6;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.post-type-archive-job .landingSec .mainContainer h1 {
  grid-column: 2/10;
  grid-row: 3;
  margin-bottom: 20px;
}
.post-type-archive-job .landingSec .mainContainer .breadcrumb {
  grid-column: 1/4;
  grid-row: 1;
}
.post-type-archive-job .landingSec .mainContainer .breadcrumb a, .post-type-archive-job .landingSec .mainContainer .breadcrumb p {
  color: #F0F5F6;
  font-weight: 200;
  font-size: 8px;
}
.post-type-archive-job .hiringSec, .post-type-archive-job .permanentSec {
  padding: 25px 0;
}
.post-type-archive-job .hiringSec .oblique, .post-type-archive-job .permanentSec .oblique {
  grid-column: 1;
  grid-row: 1;
}
.post-type-archive-job .hiringSec h2, .post-type-archive-job .permanentSec h2 {
  grid-column: 2/12;
  grid-row: 1;
}
.post-type-archive-job .hiringSec .selectCtn, .post-type-archive-job .permanentSec .selectCtn {
  grid-column: span 3;
  grid-row: 2;
  position: relative;
  cursor: pointer;
}
.post-type-archive-job .hiringSec .selectCtn:before, .post-type-archive-job .permanentSec .selectCtn:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #00CDAF;
  transition: width 0.6s;
}
@media screen and (max-width: 900px) {
  .post-type-archive-job .hiringSec .selectCtn, .post-type-archive-job .permanentSec .selectCtn {
    grid-column: span 4;
  }
}
.post-type-archive-job .hiringSec .hiringList, .post-type-archive-job .permanentSec .hiringList {
  grid-column: span 12;
  grid-row: 3;
}
.post-type-archive-job .hiringSec .hiringList article, .post-type-archive-job .permanentSec .hiringList article {
  background-color: #004A59;
  grid-row-gap: 20px;
  padding: 50px 0;
  margin-bottom: 40px;
}
.post-type-archive-job .hiringSec .hiringList article .contrat, .post-type-archive-job .permanentSec .hiringList article .contrat {
  grid-column: 2/7;
  grid-row: 1;
  text-transform: uppercase;
  font-weight: 300;
}
.post-type-archive-job .hiringSec .hiringList article > p, .post-type-archive-job .permanentSec .hiringList article > p {
  color: #fff;
}
.post-type-archive-job .hiringSec .hiringList article h3, .post-type-archive-job .permanentSec .hiringList article h3 {
  grid-column: 2/7;
  grid-row: 2;
  text-transform: initial;
  font-size: 24px;
}
.post-type-archive-job .hiringSec .hiringList article .description, .post-type-archive-job .permanentSec .hiringList article .description {
  grid-column: 2/8;
  grid-row: 3;
}
.post-type-archive-job .hiringSec .hiringList article .location, .post-type-archive-job .permanentSec .hiringList article .location {
  grid-column: 7/12;
  grid-row: 1/3;
  text-align: right;
}
.post-type-archive-job .hiringSec .hiringList article .location p, .post-type-archive-job .permanentSec .hiringList article .location p {
  color: #fff;
}
.post-type-archive-job .hiringSec .hiringList article .location span, .post-type-archive-job .permanentSec .hiringList article .location span {
  display: inline-block;
}
.post-type-archive-job .hiringSec .hiringList article .location span + span, .post-type-archive-job .permanentSec .hiringList article .location span + span {
  margin-left: 14px;
  position: relative;
}
.post-type-archive-job .hiringSec .hiringList article .location span + span:after, .post-type-archive-job .permanentSec .hiringList article .location span + span:after {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  bottom: 0;
  width: 4px;
  height: 1px;
  margin: auto;
  background-color: #fff;
}
.post-type-archive-job .hiringSec .hiringList article .location .xSmall, .post-type-archive-job .permanentSec .hiringList article .location .xSmall {
  margin-top: 10px;
}
.post-type-archive-job .hiringSec .hiringList article .slideBtn, .post-type-archive-job .permanentSec .hiringList article .slideBtn {
  cursor: pointer;
  background-color: #fff;
  position: relative;
  padding: 20px 30px;
}
.post-type-archive-job .hiringSec .hiringList article .slideBtn p, .post-type-archive-job .permanentSec .hiringList article .slideBtn p {
  color: #00CDAF;
  text-transform: uppercase;
}
.post-type-archive-job .hiringSec .hiringList article .slideBtn svg, .post-type-archive-job .permanentSec .hiringList article .slideBtn svg {
  height: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto 0;
  transform: rotate(-90deg);
  transition: transform 0.6s;
}
.post-type-archive-job .hiringSec .hiringList article .slideBtn:after, .post-type-archive-job .permanentSec .hiringList article .slideBtn:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 4px;
  background-color: #00CDAF;
  transition: width 0.6s;
}
.post-type-archive-job .hiringSec .hiringList article .slideBtn.active svg, .post-type-archive-job .permanentSec .hiringList article .slideBtn.active svg {
  transform: rotate(0deg);
}
.post-type-archive-job .hiringSec .hiringList article .slideBtn.active:after, .post-type-archive-job .permanentSec .hiringList article .slideBtn.active:after {
  width: 100%;
}
.post-type-archive-job .hiringSec .hiringList article .missionBtn, .post-type-archive-job .permanentSec .hiringList article .missionBtn {
  grid-column: 2/6;
  grid-row: 4;
}
.post-type-archive-job .hiringSec .hiringList article .profilBtn, .post-type-archive-job .permanentSec .hiringList article .profilBtn {
  grid-column: 6/10;
  grid-row: 4;
}
.post-type-archive-job .hiringSec .hiringList article .applyBtn, .post-type-archive-job .permanentSec .hiringList article .applyBtn {
  grid-column: 10/12;
  grid-row: 4;
  align-self: flex-end;
}
.post-type-archive-job .hiringSec .hiringList article .applyBtn a, .post-type-archive-job .permanentSec .hiringList article .applyBtn a {
  display: block;
}
.post-type-archive-job .hiringSec .hiringList article .txtCtn, .post-type-archive-job .permanentSec .hiringList article .txtCtn {
  grid-column: 2/12;
  grid-row: 5;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  grid-gap: 40px;
}
.post-type-archive-job .hiringSec .hiringList article .txtCtn .txtIn, .post-type-archive-job .permanentSec .hiringList article .txtCtn .txtIn {
  grid-column: 2/9;
  grid-row: 1;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s;
}
.post-type-archive-job .hiringSec .hiringList article .txtCtn .txtIn p, .post-type-archive-job .permanentSec .hiringList article .txtCtn .txtIn p {
  padding: 10px 0;
  margin: 0;
}
.post-type-archive-job .hiringSec .hiringList article .txtCtn .txtIn ul, .post-type-archive-job .permanentSec .hiringList article .txtCtn .txtIn ul {
  padding: 10px 0;
}
.post-type-archive-job .hiringSec .hiringList article .txtCtn .txtIn.active, .post-type-archive-job .permanentSec .hiringList article .txtCtn .txtIn.active {
  max-height: 2000px;
}
@media screen and (max-width: 900px) {
  .post-type-archive-job .hiringSec .hiringList article .location, .post-type-archive-job .permanentSec .hiringList article .location {
    grid-column: 2/12;
    grid-row: 1;
    text-align: left;
  }
  .post-type-archive-job .hiringSec .hiringList article .contrat, .post-type-archive-job .permanentSec .hiringList article .contrat {
    grid-column: 2/12;
    grid-row: 2;
  }
  .post-type-archive-job .hiringSec .hiringList article h3, .post-type-archive-job .permanentSec .hiringList article h3 {
    grid-column: 2/12;
    grid-row: 3;
  }
  .post-type-archive-job .hiringSec .hiringList article .description, .post-type-archive-job .permanentSec .hiringList article .description {
    grid-column: 2/12;
    grid-row: 4;
  }
  .post-type-archive-job .hiringSec .hiringList article .missionBtn, .post-type-archive-job .permanentSec .hiringList article .missionBtn {
    grid-column: 2/7;
    grid-row: 5;
  }
  .post-type-archive-job .hiringSec .hiringList article .profilBtn, .post-type-archive-job .permanentSec .hiringList article .profilBtn {
    grid-column: 7/12;
    grid-row: 5;
  }
  .post-type-archive-job .hiringSec .hiringList article .applyBtn, .post-type-archive-job .permanentSec .hiringList article .applyBtn {
    grid-column: 2/5;
    grid-row: 7;
  }
  .post-type-archive-job .hiringSec .hiringList article .txtCtn, .post-type-archive-job .permanentSec .hiringList article .txtCtn {
    grid-column: 2/12;
    grid-row: 6;
  }
}
@media screen and (max-width: 700px) {
  .post-type-archive-job .hiringSec .hiringList article .missionBtn, .post-type-archive-job .permanentSec .hiringList article .missionBtn {
    grid-column: 2/12;
    grid-row: 5;
  }
  .post-type-archive-job .hiringSec .hiringList article .profilBtn, .post-type-archive-job .permanentSec .hiringList article .profilBtn {
    grid-column: 2/12;
    grid-row: 6;
  }
  .post-type-archive-job .hiringSec .hiringList article .applyBtn, .post-type-archive-job .permanentSec .hiringList article .applyBtn {
    grid-column: 2/6;
    grid-row: 8;
  }
  .post-type-archive-job .hiringSec .hiringList article .txtCtn, .post-type-archive-job .permanentSec .hiringList article .txtCtn {
    grid-column: 2/12;
    grid-row: 7;
  }
}

.page-template-t-expertise .landingSec {
  background-color: #004A59;
  padding-top: 80px;
  position: relative;
}
.page-template-t-expertise .landingSec .mainContainer {
  grid-row-gap: 20px;
}
.page-template-t-expertise .landingSec .mainContainer p {
  grid-column: 2/8;
  grid-row: 2;
  color: #F0F5F6;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.page-template-t-expertise .landingSec .mainContainer p.xSmall {
  margin-top: 50px;
}
.page-template-t-expertise .landingSec .mainContainer img {
  grid-column: 1;
  grid-row: 3;
  width: 100%;
  height: auto;
}
.page-template-t-expertise .landingSec .mainContainer h1 {
  grid-column: 2/8;
  grid-row: 3;
  margin-bottom: 20px;
  margin-bottom: 20px;
}
.page-template-t-expertise .landingSec .mainContainer .breadcrumb {
  grid-column: 1/4;
  grid-row: 1;
}
.page-template-t-expertise .landingSec .mainContainer .breadcrumb a, .page-template-t-expertise .landingSec .mainContainer .breadcrumb p {
  color: #F0F5F6;
  font-weight: 200;
  font-size: 8px;
}
.page-template-t-expertise .landingSec .imgOblique {
  position: absolute;
  top: 0;
  right: 0;
  width: 30vw;
  height: 100%;
  clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
}
.page-template-t-expertise .insightSec {
  padding: 40px 0 50px 0;
}
.page-template-t-expertise .insightSec .insightCtn {
  grid-column-end: span 6;
}
.page-template-t-expertise .insightSec .insightCtn .ttl {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #004A59;
}
.page-template-t-expertise .insightSec .insightCtn h2 {
  margin-bottom: 20px;
}
.page-template-t-expertise .insightSec .insightCtn .slideDownCtn {
  margin-top: 40px;
  width: 100%;
  background-color: #FAFAFA;
}
.page-template-t-expertise .insightSec .insightCtn .slideDownCtn .top {
  padding: 20px 30px;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.page-template-t-expertise .insightSec .insightCtn .slideDownCtn .top .contentIcon {
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  height: 6px;
  width: auto;
  margin: auto 0;
  transform: rotate(-90deg);
  transition: transform 0.6s;
}
.page-template-t-expertise .insightSec .insightCtn .slideDownCtn .bottom {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s;
}
.page-template-t-expertise .insightSec .insightCtn .slideDownCtn .bottom p {
  padding: 20px 50px 30px 50px;
}
.page-template-t-expertise .insightSec .insightCtn .slideDownCtn.active .top .contentIcon {
  transform: rotate(0);
}
.page-template-t-expertise .insightSec .insightCtn .slideDownCtn.active .bottom {
  max-height: 1000px;
}
.page-template-t-expertise .titleSec {
  margin: 80px 0 40px 0;
}
.page-template-t-expertise .titleSec .oblique {
  grid-column: 1/2;
  grid-row: 1;
}
.page-template-t-expertise .titleSec h2 {
  letter-spacing: 0;
  grid-column: 2/5;
  grid-row: 1;
}
.page-template-t-expertise .exempleSec {
  padding: 80px 0;
  background-color: #F0F5F6;
}
.page-template-t-expertise .exempleSec .btnCtn {
  grid-column: 1/6;
}
.page-template-t-expertise .exempleSec .btnCtn p {
  color: rgb(126, 126, 126);
  text-transform: uppercase;
  margin-bottom: 30px;
  transition: color 0.6s;
  cursor: pointer;
}
.page-template-t-expertise .exempleSec .btnCtn p.active {
  color: #00CDAF;
}
.page-template-t-expertise .exempleSec .txtCtn {
  grid-column: 6/13;
  height: 600px;
  position: relative;
  overflow: scroll;
}
.page-template-t-expertise .exempleSec .txtCtn .txtCtnIn {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s;
}
.page-template-t-expertise .exempleSec .txtCtn .txtCtnIn p {
  margin-bottom: 15px;
}
.page-template-t-expertise .exempleSec .txtCtn .txtCtnIn.active {
  opacity: 1;
}
.page-template-t-expertise .authorSec {
  padding: 50px 0 80px 0;
}
.page-template-t-expertise .authorSec h2 {
  grid-column: 1/6;
  grid-row: 1;
  font-weight: 500;
}
.page-template-t-expertise .authorSec .auteurSymbol {
  grid-column: span 3;
  grid-row: 2;
  padding: 0;
}
.page-template-t-expertise .authorSec .auteurSymbol .imgAut {
  width: 100px;
  height: 125px;
}
.page-template-t-expertise .authorSec .auteurSymbol .txtCtn {
  padding-top: 0;
}
.page-template-t-expertise .authorSec .auteurSymbol .txtCtn .name {
  font-size: 14px;
}
.page-template-t-expertise .postSec h2 {
  grid-column: 1/5;
  grid-row: 1;
}
.page-template-t-expertise .postSec .actuArticle {
  grid-column: span 4;
  grid-row: 2;
}

.blog .landingSec, .archive .landingSec {
  background-color: #004A59;
  padding-top: 80px;
  padding-bottom: 70px;
  position: relative;
}
.blog .landingSec .mainContainer, .archive .landingSec .mainContainer {
  grid-row-gap: 50px;
}
.blog .landingSec .mainContainer p, .archive .landingSec .mainContainer p {
  grid-column: 2/8;
  grid-row: 2;
  color: #F0F5F6;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.blog .landingSec .mainContainer h1, .archive .landingSec .mainContainer h1 {
  grid-column: 2/10;
}
.blog .landingSec .mainContainer .breadcrumb, .archive .landingSec .mainContainer .breadcrumb {
  grid-column: 1/4;
  grid-row: 1;
}
.blog .landingSec .mainContainer .breadcrumb a, .blog .landingSec .mainContainer .breadcrumb p, .archive .landingSec .mainContainer .breadcrumb a, .archive .landingSec .mainContainer .breadcrumb p {
  color: #F0F5F6;
  font-weight: 200;
  font-size: 8px;
}
.blog .alauneSec, .archive .alauneSec {
  padding: 50px 0 40px;
}
.blog .alauneSec .oblique, .archive .alauneSec .oblique {
  grid-column: 1;
  grid-row: 1;
}
.blog .alauneSec h3, .archive .alauneSec h3 {
  grid-column: 2/8;
  grid-row: 1;
}
.blog .alauneSec a, .archive .alauneSec a {
  grid-column: 2/12;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  grid-column-gap: 40px;
}
.blog .alauneSec a .imgCtn, .archive .alauneSec a .imgCtn {
  grid-column: 1/6;
  height: 100%;
}
.blog .alauneSec a .txtCtn, .archive .alauneSec a .txtCtn {
  grid-column: 6/11;
  padding: 70px 100px 70px 60px;
}
@media screen and (max-width: 900px) {
  .blog .alauneSec a, .archive .alauneSec a {
    grid-column: 1/13;
    grid-column-gap: 20px;
  }
  .blog .alauneSec a .txtCtn, .archive .alauneSec a .txtCtn {
    padding: 30px 50px 30px 30px;
  }
}
@media screen and (max-width: 700px) {
  .blog .alauneSec a .imgCtn, .archive .alauneSec a .imgCtn {
    grid-column: 1/11;
    padding-bottom: 66%;
    width: 100%;
    height: auto;
  }
  .blog .alauneSec a .txtCtn, .archive .alauneSec a .txtCtn {
    grid-column: 1/11;
    padding: 30px 40px 30px 30px;
  }
}
.blog .articleSec, .archive .articleSec {
  padding: 50px 0 80px;
}
.blog .articleSec .mainContainer, .archive .articleSec .mainContainer {
  margin-bottom: 50px;
}
.blog .articleSec .oblique, .archive .articleSec .oblique {
  grid-column: 1;
}
.blog .articleSec h3, .archive .articleSec h3 {
  grid-column: 2/8;
}
.blog .articleSec .selectCtn, .archive .articleSec .selectCtn {
  grid-column: 10/13;
}
@media screen and (max-width: 900px) {
  .blog .articleSec .selectCtn, .archive .articleSec .selectCtn {
    grid-column: 7/13;
  }
}
@media screen and (max-width: 700px) {
  .blog .articleSec .selectCtn, .archive .articleSec .selectCtn {
    grid-column: 1/13;
  }
}
.blog .articleSec .actuArticle, .archive .articleSec .actuArticle {
  grid-column: span 4;
  /*&:nth-child(4), &:nth-child(9) {
      grid-column: span 8;
      display: flex;
      // align-content: center;
      .imgCtn {
          width: 55%;
          padding-bottom: 60%;
      }
      .txtCtn {
          width: 45%;
          align-self: center;
          p {
              padding-bottom: 40px;
              text-align: left;
          }
      }
  }*/
}
@media screen and (max-width: 900px) {
  .blog .articleSec .actuArticle, .archive .articleSec .actuArticle {
    grid-column: span 6;
    /*
    &:nth-child(4), &:nth-child(9) {
        grid-column: span 6;
        display: block;
        // align-content: center;
        .imgCtn {
            width: 100%;
            padding-bottom: 66%;
        }
        .txtCtn {
            width: 100%;
            p {
                padding-bottom: 40px;
                text-align: left;
            }
        }
    }
    &:nth-child(5) {
        grid-column: span 12;
        display: flex;
        .imgCtn {
            width: 55%;
            padding-bottom: 60%;
        }
        .txtCtn {
            width: 45%;
            align-self: center;
            p {
                padding-bottom: 40px;
                text-align: left;
            }
        }
    }
    */
  }
}
@media screen and (max-width: 700px) {
  .blog .articleSec .actuArticle, .archive .articleSec .actuArticle {
    grid-column: span 12;
  }
  .blog .articleSec .actuArticle:nth-child(4), .blog .articleSec .actuArticle:nth-child(9), .blog .articleSec .actuArticle:nth-child(5), .archive .articleSec .actuArticle:nth-child(4), .archive .articleSec .actuArticle:nth-child(9), .archive .articleSec .actuArticle:nth-child(5) {
    grid-column: span 12;
    display: block;
  }
  .blog .articleSec .actuArticle:nth-child(4) .imgCtn, .blog .articleSec .actuArticle:nth-child(9) .imgCtn, .blog .articleSec .actuArticle:nth-child(5) .imgCtn, .archive .articleSec .actuArticle:nth-child(4) .imgCtn, .archive .articleSec .actuArticle:nth-child(9) .imgCtn, .archive .articleSec .actuArticle:nth-child(5) .imgCtn {
    width: 100%;
    padding-bottom: 66%;
  }
  .blog .articleSec .actuArticle:nth-child(4) .txtCtn, .blog .articleSec .actuArticle:nth-child(9) .txtCtn, .blog .articleSec .actuArticle:nth-child(5) .txtCtn, .archive .articleSec .actuArticle:nth-child(4) .txtCtn, .archive .articleSec .actuArticle:nth-child(9) .txtCtn, .archive .articleSec .actuArticle:nth-child(5) .txtCtn {
    width: 100%;
  }
  .blog .articleSec .actuArticle:nth-child(4) .txtCtn p, .blog .articleSec .actuArticle:nth-child(9) .txtCtn p, .blog .articleSec .actuArticle:nth-child(5) .txtCtn p, .archive .articleSec .actuArticle:nth-child(4) .txtCtn p, .archive .articleSec .actuArticle:nth-child(9) .txtCtn p, .archive .articleSec .actuArticle:nth-child(5) .txtCtn p {
    padding-bottom: 40px;
    text-align: left;
  }
}
.blog .articleSec .paginationCtn ul, .archive .articleSec .paginationCtn ul {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
.blog .articleSec .paginationCtn ul li, .archive .articleSec .paginationCtn ul li {
  margin: 0 5px;
  font-size: 10px;
  list-style: none;
}
.blog .articleSec .paginationCtn ul li .current, .archive .articleSec .paginationCtn ul li .current {
  font-weight: 600;
}
.blog .articleSec .paginationCtn ul li .dots, .archive .articleSec .paginationCtn ul li .dots {
  opacity: 0;
}
.blog .articleSec .paginationCtn ul li a, .archive .articleSec .paginationCtn ul li a {
  color: #004A59;
}
.blog .articleSec .paginationCtn ul li .prev, .archive .articleSec .paginationCtn ul li .prev {
  margin-right: 60px;
}
.blog .articleSec .paginationCtn ul li .next, .archive .articleSec .paginationCtn ul li .next {
  margin-left: 60px;
}

.single-post .landingSec, .page-template-t-article .landingSec {
  background-color: #004A59;
  padding-top: 80px;
  position: relative;
}
.single-post .landingSec .mainContainer, .page-template-t-article .landingSec .mainContainer {
  grid-row-gap: 20px;
}
.single-post .landingSec .mainContainer p, .page-template-t-article .landingSec .mainContainer p {
  grid-column: 2/8;
  grid-row: 2;
  color: #F0F5F6;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.single-post .landingSec .mainContainer p.xSmall, .page-template-t-article .landingSec .mainContainer p.xSmall {
  margin-top: 90px;
}
.single-post .landingSec .mainContainer h1, .page-template-t-article .landingSec .mainContainer h1 {
  grid-column: 2/10;
  grid-row: 3;
  margin-bottom: 70px;
}
.single-post .landingSec .mainContainer .breadcrumb, .page-template-t-article .landingSec .mainContainer .breadcrumb {
  grid-column: 1/4;
  grid-row: 1;
}
.single-post .landingSec .mainContainer .breadcrumb a, .single-post .landingSec .mainContainer .breadcrumb p, .page-template-t-article .landingSec .mainContainer .breadcrumb a, .page-template-t-article .landingSec .mainContainer .breadcrumb p {
  color: #F0F5F6;
  font-weight: 200;
  font-size: 8px;
}
.single-post .landingSec .imgOblique, .page-template-t-article .landingSec .imgOblique {
  position: absolute;
  top: 0;
  right: 0;
  width: 30vw;
  height: 100%;
  clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 700px) {
  .single-post .landingSec .imgOblique, .page-template-t-article .landingSec .imgOblique {
    display: none;
  }
}
.single-post .authorSec, .page-template-t-article .authorSec {
  padding: 50px 0;
}
.single-post .authorSec .shareBlock, .page-template-t-article .authorSec .shareBlock {
  grid-column: 1/13;
  justify-content: end;
  display: flex;
  align-items: center;
}
.single-post .authorSec .shareBlock > p, .page-template-t-article .authorSec .shareBlock > p {
  font-size: 12px;
  color: #759AA1;
}
.single-post .authorSec .shareBlock .btnShare, .page-template-t-article .authorSec .shareBlock .btnShare {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background-color: #F0F5F6;
  margin-left: 12px;
}
.single-post .authorSec .shareBlock .btnShare svg, .page-template-t-article .authorSec .shareBlock .btnShare svg {
  height: 14px;
}
.single-post .authorSec .shareBlock .btnShare svg path, .page-template-t-article .authorSec .shareBlock .btnShare svg path {
  fill: #00CDAF;
}
.single-post .authorSec .shareBlock .btnShare:nth-child(4) svg, .page-template-t-article .authorSec .shareBlock .btnShare:nth-child(4) svg {
  height: 17px;
}
.single-post .authorSec .shareBlock .btnShare p, .page-template-t-article .authorSec .shareBlock .btnShare p {
  color: #00CDAF;
  font-size: 10px;
  margin-left: 10px;
}
.single-post .authorSec .shareBlock .btnShare.copyUrl, .page-template-t-article .authorSec .shareBlock .btnShare.copyUrl {
  cursor: pointer;
  width: max-content;
  padding: 0 8px;
}
.single-post .authorSec .shareBlock .btnShare.copyUrl.activated, .page-template-t-article .authorSec .shareBlock .btnShare.copyUrl.activated {
  pointer-events: none;
  opacity: 0.5;
}
.single-post .authorSec .ctnAuthor, .page-template-t-article .authorSec .ctnAuthor {
  grid-column: 1/5;
}
.single-post .authorSec .ctnAuthor h2, .page-template-t-article .authorSec .ctnAuthor h2 {
  margin-bottom: 40px;
}
.single-post .authorSec .ctnAuthor .auteurSymbol, .page-template-t-article .authorSec .ctnAuthor .auteurSymbol {
  padding: 0;
  margin-bottom: 40px;
}
.single-post .authorSec .ctnAuthor .imgGauche, .page-template-t-article .authorSec .ctnAuthor .imgGauche {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 900px) {
  .single-post .authorSec .ctnAuthor, .page-template-t-article .authorSec .ctnAuthor {
    grid-column: 1/13;
  }
}
.single-post .authorSec .txtTopCtn, .page-template-t-article .authorSec .txtTopCtn {
  grid-column: 6/13;
}
.single-post .authorSec .txtTopCtn p, .page-template-t-article .authorSec .txtTopCtn p {
  margin-bottom: 15px;
}
@media screen and (max-width: 900px) {
  .single-post .authorSec .txtTopCtn, .page-template-t-article .authorSec .txtTopCtn {
    grid-column: 1/13;
  }
}
.single-post .authorSec .blockDark, .page-template-t-article .authorSec .blockDark {
  grid-column: 2/12;
  background-color: #004A59;
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  grid-gap: 40px;
  position: relative;
}
.single-post .authorSec .blockDark .background, .page-template-t-article .authorSec .blockDark .background {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 8%;
  padding-bottom: 19.5%;
  background-color: #fff;
  clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
}
.single-post .authorSec .blockDark .imgCtn, .page-template-t-article .authorSec .blockDark .imgCtn {
  grid-column: 1/5;
  height: initial;
  padding-bottom: 100%;
}
.single-post .authorSec .blockDark .txtCtn, .page-template-t-article .authorSec .blockDark .txtCtn {
  grid-column: 5/10;
  padding: 40px 0;
}
.single-post .authorSec .blockDark .txtCtn svg, .page-template-t-article .authorSec .blockDark .txtCtn svg {
  height: 28px;
  width: auto;
  margin-bottom: 30px;
}
.single-post .authorSec .blockDark .txtCtn svg line, .page-template-t-article .authorSec .blockDark .txtCtn svg line {
  stroke: #00CDAF;
}
.single-post .authorSec .blockDark .txtCtn p, .page-template-t-article .authorSec .blockDark .txtCtn p {
  color: #fff;
  padding-bottom: 20px;
}
.single-post .authorSec .blockDark .txtCtn .small, .page-template-t-article .authorSec .blockDark .txtCtn .small {
  padding-bottom: 4px;
}
.single-post .authorSec .blockDark .txtCtn .l2, .page-template-t-article .authorSec .blockDark .txtCtn .l2 {
  color: #00CDAF;
}
@media screen and (max-width: 900px) {
  .single-post .authorSec .blockDark, .page-template-t-article .authorSec .blockDark {
    grid-column: 1/13;
  }
}
@media screen and (max-width: 700px) {
  .single-post .authorSec .blockDark, .page-template-t-article .authorSec .blockDark {
    grid-gap: 0px;
  }
  .single-post .authorSec .blockDark .imgCtn, .page-template-t-article .authorSec .blockDark .imgCtn {
    grid-column: 1/11;
  }
  .single-post .authorSec .blockDark .txtCtn, .page-template-t-article .authorSec .blockDark .txtCtn {
    grid-column: 2/10;
  }
}
.single-post .authorSec .txtBottomCtn, .page-template-t-article .authorSec .txtBottomCtn {
  grid-column: 1/13;
}
.single-post .authorSec .txtBottomCtn p, .page-template-t-article .authorSec .txtBottomCtn p {
  margin-bottom: 15px;
}
.single-post .postSec h2, .page-template-t-article .postSec h2 {
  grid-column: 1/5;
  grid-row: 1;
}
.single-post .postSec .actuArticle, .page-template-t-article .postSec .actuArticle {
  grid-column: span 4;
  grid-row: 2;
}
@media screen and (max-width: 700px) {
  .single-post .postSec h2, .page-template-t-article .postSec h2 {
    grid-column: 2/11;
  }
  .single-post .postSec .actuArticle, .page-template-t-article .postSec .actuArticle {
    grid-column: 2/11;
    grid-row: initial;
  }
}

.page-template-t-contact .landingSec {
  background-color: #004A59;
  padding-top: 80px;
  position: relative;
}
.page-template-t-contact .landingSec .mainContainer {
  grid-row-gap: 20px;
}
.page-template-t-contact .landingSec .mainContainer p {
  grid-column: 2/8;
  grid-row: 2;
  color: #F0F5F6;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.page-template-t-contact .landingSec .mainContainer h1 {
  grid-column: 2/11;
  grid-row: 3;
  margin-bottom: 20px;
}
.page-template-t-contact .landingSec .mainContainer .breadcrumb {
  grid-column: 1/4;
  grid-row: 1;
}
.page-template-t-contact .landingSec .mainContainer .breadcrumb a, .page-template-t-contact .landingSec .mainContainer .breadcrumb p {
  color: #F0F5F6;
  font-weight: 200;
  font-size: 8px;
}
.page-template-t-contact .landingSec .imgOblique {
  position: absolute;
  top: 0;
  right: 0;
  width: 30vw;
  height: 100%;
  clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
}
.page-template-t-contact .contactSec {
  padding: 50px 0;
}
.page-template-t-contact .contactSec .oblique {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-contact .contactSec h2 {
  grid-column: 2/9;
  grid-row: 1;
}
.page-template-t-contact .contactSec figure {
  grid-column: 4/13;
  grid-row: 1/4;
}
.page-template-t-contact .contactSec figure div {
  width: 100%;
  height: 100%;
  background-size: contain;
}
.page-template-t-contact .contactSec .ctnCtc {
  grid-column: span 3;
  background-color: #FAFAFA;
  padding: 20px 20px;
}
.page-template-t-contact .contactSec .ctnCtc::nth-child(1) {
  grid-row: 2;
}
.page-template-t-contact .contactSec .ctnCtc::nth-child(2) {
  grid-row: 3;
}
.page-template-t-contact .contactSec .ctnCtc .ville {
  font-size: 20px;
  margin-bottom: 20px;
  color: #00CDAF;
}
.page-template-t-contact .contactSec .ctnCtc .adl2 {
  margin-bottom: 10px;
}
.page-template-t-contact .contactSec .ctnCtc .mail {
  margin-top: 10px;
}
@media screen and (max-width: 1200px) {
  .page-template-t-contact .contactSec h2 {
    grid-column: 2/12;
    grid-row: 1;
  }
  .page-template-t-contact .contactSec figure {
    grid-column: 1/13;
    grid-row: 2;
  }
  .page-template-t-contact .contactSec figure div {
    padding-bottom: 46%;
  }
  .page-template-t-contact .contactSec .ctnCtc {
    grid-column: span 4;
  }
  .page-template-t-contact .contactSec .ctnCtc::nth-child(1) {
    grid-row: 3;
  }
  .page-template-t-contact .contactSec .ctnCtc::nth-child(2) {
    grid-row: 3;
  }
}
@media screen and (max-width: 900px) {
  .page-template-t-contact .contactSec .ctnCtc {
    grid-column: span 6;
  }
}
@media screen and (max-width: 700px) {
  .page-template-t-contact .contactSec .ctnCtc {
    grid-column: 2/12;
  }
}
.page-template-t-contact .helpSec {
  padding: 80px 0;
  background-color: #F0F5F6;
}
.page-template-t-contact .helpSec .mainContainer {
  grid-template-rows: auto 1fr;
  grid-row-gap: 20px;
}
.page-template-t-contact .helpSec .oblique {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-contact .helpSec h2 {
  grid-column: 2/6;
  grid-row: 1;
}
.page-template-t-contact .helpSec p {
  grid-column: 2/6;
  grid-row: 2;
}
.page-template-t-contact .helpSec .wpcf7 {
  grid-column: 6/12;
  grid-row: 1/3;
}
.page-template-t-contact .helpSec .wpcf7 form {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-gap: 40px;
}
.page-template-t-contact .helpSec .wpcf7 form .in1 {
  grid-column: 1/4;
  grid-row: 1;
}
.page-template-t-contact .helpSec .wpcf7 form .in2 {
  grid-column: 4/7;
  grid-row: 1;
}
.page-template-t-contact .helpSec .wpcf7 form .in3 {
  grid-column: 1/4;
  grid-row: 2;
}
.page-template-t-contact .helpSec .wpcf7 form .in4 {
  grid-column: 4/7;
  grid-row: 2;
}
.page-template-t-contact .helpSec .wpcf7 form .in5 {
  grid-column: 1/7;
  grid-row: 3;
}
.page-template-t-contact .helpSec .wpcf7 form .checkCtn {
  grid-column: 1/7;
  grid-row: 4;
}
.page-template-t-contact .helpSec .wpcf7 form .in6 {
  grid-column: 4/7;
  grid-row: 5;
}
.page-template-t-contact .helpSec .wpcf7 form .ajax-loader {
  grid-column: 1/7;
  grid-row: 7;
}
.page-template-t-contact .helpSec .wpcf7 form .wpcf7-response-output {
  grid-column: 1/7;
  grid-row: 7;
}
@media screen and (max-width: 900px) {
  .page-template-t-contact .helpSec h2 {
    grid-column: 2/12;
    grid-row: 1;
  }
  .page-template-t-contact .helpSec p {
    grid-column: 2/12;
    grid-row: 2;
  }
  .page-template-t-contact .helpSec .wpcf7 {
    grid-column: 2/12;
    grid-row: 3;
  }
}
@media screen and (max-width: 700px) {
  .page-template-t-contact .helpSec .wpcf7 form .in1, .page-template-t-contact .helpSec .wpcf7 form .in2, .page-template-t-contact .helpSec .wpcf7 form .in3, .page-template-t-contact .helpSec .wpcf7 form .in4, .page-template-t-contact .helpSec .wpcf7 form .in5, .page-template-t-contact .helpSec .wpcf7 form .checkCtn, .page-template-t-contact .helpSec .wpcf7 form .in6, .page-template-t-contact .helpSec .wpcf7 form .ajax-loader, .page-template-t-contact .helpSec .wpcf7 form .wpcf7-response-output {
    grid-column: 1/7;
    grid-row: initial;
  }
}

.page-template-t-cms {
  /*
  .dropDownSection {
      padding: 45px;
      .slideDownCtn {
          margin-top: 40px;
          width: 100%;

          grid-column: span 4;

          .top {
              padding: 20px 30px;
              position: relative;
              width: 100%;
              cursor: pointer;
              p {
                  color:$mainTint2;
                  text-transform: uppercase;
                  font-size: 24px;
                  margin-left: 30px;
              }
              .contentIcon {
                  position: absolute;
                  top:0;
                  right: 30px;
                  bottom: 0;
                  height: 6px;
                  width: auto;
                  margin: auto 0;
                  transform: rotate(-90deg);
                  transition: transform .6s;
                  * {
                      stroke: $mainTint2;
                  }
              }
              &:after {
                  content: "";
                  position: absolute;
                  bottom: 0;
                  left: 0;

                  height: 4px;
                  width: 0px;

                  transition: width .6s;

                  background-color: $mainTint2;
              }
          }
          .bottom {
              max-height: 0;
              overflow: hidden;
              transition: max-height .6s;
              p {
                  padding: 20px 50px 30px 50px;
              }
          }
          &.active {
              .top {
                  .contentIcon {
                      transform: rotate(0);
                  }
                  &:after {
                     width: 100%; 
                  }
              }
              .bottom {
                  max-height: 1000px;
              }
          }
      }
  }*/
}
.page-template-t-cms .swipNav {
  grid-column: 2/12;
  width: 100%;
  position: relative;
}
.page-template-t-cms .swipNav .swiper-button-prev, .page-template-t-cms .swipNav .swiper-button-next {
  width: initial;
  height: inherit;
  color: #004A59;
  text-transform: uppercase;
  margin-top: 0;
  bottom: 0;
}
.page-template-t-cms .swipNav .swiper-button-prev:after, .page-template-t-cms .swipNav .swiper-button-next:after {
  content: none;
}
.page-template-t-cms .swipNav .swiper-pagination {
  width: 100%;
  height: initial;
  bottom: 0px;
}
.page-template-t-cms .swipNav .swiper-pagination .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  opacity: 1;
  background-color: #fff;
  margin: 0 6px;
}
.page-template-t-cms .swipNav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #004A59;
}
.page-template-t-cms .landingSec {
  background-color: #004A59;
  padding-top: 80px;
  position: relative;
}
.page-template-t-cms .landingSec .mainContainer {
  grid-row-gap: 20px;
}
.page-template-t-cms .landingSec .mainContainer p {
  grid-column: 2/10;
  grid-row: 2;
  color: #F0F5F6;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.page-template-t-cms .landingSec .mainContainer h1 {
  grid-column: 2/10;
  grid-row: 3;
  margin-bottom: 20px;
}
.page-template-t-cms .landingSec .mainContainer .breadcrumb {
  grid-column: 1/4;
  grid-row: 1;
}
.page-template-t-cms .landingSec .mainContainer .breadcrumb a, .page-template-t-cms .landingSec .mainContainer .breadcrumb p {
  color: #F0F5F6;
  font-weight: 200;
  font-size: 8px;
}
.page-template-t-cms .landingSec .imgOblique {
  position: absolute;
  top: 0;
  right: 0;
  width: 30vw;
  height: 100%;
  clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
}
.page-template-t-cms .ctaSection {
  margin-bottom: 40px;
}
.page-template-t-cms .ctaSection a {
  grid-column: 5/9;
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .ctaSection a {
    grid-column: 4/10;
  }
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .ctaSection a {
    grid-column: 3/11;
  }
}
.page-template-t-cms .ancreSection {
  background-color: #F0F5F6;
  padding: 20px 0;
  z-index: 20;
  position: sticky;
  top: 80px;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .ancreSection {
    top: 60px;
  }
}
.page-template-t-cms .ancreSection .mainContainer {
  grid-row-gap: 20px;
  grid-auto-rows: 1fr;
}
.page-template-t-cms .ancreSection .mainContainer a {
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  grid-column: span 2;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-t-cms .ancreSection .mainContainer a:hover {
  background-color: #00CDAF;
  color: #fff;
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .ancreSection .mainContainer a {
    grid-column: span 3;
  }
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .ancreSection .mainContainer a {
    grid-column: span 6;
  }
}
.page-template-t-cms .ttlSection {
  margin-top: 40px;
  padding: 20px 0;
}
.page-template-t-cms .ttlSection .oblique {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-cms .ttlSection h2 {
  grid-column: 2/10;
  grid-row: 1;
}
.page-template-t-cms .ttl2Section {
  padding: 20px 0;
}
.page-template-t-cms .ttl2Section .oblique {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-cms .ttl2Section h3 {
  grid-column: 2/10;
  grid-row: 1;
  color: #004A59;
}
.page-template-t-cms .descSection {
  padding: 20px 0;
}
.page-template-t-cms .descSection p {
  grid-column: 2/9;
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .descSection p {
    grid-column: 2/11;
  }
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .descSection p {
    grid-column: 1/13;
  }
}
.page-template-t-cms .mediaSection {
  padding: 30px 0;
}
.page-template-t-cms .mediaSection .ctn {
  grid-column: span 12;
}
.page-template-t-cms .mediaSection .ctn .playIco {
  width: 180px;
  height: 180px;
  justify-content: center;
}
.page-template-t-cms .mediaSection .ctn .playIco p {
  font-size: 20px;
}
.page-template-t-cms .mediaSection .ctn .txtCtn p {
  grid-column: 4/10;
  font-size: 25px;
  letter-spacing: 1px;
}
.page-template-t-cms .mediaSection .small .ctn {
  grid-column: 3/11;
}
.page-template-t-cms .mediaSection .small .ctn .playIco {
  width: 120px;
  height: 120px;
}
.page-template-t-cms .mediaSection .small .ctn .playIco p {
  font-size: 18px;
}
.page-template-t-cms .mediaSection .small .ctn .txtCtn p {
  grid-column: 2/12;
  font-size: 22px;
  letter-spacing: 1px;
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .mediaSection .ctn {
    grid-column: span 12;
  }
  .page-template-t-cms .mediaSection .ctn .playIco {
    width: 140px;
    height: 140px;
    justify-content: center;
  }
  .page-template-t-cms .mediaSection .ctn .playIco p {
    font-size: 18px;
  }
  .page-template-t-cms .mediaSection .ctn .txtCtn p {
    grid-column: 2/12;
    font-size: 22px;
    letter-spacing: 1px;
  }
  .page-template-t-cms .mediaSection .small .ctn {
    grid-column: 2/12;
  }
  .page-template-t-cms .mediaSection .small .ctn .playIco {
    width: 80px;
    height: 80px;
  }
  .page-template-t-cms .mediaSection .small .ctn .playIco p {
    font-size: 14px;
  }
  .page-template-t-cms .mediaSection .small .ctn .txtCtn p {
    grid-column: 2/12;
    font-size: 22px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .mediaSection .ctn {
    grid-column: span 12;
  }
  .page-template-t-cms .mediaSection .ctn .playIco {
    width: 80px;
    height: 80px;
    justify-content: center;
  }
  .page-template-t-cms .mediaSection .ctn .playIco p {
    font-size: 14px;
  }
  .page-template-t-cms .mediaSection .ctn .txtCtn p {
    grid-column: 2/12;
    font-size: 16px;
    letter-spacing: 1px;
  }
  .page-template-t-cms .mediaSection .small .ctn {
    grid-column: 1/13;
  }
  .page-template-t-cms .mediaSection .small .ctn .playIco {
    width: 80px;
    height: 80px;
  }
  .page-template-t-cms .mediaSection .small .ctn .playIco p {
    font-size: 14px;
  }
  .page-template-t-cms .mediaSection .small .ctn .txtCtn p {
    grid-column: 2/12;
    font-size: 16px;
    letter-spacing: 1px;
  }
}
.page-template-t-cms .mediaSection .videoCtn {
  width: 100%;
  padding-bottom: 56.4%;
  position: relative;
}
.page-template-t-cms .mediaSection .videoCtn iframe {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-template-t-cms .mediaSection .videoCtn .minuature {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.6s;
}
.page-template-t-cms .mediaSection .videoCtn .minuature .playIco {
  border-radius: 100%;
  background-color: #004A59;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-template-t-cms .mediaSection .videoCtn .minuature .playIco p {
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  color: #00CDAF;
}
.page-template-t-cms .mediaSection .videoCtn .minuature.disabled {
  opacity: 0;
  pointer-events: none;
}
.page-template-t-cms .mediaSection .mediaImg {
  width: 100%;
  padding-bottom: 42%;
  position: relative;
}
.page-template-t-cms .mediaSection .mediaImg .txtCtn {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  align-content: center;
  justify-content: center;
}
.page-template-t-cms .mediaSection .mediaImg .txtCtn p {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}
.page-template-t-cms .mediaSection video {
  width: 100%;
  height: auto;
}
.page-template-t-cms .mediaSection .videoDesc p {
  grid-column: 2/12;
  grid-row: 2;
}
.page-template-t-cms .mediaSection .videoDesc .small {
  grid-row: 1;
}
.page-template-t-cms .txt3Section {
  padding: 30px 0;
}
.page-template-t-cms .txt3Section .oblique {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-cms .txt3Section h2 {
  grid-column: 2/9;
  grid-row: 1;
}
.page-template-t-cms .txt3Section .txtBloc {
  grid-column: span 4;
  grid-row: 2;
  padding: 10px 20px;
}
.page-template-t-cms .txt3Section a {
  grid-column: 9/13;
  grid-row: 3;
}
.page-template-t-cms .txt3Section .mainContainer.backgrounded {
  background-color: #F0F5F6;
  padding: 30px 0;
}
.page-template-t-cms .txt3Section .mainContainer.backgrounded .txtBloc {
  padding: 0 20px;
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .txt3Section .txtBloc {
    grid-column: span 12;
    grid-row: initial;
  }
  .page-template-t-cms .txt3Section a {
    grid-column: 9/13;
    grid-row: 4;
  }
}
.page-template-t-cms .txt2BgSection {
  padding: 30px 0;
}
.page-template-t-cms .txt2BgSection .mainContainer {
  background-color: #F0F5F6;
  padding: 30px 0;
}
.page-template-t-cms .txt2BgSection .mainContainer h3 {
  grid-column: 2/9;
  grid-row: 1;
}
.page-template-t-cms .txt2BgSection .mainContainer .txtLeft {
  grid-column: 2/7;
  grid-row: 2;
}
.page-template-t-cms .txt2BgSection .mainContainer .txtRight {
  grid-column: 7/12;
  grid-row: 2;
}
.page-template-t-cms .txt2BgSection .mainContainer a {
  grid-column: 8/12;
  grid-row: 3;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .txt2BgSection {
    padding: 0;
  }
  .page-template-t-cms .txt2BgSection .mainContainer h3 {
    grid-column: 2/9;
  }
  .page-template-t-cms .txt2BgSection .mainContainer .txtLeft {
    grid-column: 2/12;
  }
  .page-template-t-cms .txt2BgSection .mainContainer .txtRight {
    grid-column: 2/12;
    grid-row: 3;
  }
  .page-template-t-cms .txt2BgSection .mainContainer a {
    grid-column: 6/12;
    grid-row: 4;
  }
}
.page-template-t-cms .txt2Section {
  padding: 30px 0;
}
.page-template-t-cms .txt2Section .oblique {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-cms .txt2Section h2 {
  grid-column: 2/9;
  grid-row: 1;
}
.page-template-t-cms .txt2Section .txtBloc {
  grid-column: span 6;
  grid-row: 2;
}
.page-template-t-cms .txt2Section a {
  grid-column: 8/12;
  grid-row: 3;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .txt2Section .txtBloc {
    grid-column: span 12;
    grid-row: initial;
  }
  .page-template-t-cms .txt2Section a {
    grid-column: 6/13;
    grid-row: 3;
  }
}
.page-template-t-cms .slidKpiImgSection {
  padding: 30px 0;
  background-color: #FAFAFA;
}
.page-template-t-cms .slidKpiImgSection .mainContainer h2 {
  grid-column: 2/7;
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .slidKpiImgSection .mainContainer h2 {
    grid-column: 2/10;
  }
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .slidKpiImgSection .mainContainer h2 {
    grid-column: 2/12;
  }
}
.page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi {
  grid-column: 1/13;
  width: 100%;
}
.page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi .swiper-slide {
  text-align: center;
}
.page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi .swiper-slide .imgCtn {
  padding-bottom: 100%;
  width: 100%;
}
.page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi .swiper-slide .kpi {
  font-size: 30px;
  color: #00CDAF;
}
.page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi .swiper-slide p {
  padding-bottom: 5px;
  font-weight: 500;
}
.page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi .swiper-slide .small {
  font-weight: 300;
}
.page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi .swiper-slide .centerer {
  display: none;
}
.page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi.noslid .swiper-wrapper {
  grid-column: span 12;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  justify-content: center;
  align-items: center;
  grid-gap: 40px;
}
.page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi.noslid .swiper-wrapper .swiper-slide {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi.noslid .swiper-wrapper .swiper-slide {
    grid-column: span 6;
  }
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi.noslid .swiper-wrapper .swiper-slide {
    grid-column: span 6;
  }
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi.noslid .swiper-wrapper {
    grid-gap: 20px;
  }
}
.page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi.noslid .swiper-wrapper .centerer {
  display: block;
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .slidKpiImgSection .mainContainer .swiperKpi.noslid .swiper-wrapper .centerer {
    display: none;
  }
}
.page-template-t-cms .slidKpiImgSection .mainContainer .nonav {
  display: none;
}
.page-template-t-cms .txtImgBgSection {
  padding: 30px 0;
}
.page-template-t-cms .txtImgBgSection .blockDark {
  grid-column: 2/12;
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  grid-gap: 40px;
  position: relative;
}
.page-template-t-cms .txtImgBgSection .blockDark .imgCtn {
  grid-column: span 4;
  height: 100%;
}
.page-template-t-cms .txtImgBgSection .blockDark .txtCtn {
  grid-column: span 5;
  padding: 40px 0;
}
.page-template-t-cms .txtImgBgSection .blockDark .txtCtn svg {
  height: 28px;
  width: auto;
  margin-bottom: 30px;
}
.page-template-t-cms .txtImgBgSection .blockDark .txtCtn svg line {
  stroke: #004A59;
}
.page-template-t-cms .txtImgBgSection .blockDark .txtCtn h3 {
  color: #004A59;
}
.page-template-t-cms .txtImgBgSection .blockDark .txtCtn p {
  color: #004A59;
  padding-bottom: 20px;
}
.page-template-t-cms .txtImgBgSection .blockDark .txtCtn .small {
  padding-bottom: 4px;
}
.page-template-t-cms .txtImgBgSection .blockDark .txtCtn .l2 {
  color: #00CDAF;
}
.page-template-t-cms .txtImgBgSection .blockDark .txtCtn.marge {
  grid-column: 2/10;
}
.page-template-t-cms .txtImgBgSection .blockDark.bg {
  background-color: #004A59;
}
.page-template-t-cms .txtImgBgSection .blockDark.bg .background {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 8%;
  padding-bottom: 19.5%;
  background-color: #fff;
  clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
}
.page-template-t-cms .txtImgBgSection .blockDark.bg .txtCtn svg line {
  stroke: #00CDAF;
}
.page-template-t-cms .txtImgBgSection .blockDark.bg .txtCtn h3 {
  color: #00CDAF;
}
.page-template-t-cms .txtImgBgSection .blockDark.bg .txtCtn p {
  color: #fff;
}
.page-template-t-cms .txtImgBgSection .blockDark.bg .txtCtn .l2 {
  color: #00CDAF;
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .txtImgBgSection .blockDark {
    grid-column: 1/13;
    grid-gap: 20px;
  }
  .page-template-t-cms .txtImgBgSection .blockDark .imgCtn {
    grid-column: span 12;
    padding-bottom: 100%;
  }
  .page-template-t-cms .txtImgBgSection .blockDark .txtCtn {
    grid-column: 2/12;
  }
  .page-template-t-cms .txtImgBgSection .blockDark.bg .background {
    display: none;
  }
}
.page-template-t-cms .dropDownSection {
  padding: 30px 0;
  background-color: #FAFAFA;
}
.page-template-t-cms .dropDownSection .oblique {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-cms .dropDownSection h2 {
  grid-column: 2/10;
  grid-row: 1;
}
.page-template-t-cms .dropDownSection .itemCtn {
  grid-column: 1/13;
}
.page-template-t-cms .dropDownSection .itemCtn .item {
  grid-column-end: span 3;
}
.page-template-t-cms .dropDownSection .itemCtn .item .ctn {
  position: relative;
  padding-bottom: 10px;
  background-color: #fff;
  cursor: pointer;
  padding: 20px 20px 20px 10px;
}
.page-template-t-cms .dropDownSection .itemCtn .item .ctn .ttl {
  align-self: center;
  color: #004A59;
  text-transform: uppercase;
  font-size: 18px;
  margin-left: 30px;
}
.page-template-t-cms .dropDownSection .itemCtn .item .ctn .contentIcon {
  position: absolute;
  right: 10px;
  bottom: 20px;
  height: 7px;
  transform: rotate(-90deg);
  transition: transform 0.6s;
}
.page-template-t-cms .dropDownSection .itemCtn .item .ctn .contentIcon * {
  stroke: #00CDAF;
  fill: none;
}
.page-template-t-cms .dropDownSection .itemCtn .item .ctn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 4px;
  background-color: #00CDAF;
  transition: width 0.6s;
}
.page-template-t-cms .dropDownSection .itemCtn .item .subCtn {
  display: none;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.6s, opacity 0.6s;
}
.page-template-t-cms .dropDownSection .itemCtn .item.active .ctn .contentIcon {
  transform: rotate(0deg);
}
.page-template-t-cms .dropDownSection .itemCtn .item.active .ctn::before {
  width: 100%;
}
.page-template-t-cms .dropDownSection .itemCtn .item.active .subCtn {
  max-height: 1000px;
  opacity: 1;
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .dropDownSection .itemCtn .item {
    grid-column-end: span 6;
  }
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .dropDownSection .itemCtn .item {
    grid-column-end: span 12;
  }
  .page-template-t-cms .dropDownSection .itemCtn .item .subCtn {
    display: block;
  }
  .page-template-t-cms .dropDownSection .itemCtn .item .subCtn .wysiwyg {
    padding: 20px 0;
  }
}
.page-template-t-cms .dropDownSection .subItemCtn {
  grid-column: 1/13;
}
.page-template-t-cms .dropDownSection .subItemCtn .subItem {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.6s, opacity 0.6s;
}
.page-template-t-cms .dropDownSection .subItemCtn .subItem .ctn {
  grid-column: span 6;
}
.page-template-t-cms .dropDownSection .subItemCtn .subItem.active {
  max-height: 1000px;
  opacity: 1;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .dropDownSection .subItemCtn {
    display: none;
  }
}
.page-template-t-cms .imgTxtSection {
  padding: 30px 0;
}
.page-template-t-cms .imgTxtSection .imgCtn {
  grid-column: 1/6;
  padding-bottom: 80%;
  width: 80%;
  margin: auto;
}
.page-template-t-cms .imgTxtSection .txtCtn {
  grid-column: 6/12;
  align-self: center;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .imgTxtSection .imgCtn {
    grid-column: 1/13;
  }
  .page-template-t-cms .imgTxtSection .txtCtn {
    grid-column: 1/13;
  }
}
.page-template-t-cms .txtImgSection {
  padding: 30px 0;
}
.page-template-t-cms .txtImgSection .txtCtn {
  grid-column: 2/8;
  align-self: center;
}
.page-template-t-cms .txtImgSection .imgCtn {
  grid-column: 8/13;
  padding-bottom: 80%;
  width: 80%;
  margin: auto;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .txtImgSection .txtCtn {
    grid-column: 1/13;
  }
  .page-template-t-cms .txtImgSection .imgCtn {
    grid-column: 1/13;
  }
}
.page-template-t-cms .img3Section {
  padding: 30px 0;
}
.page-template-t-cms .img3Section .item {
  grid-column: span 4;
  padding: 0 10%;
  align-self: end;
  padding-top: 20px;
}
.page-template-t-cms .img3Section .item p {
  text-align: center;
  padding: 0 0 20px 10px;
}
.page-template-t-cms .img3Section .item .imgCtn {
  padding-bottom: 56%;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .img3Section .item {
    grid-column: 2/12;
  }
}
.page-template-t-cms .picto3Section {
  padding: 30px 0;
}
.page-template-t-cms .picto3Section .blcCtn {
  text-align: center;
}
.page-template-t-cms .picto3Section .blcCtn .imgCtCtn {
  margin: 0 37%;
  margin-bottom: 20px;
}
.page-template-t-cms .picto3Section .blcCtn .imgCtCtn .imgCtn {
  padding-bottom: 100%;
  background-size: contain;
}
.page-template-t-cms .picto3Section .blcCtn p {
  padding-bottom: 10px;
  font-weight: 500;
}
.page-template-t-cms .picto3Section .blcCtn .small {
  font-weight: 300;
}
.page-template-t-cms .picto3Section .nb3 .blcCtn {
  grid-column: span 4;
}
.page-template-t-cms .picto3Section .nb2 .el1 {
  grid-column: 3/7;
}
.page-template-t-cms .picto3Section .nb2 .el2 {
  grid-column: 7/11;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .picto3Section .nb3 .blcCtn {
    grid-column: 2/12;
  }
  .page-template-t-cms .picto3Section .nb2 .el1 {
    grid-column: 2/12;
  }
  .page-template-t-cms .picto3Section .nb2 .el2 {
    grid-column: 2/12;
  }
}
.page-template-t-cms .slidImgSection {
  padding: 30px 0;
}
.page-template-t-cms .slidImgSection h3 {
  grid-column: 2/7;
}
.page-template-t-cms .slidImgSection .swiperImage {
  grid-column: 1/13;
  width: 100%;
}
.page-template-t-cms .slidImgSection .swiperImage .imgCtn {
  padding-bottom: 111%;
}
.page-template-t-cms .formSec {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #F0F5F6;
}
.page-template-t-cms .formSec svg {
  grid-column: 1;
  grid-row: 1;
  margin-bottom: 50px;
}
.page-template-t-cms .formSec .text {
  margin-bottom: 50px;
  grid-column: 2/6;
  grid-row: 1;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .formSec .text {
    grid-column: 2/12;
    grid-row: initial;
  }
}
.page-template-t-cms .formSec .text h2, .page-template-t-cms .formSec .text .bold {
  margin-bottom: 20px;
}
.page-template-t-cms .formSec .wpcf7 {
  grid-column: 6/12;
  grid-row: 1;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .formSec .wpcf7 {
    grid-column: 2/12;
    grid-row: initial;
  }
}
.page-template-t-cms .formSec .wpcf7 form {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(6, 1fr);
}
.page-template-t-cms .formSec .wpcf7 form .leftForm {
  grid-column: 1/4;
  grid-row: 1;
}
.page-template-t-cms .formSec .wpcf7 form .rightForm {
  grid-column: 4/7;
  grid-row: 1;
}
.page-template-t-cms .formSec .wpcf7 form .lblCv {
  display: block;
  grid-column: 1/4;
  grid-row: 2;
}
.page-template-t-cms .formSec .wpcf7 form .lblLetter {
  display: block;
  grid-column: 4/7;
  grid-row: 2;
}
.page-template-t-cms .formSec .wpcf7 form .dlBtn {
  display: none;
}
.page-template-t-cms .formSec .wpcf7 form .checkCtn {
  position: relative;
  grid-column: 1/7;
  grid-row: 3;
  cursor: pointer;
}
.page-template-t-cms .formSec .wpcf7 form .checkCtn label {
  color: #00CDAF;
  margin-left: 10px;
}
.page-template-t-cms .formSec .wpcf7 form .submitBtn {
  grid-column: 4/7;
  grid-row: 4;
}
.page-template-t-cms .formSec .wpcf7 form .wpcf7-response-output {
  grid-column: 1/7;
  grid-row: 5;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .formSec .wpcf7 form {
    grid-gap: 20px;
  }
  .page-template-t-cms .formSec .wpcf7 form .leftForm, .page-template-t-cms .formSec .wpcf7 form .rightForm, .page-template-t-cms .formSec .wpcf7 form .lblCv, .page-template-t-cms .formSec .wpcf7 form .lblLetter, .page-template-t-cms .formSec .wpcf7 form .checkCtn, .page-template-t-cms .formSec .wpcf7 form .submitBtn, .page-template-t-cms .formSec .wpcf7 form .wpcf7-response-output {
    grid-column: 1/7;
    grid-row: initial;
  }
}
.page-template-t-cms .formSec .wpcf7 form .leftForm input, .page-template-t-cms .formSec .wpcf7 form .rightForm input {
  margin-bottom: 20px;
  width: 100%;
}
.page-template-t-cms .equipeSection {
  padding: 30px 0;
}
.page-template-t-cms .equipeSection .itemCtn {
  margin-top: 50px;
}
.page-template-t-cms .equipeSection .itemCtn .item {
  grid-column-end: span 3;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .equipeSection .itemCtn .item {
    grid-column: 2/12;
  }
}
.page-template-t-cms .equipeSection .itemCtn .item .ctn {
  position: relative;
  padding-bottom: 10px;
  cursor: pointer;
}
.page-template-t-cms .equipeSection .itemCtn .item .ctn .imgCtn {
  width: 100%;
  padding-bottom: 120%;
  margin-bottom: 10px;
}
.page-template-t-cms .equipeSection .itemCtn .item .ctn .contentIcon {
  position: absolute;
  right: -15px;
  bottom: 10px;
  height: 7px;
  width: auto;
  transform: rotate(-90deg);
  transition: transform 0.6s;
}
.page-template-t-cms .equipeSection .itemCtn .item .ctn .contentIcon * {
  stroke: #00CDAF;
  fill: none;
}
.page-template-t-cms .equipeSection .itemCtn .item .ctn .small {
  color: #00CDAF;
}
.page-template-t-cms .equipeSection .itemCtn .item .ctn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: #00CDAF;
  transition: width 0.6s;
}
.page-template-t-cms .equipeSection .itemCtn .item .subCtn {
  display: none;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  transition: max-height 0.6s, opacity 0.6s;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .equipeSection .itemCtn .item .subCtn {
    display: block;
  }
  .page-template-t-cms .equipeSection .itemCtn .item .subCtn .col1, .page-template-t-cms .equipeSection .itemCtn .item .subCtn .col2, .page-template-t-cms .equipeSection .itemCtn .item .subCtn .col3, .page-template-t-cms .equipeSection .itemCtn .item .subCtn .col4 {
    margin-bottom: 20px;
  }
  .page-template-t-cms .equipeSection .itemCtn .item .subCtn .col1, .page-template-t-cms .equipeSection .itemCtn .item .subCtn .content1Soc {
    margin-bottom: 20px;
  }
  .page-template-t-cms .equipeSection .itemCtn .item .subCtn .col1 svg, .page-template-t-cms .equipeSection .itemCtn .item .subCtn .content1Soc svg {
    width: 30px;
    margin-right: 20px;
  }
}
.page-template-t-cms .equipeSection .itemCtn .item.active .contentIcon {
  transform: rotate(0deg);
}
.page-template-t-cms .equipeSection .itemCtn .item.active::before {
  width: 100%;
}
.page-template-t-cms .equipeSection .itemCtn .item.active .subCtn {
  pointer-events: initial;
  max-height: 1000px;
  opacity: 1;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .equipeSection .itemCtn .item.active .subCtn {
    max-height: 2000px;
  }
}
.page-template-t-cms .equipeSection .subItemCtn {
  margin-top: 20px;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .equipeSection .subItemCtn {
    display: none;
  }
}
.page-template-t-cms .equipeSection .subItemCtn .subItem {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.6s, opacity 0.6s;
}
.page-template-t-cms .equipeSection .subItemCtn .subItem .col1 {
  grid-column: 1;
}
.page-template-t-cms .equipeSection .subItemCtn .subItem .col1 svg {
  width: 30px;
  margin-bottom: 20px;
}
.page-template-t-cms .equipeSection .subItemCtn .subItem .col2 {
  grid-column: 2/5;
}
.page-template-t-cms .equipeSection .subItemCtn .subItem .col3 {
  grid-column: 5/8;
}
.page-template-t-cms .equipeSection .subItemCtn .subItem .col3 p {
  font-weight: 500;
  margin-bottom: 20px;
}
.page-template-t-cms .equipeSection .subItemCtn .subItem .col3 li {
  margin-left: 20px;
  margin-bottom: 15px;
  list-style: none;
  position: relative;
}
.page-template-t-cms .equipeSection .subItemCtn .subItem .col3 li::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -20px;
  width: 4px;
  height: 4px;
  background-color: #004A59;
}
.page-template-t-cms .equipeSection .subItemCtn .subItem .col4 {
  grid-column: 8/11;
}
.page-template-t-cms .equipeSection .subItemCtn .subItem.active {
  max-height: 1000px;
  opacity: 1;
}
.page-template-t-cms .equipeSection .subItemCtn .subItem .content1Soc {
  grid-column: 1;
}
.page-template-t-cms .equipeSection .subItemCtn .subItem .content1Soc svg {
  width: 30px;
  margin-bottom: 20px;
}
.page-template-t-cms .equipeSection .subItemCtn .subItem .content1, .page-template-t-cms .equipeSection .subItemCtn .subItem .content2 {
  grid-column: 2/13;
}
.page-template-t-cms .equipeSection .subItemCtn .subItem .content2 {
  grid-column: 2/12;
}
.page-template-t-cms .exempleSec {
  padding: 40px 0;
  background-color: #F0F5F6;
}
.page-template-t-cms .exempleSec .btnCtn {
  grid-column: 1/6;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .exempleSec .btnCtn {
    grid-column: 1/13;
  }
}
.page-template-t-cms .exempleSec .btnCtn p {
  color: rgb(126, 126, 126);
  text-transform: uppercase;
  margin-bottom: 30px;
  transition: color 0.6s;
  cursor: pointer;
}
.page-template-t-cms .exempleSec .btnCtn p.active {
  color: #00CDAF;
}
.page-template-t-cms .exempleSec .txtCtn {
  grid-column: 6/13;
  height: 400px;
  position: relative;
  /*&::-webkit-scrollbar {
      width: 10px;
  }

  &::-webkit-scrollbar-track {
      background: #fff;
      width: 2px;
      margin: 0 auto;
  }
  &::-webkit-scrollbar-thumb {
      background: $mainTint2;
  }*/
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .exempleSec .txtCtn {
    grid-column: 1/13;
  }
}
.page-template-t-cms .exempleSec .txtCtn .txtCtnIn {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  padding-right: 20px;
  overflow-y: auto;
  opacity: 0;
  transition: opacity 0.6s;
  pointer-events: none;
}
.page-template-t-cms .exempleSec .txtCtn .txtCtnIn .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  background-color: #00CDAF;
}
.page-template-t-cms .exempleSec .txtCtn .txtCtnIn p {
  margin-bottom: 15px;
}
.page-template-t-cms .exempleSec .txtCtn .txtCtnIn.active {
  opacity: 1;
  pointer-events: initial;
}
.page-template-t-cms .authorSec {
  padding: 50px 0 80px 0;
}
.page-template-t-cms .authorSec h2 {
  grid-column: 1/6;
  grid-row: 1;
  font-weight: 500;
}
.page-template-t-cms .authorSec .auteurSymbol {
  grid-column: span 3;
  grid-row: 2;
  padding: 0;
}
.page-template-t-cms .authorSec .auteurSymbol .imgAut {
  width: 100px;
  height: 125px;
}
.page-template-t-cms .authorSec .auteurSymbol .txtCtn {
  padding-top: 0;
}
.page-template-t-cms .authorSec .auteurSymbol .txtCtn .name {
  font-size: 14px;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .authorSec .auteurSymbol {
    grid-column: span 12;
    grid-row: initial;
  }
}
.page-template-t-cms .postSec h2 {
  grid-column: 1/5;
  grid-row: 1;
}
.page-template-t-cms .postSec .actuArticle {
  grid-column: span 4;
  grid-row: 2;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .postSec h2 {
    grid-column: 2/11;
  }
  .page-template-t-cms .postSec .actuArticle {
    grid-column: 2/11;
    grid-row: initial;
  }
}
.page-template-t-cms .expertSec {
  margin-top: 30px 0;
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .expertSec {
    margin-top: 80px;
  }
}
.page-template-t-cms .expertSec .gridContainer {
  margin-bottom: 50px;
}
.page-template-t-cms .expertSec .oblique {
  grid-column: 1;
  grid-row: 1;
}
.page-template-t-cms .expertSec h2 {
  grid-column: 2/9;
  grid-row: 1;
}
.page-template-t-cms .expertSec .ttl1 {
  grid-column: 2/6;
  grid-row: 2;
}
.page-template-t-cms .expertSec .ttl2 {
  grid-column: 8/12;
  grid-row: 2;
}
.page-template-t-cms .expertSec .itemGrid {
  padding: 10px 30px;
  text-align: center;
  color: #004A59;
}
.page-template-t-cms .expertSec .itemGrid .imgCtn img {
  width: 100%;
  height: auto;
}
.page-template-t-cms .expertSec .itemGrid.shadow {
  box-shadow: 0 10px 20px 0 rgba(49, 25, 0, 0.1);
}
.page-template-t-cms .expertSec .igl0 {
  grid-column: 2/4;
  grid-row: 3;
}
.page-template-t-cms .expertSec .igl1 {
  grid-column: 4/6;
  grid-row: 3;
}
.page-template-t-cms .expertSec .igl2 {
  grid-column: 2/4;
  grid-row: 4;
}
.page-template-t-cms .expertSec .igl3 {
  grid-column: 4/6;
  grid-row: 4;
}
.page-template-t-cms .expertSec .igl4 {
  grid-column: 2/4;
  grid-row: 5;
}
.page-template-t-cms .expertSec .igl5 {
  grid-column: 4/6;
  grid-row: 5;
}
.page-template-t-cms .expertSec .igr0 {
  grid-column: 8/10;
  grid-row: 3;
}
.page-template-t-cms .expertSec .igr1 {
  grid-column: 10/12;
  grid-row: 3;
}
.page-template-t-cms .expertSec .igr2 {
  grid-column: 8/10;
  grid-row: 4;
}
.page-template-t-cms .expertSec .igr3 {
  grid-column: 10/12;
  grid-row: 4;
}
.page-template-t-cms .expertSec .igr4 {
  grid-column: 8/10;
  grid-row: 5;
}
.page-template-t-cms .expertSec .igr5 {
  grid-column: 10/12;
  grid-row: 5;
}
@media screen and (max-width: 1200px) {
  .page-template-t-cms .expertSec .igl0 {
    grid-column: 1/4;
    grid-row: 3;
  }
  .page-template-t-cms .expertSec .igl1 {
    grid-column: 4/7;
    grid-row: 3;
  }
  .page-template-t-cms .expertSec .igl2 {
    grid-column: 1/4;
    grid-row: 4;
  }
  .page-template-t-cms .expertSec .igl3 {
    grid-column: 4/7;
    grid-row: 4;
  }
  .page-template-t-cms .expertSec .igl4 {
    grid-column: 1/4;
    grid-row: 5;
  }
  .page-template-t-cms .expertSec .igl5 {
    grid-column: 4/7;
    grid-row: 5;
  }
  .page-template-t-cms .expertSec .igr0 {
    grid-column: 7/10;
    grid-row: 3;
  }
  .page-template-t-cms .expertSec .igr1 {
    grid-column: 10/13;
    grid-row: 3;
  }
  .page-template-t-cms .expertSec .igr2 {
    grid-column: 7/10;
    grid-row: 4;
  }
  .page-template-t-cms .expertSec .igr3 {
    grid-column: 10/13;
    grid-row: 4;
  }
  .page-template-t-cms .expertSec .igr4 {
    grid-column: 7/10;
    grid-row: 5;
  }
  .page-template-t-cms .expertSec .igr5 {
    grid-column: 10/13;
    grid-row: 5;
  }
}
@media screen and (max-width: 700px) {
  .page-template-t-cms .expertSec h2 {
    grid-column: 2/12;
  }
  .page-template-t-cms .expertSec .ttl1, .page-template-t-cms .expertSec .ttl2 {
    grid-column: span 12;
    grid-row: initial;
  }
  .page-template-t-cms .expertSec .itemGrid {
    grid-column: span 4;
    grid-row: initial;
    padding: 10px;
  }
}
.page-template-t-cms .formInfoSection {
  padding: 30px 0;
}
.page-template-t-cms .formInfoSection .mainContainer {
  background-color: #F0F5F6;
  grid-template-rows: max-content;
}
.page-template-t-cms .formInfoSection .mainContainer .imgCtn {
  grid-column: 1/6;
  grid-row: 1/3;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
}
.page-template-t-cms .formInfoSection .mainContainer .title {
  grid-column: 6/10;
  padding-top: 20px;
}
.page-template-t-cms .formInfoSection .mainContainer .ctnForm {
  grid-column: 6/12;
  padding-bottom: 20px;
}
.page-template-t-cms .formInfoSection .mainContainer .ctnForm form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column-gap: 40px;
}
@media screen and (max-width: 1200px) {
  .page-template-t-cms .formInfoSection .mainContainer .ctnForm form {
    grid-column-gap: 30px;
  }
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .formInfoSection .mainContainer .ctnForm form {
    grid-column-gap: 20px;
  }
}
.page-template-t-cms .formInfoSection .mainContainer .ctnForm form .col1 {
  grid-column: span 1;
}
.page-template-t-cms .formInfoSection .mainContainer .ctnForm form .col2 {
  grid-column: span 2;
}
.page-template-t-cms .formInfoSection .mainContainer .ctnForm form .checkCtn {
  position: relative;
  grid-column: span 2;
  margin: 30px 0;
  position: relative;
  cursor: pointer;
}
.page-template-t-cms .formInfoSection .mainContainer .ctnForm form .checkCtn input {
  display: block;
  opacity: 0;
  position: absolute;
}
.page-template-t-cms .formInfoSection .mainContainer .ctnForm form .checkCtn label {
  color: #00CDAF;
  margin-left: 10px;
  font-size: 10px;
}
.page-template-t-cms .formInfoSection .mainContainer .ctnForm form button {
  grid-column: 2;
}
.page-template-t-cms .formInfoSection .mainContainer .ctnForm form .slideMsg > * {
  display: none;
}
.page-template-t-cms .formInfoSection .mainContainer .ctnForm form .slideMsg > *.show {
  display: block;
}
@media screen and (max-width: 900px) {
  .page-template-t-cms .formInfoSection .mainContainer .imgCtn {
    grid-column: 1/13;
    grid-row: 1;
  }
  .page-template-t-cms .formInfoSection .mainContainer .title {
    grid-column: 2/10;
  }
  .page-template-t-cms .formInfoSection .mainContainer .ctnForm {
    grid-column: 2/12;
  }
}
.page-template-t-cms .widgetSec .mentreprises-scores-container {
  max-width: 400px;
  width: 80%;
  margin: auto;
}
.page-template-t-cms .widgetSec .mentreprises-scores-container .mentreprises-scorebox-type .score {
  font-size: 50px;
}
.page-template-t-cms .widgetSec .mentreprises-scores-container .mentreprises-scorebox-title, .page-template-t-cms .widgetSec .mentreprises-scores-container .singlescorebox-infos .singlescorebox-title {
  font-size: 20px;
}
.page-template-t-cms .widgetSec .mentreprises-scores-container .mentreprises-scorebox-type .voters-num {
  font-size: 30px;
}

.page-template-t-cms .jsEquipeTopItem .ctn p.small {
  font-size: 12px;
}

.page-template-t-cms .personname {
  font-size: 14px;
}

@media screen and (max-width: 700px) {
  .page-template-t-cms section.equipeSection .itemCtn.gridContainer {
    display: contents;
  }
}
.error404 {
  background-color: #004A59;
}
.error404 .landingSec {
  padding-top: 80px;
  position: relative;
  padding: 180px 0 120px 0;
}
.error404 .landingSec .mainContainer {
  grid-row-gap: 60px;
}
.error404 .landingSec .mainContainer .xSmall {
  grid-column: 2/8;
  grid-row: 2;
  color: #F0F5F6;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.error404 .landingSec .mainContainer h1 {
  grid-column: 2/8;
  grid-row: 3;
  margin-bottom: 20px;
}
.error404 .landingSec .mainContainer .breadcrumb {
  grid-column: 1/4;
  grid-row: 1;
}
.error404 .landingSec .mainContainer .breadcrumb a, .error404 .landingSec .mainContainer .breadcrumb p {
  color: #F0F5F6;
  font-weight: 200;
  font-size: 8px;
}
.error404 .landingSec .mainContainer .desc {
  grid-column: 2/7;
  grid-row: 4;
  color: #fff;
}
.error404 .landingSec .mainContainer .button {
  grid-column: 2/6;
  grid-row: 5;
}
.error404 .landingSec .imgOblique {
  position: absolute;
  top: 0;
  right: 0;
  width: 40vw;
  height: 100%;
  clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
}

.search .landingSec {
  background-color: #004A59;
}
.search .landingSec .mainContainer {
  flex-basis: 100%;
}
.search .landingSec .mainContainer form {
  padding: 130px 0;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 15px 40px;
}
.search .landingSec .mainContainer form label {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  color: #F0F5F6;
  grid-column: 2/span 10;
}
.search .landingSec .mainContainer form input {
  padding: 20px;
  background: none;
  border: none;
  outline: none;
  border-bottom: 1px solid #F0F5F6;
  color: #F0F5F6;
  grid-column: 2/span 10;
}
.search .resSec {
  margin: 40px 0;
}
.search .resSec article {
  grid-column: 2/12;
  padding: 20px 0;
  background-color: #F0F5F6;
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  grid-gap: 40px;
}
.search .resSec article .imgCtn {
  grid-column: 1/5;
  padding-bottom: 70%;
}
.search .resSec article .txtCtn {
  grid-column: 5/10;
  align-self: center;
}
.search .resSec article .txtCtn h2 {
  margin-bottom: 20px;
}
.search .resSec article .txtCtn .excerpt {
  margin-bottom: 20px;
}
.search .resSec article .txtCtn .button {
  display: inline-block;
}
.search .resSec article.noresult .imgCtn {
  padding-bottom: 0;
  padding: 20% 10%;
}

.page-template-default .landingSec {
  background-color: #004A59;
  padding-top: 80px;
  position: relative;
}
.page-template-default .landingSec .mainContainer {
  grid-row-gap: 20px;
}
.page-template-default .landingSec .mainContainer p {
  grid-column: 2/8;
  grid-row: 2;
  color: #F0F5F6;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}
.page-template-default .landingSec .mainContainer h1 {
  grid-column: 2/8;
  grid-row: 3;
  margin-bottom: 20px;
}
.page-template-default .landingSec .mainContainer .breadcrumb {
  grid-column: 1/4;
  grid-row: 1;
}
.page-template-default .landingSec .mainContainer .breadcrumb a, .page-template-default .landingSec .mainContainer .breadcrumb p {
  color: #F0F5F6;
  font-weight: 200;
  font-size: 8px;
}
.page-template-default .landingSec .imgOblique {
  position: absolute;
  top: 0;
  right: 0;
  width: 30vw;
  height: 100%;
  clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
}
.page-template-default .contentSec .mainContainer {
  margin: 40px auto;
}
.page-template-default .contentSec .mainContainer h1, .page-template-default .contentSec .mainContainer h2, .page-template-default .contentSec .mainContainer h3 {
  margin-bottom: 20px;
}
.page-template-default .contentSec .mainContainer p {
  margin-bottom: 10px;
}

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