/*!
Theme Name: everial
Description: A custom WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: everial
*/

/*
dark blue: 052840;
medium blue: 113249;
light blue: 059cd4;
purple: 6165a2;
green: 8bcbbc;
pink: f19091;
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, cite,
em, img, small, strong, sub, sup, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, figure, figcaption, footer,
header, hgroup, menu, nav, section, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /* font-size: 1.2rem !important; */
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* html, body {
  scroll-behavior: smooth;
}
 */
::selection {
  background: #059cd4;
}

::-webkit-scrollbar {
  width: 1.2rem;
}

::-webkit-scrollbar-track {
  background: #FFFFFF;
}

::-webkit-scrollbar-thumb {
  background: #052840;
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


html {
  font-family: 'Poppins', sans-serif;
  font-size: 1rem !important;
  /* font-size: 62.5%; */
  color: #052840;
  /* -webkit-text-size-adjust: 80%;
      -ms-text-size-adjust: 80%; */
}

sup {
	font-size: 12px;
	position: relative;
	top: -8px;
}

/* typo */
.reading_time {
  padding-top: .8rem;
  font-weight: 400 !important;
  color: #00BEF2;
}
.reading_time span {
  font-weight: bold !important;
}

/* body {
  line-height: 1;
}
 */
/* body .v1 p,
body .v1 p span {
  font-size: 18px !important;
} */

html.single.single-post .section-contenu.section-classic > .mw > div:first-child {
  padding: 0 1rem 0 25%;
}

.text-uppercase {
  text-transform: uppercase;
}

.section-contenu ul li strong {
  font-weight: 900;
}

button.cookie-ytb {
  position: relative;
  margin-top: 53px;
  z-index: 98;
  background: #00a8e7;
  cursor: pointer;
  color: #fff;
  padding: 1rem 2rem;
}

html.single.single-post .section-contenu.section-classic h2 {
  display: inline-block;
  max-width: 76%;
  padding: 2.5rem;
  border: 6px solid currentColor;
  font-size: 3.5rem;
  font-weight: 900 !important;
  line-height: 1.1;
  color: #052840;
  letter-spacing: 0.5rem;
  user-select: none;
  text-transform: none;
}

h1, h2, h3, h4, h5, p, ul, li {
  /* font-size: 1.6rem; */
  font-size: 1rem;
  font-weight: 400;
}

ol, ul {
  list-style: none;
}

a {
  color: inherit;
}

.w-light {
  font-weight: 300;
}

.w-normal {
  font-weight: 400;
}

.w-medium {
  font-weight: 500;
}

.w-bold {
  font-weight: 700;
}

.w-black {
  font-weight: 900;
}

.c-white {
  color: #FFFFFF !important;
}

.c-dblue {
  color: #052840;
}

.c-mblue {
  color: #113249;
}

.c-blue {
  color: #059cd4;
}

.c-violet {
  color: #6165a2;
}

.c-vert {
  color: #8bcbbc;
}

.c-rose {
  color: #f19091;
}

.b-dblue {
  background-color: #052840;
}

.b-mblue {
  background-color: #113249;
}

.b-blue {
  background-color: #059cd4;
}

.b-violet {
  background-color: #6165a2;
}

.b-vert {
  background-color: #8bcbbc;
}

.b-rose {
  background-color: #f19091;
}

.t-up {
  text-transform: uppercase;
}

.no-w {
    white-space: nowrap;
}

.e-1 {
  letter-spacing: 0.1rem;
}

.e-2 {
  letter-spacing: 0.2rem;
}

.lh-1 {
  line-height: 1;
}

.full, .half {
  width: calc(100% + 3rem);;
}

.full > img {
  display: block;
  width: 100%;
  height: auto;
}

.half > img {
  display: block;
  width: 75%;
  height: auto;
}

.float {
  float: left;
  padding-right: 2rem;
  padding-bottom: 1rem !important;
}

.call.call  {
  padding: 0;
  margin: 2rem 0;
}

.call a {
  display: inline-block;
  text-decoration: none;
  border: 2px solid currentColor;
  padding: 1rem;
  transition: opacity 250ms ease;
  opacity: 1;
}

.call a:hover {
  opacity: 0.6;
}

.video-container {
  position: relative;
  display: block;
  width: calc(75% + 2.2rem);
  padding-top: 43.55%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* parts */

.bigtitle > span {
  display: inline-block;
  padding: 2.5rem;
  border: 6px solid currentColor;
  font-size: 35px !important;
  font-weight: 900;
  line-height: 1.1;
  color: #052840;
  letter-spacing: 0.2rem;
  user-select: none;
}

.biglink {
  position: relative;
}

.biglink > *:first-child {
  display: inline-block;
  padding: 2.3rem 6rem 2.3rem 0;
  border: 0.4rem solid currentColor;
  border-right: 0;
  border-left: 0;
  font-size: 1.7rem;
  font-weight: 900;
  line-height: 1.1;
  color: #052840;
  letter-spacing: 0.2rem;
  user-select: none;
}

.biglink > i {
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.8rem;
  height: 2.7rem;
  margin-top: -1.35rem;
  background: url(../../ressources/imgs/fleche_droite_bleu.svg) no-repeat center center;
  background-size: 2.8rem 2.7rem;
}

.biglink > *:first-child:hover + i {
  animation-name: bounce;
  animation-duration: 450ms;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in;
  animation-fill-mode: backwards;
}

.more > * {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border: 2px solid currentColor;
  margin-top: 1rem;
  text-decoration: none;
}

.biglink.small {
  display: block;
}

.biglink.small > *:first-child {
  display: inline-block;
  width: 100%;
  padding: 1rem 0;
  border: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  color: #052840;
  letter-spacing: 0.1rem;
  user-select: none;
  text-decoration: none
}

.biglink.small > i {
  position: absolute;
  top: 50%;
  right: 0;
  background: url(../../ressources/imgs/fleche_droite_bleu.svg) no-repeat center center;
  background-size: 2rem auto;
}

iframe {
  max-width: 100%
}

@keyframes bounce {
  from {
    transform: translateX(0rem);
  }
  to {
    transform: translateX(-1rem);
  }
}

@keyframes bounce2 {
  from {
    transform: rotate(90deg) translateX(-0.75rem);
  }
  to {
    transform: rotate(90deg) translateX(0rem);
  }
}

/* forms */

input,
select,
textarea,
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
  color: inherit;
  border: 0;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

.input {
  display: block
}

.input,
input,
textarea {
  width: 100%;
  height: 8.6rem;
  padding: 0 2rem;
  background-color: #f1f1f1;
  font-size: 1.7rem;
  font-weight: 700;
  color: #052840;
  line-height: 8.6rem;
  margin-bottom: 3.5rem;
}

input::placeholder,
textarea::placeholder {
  color: #052840;
}

input[type=file] {
  display: none;
}

input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
  border: 1px solid #052840;
  margin: 0 2.5rem 0 0;
  background-color: transparent;
  cursor: pointer
}

input[type=checkbox]:checked {
  background-color: #052840;
}

.cb {
  display: block;
  height: 3.5rem;
  margin-bottom: 8.3rem;
}

.cb > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.7rem;
  font-weight: 700;
  color: #052840;
  line-height: 1.2;
}

.rgpd .cb {
  margin-bottom: 1rem
}

.rgpd p {
  padding-right: 4rem;
  line-height: 1.25;
}

.label-ct {
  padding-left: 0 !important;
  margin-bottom: 1rem !important;
}

.cb-new span {
  position: relative;
  padding-left: 50px;
  top: -34px;
  display: block;
}

textarea {
  padding: 2rem 2rem;
  line-height: 4rem;
  resize: none;
  height: auto;
}

select {
  width: 100%;
  height: 5rem;
  padding: 0 5rem 0rem 2rem;
  background: #052840 url(../../ressources/imgs/fleche_droite_bleu2.svg) no-repeat right center;
  background-size: auto 2rem;
  line-height: 5rem;
  font-size: 1.7rem;
  font-weight: 700;
  color: white;
  line-height: 5rem;
  cursor: pointer;
}

.rgpd-new,
.rgpd.hasncheck {
  width: 50%;
  margin: 0 auto;
}

.rgpd-new + input,
.rgpd + input,
.btn-submit {
  display: block;
  width: 50%;
  height: 10rem;
  margin: 5rem auto ;
  background: #8bcbbc;
  line-height: 10rem;
  font-size: 3rem;
  font-weight: 900;
  color: white;
  text-transform: uppercase;
  cursor: pointer;
  transition: opacity 350ms ease;
}

.rgpd-new + input:hover,
.rgpd + input:hover {
  opacity: 0.8;
}

.rgpd-new {
  margin-top: 1rem !important;
}

.rgpd-new div {
  top: 0 !important;
  width: 100% !important;
}
/* helpers */

.mw {
  position: relative;
  width: 95%;
  max-width: 1080px;
  margin: 0 auto;
}

.fs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.fs > picture,
.fs > video,
.fs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.btn-back {
  /*background-color: #fff;
  padding: .4rem 1rem;
  font-weight: bold;*/
  font-size: 1.5rem;
  font-weight: 300;
  color: #fff;
  text-decoration: none;
  transition: color 0.5s ease;
}
.btn-back img {
  position: relative;
  top: 3px;
  margin-right: 1rem;
  transition: left 0.5s ease;
}

.btn-back:hover img {
  left: 10px;
}

.filets {
  display: none;
}

.filets > span {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #059cd4;
  opacity: 0.3;
}

.filets.alt > span {
  background-color: #ffffff;
  opacity: 0.4;
}

.filets > span:first-child {
  left: 0;
}

.filets > span:first-child + span {
  left: 25%;
}

.filets > span:first-child + span + span {
  left: 50%;
}

.filets > span:first-child + span + span + span {
  left: 75%;
}

.filets > span:first-child + span + span + span + span {
  right: 0;
}

.single.special-category-single .filets {
  display: none;
}

.prev-next {
  font-size: 1.8rem !important;
  font-weight: 700;
}

@media screen and (min-width: 990px) {
  .pull-left {
    width: 50%;
    float: left;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
  }

  .pull-left a img {
    position: absolute;
    margin-left: -30px;
  }

  .pull-right {
    width: 50%;
    float: right;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
  }

  .pull-right a img {
    position: absolute;
    margin-right: -30px;
  }
}

.mr-1 {
  margin-right: 1rem;
}
.ml-1 {
  margin-left: 1rem;
}
.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.pull-right {
  float: right;
}

.single.special-category-single em {
  font-style: italic;
}

.single.special-category-single .section-home .main-article--links p {
  display: inline;
  padding: 0 0 0 2rem;
  width: auto;
  font-size: 2rem;
  font-weight: 300;
  color: #052840;
  text-transform: uppercase;
}

.single.special-category-single .section-home .main-article--links p strong {
  font-weight: 600;
}

.single.special-category-single .main-image img {
  width: 100%;
  margin: 20px 0 40px;
  margin-bottom: -200px;
}
.single.special-category-single .main-image .post-time {
  margin-top: 210px;
  text-align: right;
  font-size: 16px;
  color: #052840;
}
.single.special-category-single .main-article--links {
  clear: both;
  margin-bottom: 5rem;
}
.single.special-category-single .section-home {
  height: 800px;
  min-height: 800px;
}
.single.special-category-single .section-expertise-intro {
  margin-top: 470px;
  padding-bottom: 1.5rem;
}
.single.special-category-single .section-expertise-intro:before {
  display: none;
}

.post-article-time {
  padding-top: 5px;
  font-size: 2rem;
  font-weight: 300;
  color: #052840;
}

.single.special-category-single .section-contenu h3 {
  padding-top: 2.5rem;
}

.single.special-category-single .section-expertise-intro > .mw > p {
  background-color: transparent;
  max-width: 100%;
  padding: 0;
  margin: 0 10%;
}

.single.special-category-single .section-expertise-texte > .mw > div:first-child {
  padding: 0;
  margin: 0 10%;
}

.single.special-category-single .section-expertise-texte > .mw > div:first-child > .bigtitle {
  max-width: 100%;
}
.single.special-category-single .section-expertise-texte > .mw {
  padding: 1rem 0;
}
.single.special-category-single .section-expertise-texte .section-contenu .bigtitle > span {
  border: none;
  padding: 0;
  font-size: 2.8rem;
  text-transform: uppercase;
  letter-spacing: 0;
}
.single.special-category-single .section-expertise-texte .section-contenu h3 {
  font-size: 2rem;
  font-weight: 900;
  padding-bottom: 1rem;
}

.single.special-category-single .section-expertise-texte .section-contenu div > em {
  font-style: italic;
  /* font-size: 1.6rem;
  font-weight: bold;
  color: #059cd4;*/
}

.single.special-category-single .section-expertise-texte .section-contenu table {
  margin-bottom: 2rem;
}
.single.special-category-single .section-expertise-texte .section-contenu table td,
.single.special-category-single .section-expertise-texte .section-contenu table th {
  font-size: 1.8rem;
  line-height: 2.2rem;
  padding: 1.5rem;
}
.single.special-category-single .section-expertise-texte .section-contenu table td strong {
  font-size: 2.2rem;
  font-weight: 900;
}
.single.special-category-single .section-expertise-texte .section-contenu table td em {
  font-size: 1.4rem;
  font-style: italic;
}
.single.special-category-single .section-expertise-texte .section-contenu table tr:first-child td {
  /*background-color: #052840;
  color: #fff;
  */
  font-weight: bold;
  color: #f19091;
  padding: 1.5rem 0 !important;
}

.single.special-category-single .section-actu-share {
  display: none !important;
}
/*
.single.special-category-single .section-actu-more {
  margin-top: 140px;
}
*/
.relative-span {
  position: relative;
  top: -4px;
}
.pull-right.post-article-time a {
  position: relative;
}
.pull-right.post-article-time a.left {
  left: -15px;
}
.pull-right.post-article-time a.right {
  right: -15px;
}
.single.special-category-single .section-expertise-texte .section-contenu table tr:first-child td strong {
  color: #f19091;
}
.single.special-category-single .section-expertise-texte .section-contenu table tr:not(:first-child) td {
  border: 1px solid #ddd;
}
.single.special-category-single .section-expertise-texte .section-contenu table:not(.even-odd) tr:first-child td strong {
  color: #052840;
}
.single.special-category-single .section-expertise-texte .section-contenu table.even-odd tr td:nth-child(even) {
  background-color: #f7f7f7;
}
.single.special-category-single .section-expertise-texte .section-contenu table.even-odd tr:first-child td {
  font-weight: bold;
  color: #052840;
  padding: 1.5rem !important;
}
.single.special-category-single .section-expertise-texte .section-contenu table.even-odd tr:first-child td {
  border: 1px solid #ddd;
}
.single.special-category-single .section-expertise-texte .section-contenu table:not(.even-odd) tr td strong {
  color: #f19091;
}


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

.cf:after {
  clear: both;
}

.vc {
  display: table;
  width: 100%;
  height: 100%;
}

.vc > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.vc > div > div {
  position: relative;
  width: 100%;
}

html.admin-bar {
  margin: 0 !important;
}

/* corps */

body {
  overflow-x: hidden;
}

/* header */

body > header > .mw {
  position: relative;
  z-index: 100;
}

.logo {
  position: absolute;
  display: block;
  width: 25%;
  padding-top: 90px;
  user-select: none;
}

/* menu */

.menu {
  position: absolute;
  width: 75%;
  left: 25%;
  color: white;
  padding-top: 116px;
}

.menu button {
  display: none;
}

.menu li {
  display: inline-block;
}

.menu .ul2,
.menu .ul1 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  top: 13rem;
  padding-top: 2rem;
  width: calc(100% - 10rem)
}

.menu .ul2 {
  left: 50%;
  top: 0rem;
  bottom: 0;
  width: 50%;
}

.menu .ul1 > div {
  background: #052840;
  padding: 2rem;
}

.menu .ul2 > div > li,
.menu .ul1 > div > li {
  display: block;
  padding-right: 2rem;
}

.menu .ul1 > div {
  position: relative;
}

.menu .ul1 > div > li {
  max-width: 50%;
}

.menu .ul2 > div > li + li,
.menu .ul1 > div > li + li {
  margin-top: 2rem;
}

.menu .ul0 > li > a {
  display: inline-block;
  padding-right: 3.2rem;
}

.menu .ul0 > li.current-item a span {
  border-bottom: 4px solid #fff;
  padding-bottom: 10px;
}

.menu .ul0 > li.current-item:hover a span,
.menu .ul0 > li.current-item a:hover span {
  border-bottom: 4px solid #fff;
}

.menu a {
  text-decoration: none
}

.menu a span {
  display: inline-block;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.2rem;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}

.menu .ul0 > li:hover > a > span {
  border-bottom: 2px solid #059cd4;
}

.menu .ul0 ul > div > li:hover > a > span {
  color: #059cd4;
}

.menu ul:hover,
.menu li li:hover > ul,
.menu a:hover + ul {
display: block;
height: 100%;
}

/*.menu > div > button {
  position: absolute;
  right: 0;
  top: 90px;
  display: block;
  width: 3rem;
  height: 3rem;
  background: url(../../ressources/imgs/croix.svg) no-repeat center center / 100% 100%;
  cursor: pointer;
}*/

.menu-gauche {
  position: fixed;
  z-index: 97;
  bottom: 0;
  left: 0;
  width: 100%;
}

.menu-gauche > div {
  transform-origin: 0 0;
  transform: rotate(-90deg);
}

.menu-gauche a {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 0 1.5rem;
  border: 2px solid white;
  margin: 0px 2.5rem 0 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.5rem;
  color: white;
  letter-spacing: 0.075rem;
  text-decoration: none;
  transition: all 350ms ease;
  user-select: none;
}

.menu-gauche a.alt {
  border-color: transparent;
  background-color: rgba(255,255,255,0.5);
  color: #052840;
}

.menu-gauche a:hover {
  background-color: white;
  color: #052840;
}

.menu-gauche a:first-child {
  margin-left: 0rem
}

.menu-droite {
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  width: 100%;
}

.menu-droite > div > div {
  float: right;
  width: 36px;
}

.menu-droite > div > div > div {
  position: fixed;
  z-index: 99;
  top: 151px;
  width: 3.6rem;
}

.menu-droite button {
  padding: 0;
  border: 0;
  cursor: pointer;
  transition: opacity 350ms ease;
  background: none;
}

.menu-droite button:hover {
  opacity: 0.7;
}

.menu-droite button:focus {
  outline: none;
}

.menu-droite button > svg {
  display: block;
  width: 100%;
  height: 100%;
}

.menu-droite button:first-child {
  display: none;
  width: 3.6rem;
  height: 2.88rem;
  margin-bottom: 3.5rem;
}

.menu-droite button:first-child > svg > * {
  fill: #FFFFFF;
  transition: fill 350ms ease;
}

.menu-droite button:first-child.alt > svg > * {
  fill: #052840;
}

.menu-droite button:first-child + button {
  display: block;
  width: 3.2rem;
  height: 3.4rem;
  margin-bottom: 3rem;
}

.menu-droite button:first-child + button > svg line {
  clip-path:url(#SVGID_2_);
  fill:none;
  stroke:#ffffff;
  stroke-width:4;
  stroke-miterlimit:10;
  transition: fill 350ms ease;
}

.menu-droite button:first-child + button > svg path {
  clip-path:url(#SVGID_2_);
  fill:none;
  stroke:#ffffff;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-miterlimit:10;
  transition: stroke 350ms ease;
}

.menu-droite button:first-child + button.alt > svg line {
  stroke:#052840;
}

.menu-droite button:first-child + button.alt > svg path {
  stroke:#052840;
}

.menu-droite button:first-child + button + button {
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  padding: 0;
}

.menu-droite button:first-child + button + button > svg polygon {
  fill:#FFFFFF;
  transition: fill 350ms ease;
}

.menu-droite button:first-child + button + button > svg rect {
  clip-path:url(#SVGID_2_1);
  fill:none;
  stroke:#FFFFFF;
  stroke-width:6;
  transition: stroke 350ms ease;
}

.menu-droite button:first-child + button + button.alt > svg polygon {
  fill:#052840;
}

.menu-droite button:first-child + button + button.alt > svg rect {
  stroke:#052840;
}

.menu-droite-plus {
  display: block;
  overflow: hidden;
  max-height: 0;
  transition: max-height 500ms ease;
}

.menu-droite button:first-child + button + button:hover {
  opacity: 1
}

.menu-droite .menu-droite-plus + button:hover + .menu-droite-plus,
.menu-droite button:first-child + button + button:hover + .menu-droite-plus,
.menu-droite-plus:hover {
  max-height: 290px;
}

.menu-droite-plus > div {
  padding: 1.5rem 0;
  border: 6px solid white;
  border-top-width: 1px;
}

.menu-droite-plus > div > a:hover {
  opacity: 0.7
}

.menu-droite-plus > div > a {
  transition: opacity 350ms ease;
  user-select: none;
}

.menu-droite-plus > div:first-child > a {
  display: inline-block;
  vertical-align: top;
  width: auto;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 3.2rem;
  color: white;
  text-decoration: none;
  writing-mode: vertical-rl;
  text-orientation: sideways;
  transform: rotate(180deg);
  transform-origin: 50% 50%;
  white-space: nowrap;
}

.menu-droite-plus > div + div > a {
  display: block;
  width: 1.8rem;
  height: 1.3rem;
  margin: 1.2rem auto 0;
  background: url(../../ressources/imgs/share_yt.svg) no-repeat center center;
  background-size: 100% 100%;
}

.menu-droite-plus > div + div > a + a {
  display: block;
  width: 1.5rem;
  height: 1.4rem;
  margin: 1.2rem auto 0;
  background: url(../../ressources/imgs/share_tw.svg) no-repeat center center;
  background-size: 100% 100%;
}

.menu-droite-plus > div + div > a + a + a {
  display: block;
  width: 1.5rem;
  height: 1.6rem;
  margin: 1.2rem auto 0;
  background: url(../../ressources/imgs/share_in.svg) no-repeat center center;
  background-size: 100% 100%;
}

.menu-droite-plus > div + div > a + a + a + a {
  display: block;
  width: 1.5rem;
  height: 1.6rem;
  margin: 1.2rem auto 0;
  background: url(../../ressources/imgs/share_is.svg) no-repeat center center;
  background-size: 100% 100%;
}

.menu-droite-plus > div + div > a:first-child {
  margin-top: 0;
}

.menu-droite-plus + button {
  margin-top: 30px
}

.menu-droite-plus + button > svg path {
  fill:#ffffff;
  transition: fill 350ms ease;
}

.menu-droite-plus + button.alt > svg path {
  fill:#052840;
}

.menu-droite-plus + button > svg rect {
  fill: none;
  stroke:#ffffff;
  stroke-width:6;
  transition: stroke 350ms ease;
}

.menu-droite-plus + button.alt > svg rect {
  stroke: #052840;
}

.menu-droite-plus + button {
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  padding: 0;
}

.menu-droite-supp {
  width: 350px;
  transform: rotate(90deg) translateY(-3.6rem);
  transform-origin: 0 0
}

.page-id-288 .menu-droite-supp {
  display: none !important
}

.menu-droite-supp a {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 0 2rem;
  border: 2px solid white;
  margin: 0 0 0 1.5rem;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 3.2rem;
  background-color: white;
  color: #052840;
  text-transform: uppercase;
  text-decoration: none;
  transform: rotate(180deg);
  transform-origin: 50% 50%;
  transition: background 350ms ease, color 350ms ease, border 350ms ease;
  user-select: none;
}

.menu-droite-supp a:hover {
  background-color:  #052840;
  border-color:  #052840;
  color: white;
}

.menu-droite-supp a.alt {
  background-color: #052840;
  border-color: #052840;
  color: white;
}

.alt + .menu-droite-plus {
  background-color: #052840;
}

.alt + .menu-droite-plus > div {
  border-color: #052840;
}

.shares_new  {
  text-align: center;
}

.shares_new > a {
  display: inline-block;
  vertical-align: bottom;
  width: 2rem;
  height: 2rem;
  margin: 2rem 0.5rem 0;
  background: url(../../ressources/imgs/share_yt.svg) no-repeat center center;
  background-size: 100% auto;
}

.shares_new > a + a {
  width: 2rem;
  height: 2rem;
  background: url(../../ressources/imgs/share_tw.svg) no-repeat center center;
  background-size: 100% auto;
}

.shares_new > a + a + a {
  position: relative;
  top: -2px;
  width: 2rem;
  height: 2rem;
  background: url(../../ressources/imgs/share_in.svg) no-repeat center center;
  background-size: 100% auto;
}

.shares_new > a + a + a + a {
  width: 2rem;
  height: 2rem;
  background: url(../../ressources/imgs/share_is.svg) no-repeat center center;
  background-size: 100% auto;
}

.menu-top {
  position: absolute;
  z-index: 1000;
  top: 0.5rem;
  right: 1rem;
  color: white;
}

.menu-top > * {
  display: inline-block;
  vertical-align: middle
}

.menu-top a {
  font-size: 1.4rem;
  font-weight: 300;
  margin-left: 1rem;
  text-decoration: none;
}

.menu-top a + button {
  width: 1rem;
  padding: 0;
  margin-left: 1rem;
  background: none;
  cursor: pointer;
}

.menu-top a + button > svg {
  width: 100%
}

.menu-top a + button  > svg line {
  clip-path:url(#SVGID_2_);
  fill:none;
  stroke:#ffffff;
  stroke-width:4;
  stroke-miterlimit:10;
  transition: fill 350ms ease;
}

.menu-top a + button  > svg path {
  clip-path:url(#SVGID_2_);
  fill:none;
  stroke:#ffffff;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-miterlimit:10;
  transition: stroke 350ms ease;
}

.menu-top a + button .alt > svg line {
  stroke:#052840;
}

.menu-top a + button .alt > svg path {
  stroke:#052840;
}

.menu-top button + button {
  position: absolute;
  top: 36px;
  right: -6px;
  width: 5.7rem;
  height: 3.08rem;
  background: none;
  display: none;
}

@media (max-width: 1024px) {
	.menu-top button + button {
		display: block;
	}

	.main-navigation:not(.v2-nav) {
		display: none;
	}
}

.menu-top button + button > svg > * {
  fill: #fff;
  transition: fill 350ms ease;
}

.menu-top button + button.alt > svg > * {
  fill: #052840;
}

/* section home */

.section-home {
  min-height: 100vh;
  color: white;
  position: relative;
}

.section-landing {
  min-height: 100vh;
  position: relative;
  background-color: #ff8185;
}

.section-landing h1 br {
  display: block !important;
}

.single.special-category-single .menu,
.single.special-category-single .menu-top,
.page-template-page-landing .menu {
  color: inherit;
}

.single.special-category-single .menu .ul0 a span,
.single.special-category-single .menu a span {
  color: inherit;
}

.single.special-category-single .menu .ul1 a span {
  color: #fff;
}

.single.special-category-single .main-article {
  margin-top: 60px;
}

.single.special-category-single .main-article span.ontitle {
  display: block;
  font-size: 3.8rem;
  font-weight: 300;
  line-height: 5.5rem;
  text-align: center;
}

.single.special-category-single .main-article h1 {
  font-size: 4.2rem;
  line-height: 5.5rem;
  margin-bottom: 20px;
}

.search header  {
  background: #052840;
  height: 180px;
}

.section-home > .mw {
  min-height: 100vh;
}

.section-home .fs:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.section-home.bg0 .fs:after {
  background: #004c78 url(../../ressources/imgs/bg_clair.png) no-repeat right center;
  background-size: cover;
  opacity: 0.8;
}

.section-home.bg1 .fs:after {
  background-color: #052840;
  opacity: 0.4
}

.section-home.bg2 .fs:after {
  background-color: #059cd4;
  opacity: 0.4
}

.section-home.bg3 .fs:after {
  background-color: #6165a2;
  opacity: 0.4
}

.section-home.bg4 .fs:after {
  background-color: #8bcbbc;
  opacity: 0.4
}

.section-home.bg5 .fs:after {
  background-color: #f19091;
  opacity: 0.4
}

.section-home.bg6 .fs:after {
  background-color: #052840;
  opacity: 0.8;
  mix-blend-mode: multiply;
}

.section-home.bg7 .fs:after {
  background-color: #059cd4;
  opacity: 0.8;
  mix-blend-mode: multiply;
}

.section-home.bg8 .fs:after {
  background-color: #6165a2;
  opacity: 0.8;
  mix-blend-mode: multiply;
}

.section-home.bg9 .fs:after {
  background-color: #8bcbbc;
  opacity: 0.8;
  mix-blend-mode: multiply;
}

.section-home.bg10 .fs:after {
  background-color: #f19091;
  opacity: 0.8;
  mix-blend-mode: multiply;
}
/*
bleu foncé : 052840;
bleu moyen : 113249;
bleu clair : 059cd4;
violet : 6165a2;
vert : 8bcbbc;
rose : f19091;
*/
.section-home .vc {
  min-height: 100vh;
  height: 100vh;
}

.single.special-category-single .section-home .vc {
  height: auto;
  min-height: auto;
}

.section-home h1 {
  display: block;
  padding-left: 12.5%;
  padding-right: 12.5%;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1.1;
  user-select: none;
  text-align: center;
}

.section-home h1.alt > span {
  display: inline-block;
  padding: 6px 18px; /* 0.8rem 1.2rem; */
  border: 6px solid white;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  user-select: none;
  text-align: center;
}

.section-home p {
  display: block;
  padding-left: 25%;
  margin-top: 2rem;
  width: 75%;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.2rem;
  text-align: center;
}

.section-home .cta{
  text-align: center;
}

.section-home .cta a {
  display: inline-block;
  vertical-align: top;
  margin: 2rem 0 0;
  padding: 1rem;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 2rem;
  border: 2px solid white;
  opacity: 1;
  transition: opacity 250ms ease;
}

.section-home .cta a:hover {
  opacity: 0.8;
}

.section-home p {
  display: block;
  padding-left: 25%;
  margin-top: 2rem;
  width: 75%;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.2rem;
}

.section-home button {
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 50px 0 0;
  border: 0;
  background: none;
  font-size: 0.9rem;
  text-transform: uppercase;
  transform: translateX(-50%);
  cursor: pointer;
  user-select: none;
}

.section-home button svg  {
  display: block;
  width: 36px;
  height: auto;
  margin: 20px auto 0;
  overflow: visible;
}

.section-home button svg > * {
  fill:none;
  stroke: #ffffff;
  stroke-miterlimit:10;
}

.section-home button svg line {
  transform-origin: center top;
  animation-name: scroll1;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 1s;
  animation-timing-function: ease-in;
  animation-fill-mode: backwards;
}

.section-home button svg polyline {
  animation-name: scroll2;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 1s;
  animation-timing-function: ease-in;
  animation-fill-mode: backwards;
}

.popup {
  cursor: zoom-in;
}

#popup {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  display: none;
}

#popup > div {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(5, 40, 64,0.8);
  text-align: center;
  mix-blend-mode: multiply;
  cursor: zoom-out;
}

#popup > div > div {
  display: table;
  width: 90%;
  max-width: 905px;
  height: 100%;
  margin: 0 auto;
}

#popup > div > div > div {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

#popup > div > div > div > div {
  position: relative;
  padding-top: 66.66%;
  width: 100%;
}

#popup > div > div > div > div > div {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  cursor: default;
}

#popup > div > div > div > div > div > iframe {
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

#popup.popup_texte {
  display: block;
  visibility: visible;
  opacity: 1;
}

#popup.popup_texte > div > div > div > div {
  background-color: white;
  color: #052840;
}

#popup.popup_texte > div > div > div > div {
  padding: 0;
}

#popup.popup_texte > div > div > div > div > div {
  position: static;
  padding: 6rem;
}

#popup.popup_texte > div > div > div > div > div > li,
#popup.popup_texte > div > div > div > div > div > p {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  text-align: left;
}

#popup.popup_texte > div > div > div > div > div > *:last-child {
  margin-bottom: 0;
}

#recherche {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  display: none;
  cursor: default;
}

#recherche > div {
  background-color: rgba(139, 203, 188,0.9);
}

#recherche > div > div > div  {
  padding: 5.7rem 0;
}

#recherche form {
  position: relative;
  width: 100%;
  height: 8.6rem;
}

#recherche form label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  left: 0;
  width: 20rem;
  height: 8.6rem;
  background: white;
  color: #052840;
  font-size: 1.3rem;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 8.6rem;
  text-align: center;
}

#recherche form input[type=text] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8.6rem;
  left: 20rem;
  width: calc(100% - 28.6rem);
  height: 8.6rem;
  background: #eaeaea;
}

#recherche form input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 8.6rem;
  height: 8.6rem;
  background: white url('../../ressources/imgs/menu_loupe2.svg') no-repeat center center;
  background-size: 32px 34px;
  cursor: pointer
}

.section-search > .mw {
  min-height: calc(100vh - 450px);
  padding: 20rem 0 5rem;
}

.section-search h2 {
  margin-bottom: 4rem;
  font-size: 2rem;
  font-weight: 900
}

.section-search h2 span {
  font-weight: 500
}

.section-search li {
  padding-left: 25%;
  margin-bottom: 1rem;
}

.section-search a {
  font-size: 1.2rem;
}




@keyframes scroll1 {
  from {
    transform: scaleY(0.7);
  }
  to {
    transform: scaleY(1.3);
  }
}


@keyframes scroll2 {
  from {
    transform: translateY(-20px);
  }
  to {
    transform: translateY(20px);
  }
}

/* section métier */

.section-metier > div {
  background-color: #f1f1f1
}

.section-metier.alt  {
  background-color: #f1f1f1
}

.section-metier.alt > .mw {
  padding: 8rem 0;
}

.section-metier .bigtitle {
  position: absolute;
  z-index: 10;
  top: -6.5rem;
  left: 8.33%
}

.home #section_1 .bigtitle > span {
  color:  white
}

.section-metier-ligne {
  position: relative;
  font-size: 0;
}

.section-metier-ligne > div {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding-top: 25%;
  overflow: hidden;
}

.section-metier-ligne > div > a + a {
  transform: translateX(100%);
}

.section-metier-ligne > div > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  transition: transform 450ms ease;
}

.section-metier-ligne > div:hover > a:first-child {
  transform: translateX(-100%);
}

.section-metier-ligne > div:hover > a + a {
  transform: translateX(0%);
}

.section-metier-ligne > div > a {
  background-color: #052840;
  color: white;
}

.section-metier-ligne > div:nth-child(3n) > a + a {
  background-color: #6165a2;
  color: #052840
}

.section-metier-ligne > div:nth-child(3n+1) > a + a {
  background-color: #8bcbbc;
  color: #052840
}

.section-metier-ligne > div:nth-child(3n+2) > a + a {
  background-color: #f19091;
  color: #052840
}

.section-metier-ligne + .section-metier-ligne > a + div + div > a + a {
  background-color: #8bcbbc;
  color: #052840
}


.section-metier-ligne > div > a > div {
  width: 100%;
  height: 100%;
}

.section-metier-ligne img {
  display: block;
  width: 80%;
  height: auto;
  max-width: 10rem;
  margin: 0 auto 5.5rem;
}

.section-metier-ligne p,
.section-metier-ligne h3 {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  font-size: 2rem;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
}

.section-metier-ligne.offres > div > a {
  background-color: white;
  text-decoration: none;
  text-align: center;
  color: #052840;
}

.section-metier-ligne.offres > div > a > div > div {
  padding: 0 2rem;
}

.section-metier-ligne.offres img + p,
.section-metier-ligne.offres img {
  margin-bottom: 1rem
}

.section-metier-ligne.offres p {
  position: static;
  font-size: 2.4rem;
  font-weight: 300;
  text-align: left;
}

.section-metier-ligne.offres h3 {
  position: static;
  padding: 1rem 0;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: left;
  text-transform: none;
}

.section-metier-ligne.offres > div > a + a {
  background-color: #6165a2;
  color: white;
}

.section-metier-ligne.offres div a + a p {
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: none;
  text-align: center;
}

.section-metier-ligne.offres .overflow {
  overflow: visible;
}

.section-metier-ligne.offres .biglink {
  top: 50%;
  left: 75%;
  bottom: initial;
  width: 100%;
  text-align: left;
  background-color: transparent;
}
.section-metier .biglink
.section-metier-ligne > div:hover > a.biglink {
 transform: translateY(-50%);
}

.section-metier-ligne.offres .biglink  {
  width: 25%
}

.section-metier-ligne.offres .biglink > span {
  width: 100%;
   /*border-color: #8bcbbc;
   color: #6165a2;*/
}

.section-metier > div > .img {
  display: block;
  margin-left: 25%;
  width: 150%;
  max-width: 0;
  overflow: hidden;
  transition: max-width 450ms 200ms ease;
  line-height: 0
}

.section-metier > div > .img img {
  display: block;
  width: 1000px;
  height: auto
}

.section-metier > div > .img.open {
  max-width: 1000px;
}

.section-metier .menu-gauche {
  bottom: auto;
  top: 0;
  display: inline-block;
  width: auto;
  transform: rotate(-90deg) translateX(-100%);
  transform-origin: 0 0;
}

.section-metier .menu-gauche a {
  margin: 0;
  border-color: #f19091;
  background: #f19091;
}

.section-metier .menu-gauche a + a {
  border-color: #059cd4;
  background: #059cd4;
}

.section-metier .menu-gauche a + a + a {
  border-color: #8bcbbc;
  background: #8bcbbc;
}

.section-metier .menu-gauche a + a + a + a {
  border-color: #6165a2;
  background: #6165a2;
}

.section-metier .menu-gauche a:hover {
  border-color: #052840;
  background: #052840;
  color: white;
}

.section-metier .biglink {
  position: absolute;
  left: 75%;
  top: 50%;
  transform: translateY(-50%);
}

/* section savoir */

.section-savoir {
  position: relative;
  z-index: 11
}

.section-savoir > .mw {
  padding-bottom: 34rem;
}

.section-savoir > .mw > hr {
  width: 50%;
  height: 10.2rem;
  background-color: white;
  padding: 0;
  border: 0;
  margin: 0;
  margin-top: -10.2rem;
}

.section-savoir > .mw > .bigtitle {
  width: 50%;
  padding: 0 9.6rem;
}

.section-savoir > .mw > .bigtitle > span {
  width: 100%;
  padding: 2.5rem 0;
  text-align: center;
  letter-spacing: 0.2rem;
}

.section-savoir-savoirs > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.section-savoir-savoirs > div:first-child {
  padding: 0 9.6rem;
}

.section-savoir-savoirs > div:first-child > div {
  position: relative;
  margin-top: 3rem;
  overflow: hidden;
}

.section-savoir-savoirs > div:first-child > div > ul + ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
}

.section-savoir-savoirs > div:first-child > div > ul + ul li > a {
  cursor: default;
}

.section-savoir-savoirs > div:first-child > div > ul + ul li:last-child > a {
  cursor: pointer;
}

.section-savoir-savoirs > div:first-child li {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 1rem;
  border: 2px solid currentColor;
}

.section-savoir-savoirs > div:first-child li a {
  display: block;
  width: 100%;
  padding: 1.15rem 1.8rem;
  font-size: 1.7rem;
  font-weight: 900;
  text-decoration: none;
  line-height: 1.3;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 350ms ease;
}

.section-savoir-savoirs > div:first-child li a:hover {
  color: white;
  background: #052840
}

.section-savoir-savoirs > div:first-child li i  {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 3rem;
  height: 2.7rem;
  transform-origin: 50% 50%;
  transform: translateY(-50%) rotate(180deg);
  pointer-events: none;
}

.section-savoir-savoirs > div:first-child li i svg {
  display: block;
  width: 100%;
  height: auto;
}

.section-savoir-savoirs > div:first-child li a + i polygon {
  fill: #052840;
  transition: fill 350ms ease;
}

.section-savoir-savoirs > div:first-child li a:hover + i polygon {
  fill: white;
}

.section-savoir-savoirs > div + div > div + div  {
  display: none;
  opacity: 0;
  visibility: hidden
}

.section-savoir-savoirs h3 {
  padding-right: 4rem;
  margin-bottom: 1rem;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.5rem;
}

.section-savoir-savoirs p {
  max-width: 50%;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 3rem;
  letter-spacing: 0.075rem;
}

.section-savoir-savoirs .biglink {
  position: absolute;
  margin-top: 1rem;
  left: 75%;
  width: 25%
}

.section-savoir-savoirs .biglink > *:first-child {
  width: 100%
}

.section-savoir-savoirs img {
  position: absolute;
  z-index: -1;
  left: 62.5%;
  top: 22.6rem;
  width: 25%;
  opacity: 0.4
}

/* section live */

.section-live {
  position: relative;
  z-index: 10;
}

.section-live > div {
  background: #004c78 url(../../ressources/imgs/bg_clair.png) no-repeat right bottom
}

.section-live > .mw > .bigtitle {
  position: relative;
  left: 50%;
  width: 50%;
  padding: 0 9.6rem;
  top: -6rem;
}

.section-live > .mw > .bigtitle > span {
  width: 100%;
  padding: 2.5rem 0;
  text-align: center;
  letter-spacing: 0.2rem;
}

.section-live  .biglink {
  position: absolute;
  left: 75%;
  width: 22%;
  bottom: -3rem;
}

.section-live  .biglink > *:first-child {
  width: 100%
}

.section-live  .biglink i {
  background-image: url(../../ressources/imgs/fleche_droite_blanc.svg)
}

.section-live-actus {
  position: relative;
  height: 500px;
}

.section-live-actus > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-live-actus .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-live-actus .slide + .slide {
  display: none;
}

.section-live-actus .slide > div {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  height: 100%;
}

.section-live-actus .slide > div + div {
  padding: 0 2rem;
}

.section-live-actus img {
  display: block;
  height: 100%;
  width: 120%;
  object-fit: cover;
  margin-top: -6.2rem;
  float: right;
}


/*
.section-live-actus > div + div {
  display: none;
}

.section-live-actus > div > div {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  height: 100%;
  max-height: 500px;
  padding-right: 3rem;
}

.section-live-actus > div > div + div {
  padding-bottom: 3rem;
  overflow: hidden;
}

.section-live-actus > div > div > div + div {
  display: none
}

.section-live-actus > div > div > img {
  position: relative;
  display: block;
  float: right;
  height: 100%;
  width: auto;
  margin-top: -16rem
}

.section-live-actus > div > div + div > div {
  width: 80%;
  color: white;
}*/

.section-live-actus .slide > div + div > div {
  color: white;
}

.section-live-actus time {
  font-size: 2.6rem;
  font-weight: 300;
  letter-spacing: 0.3rem;
}

.section-live-actus time + p {
  font-size: 2rem;
  font-weight: 300;
  letter-spacing: 0.3rem;
}

.section-live-actus h3 {
  padding: 2rem 0;
  font-size: 2.5rem;
  font-weight: 900;
  letter-spacing: 0.5rem;
}

.section-live-actus p  {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.25rem;
}

.section-live-actus .more a  {
  margin-top: 2.5rem;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.25rem;
}

.section-live.offres > div {
  background: #6165a2;
}

.section-live.offres .bigtitle  {
  left: 43%;
  width: 60%
}

.section-live.offres .bigtitle > span  {
  color: white;
}



.section-contact.alth {
  height: 300px;
}

.nav-diaporama {
  position: relative  ;
  z-index: 10;
  display: block;
  width: 25%;
  height: 8.5rem;
  text-align: center;
}

.nav-diaporama > button {
  position: absolute;
  top: 0;
  display: block;
  width: 8.5rem;
  height: 8.5rem;
  border: 0;
  background: url(../../ressources/imgs/fleche_droite_blanc.svg) no-repeat center center;
  background-size: 100% 100%;
  transform-origin: 50% 50%;
  cursor: pointer;
  transition: transform 350ms ease;
}

.nav-diaporama.alt > button {
  background: url(../../ressources/imgs/fleche_droite_bleu1.svg) no-repeat center center;
}

.nav-diaporama > button:first-child {
  left: 0;
  transform: rotate(180deg);
}

.nav-diaporama > span {
  position: relative;
  top: 1.3rem;
  display: inline-block;
  vertical-align: middle;
  color: white;
}

.nav-diaporama.alt > span {
  color: #052840;
}

.nav-diaporama > span > span {
  display: block;
  font-size: 2rem;
  font-weight: 700;
}

.nav-diaporama > span + button {
  right: 0;
}

.nav-diaporama > button:first-child:hover {
  transform: rotate(180deg) translateX(1rem);
}

.nav-diaporama > span + button:hover {
  transform: translateX(1rem);
}

.section-live .nav-diaporama {
  position: absolute;
  bottom: 11.8rem;
  left: 12.5%;
}

/* section social */

.section-social {
  background: #f1f1f1
}

.home .section-social {
  background: none
}

.section-social > .mw {
  padding: 162px 0;
  background: #f1f1f1
}

.section-social > .mw > h2 {
  text-align: center;
  margin-bottom: 10.2rem;
}

.section-social > .mw > .biglink {
  display: inline-block;
  margin-left: 75%;
  margin-top: 9rem;
}

.home .section-social > .mw > h2,
.home .section-social > .mw > .biglink {
  display: none;
}

.social-vignette {
  position: relative;
  z-index: 10;
  left: 12.5%;
  width: 50%;
  padding-top: 25%;
  transition: all 450ms ease
}

.social-vignette + .social-vignette {
  margin-top: 9rem;
}

.home .social-vignette:nth-child(even) {
  transform: translateX(-100%);
  opacity: 0;
}

.home .social-vignette:nth-child(odd) {
  transform: translateX(100%);
  opacity: 0;
}

.home  .social-vignette.move {
  transform: translateX(0%) !important;
  opacity: 1 !important;
}


.social-vignette:nth-child(even) {
  left: 37.5%;
}

.social-vignette > div:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 50%;
  background: #059cd4
}

.social-vignette > div:first-child > video,
.social-vignette > div:first-child > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.social-vignette > div:first-child + div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0%;
  background: white
}

.social-vignette > div:first-child + div > div {
  padding: 2.5rem;
}

.social-vignette > div:first-child + div > div h3 {
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 900;
  color: #059cd4;
}

.social-vignette > div:first-child + div > div p {
  font-size: 1.6rem;
  font-weight: 500;
}

.social-vignette > div:first-child + div + time {
  position: absolute;
  top: 0;
  left: 100%;
  padding: 0.2rem 0.5rem;
  border: 1px solid currentColor;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.2rem;
  color: #059cd4;
  white-space: nowrap;
  transform-origin: 0 0;
  transform: rotate(90deg) translateY(-150%);
}

.social-vignette:nth-child(even) > div:first-child + div + time {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  transform: rotate(90deg) translateY(50%);
}

.social-vignette .biglink {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
}

.social-vignette:nth-child(4n+2) > div:first-child {
  background: #6165a2
}

.social-vignette:nth-child(4n+2) > div:first-child + div + time,
.social-vignette:nth-child(4n+2) > div:first-child + div > div h3 {
  color: #6165a2;
}

.social-vignette:nth-child(4n+2) .biglink.small > i {
  background-image: url(../../ressources/imgs/fleche_droite_violet.svg);
}


.social-vignette:nth-child(4n+3) > div:first-child {
  background: #8bcbbc
}

.social-vignette:nth-child(4n+3) > div:first-child + div + time,
.social-vignette:nth-child(4n+3) > div:first-child + div > div h3 {
  color: #8bcbbc;
}

.social-vignette:nth-child(4n+3) .biglink.small > i {
  background-image: url(../../ressources/imgs/fleche_droite_vert.svg);
}


.social-vignette:nth-child(4n+4) > div:first-child {
  background: #f19091
}

.social-vignette:nth-child(4n+4) > div:first-child + div + time,
.social-vignette:nth-child(4n+4) > div:first-child + div > div h3 {
  color: #f19091;
}

.social-vignette:nth-child(4n+4) .biglink.small > i {
  background-image: url(../../ressources/imgs/fleche_droite_rose.svg);
}

/* section contact */

.section-contact {
  position: relative;
  background-color: #002742;
  overflow: hidden;
}

.section-contact:before {
  content: "hello ! hello ! hello ! hello ! hello ! hello ! hello !";
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0.5;
  font-size: 22rem;
  font-weight: 900;
  color: #113d5c;
  white-space: nowrap;
  transform: translateY(-50%);
  transition: transform 20s linear;
}

.section-contact.move:before {
  transform: translate(-70%, -50%);
}

.page-id-215 .section-contact {
  background-color: #6165a2;
}

.page-id-215 .section-contact:before  {
  color: #777bb8;
}

.section-contact > div:first-child {
  color: white;
  padding: 10.2rem 0;
  text-align: center;
}

.section-contact .bigtitle * {
  color: white;
}

.section-contact .mw > a {
  display: inline-block;
  vertical-align: top;
  width: 40rem;
  height: 10.2rem;
  border: 2px solid white;
  font-size: 1.4rem;
  font-weight: 900;
  text-decoration: none;
  margin-left: 0;
  transition: all 350ms ease;
}

.section-contact .mw > a:only-of-type  {
  width: 50%;
}

.section-contact .mw > h2 + a + a,
.section-contact .mw > h2 + a {
  margin-top: 5.1rem;
}

.section-contact .mw > a + a {
  margin-left: 2rem;
  margin-right: 0;
}

.section-contact .mw > a > span {
  display: flex;
  text-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  padding: 0 2rem;
  line-height: 1.2;
}

.section-contact .mw > a:hover {
  background: white;
  color: #052840;
}

.section-contact .filets {
  opacity: 0
}

.section-contact.alt .mw {
  height: 100%;
}

.section-contact.alt > div > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 3rem 0;
  height: 100%;
}

.section-contact.alt > div > div > div {
  display: block;
  width: 90%;
  padding: 1rem;
  border: 2px solid white;
  margin: 0 auto;
  height: 100%;
}


.section-contact.alt > div > div > div > div {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}

.section-contact.alt > div > div > div > div > div {
  display: table-cell;
  vertical-align: middle;
}

.section-contact.alt p:first-child {
  font-size: 2.5rem;
  font-weight: 900;
}

.section-contact.alt  p + p {
  margin-top: 2rem;
  font-size: 2rem;
}

.section-contact.alt  p + p a {
  text-decoration: none
}

/* section map */

.section-map {
  position: relative;
  z-index: 98;
  height: 70vh;
  max-height: 70vh;
  background-color: #8bcbbc
}

.section-map > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  height: 100%;
}

.section-map #map{
  width: 100%;
  height: 100%;
}

.section-map > div + div {
  padding: 3rem;
}

.map-infos {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.map-infos > h3:first-child {
  margin-bottom: 2rem;
  font-weight: 900;
  color: white;
  letter-spacing: 0.1rem;
  line-height: 1.25;
}

.map-infos li {
  display: none;
  line-height: 1.4;
}

/* section back */

.section-back {
  position: relative;
  z-index: 98;
  padding: 3rem 0;
  background-color: white
}

.search .section-back {
  display: none
}

.section-back button {
  display: block;
  margin: 0 auto;
  border: 0;
  background: none;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.45rem;
  cursor: pointer;
}

.section-back button svg  {
  display: block;
  width: 36px;
  height: auto;
  margin: 20px auto 10px;
  overflow: visible;
  transform: rotate(180deg);
}

.section-back button svg > * {
  fill:none;
  stroke: #052840;
  stroke-miterlimit:10;
}

.section-back button svg line {
  transform-origin: center top;
  animation-name: scroll1;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 1s;
  animation-timing-function: ease-in;
  animation-fill-mode: backwards;
}

.section-back button svg polyline {
  animation-name: scroll2;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 1s;
  animation-timing-function: ease-in;
  animation-fill-mode: backwards;
}

.section-back .filets {
  opacity: 0
}

/* section footer */

.section-footer {
  position: relative;
  z-index: 98;
  padding: 9rem 0;
  background-color: #f1f1f1
}

.section-footer > .mw > div {
  display: inline-block;
  vertical-align: top;
}

.section-footer > .mw > div:first-child {
  width: 41.66%
}

.section-footer > .mw > div:first-child + div {
  width: 24.999%
}

.section-footer > .mw > div:first-child + div + div {
  width: 33.33%
}

.section-footer img {
  margin-bottom: 3rem
}

.section-footer p {
  font-size: 17px;
}

.section-footer p span {
  font-size: 2.6rem;
  font-weight: 300;
}

.section-footer p + p {
  margin-top: 3rem
}

.section-footer a {
  text-decoration: none
}

.section-footer p strong {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
}

.section-footer li a {
  font-size: 1.4rem;
  font-weight: 300;
  text-decoration: none;
}

.section-footer li:first-child  {
  margin-top: 2rem;
}

.section-footer li + li  {
  margin-top: 1rem;
}

.section-footer .shares li {
  display: inline-block;
  vertical-align: top;
  margin: 1rem 1rem 0 0;
}

.section-footer .shares li:first-child > a {
  display: block;
  width: 2.1rem;
  height: 1.6rem;
  background: url(../../ressources/imgs/share_yt2.svg) no-repeat center center;
  background-size: auto 100%;
}

.section-footer .shares li:first-child + li > a {
  display: block;
  width: 2rem;
  height: 1.6rem;
  background: url(../../ressources/imgs/share_tw2.svg) no-repeat center center;
  background-size: auto 100%;
}

.section-footer .shares li:first-child + li + li > a {
  display: block;
  width: 2rem;
  height: 1.6rem;
  background: url(../../ressources/imgs/share_in2.svg) no-repeat center center;
  background-size: auto 100%;
}

.section-footer .shares li:first-child + li + li +li > a {
  display: block;
  width: 2rem;
  height: 1.7rem;
  background: url(../../ressources/imgs/share_is2.svg) no-repeat center center;
  background-size: auto 100%;
}

.section-footer form  {
  padding-top: 1rem;
}

.section-footer form > input {
  display: block;
  width: 100%;
  height: 4rem;
  padding: 0 1rem;
  border: 0;
  border-radius: 0;
  margin-bottom: 0rem;
  background-color: white;
  color: #052840;
  line-height: 4rem;
}

.section-footer form > input + input {
  background-color: #052840;
  font-size: 1.6rem;
  font-weight: 900;
  text-transform: uppercase;
  color: white;
  letter-spacing: 0.1rem;
  line-height: 4rem;
}

.section-footer form > input::placeholder {
  text-align: center;
  color: #052840;
}

/* section métier intro */

.section-metier-intro {
  position: relative;
  z-index: 1;
}

.section-metier-intro:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 50%;
  background-color: #f1f1f1;
}

.section-metier-intro > .mw {
  padding: 12rem 0 0;
  background-color: #f1f1f1;
}

.section-metier-intro.alt > .mw {
  padding: 12rem 0;
  background-color: white;
}

.section-metier-intro.alt:before {
  content: none;
}

.section-metier-intro > div > div:first-child {
  position: relative;
  display: block;
  width: 75%;
  padding-bottom: 7rem;
  margin: 0 auto;
}

.section-metier-intro p {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.section-metier-intro .slider + div {
  position: absolute;
  bottom: -4rem;
  left: 12.5%;
  right: 0;
  height: 8rem;
}

.section-metier-intro .slider + div > img {
  display: block;
  width: auto;
  height: 100%;
}

.section-metier-intro .slider > div + div {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.section-metier-intro a {
  position: absolute;
  top: 50%;
  left: 12rem;
  right: 12rem;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.1rem;
  text-decoration: none;
  transform: translateY(-50%);
}

.section-metier-intro a + a {
  display: none;
  visibility: hidden;
  opacity: 0
}

.section-metier-intro a + div {
  position: absolute;
  top: 50%;
  left: 81%;
  width: 270px;
  height: 20px;
  overflow: hidden;
  transform: translateY(-50%);
}

.section-metier-intro a + div button {
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0.4rem solid #052840;
  border-radius: 99rem;
  margin-right: 2rem;
  background-color: transparent;
  cursor: pointer;
}

.section-metier-intro a + div button:first-child {
  background-color:#052840;
}

/* section métier plus */

.section-metier-plus > .mw {
  padding-top: 8rem;
}

.section-metier-plus-plus {
  position: relative;
  padding: 10rem 0 0rem 10rem;
}

.section-metier-plus-plus > div {
  width: 100%;
  padding: 6rem 0;
  background: #004c78 url(../../ressources/imgs/bg_clair.png) no-repeat right bottom
}

.section-metier-plus-plus > div:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 20rem;
  height: 20rem;
  background: url(../../ressources/imgs/+.svg) no-repeat left top;
  background-size: 20rem auto;
}

.section-metier-plus-plus > div > div {
  width: 100%;
  padding-left: 17.5%;
}

.section-metier-plus-plus > div > div > div {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  height: 400px;
}

.section-metier-plus-plus .vc > div {
  color: #052840;
  cursor: pointer;
}

.section-metier-plus-plus h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 900;
  color: inherit;
  text-transform: uppercase;
  transition: all 450ms 200ms ease;
}

.section-metier-plus-plus h2:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 100%;
  width: 5rem;
  height: 5rem;
  border: 0.2rem solid white;
  border-radius: 99rem;
  background: url(../../ressources/imgs/+2.svg) no-repeat center center;
  background-size: 3rem auto;
  opacity: 0;
  transition: all 450ms ease
}

.section-metier-plus-plus h2 > span {
  color: #FFFFFF;
}

.section-metier-plus-plus p {
  font-size: 1.2rem;
  font-weight: 400;
  color: inherit;
  transition: all 450ms 200ms ease;
  max-height: 0;
  overflow: hidden;
  line-height: 1.25
}

.section-metier-plus-plus .vc > div:hover {
  color: white;
}

.section-metier-plus-plus .vc > div:hover p {
  max-height: 200px;
}

.section-metier-plus-plus .vc > div:hover h2:after {
  opacity: 1;
}

/* section métier chiffre */

.section-metier-chiffre > div > div:first-child {
  margin-top: -3rem;
  padding-bottom: 10rem;
}

.section-metier-chiffre > div > div > div {
  display: inline-block;
  vertical-align: bottom;
  width: 50%;
  color: #f19091;
}

.section-metier-chiffre > div > div > div:first-child > p {
  padding: 2rem 0;
  border: 6px solid currentColor;
  font-size: 7rem;
  font-weight: 900;
  color: #f19091;
  text-align: center;
}

.section-metier-chiffre > div > div > div:first-child.c-1 > p,
.section-metier-chiffre > div > div > div:first-child.c-2 > p,
.section-metier-chiffre > div > div > div:first-child.c-3 > p {
  font-size: 18rem;
}

.section-metier-chiffre > div > div > div:first-child.c-7 > p,
.section-metier-chiffre > div > div > div:first-child.c-8 > p,
.section-metier-chiffre > div > div > div:first-child.c-9 > p {
  font-size: 10rem;
}

.section-metier-chiffre > div > div > div:first-child.c-10 > p,
.section-metier-chiffre > div > div > div:first-child.c-11 > p,
.section-metier-chiffre > div > div > div:first-child.c-12 > p {
  font-size: 8rem;
}


.section-metier-chiffre > div > div > div:first-child + div {
  padding: 0 3.5rem 0 2.5rem;
}

.section-metier-chiffre > div > div > div:first-child + div > p {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.section-metier-chiffre > div > div > div:first-child + div > small {
  display: block;
  padding: 1rem 0 0.6rem;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
}

/* section métier expert */

.section-metier-expert > div {
  text-align: center;
  padding-bottom: 10rem
}

.section-metier-expert.portrait > div {
  text-align: left;
}

.section-metier-expert > div > div {
  background-color: #f1f1f1;
  padding-bottom: 2rem;
}

.section-metier-expert h2 {
  padding: 0 3.5rem;
  font-size: 3.5rem;
  font-weight: 900;
  letter-spacing: 0.1rem;
}

.section-metier-expert iframe {
  top: -2rem;
  position: relative;
  z-index: 1000;
  display: block;
  min-width: 50%;
  margin: 4rem auto -1rem;
}

.section-metier-expert.portrait > div > h2 {
  text-align: right;
}

.section-metier-expert.portrait > div > div {
  padding-bottom: 0
}

.section-metier-expert.portrait > div > h2 + div iframe {
  float: left;
  top: 0;
  min-width: 0;
  width: 25%;
  margin: 0;
  padding: 0;
}

.section-metier-expert.portrait > div > h2 + div > div {
  padding: 4rem;
  padding-left: calc(25% + 4rem);
  max-width: 9999px;
}

.section-metier-expert > div >  div > * {
  max-width: 50%;
  margin-left:  auto;
  margin-right:  auto;
}

iframe ~ * {
  padding: 1rem 0 0;
}

iframe + * {
  padding: 1rem 0 0;
}

/* section métier solutions */

.section-metier-solutions > div {
  padding-bottom: 20rem
}

.section-metier-solutions hr {
  display: block;
  margin: 0 auto;
  width: 0.2rem;
  height: 10rem;
  background-color: #059cd4;
}

.section-contenu > div > h2,
.section-metier-solutions hr + h2 {
  position: relative;
  z-index: 10;
  margin: 1rem 0 4rem;
  font-size: 3.4rem;
  font-weight: 900;
  color: #059cd4;
  line-height: 1.05;
}

.section-filtres + .section-contenu > div:first-child > h2:first-child {
  margin-top: 0;
  padding-top: 2rem;
}

.section-metier-solutions iframe {
  display: block;
  min-width: 100%;
}

.section-metier-solutions img {
  display: block;
  width: 100%;
  height: auto;
}

.section-metier-solutions .chapo {
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}

.section-metier-solutions .solution2 h2 {
  text-align: right;
}

.section-metier-solution.solution0 {
  text-align: center;
}

.section-metier-solutions .grid-mw {
  position: relative;
  z-index: 5;
}

.section-metier-solutions .grid-mw > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.section-metier-solutions .solution1,
.section-metier-solutions .solution2,
.section-metier-solutions .solution3 {
  padding-bottom: 15rem;
}

.section-metier-solutions .solution1 .grid-mw,
.section-metier-solutions .solution2 .grid-mw {
  margin-top: -6.5rem;
}

.section-metier-solutions .solution1 .chapo,
.section-metier-solutions .solution2 .chapo {
  padding-top: 5rem;
}

.section-metier-solutions .solution2 {
  text-align: right;
}

.section-metier-solutions .solution2 .download {
  float: right;
}

.section-contenu.cas .download:after,
.section-metier-solutions .download:after {
  position:   absolute;
  top:  50%;
  right:  -1px;
  content: "";
  width: 2.8rem;
  height: 2.7rem;
  border: 1px solid #052840;
  transform: translateY(-50%);
}

.section-contenu.cas .download i,
.section-metier-solutions .download i {
  transform: rotate(90deg) translateX(-0.75rem);
}

.biglink.download > *:first-child:hover + i {
  animation-name: bounce2;
}

.section-metier-solutions .solution1 .grid-mw > div:first-child,
.section-metier-solutions .solution3 .grid-mw > div:first-child {
  width: 41.66%;
  padding-right: 1.66%;
}

.section-metier-solutions .solution1 .grid-mw > div:first-child + div,
.section-metier-solutions .solution3 .grid-mw > div:first-child + div {
  width: 58.33%;
}

.section-metier-solutions .solution2 .grid-mw > div:first-child + div {
  padding-left: 8.5%;
}

.section-metier-solutions .more {
  color: #059cd4;
}

.section-metier-solutions .more > a {
  margin-top: 2rem;
  padding: 0.5rem 0.8rem 0.4rem;
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.1rem;
}

.section-metier-solutions .download {
  display: block;
  width: 100%;
  max-width: 36rem;
  margin-top: 2rem;
}

.section-metier-solutions .download > *:first-child {
  padding: 1.3rem 6rem 1.3rem 0;
}


.section-metier-solutions .download > span {
  width: 100%;
}

/* section métier témoignages */

.metier-temoignages {
  position:   relative;
  margin-top: -11.4rem;
  padding-top:  22rem;
}

.metier-temoignages:before {
  content: "";
  position:   absolute;
  z-index:  1;
  bottom:   0;
  left:  0;
  width: 50%;
  height:  100%;
  background: url(../../ressources/imgs/double_fleche_gris.svg) no-repeat left center;
  background-size:  auto 100%
}

.metier-temoignages:after {
  content: "";
  position:   absolute;
  z-index:  1;
  bottom:   0;
  right:  0;
  width: 50%;
  height:  100%;
  background: url(../../ressources/imgs/double_fleche_gris.svg) no-repeat left center;
  background-size:  auto 100%;
  transform: rotate(180deg);
  transform-origin:   50% 50%
}

.metier-temoignages > .temoignage {
  position:  relative;
  z-index:  2;
  width: 45%;
  margin-left: 16.66%
}

.metier-temoignages  nav {
  position:   absolute;
  bottom:   0;
  left: 66.66%;
}

.temoignage {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  font-style: italic;
  letter-spacing:   0.05rem;
}

.temoignage strong {
  display: block;
  margin-top: 1rem;
  font-weight: 700;
  font-style: normal
}

.temoignage + .temoignage {
  opacity: 0;
  visibility: hidden;
}

.section-metier-solutions .solution3 .text {
  line-height: 1.4;
  padding: 4rem 7rem 0 0rem;
}

.section-metier-solutions .solution3 .text p {
  padding-bottom: 1rem;
}

.section-metier-cas > div {
  background-color: #f1f1f1;
}

.section-metier-cas > div > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

/* section métier cas */

.section-metier-cas p + p {
  margin-top: 1rem
}

.section-metier-cas > div:after {
  content: "";
  position: absolute;
  top: -15rem;
  bottom: 0rem;
  right: 50%;
  width: 50vw;
  background: #004c78 url(../../ressources/imgs/bg_clair.png) no-repeat right bottom;
  background-size: auto 100%;
}

.section-metier-cas > div > div:first-child {
  top: -9rem;
  position: relative;
  padding-right: 3rem;
  padding-bottom: 0rem;
  color: white;
}

.section-metier-cas > div > div:first-child > * {
  position: relative;
  z-index: 10;
}

.section-metier-cas > div > div:first-child > p:first-child {
  font-size: 1.7rem;
  font-weight: 300;
  letter-spacing: 0.1rem;
}

.section-metier-cas > div > div:first-child > h2 {
  padding: 1rem 0 1.5rem;
  white-space: nowrap;
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: 0.1rem;
  line-height: 1.15;
  color: #052840;
}

.section-metier-cas > div > div:first-child > p {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1rem;
}

.section-metier-cas > div > div:first-child + div {
  position: relative;
  background: url(../../ressources/imgs/double_fleche_blanc.svg) no-repeat 20% top;
  background-size:  auto 50%
}

.section-metier-cas > div > div:first-child + div:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: url(../../ressources/imgs/double_fleche_blanc.svg) no-repeat 0% bottom;
  background-size:  auto 100%;
  transform-origin: 50% 50%;
  transform: rotateY(180deg);
}

.section-metier-cas > div > div:first-child + div > * {
  position: relative;
  z-index: 2;
}

.section-metier-cas > div > div:first-child + div .bigtitle {
  top: -20rem;
  text-align: center;
}

.section-metier-cas > div > div:first-child + div > p {
  padding: 0rem 17% 5rem;
}

.section-metier-cas > div > div:first-child + div > div {
  padding: 0rem 4rem 0 50%;
}

.section-metier-cas.cas-video .biglink {
  margin-top: 3rem;
  display: inline-block;
}

.section-metier-cas.cas-video .biglink span {
  width: 100%;
}

.section-metier-cas > div > div:first-child + div > div * {
  line-height: 1.3;
}

.section-metier-cas > div > div:first-child + div > .biglink {
  float: right;
  width: 50%;
}

.section-metier-cas > div > div:first-child + div > .biglink > span {
  width: 100%;
}

.section-metier-cas .video {
  position: relative;
  width: 150%;
  padding-top: 84.37%
}

.section-metier-cas .alt .video {
  width: 50%;
}

.section-metier-cas > .alt > div:first-child + div > div {
  padding-left: 4rem;
}

.section-metier-cas .video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.section-home + .section-contenu > div {
  padding-top: 4rem;
}

/* section contenu */

.section-contenu > div {
  padding-bottom: 8rem;
}

.section-contenu > .half,
.section-contenu > .full {
  padding-bottom: 0rem;
}

.section-contenu > div > div + div {
  padding-top: 4rem;
}

.section-contenu > div > hr:first-child {
  display: block;
  margin: 0 auto 8rem;
  width: 0.2rem;
  height: 10rem;
  background-color: #059cd4;
}

.section-contenu > div > h2 {
  padding-left: 8.5%;
  padding-right: 4rem;
}

.section-classic div h4,
.section-classic div h3,
.section-classic div h2,
.section-contenu .soustitre {
  display: inline-block;
  padding: 0 1rem;
  border: 2px solid currentColor;
  margin: 2rem 0 0.6rem;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.4;
  color: #052840;
  text-transform: uppercase;
}

.section-classic h4:empty,
.section-classic h3:empty,
.section-classic h2:empty {
  display: none !important
}

.section-classic div ul {
  padding-bottom: 0.4rem;
}

.section-classic img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto 1rem;
}

.section-classic iframe {
  display: block;
  margin: 0 auto 1rem;
}

.section-classic strong {
  font-weight: bold;
}

.section-classic em {
  color: #059cd4;
}

.section-contenu .soustitre:first-child {
  margin-top: 0
}

.section-contenu ul {
  list-style: inside;
}

.section-contenu li {
  margin-bottom: 1.6rem;
  font-size: 1.2rem;
  line-height: 1.4;
}

.section-contenu li ul li {
  padding-left: 2.5rem
}

.section-contenu p {
  margin-bottom: 1.7rem;
  font-size: 1.2rem !important;
  line-height: 1.4;
}
.section-contenu p span {
  font-size: 1.2rem !important;
}

.contenu1 img {
  display: block;
  width: 100%;
  height: auto;
}

.contenu1 .half {
  width: 75%;
}

.contenu1 .video {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 62.5%;
  overflow: hidden;
}

.contenu1 .video > iframe {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.contenu1 p,
.contenu2 p {
  padding-left: 8.5%;
  padding-right: 4rem;
}

.contenu3 > div {
  display: inline-block;
  vertical-align: top;
}

.contenu3 > div:first-child {
  position: relative;
  width: 42.5%;
}

.contenu3 > div:first-child + div {
  width: 57.5%;
}

.contenu3 > div:first-child > h3 {
  margin-right: 2rem;
}

.contenu3 > div:first-child > p {
  padding-left: 20%;
  padding-right: 2rem;
}

.contenu3 > div:first-child + div > img {
  display: block;
  width: 100%;
  height: auto;
}


.contenu4 > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.contenu4 > div:empty {
  display: none
}

.contenu4 > div:first-child > h3 {
  margin-right: 2rem;
}

.contenu4 > div:first-child > p {
  padding-left: 20%;
  padding-right: 2rem;
}

.contenu4 > div + div {
  position: relative;
  padding: 4rem;
  color: white;
  overflow: hidden;
}

.contenu4 > div:empty + div {
  width: 100%;
}

.contenu4 > div + div:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50vw;
  background: #004c78 url(../../ressources/imgs/bg_clair.png) no-repeat left bottom;
}

.contenu4 > div:empty + div:before {
  width: 100vw;
}

.contenu4 > div + div > * {
  position: relative;
  z-index: 1;
}

.contenu4 > div + div > *:before {
  position: absolute;
  content: "";
  right: 102%;
  top: 1rem;
  width: 4rem;
  height: 1px;
  background-color: #059cd4;
}

.contenu5 > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.contenu5 > div > img {
  display: block;
  width: 100%;
  height: auto;
}

.contenu5 > div + div {
  padding-left: 2rem;
  padding-right: 4rem;
}

.contenu6 {
  position: relative;
}

.contenu6 > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.contenu6 > div > img {
  display: block;
  width: 100%;
  height: auto;
}

.contenu6 > div > h3 {
  float: right;
  margin-right: 4rem;
}

.contenu6 > div + div > div {
  position: absolute;
  top: 7rem;
  left: 41.5%;
  right: 0;
  bottom: -7rem;
  background-color: rgba(241, 241, 241,0.85);
}

.contenu6 > div + div > div > div {
  position: absolute;
  top: 0;
  left: 0;
  padding: 6rem 8.5%;
  max-width: 100%;
}

.contenu6 > div + div > div > div + div {
  opacity: 0
}

.contenu6 > div + div > div > nav {
  position: absolute;
  right: 4rem;
  bottom: 3rem;
}

.contenu6 > div + div > div > nav button {
  display: inline-block;
  vertical-align: top;
  width: 1.6rem;
  height: 1.6rem;
  padding: 0;
  border: 0.4rem solid #052840;
  border-radius: 99rem;
  margin-right: 1rem;
  background-color: transparent;
  cursor: pointer;
}

.contenu6 > div + div > div > nav button:only-child {
  display: none
}

.contenu6 > div + div > div > nav button.active {
  background-color:#052840;
}

.contenu6 > div > img.debordement,
.contenu5 > div > img.debordement {
  display: block;
  width: auto;
  height: auto;
}

.contenu5 > div > img.debordement {
  float: right;
}

.cas {
  background-color: #f1f1f1
}

.cas.cas > .mw {
  padding: 10rem 0;
}

.cas h2 {
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 300;
  letter-spacing: 0.1rem;
}

.cas h2 br {
  display: none
}

.cas h2 > span {
  font-size: 3rem;
  font-weight: 900
}

.cas > div > div > div {
  position: relative;
  z-index: 10;
  background-color: white;
}

.cas > div > div > div > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 3rem;
}

.cas > div > div > div > div + div {
  padding-right: 4rem;
}

.cas > div > div.has-pdf > div > div + div {
  padding-bottom: 10rem;
}

.cas1 > div > div iframe,
.cas1 > div > div img {
  display: block;
  width: 100%;
}

.cas .download span {
  width: 100%
}

.cas1 > div > div + div .download {
  position: absolute;
  bottom: 3rem;
  right: 4rem;
  display: inline-block;
}

.cas2 > div > div:first-child > div {
  padding: 2rem;
  color: white;
  background: #004c78 url(../../ressources/imgs/bg_clair.png) no-repeat right center;
  background-size: cover;
}

.cas2 > div > div + div .download {
  position: absolute;
  top: 50%;
  right: 4rem;
  transform: translateY(-50%);
  width: 33%
}

.section-categories li {
  display: inline-block;
  vertical-align: top;
}

.section-categories > .mw {
  padding: 3.5rem 0 5.5rem;
}

.section-categories a {
  display: block;
  padding: 0.3rem 0.8rem 0.2rem;
  border: 1px solid  currentColor;
  font-size: 1.7rem;
  font-weight: 900;
  color: #a6a6a6;
  line-height: 1.5;
  text-transform: uppercase;
  text-decoration: none;
}

.section-categories li + li a {
  margin-left: 1rem;
}

.section-actu-share {
  margin-top: 5rem;
}
.section-actu-share > div {
  padding-bottom: 14rem
}

.section-actu-share > div > div:first-child {
  padding: 3rem 0;
  background-color: #8bcbbc;
}

.section-actu-share > div > div > div {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  height: 8rem;
}


.section-actu-share > div > div > div:first-child + div {
  width: 50%;
  text-align: center;
  color: white;
}

.section-actu-share > div > div > div > a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.7rem;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none;
}

.section-actu-share > div > div > div > a > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.7rem;
  font-weight: 900;
  line-height: 1.3;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
}

.section-actu-share > div > div > div > a > i {
  display: inline-block;
  vertical-align: middle;
  width: 8.5rem;
  height: 100%;
  margin-right: 1rem;
  background: url(../../ressources/imgs/fleche_droite_blanc.svg) no-repeat center center;
  background-size: 100% 100%;
  transform-origin: 50% 50%;
  cursor: pointer;
  transition: transform 350ms ease;
}

.section-actu-share > div > div > div:first-child {
  text-align: right;
}

.section-actu-share > div > div > div:first-child > a > i {
  margin-right: 0;
  margin-left: 1rem;
  transform: rotate(180deg)
}

.section-actu-share .shares li {
  display: inline-block;
  vertical-align: top;
  margin: 2.7rem 1.5rem 0;
  line-height: 27px;
}

.section-actu-share .shares li.ytb > a {
  display: block;
  width: 3.7rem;
  height: 2.6rem;
  background: url(../../ressources/imgs/share_yt.svg) no-repeat center center;
  background-size: auto 100%;
}

.section-actu-share .shares li.twt > a {
  display: block;
  width: 3rem;
  height: 2.6rem;
  background: url(../../ressources/imgs/share_tw.svg) no-repeat center center;
  background-size: auto 100%;
}

.section-actu-share .shares li.fbk > a {
  display: block;
  width: 3rem;
  height: 2.6rem;
  background: url(../../ressources/imgs/share_fb.svg) no-repeat center center;
  background-size: auto 100%;
}

.section-actu-share .shares li.lkn > a {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  background: url(../../ressources/imgs/share_in.svg) no-repeat center center;
  background-size: auto 100%;
}

.section-actu-more {
  background-color: #f1f1f1
}

.section-actu-more .bigtitle {
  /* position: relative;
  top: -6.5rem; */
  padding-top: 3rem;
  padding-bottom: 1rem;
  text-align: center;
  letter-spacing: 0;
}
.section-actu-more .bigtitle span {
  font-weight: 600;
  border: none;
  letter-spacing: 0;
}

.section-actu-more > .mw > div {
  margin-left: -5%;
  margin-right: -5%;
}

.section-actu-more > div > div > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 0 4%;
  margin-bottom: 8rem
}

.section-actu-more > div > div > div > a {
  position: relative;
  display: block;
  padding-top: 55%;
  margin-bottom: 2rem;
  overflow: hidden;
}

.section-actu-more > div > div > div > a > video,
.section-actu-more > div > div > div > a > img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.section-actu-more > div > div > div > div {
  position: relative;
  /*height: 12.5rem;*/
  height: auto;
  padding-bottom: 5rem;
}

.section-actu-more > div > div > div > div > div:first-child {
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-actu-more .more {
  position: absolute;
  bottom: 0;
  left: 0;
}

.section-actu-more .more a {
  font-size: 1.4rem;
  color: #059cd4;
}

.section-actu-more > div > div p:first-child {
  line-height: 1.2;
}

.section-actu-more > div > div p:first-child a {
  text-decoration: none;
  pointer-events: none
}

.section-actu-more > div > div p {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  line-height: 1.4;
}

.section-actu-more .biglink {
 float: right;
 margin-right: 4rem;
 margin-bottom: 8rem;
}

.section-spacer > .mw {
  height: 20rem
}

.section-spacer + .section-social > .mw {
  padding-top: 0
}

.section-spacer + .section-social > .mw > h2 {
  position: relative;
  top: -6.5rem;
  margin-bottom: 2rem;
}

.section-form {
  position: relative;
  z-index: 2
}

.section-form-select {
  min-height:   115px;
}

.section-form form {
  position: relative;
  z-index: 2;
  padding-bottom: 10rem
}

.section-form form > div > div {
  position: relative;
  top: -2.5rem;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 6.5rem;
}

.section-form .section-form-inputs > div:only-child {
  display: block;
  margin: 0 auto;
}

.section-form form > div:first-child > div {
  width: 28%;
}

.section-form form > div:first-child > div:first-child + div {
  margin: 0 8%;
}

.section-form form > div + div > div:first-child {
  width: 50%;
}

.section-form form > div + div > div:first-child + div {
  width: 50%;
  padding-left: 8.5%;
}

.section-form form > div + div > div:first-child + div textarea {
  margin-top: -5rem;
  height: 16.38rem;
}

.section-form form > div:first-child > div:first-child select {
  background-color: #6165a2;;
  background-image: url(../../ressources/imgs/fleche_droite_blanc2.svg);
}

.section-form form > div:first-child > div:first-child + div select {
  background-color: #8bcbbc;
  background-image: url(../../ressources/imgs/fleche_droite_blanc2.svg);
}

.section-form form > div:first-child > div:first-child + div + div select {
  background-color: #f19091;
  background-image: url(../../ressources/imgs/fleche_droite_blanc2.svg);
}

.section-form form .bigtitle {
  width: 100%;
  margin-bottom: 6rem;
}

.section-form form .bigtitle span {
  font-size: 3.2rem;
  letter-spacing: 0.1rem;
}

.actu-vignette {
  padding-top: 1rem;
  padding-bottom: 3rem;
}

.section-filtres {
  margin: 20px 0 100px;
  width: 100% !important;
}
.section-filtres ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.section-filtres ul li {
  text-align: center;
  flex-grow: 1;
  padding: 12px;
  border: 1px solid #CAD4D7;
}
.section-filtres ul li a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
.section-filtres ul li.current-cat {
  background-color: #002742;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .section-filtres {
    margin-bottom: 20px;
  }

  .section-filtres ul {
    display: block;
  }
}
/*
.section-filtres > ul {
  padding: 6% 0;
  width: 240px;
  margin: 0 15px;
}

.section-filtres > ul > li {
  display: block;
  width: 100%;
}
.section-filtres > ul > li.current-cat a {
  color: #ccd4d9;
  background-color: #002742;
}

.section-filtres.sticky > ul {
  position: fixed;
  width: 240px;
  top: 25px;
  padding: 0;
  margin: 0 15px;
}

.section-filtres a {
  position: relative;
  display: block;
  margin-bottom: 2px;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #ccd4d9;
  color: #002742;
  cursor: pointer;
}

.section-filtres > ul > li > a {
  padding: 0.4rem 1rem;
  font-size: 1.7rem;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.1rem;
}

.section-filtres > ul > li li a {
  padding: 0.2rem 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.1rem;
}

.section-filtres .cat-item-2 a {
   color: #00a8e7;
   background-color: #cceefa
}

.section-filtres .cat-item-3 a {
   color: #6165a2;
   background-color: #dfe0ec
}

.section-filtres .cat-item-4 a {
   color: #8bcbbc;
   background-color: #e2f2ee
}

.section-filtres .cat-item-5 a {
   color: #fff;
   background-color: #f19091
}

/*
.section-filtres .current-cat > a {
  padding-right: 2.5rem;
}

.section-filtres .current-cat > a:after {
  content: "✕";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  text-align: right;
  padding: 0.4rem 0.5rem 0.4rem 1rem;
  box-sizing: border-box;
}

.section-filtres li li.current-cat > a:after {
  padding: 0.2rem 0.5rem 0.2rem 1rem;
}
*/
.site-pagination {
  padding: 3rem 0 4rem;
  text-align: center;
}

.site-pagination > ul > li {
  display: inline-block;
  vertical-align: top;
  margin-left: 0.5rem;
}

.site-pagination > ul > li:first-child {
  margin-left: 0rem;
}

.site-pagination > ul > li > span,
.site-pagination > ul > li > a {
  display: block;
  width: 28px;
  height: 28px;
  border: 1px solid currentColor;
  line-height: 28px;
  color: #002742;;
  text-decoration: none;
  text-align: center;
}

.site-pagination > ul > li > a.next {
  line-height: 24px;
}

.site-pagination > ul > li > span {
  color:  #002742;
  border-color: #002742;
  font-weight: 800;
}

.actu-vignette {
  position: relative;
}

.actu-vignette > div:first-child {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  padding-top: 90%;
}

.actu-vignette > div:first-child div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}

/*
.actu-vignette > div:first-child div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #052840;
  mix-blend-mode: multiply;
  opacity: 0.2
}
*/
.actu-vignette > div:first-child div > video,
.actu-vignette > div:first-child div > img {
  display: block;
  width: 100%;
  /*height: 100%;*/
  object-fit: cover
}

/*
.actu-vignette > div:first-child + div > div > div {
  height: 14rem;
}
*/
.actu-vignette h2 {
  padding: 1rem 0;
  font-size: 1.6rem;
  font-weight: 900;
  text-transform: none;
  line-height: 1.2;
}

.actu-vignette p {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.3;
}

.actu-vignette p.reading_time {
  font-size: 1.2rem;
}

.actu-vignette .biglink {
  margin-top: 2rem;
}

.actu-vignette .biglink span {
  transition: color .5s ease;
}
.actu-vignette .biglink:hover span {
  color: #00a8e7;
}
/*
.actu-vignette > time {
  position: absolute;
  z-index: 2;
  top: 3.9rem;
  left: 6rem;
  padding: 0.2rem 0.5rem;
  border: 1px solid currentColor;
  letter-spacing: 0.1rem;
  color: white;
  font-size: 1.5rem;
  font-weight: 500;
  white-space: nowrap;
  transform-origin: 0 0;
  transform: rotate(90deg);
}*/



/*
.actu-vignette .cat-5 h2 {
   color: #f19091
}

.actu-vignette .cat-4 h2 {
   color: #8bcbbc;
}

.actu-vignette .cat-3 h2 {
   color: #6165a2;
}
.actu-vignette .cat-2 h2 {
   color: #00a8e7;
}
*/

.une .actu-vignette > div:first-child {
  display: inline-block;
  vertical-align: top;
  width: 67.4%;
  padding-top: 0;
  padding-right: 2%;
}

.une .actu-vignette > div:first-child > div {
  position: relative;
  /*adding-top: 75%;*/
}

.une .actu-vignette > div:first-child + div {
  display: inline-block;
  vertical-align: top;
  width: 32.6%;
   padding-left: 2%;
}

.une .actu-vignette > div:first-child + div p:first-child {
  padding-bottom: 4rem;
  font-size: 5rem;
  font-weight: 300;
  color: #00a8e7
}

.une .actu-vignette h2 {
  font-size: 2rem;
}

.une .actu-vignette p {
  font-size: 1.5rem;
  font-weight: 400;
  color: #00BEF2;
  line-height: 1.3;
}

.une .actu-vignette p.reading_time {
  font-size: 1.3rem;
  display: block;
  margin-top: 0;
}


.une .actu-vignette > div:first-child + div p:first-child strong {
  color: #002742;
  font-weight: 800;
}

.une .actu-vignette > div:first-child + div > div > div {
  height: 32rem;
}

@media screen and (max-width: 768px) {
  .une .actu-vignette > div:first-child > div {
    top: auto;
    left: auto;
    right: auto;
    bottom: 0;
    width: 100%;
    height: 100%;
    min-height: 300px;
  }

  .une .actu-vignette p.reading_time {
    margin-top: 0;
  }

  .actu-vignette h2 {
    font-size: 2rem;
  }
}

.section-temoins .nav-diaporama > span {
  color: #6165a2;
}
.section-temoins .nav-diaporama > button {
  background-image: url(../../ressources/imgs/fleche_droite_purple.svg);
}
.section-temoins > .mw {
  padding: 10rem 0;
  text-align: center;
}

.section-temoins > .mw > .bigtitle {
  margin-bottom: 5rem;
}

.section-temoins-temoins {
  text-align: left;
}

.section-temoins-temoins div.testi .inner {
  padding: 0 6%;
}

.section-temoins-temoins .testi .inner > div {
  position: relative;
  text-align: left;
}

.section-temoins-temoins .testi .inner > div > p {
  position: absolute;
  top: 5px;
  left: 1px;
  font-size: 2rem;
  font-weight: 900;
  color: #f19091;
  transform: translateY(-100%) rotate(90deg);
  transform-origin: left bottom;
}

.section-temoins-temoins div.testi h3 {
  padding: 1.5rem 0 0.5rem;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: italic;
  color: #6165a2;
  text-align: left;
  text-transform: uppercase;
}

.section-temoins-temoins div.testi h3 + p {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  letter-spacing: 0.05rem
}

.section-temoins-temoins div.testi > .biglink {
  text-align: left;
}

.section-temoins-temoins div.testi img {
  display: block;
  width: 100%;
  height: auto;
}

.section-temoins .bx-controls-direction {
  position: relative;
}

.section-temoins .bx-controls-direction .bx-prev,
.section-temoins .bx-controls-direction .bx-next {
  position: absolute;
  top: -260px;
  display: block;
  width: 8.5rem;
  height: 8.5rem;
  border: 0;
  background: url('../../ressources/imgs/fleche_droite_purple.svg') no-repeat center center;
  background-size: 100% 100%;
  transform-origin: 50% 50%;
  cursor: pointer;
  transition: transform 350ms ease;
}
.section-temoins .bx-controls-direction .bx-prev {
  left: -100px;
  transform: rotate(-180deg);
}
.section-temoins .bx-controls-direction .bx-next {
  right: -100px;
}


.section-vu {
  background-color: #8bcbbc;
}

.section-vu > div > div:first-child {
  position: relative;
  width: 100%;
  padding-left: 50%;
}

.section-vu > div > div > div:first-child {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
}

.section-vu > div > div > div:first-child:after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../ressources/imgs/vu.png) no-repeat center center;
}

.section-vu > div > div > div:first-child > img {
  position: relative;
  z-index: 1;
  display: block;
  width: 50%;
  height: 100%;
  float: right;
  object-fit: cover;
}

.section-vu > div > div > div:first-child + div {
  padding: 3rem 5rem 3rem 3rem;
}

.section-vu > div > div > div:first-child + div p {
  line-height: 1.4
}

.section-vu > div > div > div:first-child + div p {
  padding-top: 1rem;
}

.section-vu > div > div > div:first-child + div p:first-child {
  padding-top: 0;
}

.section-vu > div > div > div:first-child + div .biglink {
  float: right;
  margin-top: 3rem;
}

.section-actus > div > div > div {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding-top: 1.6rem
}

.section-actus > div > div > div + div {
  width: 100%;
}

.section-actus > div > div > div > div {
  display: inline-block;
  vertical-align: top;
  /*width: 33.33%;
  padding: 2%;*/
  width: 24%;
  padding: 1%;
}

.section-actus > div > div > div > div.une {
  width: 100%;
}

.error404 .section-home {
  cursor: pointer;
}

.section-expertise-intro {
  position: relative;
}

.section-expertise-intro:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50%;
  width: 100%;
  background-color: #f1f1f1
}

.section-expertise-intro > .mw > p {
  position: relative;
  z-index: 10;
  max-width: 75%;
  padding: 6rem 3rem;
  background-color: #f1f1f1;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.8;
}

.section-expertise-intro > .mw > p.text-uppercase {
  text-transform: uppercase;
}

.section-expertise-content img {
  max-width: 100%;
  height: auto;
}

.section-expertise-titre > .mw {
  padding: 5rem 0;
}

.section-expertise-titre hr {
  display: block;
  margin: 0 auto 6rem;
  width: 0.2rem;
  height: 10rem;
  background-color: #059cd4;
}

.section-expertise-titre h2 {
  position: relative;
  z-index: 10;
  margin: 1rem 0 0;
  font-size: 5rem;
  font-weight: 900;
  color: #059cd4;
}

.section-expertise-texte > .mw {
  padding: 5rem 0;
}

.section-expertise-texte > .mw > div:first-child {
  padding: 0 1rem 0 25%;
}

.section-expertise-texte.large > .mw > div:first-child {
  padding: 0 3rem 0 0%;
}

.section-expertise-texte > .mw > div:first-child > .bigtitle {
  max-width: 69.17%;
  margin-bottom: 2.5rem;
}

.section-expertise-texte > .mw > div:first-child > p + .bigtitle {
  margin-top: 8rem;
}

.section-expertise-texte.alt > .mw {
  position: relative;
  padding-top: 2.5rem;
}

.section-expertise-texte.alt.has-chiffre > .mw {
  position: relative;
  padding-top: 5rem;
}

.section-expertise-texte.alt > .mw:before {
  content: "";
  position: absolute;
  top: 7.6rem;
  bottom: 0;
  left: 10%;
  right: 10%;
  background-color: #f1f1f1
}

.section-expertise-texte.only-chiffre > .mw:before {
  content: none;
}

.section-expertise-texte.alt.has-chiffre > .mw:before {
  top: 16rem;
}

.section-expertise-texte.alt > .mw > div:first-child {
  position: relative;
  z-index: 10;
  padding: 0 25% 0;
}

.section-expertise-texte > .mw > div:first-child > .bigtitle {
  max-width: 76%;
}

.section-expertise-bleu > .mw {
  padding: 5rem 0;
}

.section-expertise-bleu div + div p {
  margin-bottom: 1.7rem;
  font-size: 1.7rem;
  line-height: 1.4;
}

.contenu4 > div:empty + div {
  width: 50%;
  margin-left:  25%
}


.section-expertise-chiffre {
  position: absolute;
  color: #f19091;
  width: 22%;
  padding-top: 22%;
  border: 6px solid currentColor;
}

.only-chiffre .section-expertise-chiffre {
  position: relative;
  top: 0;
  transform: none;
  width: 50%;
  left: 25%;
}

.section-expertise-texte .section-expertise-chiffre {
  right: 0;
  top: 15.6rem;
  transform: translateY(-50%)
}
.section-expertise-texte .section-expertise-chiffre p span {
    font-size: 1.1rem !important;
}

.section-expertise-chiffre > div {
  position: absolute;
  top: 2rem;
  left: 2rem;
  right: 2rem;
  bottom: 2rem;
  text-align: center;
}

.section-expertise-chiffre * {
  line-height: 1.2;
  text-transform: uppercase;
}

.section-expertise-chiffre *.lh-1 {
  line-height: 1;
}

.section-expertise-liste > .mw {
  padding: 9rem 0 4rem
}

.section-expertise-liste > .mw > div:first-child {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-left: 11%;
  padding: 4rem 15% 0;
}

.section-expertise-liste > .mw:before {
  content: "";
  position: absolute;
  top: 11rem;
  bottom: 4rem;
  left: 22%;
  right: 0%;
  background-color: #f1f1f1
}

.section-expertise-liste.has-video > .mw:before {
  bottom: 25%;
}

.section-expertise-liste .section-expertise-chiffre {
  left: 0;
  top: 11rem;
  transform: translateY(-50%)
}

.section-expertise-liste li {
  position: relative;
  padding-left: 2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
}

.section-expertise-liste li + li {
  margin-top: 1rem
}

.section-expertise-liste li:before {
  content: "›";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
  color: #f19091;
}

.numlist .section-expertise-chiffre {
  border: 0;
  background: #004c78 url(../../ressources/imgs/bg_clair.png) no-repeat right center;
  color: white;
}

.section-expertise-liste ul {
  padding: 0 0 2rem 0;
  margin: 0;
}

.section-expertise-liste ol {
  padding: 0 0 2rem 0;
  counter-reset: section;
  margin: 0;
}

.section-expertise-liste ol li {
  padding-left: 2.75rem
}

.section-expertise-liste ol li:before {
  counter-increment: section;
  content: counter(section) " › ";
  position: absolute;
  top: 0;
  left: 0;
  font: inherit;
  font-weight: 900;
  color: #00a8e7;
}

.section-expertise-video {
  position: relative;
  width: 70%;
  padding-top: 39.35%;
  margin: 4rem auto 2rem;
}

.section-expertise-video.portrait {
  position: relative;
  width: 25%;
  padding-top: 39.6%;
  margin-left: 50%;
}


.section-expertise-video > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.section-expertise-video > div > iframe{
  display: block;
  width: 100%;
  height: 100%;
}

.section-expertise-pictos > .mw {
  padding: 5rem 0 8rem;
}

.section-expertise-pictos > .mw > div:first-child {
  padding: 0 3rem 0 25%;
}

.section-expertise-pictos.alt > .mw > div:first-child {
  padding: 0 0 0 25%;
}

.section-expertise-pictos > .mw > div:first-child > .bigtitle {
  max-width: 69.17%;
  margin-bottom: 2.5rem;
}

.section-expertise-pictos li + li {
  margin-top: 2rem
}

.section-expertise-pictos li > * {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 85px);
}

.section-expertise-pictos li > img {
  width: 65px;
  height: auto;
  margin-right: 20px;
}

.section-expertise-pictos li > div > h3 {
  padding: 1rem 0 0.5rem;
  font-size: 3rem;
  font-weight: 900;
  color: #059cd4;
}

.section-expertise-pictos li > div > p {
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
}

.section-expertise-pictos.alt ul {
  padding-top: 2rem
}

.section-expertise-pictos.alt li {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding-right: 3rem;
  padding-bottom: 3rem;
  margin: 0;
}

.section-expertise-pictos.alt li > * {
  display: block;
  width: 100%;
}

.section-expertise-pictos.alt li > img {
  width: 70px;
  height: auto;
  margin-right: 0px;
}

.section-expertise-pictos.alt li > div > h3 {
  color: inherit;
}

.section-expertise-citation .mw  {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section-expertise-citation .mw.has-img  {
  padding-top: 10rem;
}

.section-expertise-citation > div > div  {
  background: #004c78 url(../../ressources/imgs/bg_clair.png) no-repeat right center;
}

.section-expertise-citation > div > div > div {
  display: inline-block;
  vertical-align: top;
  width: 60%;
}

.section-expertise-citation > div > div > div.alt {
  width: 100%;
}

.section-expertise-citation > div > div > div.alt + div {
  display:  none !important
}

.section-expertise-citation > div > div > div:first-child {
  position: relative;
  padding: 15rem 5% 15rem;
  text-align: center;
  color: white;
}

.section-expertise-citation > div > div > div:first-child:before {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  width: 10rem;
  height: 10rem;
  background: url(../../ressources/imgs/double_fleche_bleu.svg) no-repeat 0 0 / auto 10rem;
}

.section-expertise-citation > div > div > div:first-child:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 5%;
  width: 10rem;
  height: 10rem;
  background: url(../../ressources/imgs/double_fleche_bleu.svg) no-repeat 0 0 / auto 10rem;
  transform: rotate(180deg);
}

.section-expertise-citation .citation-cta {
  content: "";
  position: absolute;
  bottom: 0;
  right: 5%;
  padding-right: 8rem;
  line-height: 10rem;
  color: #052840;
  font-weight: 900;
  font-size: 2rem;
  text-decoration: none;
  transition: all 250ms ease;
}

.section-expertise-citation .citation-cta:hover {
  padding-right: 7rem;
  color: white;
}

.section-expertise-citation > div > div > div:first-child p {
  font-size: 2.1rem;
  font-weight: 500;
  font-style: italic;
  line-height: 1.3;
  letter-spacing: 0.05rem;
}

.section-expertise-citation > div > div > div + div {
  position: relative;
  top: -5rem;
  width: 40%;
}

.section-expertise-citation > div > div > div + div > img {
  display: block;
  width: 75%;
  height: auto;
}

.section-expertise-citation > div > div > div + div > p {
  font-size: 1.8rem;
  letter-spacing: 0.05rem;
}

.section-expertise-citation2 > .mw {
  padding: 5rem 0;
}

.section-expertise-citation > div > div > div + div > img + p {
  text-transform: uppercase;
  padding-top: 1rem;
  letter-spacing: 0.05rem;
}

.section-expertise-citation2 > div > div > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.section-expertise-citation2 > div > div > div:first-child {
  padding-right: 2rem;
}

.section-expertise-citation2 > div > div > div:first-child .bigtitle {
  margin-bottom: 4rem;
}

.section-expertise-citation2 > div > div > div:first-child p {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05rem;
}

.section-expertise-citation2 > div > div > div:first-child + div > div {
  position: relative;
  float: right;
  width: 75%;
  padding-top: 75%;
  background: #004c78 url(../../ressources/imgs/bg_clair.png) no-repeat right center;
}

.section-expertise-citation2 > div > div > div:first-child + div > div > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}

.section-expertise-citation2 > div > div > div:first-child + div > div > div:before {
  content: "";
  position: absolute;
  top: -5rem;
  left: 0;
  width: 10rem;
  height: 10rem;
  background: url(../../ressources/imgs/double_fleche_bleu.svg) no-repeat 0 0 / auto 10rem;
}

.section-expertise-citation2 > div > div > div:first-child + div > div > div:after {
  content: "";
  position: absolute;
  bottom: -5rem;
  right: 0;
  width: 10rem;
  height: 10rem;
  background: url(../../ressources/imgs/double_fleche_bleu.svg) no-repeat 0 0 / auto 10rem;
  transform: rotate(180deg);
}

.section-expertise-citation2 > div > div > div:first-child + div > div > div > div {
  display: table;
  width: 100%;
  height: 100%;
  padding: 4rem;
  margin: 0 auto;
}

.section-expertise-citation2 > div > div > div:first-child + div > div > div > div > div {
  display: table-cell;
  vertical-align: middle;
  color: white
}

.section-expertise-citation2 > div > div > div:first-child + div p:first-child {
  padding-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 500;
  font-style: italic;
  line-height: 1.3;
}

.section-expertise-citation2 > div > div > div:first-child + div p + p {
  font-size: 1.5rem;
  line-height: 1.2;
}

.section-expertise-citation2 .call a {
  font-weight: 900
}

.section-expertise-loin .grid-mw > div {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 4rem;
  padding-bottom: 4rem;
}

.section-expertise-loin .mw  {
  padding: 10rem 0 6rem;
}

.section-expertise-loin {
  background-color: #8bcbbc
}

.section-expertise-loin h2 span,
.section-expertise-loin h2 {
  color: white
}

.section-expertise-loin .grid-mw  {
  padding: 4rem 0 0;
}

.section-expertise-loin .grid-mw > div > div  {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 45%;
}

.section-expertise-loin .grid-mw > div > div > a  {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.3
}

.section-expertise-loin .grid-mw > div > div > a > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 4rem;
  background-color: white;
  overflow: hidden;
  transition: transform 350ms ease
}

.section-expertise-loin .grid-mw > div > div > a > div:first-child {
  z-index: 10;
  background: #004c78 url(../../ressources/imgs/bg_clair.png) no-repeat
}

.section-expertise-loin .grid-mw > div > div > a:hover > div:first-child {
   transform: translateX(-100%);
}

.section-expertise-loin .grid-mw > div > div > a > div + div{
  transform: translateX(100%);
}

.section-expertise-loin .grid-mw > div > div > a:hover > div + div{
  transform: translateX(0%);
}

.section-expertise-loin .grid-mw h3 {
  /*font-size: 3rem;*/
  font-weight: 900;
  color: white;
}

.section-expertise-loin .grid-mw p {
  font-size: 1.8rem;
  font-weight: 900;
}

.section-expertise-loin .grid-mw svg {
  position: absolute;
  bottom: 2rem;
  right:2rem;
  display: block;
  width: 3.6rem;
  height: 3.6rem;
}

.section-expertise-loin .grid-mw polygon {
  fill: #FFFFFF;
}

.section-expertise-loin .grid-mw rect {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 6;
}

.section-expertise-cas .mw {
  padding: 10rem 0 0;
}

.section-expertise-cas .clients {
  min-height: 4rem;
  padding: 1.5rem 0;
}

.section-expertise-cas h2 + div > a {
  display: inline-block;
  height: 6rem;
  padding: 0 2rem;
  border: 6px solid currentColor;
  margin: 1.5rem 3rem 1.5rem 0;
  font-size: 1.7rem;
  line-height: 4.8rem;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.section-expertise-cas h2 + div > a.active {
  background-color : #f19091;
  border-color: #f19091;
  color: white;
  pointer-events: none
}

.section-expertise-cas h2 + div + div {
  height: 50rem;
}

.section-expertise-cas h2 + div + div > div {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  height: 100%;
  line-height: 1.35
}

.section-expertise-cas h2 + div + div > div > div {
  position: relative;
  z-index: 2;
  height: 100%;
}

.section-expertise-cas h2 + div + div > div > div > div {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-expertise-cas .slide.left {
  padding: 4rem;
}

.section-expertise-cas .video + .cas-pdf {
  padding-top: 4rem;
}

.section-expertise-cas .video.portrait + .cas-pdf {
  padding-bottom: 4rem;
  padding-right: 4rem;
}

.section-expertise-cas .cas-pdf > a {
  float: right;
}

.section-expertise-cas .cas-texte {
  padding-top: 2rem;
}

.section-expertise-cas .cas-texte p + p {
  padding-top: 1rem;
}

.section-expertise-cas .cas-texte p em {
  font-style: italic;
}

.section-expertise-cas .slide.left .cas-temoignage {
  padding-top: 2rem;
}

.section-expertise-cas .slide.left .cas-temoignage p:first-child {
  font-style: italic;
}

.section-expertise-cas .slide.left .cas-temoignage p + p {
  padding-top: 1rem;
  text-align: right;
}

.section-expertise-cas .slide.right.vid.alt {
  padding: 4rem;
}

.section-expertise-cas .slide.right .cas-temoignage {
  padding: 4rem;
}

.section-expertise-cas .slide.right .cas-temoignage p + p {
  text-align: right;
}

.section-expertise-cas .video {
  position: relative;
  width: 100%;
  padding-top: 56.25%
}

.section-expertise-cas .video.portrait {
  position: relative;
  width: 50%;
  padding-top: 80%;
  left: 25%;
  z-index: 1
}


.section-expertise-cas .video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.section-expertise-cas h2 + div + div > div > div > div + div {
  opacity: 0;
  display: none;
}

.section-expertise-cas h2 + div + div > div:first-child {
  color: white;
}

.section-expertise-cas h2 + div + div > div:first-child:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vh;
  background-color:#f19091;
}

.section-expertise-cas h2 + div + div > div:first-child h3 {
  font-size: 3rem;
  font-weight: 900;
  text-transform: uppercase;
}

.section-expertise-cas h2 + div + div > div:first-child + div p:first-child{
  padding-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
  font-style: italic;
  letter-spacing:   0.05rem;
}

.section-expertise-cas h2 + div + div > div:first-child + div:before {
  content: "";
  position:   absolute;
  z-index:  1;
  top:   0;
  left:  0;
  width: 50%;
  height:  55%;
  background: url(../../ressources/imgs/double_fleche_gris.svg) no-repeat left center;
  background-size:  auto 100%
}

.section-expertise-cas h2 + div + div > div:first-child + div:after {
  content: "";
  position:   absolute;
  z-index:  1;
  bottom:   0;
  right:  0;
  width: 50%;
  height:  55%;
  background: url(../../ressources/imgs/double_fleche_gris.svg) no-repeat left center;
  background-size:  auto 100%;
  transform: rotate(180deg);
  transform-origin:   50% 50%
}


.section-expertise-cas h2 + div + div > div:first-child > div > div {
  height: auto
}

.section-expertise-slider .mw > div {
  padding: 1px 0;
}

.section-expertise-slider .contenu6 {
  margin: 5rem 0 12rem;
}

.section-expertise-slider .contenu6 p {
  font-size: 1.7rem;
  line-height: 1.5;
}

.section-expertise-video2 .mw {
  padding: 4rem 0;
}

.section-expertise-video2 .vid-1 .video-container {
  width: 100%;
  padding-top: 56.25%;
}

.section-expertise-video2 .vid-2 .video-container {
  width: 75%;
  padding-top: 42.1875%;
}

.section-expertise-video2 .vid-3 .video-container {
  width: 50%;
  padding-top: 28.125%;
  margin: 0 auto;
}

.section-expertise-content .section-video-expert > div {
 padding: 5rem 0;

}

.section-video-expert .new-video {
  position: relative;
  padding-top: 56.25%;
}

.section-video-expert .new-video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.section-video-expert h2 {
  position: relative;
  margin-bottom: 1rem;
  font-size: 2.1rem;
  font-weight: 900;
  color: #00a8e7;
}

.section-video-expert .cas4 {
  position: relative;
  padding: 0 16.66%
}

.section-video-expert.large .cas4 {
  padding: 0 8.33%
}

.section-video-expert .cas4:before {
  content: "";
  position: absolute;
  top: 4rem;
  left: calc(16.66% + 4rem);
  right: 4rem;
  bottom: 12rem;
  background-color: #f5f5f5;
  z-index: -1;
}

.section-video-expert .cas4 .section-contenu {
  position: relative;
  margin-bottom: 1rem;
}

.section-video-expert .cas4 .new-video {
  padding-top: 56.25%;
}

.section-video-expert .cas3 {
  padding: 0 8.33%
}

.section-video-expert .cas3 > div {
  display: flex;
}

.section-video-expert .cas3 > div > div {
  flex: 1.5;
}

.section-video-expert .cas3 > div > div + div {
  flex: 1;
  padding-left: 4rem;
}

.section-video-expert .cas3 h2 {
  position: relative;
  margin-bottom: 4rem;
}

.section-video-expert .cas3 .section-contenu  {
  position: relative;
}

.section-video-expert .cas3:before {
  content: "";
  position: absolute;
  top: 4rem;
  left: calc(25%);
  right: 0;
  height: 50%;
  background-color: #f5f5f5;
  z-index: -1;
}


.section-video-expert .cas2 {
  padding: 0 16.66%
}

.section-video-expert.large .cas2 {
  padding: 0 8.33%
}

.section-video-expert .cas2 > div {
  display: flex;
}

.section-video-expert .cas2.no-txt > div {
  align-items: center;
}

.section-video-expert .cas2 > div > div {
  flex: 1;
}

.section-video-expert .cas2 > div > div + div {
  flex: 1;
  padding-left: 4rem;
}

.section-video-expert .cas2 h2 {
  position: relative;
  margin-bottom: 4rem;
}

.section-video-expert .cas2 .section-contenu  {
  position: relative;
}

.section-video-expert .cas2:before {
  content: "";
  position: absolute;
  top: 4rem;
  left: 0;
  right: 25%;
  height: 50%;
  background-color: #f5f5f5;
  z-index: -1;
}

.section-video-expert .cas2.no-txt:before {
  content: "";
  position: absolute;
  top: 12.5%;
  left: 12.5%;
  right: 12.5%;
  bottom:12.5%;
  background-color: #f5f5f5;
  z-index: -1;
}

.section-video-expert .cas2 .new-video {
  padding-top: 158%;
}

.section-video-expert .cas1 {
  padding: 0 16.66%
}

.section-video-expert.large .cas1 {
  padding: 0 8.33%
}

.section-video-expert .cas1 > div {
  display: flex;
}

.section-video-expert .cas1.no-txt > div {
  align-items: center;
}

.section-video-expert .cas1 > div > div {
  flex: 1;
  padding-right: 4rem;
}

.section-video-expert .cas1 > div > div + div {
  flex: 1;
  padding-right: 0rem;
}

.section-video-expert .cas1 h2 {
  position: relative;
  margin-bottom: 4rem;
}

.section-video-expert .cas1 .section-contenu  {
  position: relative;
}

.section-video-expert .cas1:before {
  content: "";
  position: absolute;
  top: 4rem;
  left: 12.5%;
  right: 12.5%;
  height: 50%;
  background-color: #f5f5f5
}

.section-video-expert .cas1.no-txt.cas1:before {
  content: "";
  position: absolute;
  top: 12.5%;
  left: 12.5%;
  right: 12.5%;
  bottom:12.5%;
  height: auto;
  background-color: #f5f5f5;
}

.section-video-expert .cas1 .new-video {
  padding-top: 158%;
}

/*
#cookie {
  position: fixed;
  z-index: 100000;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 0;
  display: none;
  background-color: rgba(0,0,0,0.8)
}

#cookie > div {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto
}

#cookie > div > p {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
  padding-right: 2rem;
  font-size: 14px;
  font-weight: 300;
  color: white;
  line-height: 1.2
}

#cookie > div > p > a {
  color: white;
}
#cookie > div > button {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 300;
  color: white;
  text-decoration: none;
  background-color: white;
  color: #052840;
  border: 0;
  padding: 5px;
  cursor: pointer;
}

#cookie > div > button + button {
  margin-left: 10px;
}
*/


@media (min-width: 780px) {
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    display: flex;
    max-width: 33.33333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666%;
    flex: 0 0 66.6666%;
    display: flex;
    max-width: 66.6666%;
  }
}
.section-slider.display-image .bx-next {
  margin-top: 170px;
  right: 10px;
}
@media (min-width: 1200px) {
  .section-slider.display-image .bx-next {
    display: none !important;
  }
}

@media (max-width: 1200px) {
  .section-full-block[data-tpl="logos"] img.img-responsive {
    max-width: 200px;
    height: auto;
  }

  .menu .ul0 > li > a {
    padding-right: 2rem;
  }

  .menu .ul0 > li > a span{
    font-size: 1.8rem;
  }
}

@media (max-width: 1000px) {

  html {
    font-size: 50%
  }

  .menu .ul0 > li > a span{
    font-size: 2rem;
  }

  .menu {
    padding-top: 119px;
  }

  .section-contact.alth {
    height: auto;
  }


#cookie > div > p {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-bottom: 2rem;
}

}

@media (max-width: 900px) {

  .section-expertise-liste .section-expertise-chiffre {
    width: 100%;
        top: 5.8rem;
    z-index: -1;
  }

.section-expertise-liste > .mw > div:first-child {
  margin-left: 0;
  padding: 4rem 0 0;
}

.section-expertise-video {
  width:  100%;
  padding-top:  56.25%
}

.section-expertise-liste > .mw:before {
  left:   0
}

  .search header {
    height: 120px;
  }

  .logo {
    padding-top: 40px;
  }

  .menu-droite > div > div > div {
    top: 40px;
  }


  .mw {
    width: 100%;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .menu-droite > div > div > div {
    right: 5px;
  }

  .section-metier-intro > div > div:first-child {
    width: 100%;
    padding: 0 0 7rem;
  }

  .section-metier-intro > .mw {
    padding-bottom: 10rem;
  }

  .section-metier-intro .slider + div {
    left: 0;
  }

  .section-metier-intro a {
    left: 10rem;
  }

  .section-metier-intro a + div {
    left: 0;
    top: 90px;
    width: 100%;
    text-align: center;
  }

  .section-metier-intro p {
    font-size: 2.5rem;
  }

  .section-metier-plus-plus > div:before {
    width: 10rem;
    height: 10rem;
    background-size: 10rem auto;
  }

  .section-metier-plus-plus {
    padding: 5rem 0 0rem 5rem;
  }

  .section-metier-plus-plus > div > div {
    padding: 0 5rem;
  }

  .section-metier-plus-plus > div > div > div {
    width: 100%;
    height: auto;
    padding-bottom: 5rem;
  }

  .section-metier-plus-plus p {
    max-height: 999px;
    color: white;
  }

  .section-metier-plus-plus p br {
    display: none
  }

  .section-metier-chiffre > div > div > div {
    width: 100%
  }

  .section-metier-chiffre > div > div > div:first-child.c-1 > p,
  .section-metier-chiffre > div > div > div:first-child.c-2 > p,
  .section-metier-chiffre > div > div > div:first-child.c-3 > p {
    font-size: 4rem;
  }

  .section-metier-chiffre > div > div > div:first-child.c-7 > p,
  .section-metier-chiffre > div > div > div:first-child.c-8 > p,
  .section-metier-chiffre > div > div > div:first-child.c-9 > p {
    font-size: 3rem;
  }

  .section-metier-chiffre > div > div > div:first-child.c-10 > p,
  .section-metier-chiffre > div > div > div:first-child.c-11 > p,
  .section-metier-chiffre > div > div > div:first-child.c-12 > p {
    font-size: 2rem;
  }

  .section-metier-chiffre > div > div > div:first-child + div {
    padding: 0.5rem 4rem 0 2.5rem;
  }

  .section-metier-chiffre > div > div > div:first-child + div > p {
    font-size: 2rem;
  }

  .section-contenu > div > h2, .section-metier-solutions hr + h2 {
    font-size: 3rem;
  }

  .section-metier-solutions .grid-mw > div,
  .section-metier-solutions .solution2 .grid-mw > div:first-child + div,
  .section-metier-solutions .solution1 .grid-mw > div:first-child + div,
  .section-metier-solutions .solution3 .grid-mw > div:first-child + div,
  .section-metier-solutions .solution1 .grid-mw > div:first-child,
 .section-metier-solutions .solution3 .grid-mw > div:first-child {
    display: block;
    width: 100%;
  }

  .section-metier-solutions .solution2 .grid-mw > div:first-child + div {
    padding: 0;
  }

.section-metier-solutions .solution3 .text {
  padding: 2rem 0rem 0 0rem;
}

  .metier-temoignages {
    margin-top: 5rem;
    padding-top: 0
  }

  .metier-temoignages > .temoignage {
    width: 100%;
    margin: 0;
  }

  .metier-temoignages nav {
    width: 190px;
    right: 4rem;
    left: auto
  }

  .section-metier-solutions .solution1,
  .section-metier-solutions .solution2,
  .section-metier-solutions .solution3 {
    padding-bottom: 8rem;
  }

  .section-metier-cas > div > div:first-child + div:before,
  .section-metier-cas > div:after {
    content: none;
  }

  .section-metier-cas > div > div:first-child {
    top: 0;
    padding: 8rem 4rem 4rem;
    background: #004c78 url(../../ressources/imgs/bg_clair.png) no-repeat right bottom;
  }

  .section-metier-cas > div > div {
    display: block;
    width: 100%
  }

  .section-metier-cas > div > div:first-child > h2 {
    font-size: 3rem;
    white-space: initial;
    line-height: 1
  }

  .section-metier-cas > div > div:first-child + div .bigtitle {
    position: absolute;
    top: -42px
  }

  .section-metier-cas > div > div:first-child + div {
    position: static;
    background: none;
    padding-bottom: 12rem;
  }

  .section-metier-cas > div > div:first-child + div > p {
    padding: 4rem;
  }

  .section-contact .mw > h2 + a {
    width: 100%;
    margin: 4rem 0 !important;
  }

  .section-contact .mw > a + a {
    width: 100%;
    margin: 0 !important;
  }

  .section-contact  {
    height: auto;

  }

  .section-contact > div:first-child {
    padding: 4rem 0;
  }

.rgpd.hasncheck {
  width: 100%
}

  .section-home h1 {
    padding: 0;
    width: 100%
  }

  .menu-gauche {
    display:  none !important;
  }

 .cas > div > div > div > div {
  display: block;
  width: 100%;
 }

.cas > div > div > div > div + div {
  padding-right: 3rem;
  padding-top: 0
}

.cas .download {
  width: auto;
  margin-bottom: 3rem;
}

.cas2 > div > div + div .download {
  position: relative;
  display: block;
  float: right;
  top: initial;
  left: initial;
  right: initial;
  width: auto;
  transform: none;
}

.social-vignette {
  padding-top: 50%
}

.section-filtres > div > ul > li, .section-actus > div > div > div {
  width: 50%;
}


html {
  overflow-x: hidden;
}

.cb {
  margin-bottom: 4rem
}

.section-form form > div + div > div:first-child + div textarea {
  margin-top: -2rem
}

#recherche form label {
  display: none
}

#recherche form input[type=text] {
  left: 0;
  width: calc(100% - 8.6rem);
}

.bigtitle > span {
  line-height: 1.1
}

.section-metier-ligne > div:empty {
  display: none
}

.section-metier-ligne > div:empty:first-child + div {
  left: 0
}

.section-metier > .mw > .bigtitle + div,
.section-metier > .mw > div:first-child {
  position: relative;
  padding-bottom: 0%;
  overflow: hidden;
}

.section-metier > .mw > .bigtitle  {
  position: static;
  margin: 2rem auto;
  top: initial;
  left: initial;
  text-align: center;
}

.home #section_1 .bigtitle > span {
  color: #052840;
}

.home .section-metier .biglink {
  top: initial;
  bottom: 0;
  transform: none;
}


.section-metier > .mw > .bigtitle + div {
  padding-bottom: 0%
}

.section-metier > div > .img {
  margin-top: 4rem;
}

.home .section-metier > div > .img {
  max-height: 40vh;
}

.section-metier .biglink {
  top: 100%;
  left: 0
}

.section-metier-ligne {
  position: static;
}

.section-metier-ligne > div {
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  padding-top: 0%;
}

.section-metier-ligne > div {
  position: relative;
}

.section-metier-ligne > div > a {
  position: relative;
  display: block;
  width: 100%;
  height: 8rem;
  line-height: 4rem;
  padding: 2rem 0;
  transform: none !important;
  text-decoration: none;
}

.section-metier-ligne > div.white > a {
  background-color: white;
  color: inherit;
}

.section-metier-ligne > div.blue > a {
  background-color: #052840;
  color: white;
}

.section-metier-ligne > div > a > div {
  position: absolute;
  top: 0;
  left: 2rem;
  height: 100%;
  width: auto;
  padding: 2rem 0;
}

.section-metier-ligne > div > a > div div {
  display: block;
  height: 100%;
  width: auto;
}

.section-metier-ligne .vc {
  display: block;
}

.section-metier-ligne img {
  margin: 0;
  height: 100%;
  width: auto;
}

.section-metier-ligne p,
.section-metier-ligne h3 {
  position: relative;
  bottom: 0;
  right: 0;
  padding-right: 2rem
}

.section-metier-ligne > div > a + a {
  display: none !important
}

.section-metier-ligne img {
  max-width: 16rem
}

.social-vignette {
  left:  0 !important;
  width: 90%;
}

.social-vignette:nth-child(even) > div:first-child + div + time {
  left: 100%;
  transform: rotate(90deg) translateY(-150%);
}

.social-vignette + .social-vignette {
  margin-top: 4.5rem
}

.section-metier > div > .img {
  max-height: 40vh;
}

.section-map > div {
  display: block;
  width: 100%;
  height: 50%;
}

.menu > div > a {
  left: 20px;
}

.menu > div > button {
  right: 5px
}

.menu > div > div > div > ul {
  column-count: 2;
  padding: 0 10%;
}

.section-live > .mw {
  padding-top: 2rem
}

.section-live > .mw > .bigtitle {
  position: static;
  width: 100%;
  padding: 0;
  margin: 2rem 0;
}

.section-live > .mw > .bigtitle > span {
  color: white;
}

.section-live .biglink {
  position: relative;
  width: auto;
  left: 0;
  bottom: 0;
      padding: 5rem 0;
    display: block;
}

.section-live-actus > div > div:first-child + div {
  width: 100%;
  padding-bottom: 11rem;
  padding-right: 0
}

.section-live-actus > div > div + div > div {
  width: 100%
}

.section-metier > div > .img {
  display: none;
}

.section-metier-ligne.offres > div > a {
  height: 18rem;
}

.section-live .nav-diaporama {
  bottom: 1rem;
    left: 0;
    width: 100%;
}

.section-live-actus > div > div > div + div {
  display: block;
}

  .section-temoins-temoins > div {
    width: 50%
  }

  .section-actu-share > div > div > div {
    width: 35%;
  }

  .section-actu-share > div > div > div:first-child + div {
    width: 30%
  }

  .section-form form > div + div > div:first-child {
    width: 100%
  }

  .section-form form > div + div > div:first-child + div {
    width: 100%;
    padding-left: 0
  }

  .section-savoir > .mw > hr {
    display: none
  }

  .section-savoir > .mw > .bigtitle {
    width: 100%;
    padding: 0;
  }

  .section-savoir-savoirs > div:first-child {
    display: block;
    width: 100%;
    padding: 0;
  }

  .section-savoir-savoirs > div {
    display: none
  }

  .section-savoir > .mw {
    padding-bottom: 4rem
  }

  .section-savoir > .mw  {
    text-align: center;
  }

  .section-savoir > .mw > .bigtitle {
    display: inline-block;
    width: auto;
    margin: 8rem auto 0;
  }

  .section-savoir > .mw > .bigtitle > span {
    padding: 2.5rem;
  }

  .section-live-actus img {
    margin-top: 0;
    width: 100%;
  }

  html #wpadminbar {
    display: none !important;
  }

	/*
  .menu {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #052840;
    display: none;
    opacity: 0;
    padding: 0;
    visibility: hidden;
  }

  .menu > div {
    height: 100%;
        overflow: auto;
  }

  .menu > div > div {
    padding: 9rem 2rem 0;
  }

  .menu li {
    display: block;
  }

  .menu .ul2, .menu .ul1 {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    padding: 0;
  }

  .menu .ul1 > div > li {
    max-width: 100%;
  }

  .menu .ul0 > li {
    padding-bottom: 1rem;
  }

  .menu .ul0 > li > a span {
    font-size: 3rem;
    line-height: 1.5;
  }

  .menu .ul2 > div  {
    padding: 2rem;
  }
  .menu .ul1 > div > li > a > span {
    font-size: 2.5rem;
    line-height: 1.5
  }



.menu-top button + button {
  display: block;
}
*/





.section-actus > div > div > div + div {
  width: 100%;
}

.section-classic div h2 {
    font-size: 2rem !important
}

}

@media screen and (max-height: 670px) {

  .section-home h1 {
    font-size: 4rem;
    padding-top: 2rem;
  }

}


@media screen and (max-width: 768px) {
.section-video-expert.section-video-expert > div > div:before {
  content: none !important;
}

.single.special-category-single .section-expertise-intro {
  margin-top: 30px;
}

.section-video-expert.section-video-expert.section-video-expert > div > div {
  padding: 0;
}

.section-video-expert.section-video-expert > div > div > div {
  display: block;
  background-color: #f5f5f5;
  padding: 4rem 4rem 2rem;
}

.section-video-expert.section-video-expert > div > div > div > div {
  padding: 0;
}

.section-video-expert.section-video-expert h2 {
  margin-bottom: 2rem;
}

.section-video-expert.section-video-expert .section-contenu {
  margin-bottom: 2rem;
}

.section-video-expert.section-video-expert .new-video {
  margin-bottom: 2rem;
}

.section-actus > div > div > div > div {
  width: 50%;
}


}

@media screen and (max-width: 640px) {

  .section-expertise-loin .grid-mw h3 {
    font-size: 2rem;
  }

  .section-video-expert.section-video-expert > div > div > div {
    padding: 2rem 2rem 0;
  }

  .section-expertise-citation .mw.has-img {
    padding-top: 0
  }

  .section-expertise-citation > div > div > div:first-child:after,
  .section-expertise-citation > div > div > div:first-child:before {
    width: 8rem;
    height: 8rem;
    background-size: auto 8rem;
  }

  .section-expertise-citation > div > div > div:first-child {
    padding: 10rem 2rem 10rem;
  }

  .filets {
    opacity: 0 !important
  }

  .section-contact .mw > a:only-of-type {
    width: auto;
    padding: 0 3rem;
  }

  .section-footer > .mw > div:first-child,
  .section-footer > .mw > div:first-child + div,
  .section-footer > .mw > div:first-child + div + div {
    display: block;
    width: 100%;
    margin-bottom: 2rem
  }

  .section-footer > .mw > div:first-child > img {
    max-width: 50px;
  }

  .section-expertise-intro > .mw > p {
    padding: 3rem 3rem 3rem 0;
  }

  .section-metier-plus-plus h2 {
    font-size: 2.5rem;
  }

  .section-expertise-texte > .mw > div:first-child > .bigtitle {
    max-width: 100%;
  }

  .bigtitle > span {
    font-size: 3rem;
    padding: 2rem;
  }

  .section-expertise-texte > .mw {
    padding: 2rem 0;
  }

  .section-expertise-pictos > .mw {
        padding: 2rem 0 5rem;
  }

  .section-metier-chiffre > div > div > div:first-child > p {
    font-size: 10rem;
  }

  .section-metier-solutions .solution1, .section-metier-solutions .solution2, .section-metier-solutions .solution3 {
    padding-bottom: 2rem
  }

  .section-metier-solutions .download {
    margin: 2rem 0;
  }

  .section-metier-intro a {
    font-size: 1.5rem;
  }

  .section-home p {
    padding: 0;
    width: 100%;
    font-size: 2rem;
  }

  .section-expertise-intro > .mw > p {
    max-width: 100%
  }

  .section-expertise-pictos > .mw > div:first-child,
  .section-expertise-texte > .mw > div:first-child {
    padding-left: 0;
    padding-right: 0;
  }

  .section-expertise-texte.alt > .mw > div:first-child {
    padding: 0 12.5% 0;
  }

  .section-home h1 {
    font-size: 3rem;
  }

  .section-home h1 br {
    display: none
  }

  .section-metier.alt > .mw {
    padding: 3rem 0;
  }

  .social-vignette {
    padding-top: 0%
  }

  .social-vignette > div {
    position: static !important;
  }

  .social-vignette .biglink {
    position: static;
    margin-top: 1rem;
  }

  .social-vignette > div:first-child + div > div {
    padding-bottom: 1rem;
  }

  .section-social > .mw > .biglink {
    margin-top: 4.5rem;
    margin-left: 0;
    min-width: 240px;
  }

  .section-social > .mw > .biglink > *:first-child {
    width: 100%
  }

  .section-social > .mw {
    padding-bottom: 4.5rem
  }

  .section-vu > div > div > div:first-child > img {
    display: none;
  }

  .section-vu > div > div:first-child {
    padding-left: 0
  }

  .section-vu > div > div > div:first-child {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
  }

  .section-vu > div > div > div:first-child:after {
    top: 2rem;
    bottom: 2rem;
    height: auto;
    background-size: contain;
  }

  .section-vu > div > div > div:first-child + div .biglink {
    float: left;
    min-width: 240px
  }
  .section-vu > div > div > div:first-child + div .biglink > *:first-child {
    width: 100%;
  }

  .section-vu > div > div > div:first-child + div {
    padding: 3rem 0;
  }

  .section-filtres > div > ul > li, .section-actus > div > div > div {
    width: 100%;
  }

 .section-actus > div > div > div + div {
    margin-top: 2rem
  }

  .actu-vignette > time {
    left: 4rem
  }

  .une .actu-vignette > time {
    left: 3rem
  }

  .section-actu-share > div > div:first-child {
    position: relative;
  }

  .section-actu-share > div > div > div {
    width: 50%;
    padding: 0 1%;
  }

  .section-actu-share > div > div > div > a > i {
    width: 7rem;
  }

  .section-actu-share > div > div > div > a > span {
    font-size: 1.5rem
  }

  .section-actu-share > div > div > div:first-child + div {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #8bcbbc;
    width: 100%;
  }

  .section-form .mw.mw form > div:first-child > div {
    width: 100%;
    margin: 0 0 2rem;
  }

  .section-metier-intro > .mw {
    padding: 6rem 0;
  }

  .rgpd p {
    padding-right: 0;
  }

  .rgpd + input {
    width: auto;
  }

  .section-contact.alt > div > div {
    width: 100%;
  }

  .section-expertise-loin .grid-mw > div {
    width: 100%;
    padding-right: 0rem;
  }

  .section-live-actus .slide > div {
    display: none;
  }

  .section-live-actus .slide > div + div {
    display: block;
    width: 100%;
  }

  .section-expertise-pictos li > div > h3 {
    font-size: 2rem
  }

  .section-expertise-cas h2 + div > a {
    margin-right: 1rem;
  }

  .section-contenu > div {
    padding-bottom: 4rem;
  }

  .section-expertise-citation > div > div {
    background-size: cover;
  }

  .section-expertise-citation > div > div > div:first-child p {
    font-size: 1.8rem;
  }

  .section-expertise-citation .citation-cta {
    line-height: 1.2;
    height: 8rem;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    justify-content: left;
    text-align: left;
    left: 20px;
    right: 0;
  }

  .metier-temoignages:before {
    height:  50%;
  }

  .metier-temoignages:after {
    height:  50%;
  }

  .section-metier-solutions > div {
    padding-bottom: 10rem;
  }


  .section-back button svg {
    width: 26px;
    margin: 10px auto 10px;
  }

.section-contact.alt p:first-child {
  font-size: 2rem;
}

.section-contact.alt p + p {
    margin-top: 1rem;
    font-size: 1.5rem;
}

}

@media screen and (max-width: 550px) {

.section-actus > div > div > div > div {
  width: 100%
}

.une .actu-vignette > div:first-child + div,
.une .actu-vignette > div:first-child {
  width: 100%;
  padding: 0;
}

.une .actu-vignette > div:first-child + div {
  padding-top: 2rem;
}

.actu-vignette > div:first-child + div > div > div,
.une .actu-vignette > div:first-child + div > div > div {
  height: auto;
}

.mw > div > div > .actu-vignette {
  margin-top: 2rem;
}

.section-actus > div > div > div > div {
  padding: 0;
}

.section-filtres > ul {
  padding: 0;
}

.une .actu-vignette > div:first-child + div p:first-child {
  padding-bottom: 0;
  font-size: 3rem;
}

.actu-vignette .biglink {
  margin-top: 1rem;
  text-align: right;
  padding-right: 3rem;
}

.section-metier-ligne.offres .biglink {
  top: auto;
  left: 0;
  width: 100%;
  bottom: 0;
}

.page-id-215 .section-metier > .mw > div:first-child {
  padding-bottom: 15rem;
}

}

@media screen and (max-width: 460px) {

  .section-expertise-texte.alt > .mw > div:first-child {
    padding: 0;
  }

  .section-expertise-texte.alt > .mw:before {
    left: -10%;
    right: -10%;
  }

  .section-expertise-pictos > .mw > div:first-child > .bigtitle {
    max-width: 100%
  }

  .section-expertise-citation > div > div > div + div,
  .section-expertise-citation > div > div > div:first-child {
    width: 100%
  }

  .section-expertise-citation > div > div > div + div {
    top: 0;
    padding: 0 20px 20px;
  }

  .section-expertise-citation > div > div > div + div > img {
    display: none;
  }

  .section-expertise-cas h2 + div + div > div {
    width: 100%;
    height: 50%;
  }

  .section-expertise-cas .slide.right .cas-temoignage,
  .section-expertise-cas .slide.left {
    padding-left: 0;
    padding-right: 0
  }

  .section-expertise-cas h2 + div + div > div:first-child:before {
    right: -5vw;
    width: 105vw
  }

  .home .section-metier > div > .img {
    display: none
  }

  .menu > div > div > div > ul {
    column-count: 1;
  }

   .menu > div > div > div > ul > li {
        margin: 0 auto;
  }

  .menu > div > a  {
    width: 70%;
    top: 62px;
    max-width: 200px;
  }
  .menu > div > a > img  {
    width: 100%;
    max-width: 1
  }

  .menu > div > div > div > ul > li > div {
    padding-bottom: 3rem
  }


  .section-temoins .bigtitle {
    font-size: 3rem;
  }

.section-contenu > div > h2,
  .contenu1 p, .contenu2 p {
    padding-left: 0;
    padding-right: 0;
}

  .section-actu-share > div > div > div > a > i {
    width: 3rem;
  }

  .section-actu-share > div > div > div > a > span {
    font-size: 1.25rem
  }

  .section-actu-share > div > div:first-child {
        padding: 1rem 0;
  }

  input[type=checkbox] {
    margin-right: 1rem
  }

  .cb > span {
    font-size: 1.4rem;
        letter-spacing: -0.05rem;
  }

  .contenu6 > div {
    width: 75%;
  }

  .contenu6 > div + div > div {
    top: 5rem;
    left: 0;
  }

.section-metier-ligne p, .section-metier-ligne h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 7rem;
    font-size: 1.5rem;
}

.section-metier-ligne.offres p, .section-metier-ligne.offres h3 {
    padding-left: 0rem;
}

.section-footer li a {
  font-size: 1.8rem;
  line-height: 1.3
}

.section-metier > .mw > .bigtitle + div {
  padding-bottom: 11rem
}

.home .section-metier .biglink {
  bottom: 1.5rem;
}

.section-metier > div {
  padding-top: 1px
}



}

@media screen and (max-width: 320px) {

  .section-home h1.alt > span,
  .section-home h1 {
    font-size: 3rem;
  }

  .section-contenu > div > h2, .section-metier-solutions hr + h2 {
    font-size: 3rem;
  }

}

/* ----- D2b ----- */
.fort {font-weight:600;}
.d2b {font-weight:inherit;}
/* --------------- */



/* ----- Page Landing ----- */
.section-full-block {
  position: relative;
}

.navigation-bullets-nav {
  position: fixed;
  right: 40px;
  top: 50%;
  z-index: 10;
  margin-top: -140px;
  text-align: center;
}
.navigation-bullets {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.navigation-bullets-nav .bullet {
  display: block;
  margin: 5px 15px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #fff;
  transition: background-color .5s ease;w
}
.navigation-bullets-nav .bullet:hover {
  background-color: #fff;
}
.navigation-bullets-nav .active .bullet {
  background-color: #fff;
  width: 11px;
  height: 11px;
}
.navigation-bullets-nav .trait {
  display: block;
  width: 1px;
  height: 15px;
  background-color: #fff;
  margin: 2px;
}
.navigation-bullets-nav li:last-child .trait {
  display: none;
}
.navigation-bullets-nav li a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.navigation-bullets.dark .bullet {
  border: 1px solid #002742;
}
.navigation-bullets.dark .bullet:hover,
.navigation-bullets.dark .active .bullet {
  background-color: #002742;
}
.navigation-bullets-nav .navigation-bullets.dark .trait {
  background-color: #002742;
}

/*
.navigation-bullets-nav .navigation-bullets li {
  position: relative;
}
.navigation-bullets-nav .navigation-bullets li:after {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  height: 12px;
  background-color: #fff;
  margin: 5px;
}

.navigation-bullets-nav .navigation-bullets li:last-child:after {
  display: none;
}
*/

.img-responsive {
  max-width: 100%;
  height: auto;
}

.text-center {
  text-align: center;
}
.list-inline > li {
  display: inline-block;
  margin-left: 1rem;
  margin-right: 1rem;
}

.btn {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0.6rem 1.7rem;
  transition: background-color 0.5s ease;
  text-transform: uppercase;
  text-decoration: none;
}

@media (max-width: 980px) {
  .btn {
    display: block;
    line-height: 2.5rem;
  }
}

.bg-blue-dark .btn,
.btn-white {
  border: 1px solid #fff;
  background-color: #fff;
  color: transparent;
}
.bg-blue-dark .btn:hover,
.btn-white:hover {
  color: #fff;
  background-color: transparent;
}
.bg-blue-dark .btn {
  color: #002742;
}
.bg-blue .btn {
  border: 1px solid #fff;
  border: 1px solid #fff;
  background-color: #fff;
  color: #00BEF2;
}
.bg-blue .btn:hover {
  color: #fff;
  background-color: transparent;
}
.bg-white .btn,
.bg-gray-light .btn {
  border: 1px solid #002742;
  background-color: #002742;
  color: #fff;
}
.bg-white .btn:hover,
.bg-gray-light .btn:hover {
  color: #002742;
  background-color: transparent;
}

.text-white {
  color: #fff;
}
.text-pink {
  color: #ff8185;
}
.text-blue {
  color: #00BEF2;
}
.text-blue-dark {
  color: #002742;
}
.p-2 {
  padding: 2rem;
}
.pt-2 {
  padding-top: 2rem;
}
.pt-3 {
  padding-top: 3rem;
}
.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mt-2 {
  margin-top: 2rem;
}
.mt-4 {
  margin-top: 4rem;
}
.mb-2 {
  margin-bottom: 2rem;
}
.mb-4 {
  margin-bottom: 4rem;
}
.mx-3 {
  margin-right: 3rem;
  margin-left: 3rem;
}
.d-flex {
  display: flex;
}
.align-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}


/* ----- Page Landing ----- */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
.col-md-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  display: flex;
  max-width: 50%;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}
.col-md-4 {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 2rem;
}
.col-md-8 {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 2rem;
}

.row.no-gutter div[class^="col-md-"] {
  padding-left: 0;
  padding-right: 0;
}
.column-2 {
  border-radius: 5px;
  background-color: #fff;
  position: relative;
  text-align: left;
  margin-bottom: 6rem;
  padding: 10px 30px 50px;
}
.column-2 .bullet {
  margin-right: 3rem;
  margin-top: -35px;
}
.column-2 .h3 {
  text-transform: uppercase;
  line-height: 1.8rem;
  padding-top: 1.8rem;
}
.column-2 .text {
  margin-top: 1.8rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.column-2 .text p {
  line-height: 1.8rem;
  font-size: 1.2rem;
}

.text p strong {
  font-weight: bold;
}
.text p em {
  font-style: italic;
}
.column-3 {
  border-radius: 5px;
  padding: 100px 60px 60px;
  position: relative;
}
.column-3 .h3,
.column-3 .text {
  text-align: left;
}
.column-3 .h3 {
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.2rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: .5rem;
}
.column-3 .text {
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}
a.column-3.main {
  text-decoration: none;
  display: block;
  top: 0;
  transition: top .5s ease;
}
a.column-3.main:hover {
  top: -10px;
}
a.column-2.main {
  text-decoration: none;
  display: block;
  top: 0;
  transition: top .5s ease;
}
a.column-2.main:hover {
  top: -10px;
}

.column-3 .text p {
  line-height: 2.4rem;
}
.column-3 a {
  display: block;
  margin-top: 1rem;
}

.column-3 .bullet {
  background-color: #fff;
  border: 6px solid #002742;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  margin-top: -145px;
  margin-left: -50px;
}
.page-template-page-landing .section-block {
  padding-top: 10rem;
  padding-bottom: 10rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-template-page-landing .section-full-block .section-block {
  padding-top: 10rem;
  padding-bottom: 10rem;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-template-page-landing .bg-blue {
  background-color: #00BEF2;
}
.page-template-page-landing .bg-gray-light {
  background-color: #F8F8F8;
}
.page-template-page-landing .bg-blue-dark {
  background-color: #002742;
}

.page-template-page-landing .bg-gray-light .vc .header-text {
  margin-top: 1.5rem;
  margin-bottom: 5rem;
}

.page-template-page-landing .header-text-light {
  font-size: 1.7rem !important;
  font-weight: 700;
  line-height: 2rem;
}

.page-template-page-landing .menu,
.page-template-page-landing .menu-top {
  color: inherit;
}
.page-template-page-landing .menu .ul1 {
  top: 11rem;
}
.page-template-page-landing .menu ul ul li a,
.page-template-page-landing .menu ul ul li span {
  color: #fff;
}

.page-template-page-landing .vc .header-title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.5rem;
  text-align: center;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
}
.page-template-page-landing .vc .header-text {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2rem;
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 3rem;

  padding-right: 12.5%;
  padding-left: 12.5%;
}

.single.special-category-single .menu-top a + button.top-recherche > svg line,
.single.special-category-single .menu-top a + button.top-recherche > svg path,
.page-template-page-landing .menu-top a + button.top-recherche > svg line,
.page-template-page-landing .menu-top a + button.top-recherche > svg path {
  stroke: #002742;
}

.single.special-category-single .border-t,
.single.special-category-single .border-b,
.single.special-category-single .border-l,
.single.special-category-single .border-r,
.page-template-page-landing .landing-border-t,
.page-template-page-landing .landing-border-b,
.page-template-page-landing .landing-border-l,
.page-template-page-landing .landing-border-r {
	background: #fff;
	position: fixed;
  z-index: 1000;
}
.single.special-category-single .border-l, .single.special-category-single .border-r,
.page-template-page-landing .border-l, .page-template-page-landing .border-r {
	top: 0; bottom: 0;
	width: 25px;
}
.single.special-category-single .border-l,
.page-template-page-landing .border-l { left: 0; }
.single.special-category-single .border-r,
.page-template-page-landing .border-r { right: 0; }

.single.special-category-single .border-t,
.single.special-category-single .border-b,
.page-template-page-landing .border-t,
.page-template-page-landing .border-b {
	left: 0; right: 0;
	height: 25px;
}
.single.special-category-single .border-t,
.page-template-page-landing .border-t { top: 0; }
.single.special-category-single .border-b,
.page-template-page-landing .border-b { bottom: 0; }

.single.special-category-single h2.bigtitle span {
  color: #f2989f;
}

.landing-slider-nav {
  margin-top: 4rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.landing-slider-nav > li {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  padding: .8rem 2rem;
  font-weight: 700;
  color: #002742;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  transition: background-color .5s ease;
}
.landing-slider-nav > li:hover {
  background-color: #043658;
  color: #fff;
}
.landing-slider-nav > li.active {
  background-color: #002742;
  color: #fff;
}
.landing-slider-nav > li:first-child {
  border-left: 2px solid #fff;
}
.section-slider.display-image .landing-slider-nav {
  margin-top: 0;
}
.section-slider.display-image .landing-slider-nav > li {
  border-top-color: #002742;
  border-bottom-color: #002742;
  border-right-color: #002742;
}
.section-slider.display-image .landing-slider-nav > li:first-child {
  border-left-color: #002742;
}

@media screen and (min-width: 800px) {
.section-slider.display-image .bx-wrapper .bx-viewport {
  max-height: 530px;
}
}


.bx-wrapper {
  position: relative;
}
.landing-slider-block {
  position: relative;
}
.landing-slider-block .num {
  font-size: 16rem;
  color: #fff;
}
@media screen and (min-width: 780px) {
  .landing-slider-block .num-block {
    width: 30%;
  }
}
.landing-slider-block .title {
  position: absolute;
  top: 115px;
  left: 50px;
  font-size: 2rem;
  font-weight: 700;
  color: #002742;
  text-transform: uppercase;
  padding: .6rem 1rem;
  border: 4px solid #002742;
}
.landing-slider-block .text {
  width: 40%;
  padding-left: 4rem;
}
@media screen and (max-width: 780px) {
  .display-image .landing-slider-container {
    border-top: 2px solid #002742;
  }

  .display-image .landing-slider-block {
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-bottom: 2px solid #002742;
  }

  .display-image .landing-slider-block .title {
    position: static;
    text-align: center;
    left: 0;
    width: 100%;
    display: block;
    border: none;
  }
}

.landing-slider-block .text,
.landing-slider-block .text p {
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.6rem;
}
.landing-slider-block .text a {
  color: #002742;
}
.landing-slider .slide-img {
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #ccc;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ccc;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #002742;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}


.page-template-page-landing .bx-prev {
  display: none;
}
.page-template-page-landing .bx-next {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 90px;
  background-image: url('../../ressources/imgs/arrow-next.svg');
  background-repeat: no-repeat;
  width: 31px;
  height: 27px;
  transition: right .5s ease;
}
.page-template-page-landing .bx-next:hover {
  right: -10px;
}
img.rounded-3 {
  border-radius: 3px;
}
.heder-post-title {
  font-size: 1.2rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.6rem;
  text-transform: uppercase;
  padding-bottom: 1rem;
}
.section-text-photo .img.open{
  max-width: 1000px;
}
.section-text-photo .img.open {
  display: block;
  margin-left: -15%;
  width: 250%;
  overflow: hidden;
  transition: max-width 450ms 200ms ease;
  line-height: 0;
}
@media (max-width: 1200px) {
  .section-text-photo .text-photo-text {
    padding: 5rem 2rem;
  }
}
@media (min-width: 1200px) {
  .section-text-photo .text-photo-text {
    padding-left: 10rem;
  }
}
.section-text-photo .text-photo-text .header-title {
  font-size: 4.4rem;
  font-weight: 900;
  color: #00BEF2;
  text-transform: uppercase;
  padding-bottom: 5rem;
}
.section-text-photo .text-photo-text .header-text {
  font-size: 1.8rem;
  line-height: 2.5rem;
  max-width: 90%;
}
.section-text-photo ul.list-inline.text-center {
  text-align: left;
}
.section-text-photo ul.list-inline li {
  margin-left: 0;
}
.section-text-photo ul.list-inline li .btn {
  background-color: #044A75;
  padding-left: 8rem;
  padding-right: 8rem;
  color: #fff;
}
.section-text-photo ul.list-inline li .btn:hover {
  background-color: #002742;
}
/*
.section-pages-liees,
.section-faq {
  min-height: 0 !important;
}
*/
.page-link-post {
  transition: margin-top .5s ease;
}
.page-link-post:hover {
  margin-top: -10px;
}
.section-faq .faq-q,
.section-faq .faq-r {
  margin-top: 4rem;
  margin-bottom: 3rem;
}

.section-faq .faq-r ul li {
  position: relative;
  padding-left: 30px;
}

.section-faq .faq-r ul li:before {
  content: '\2022';
  font-size: 2.2rem;
  color: #00BEF2;
  position: absolute;
  top: 0;
  left: 15px;
}


.section-faq .faq-q {
  width: 100%;
  border-top: 1px solid #fff;
}


.section-faq .faq-q li span.li {
  display: block;
  cursor: pointer;
  min-height: 82px;
  border-bottom: 1px solid #fff;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 900;
  color: #00BEF2;
  line-height: 1.5rem;
  transition: color .5s ease;
}
.section-faq .faq-q li:hover span.li {
  color: #fff;
}
.section-faq .faq-q li.active span.li{
  font-size: 2rem;
  color: #fff;
}


@media screen and (min-width: 1024px) {
  .section-faq .faq-q li {
    display: block;
    cursor: pointer;
    min-height: 82px;
    border-bottom: 1px solid #fff;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 1.2rem;
    font-weight: 900;
    color: #00BEF2;
    line-height: 1.4rem;
    transition: color .5s ease;
  }
  .section-faq .faq-q li:hover {
    color: #fff;
  }
  .section-faq .faq-q li.active {
    font-size: 1.8rem;
    color: #fff;
  }
}

.section-faq .faq-r {
  padding: 7rem;
  border: 1px solid #fff;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.8rem;
}

.section-faq .faq-content {
  display: none;
  padding: 2rem;
  margin-top: 2rem;
  border: 1px solid #fff;
  font-size: 1.8rem;
  color: #fff;
  line-height: 2.5rem;
}

.section-faq .faq-q .faq-content ul li {
  position: relative;
  padding-left: 30px;
}

.section-faq .faq-q .faq-content ul li:before {
  content: '\2022';
  font-size: 2.2rem;
  color: #00BEF2;
  position: absolute;
  top: 0;
  left: 15px;
}


.slider-block-sm .landing-slider-block .slider-block-text {
  display: none;
}

.slider-block-sm .landing-slider-block.active .slider-block-text {
  display: block;
}


@media (min-width: 900px) {
  .single.special-category-single .menu-top,
  .page-template-page-landing .menu-top {
    top: 3.5rem;
    right: 4rem;
  }
  .landing-slider-block {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-template-page-landing .logo {
    padding-top: 71px;
  }
  .page-template-page-landing .menu {
    padding-top: 90px;
  }
}

@media (max-width: 780px) {
  .landing-slider-nav > li:not(.active) {
    display: none;
  }

  .d-flex {
    display: block;
  }

  .open-mobile,
  .open-mobile span,
  .open-mobile a,
  .open-mobile .menu-top,
  .open-mobile .menu-top a,
  .open-mobile .menu-top span {
    color: #fff;
  }
  .page-template-page-landing .menu .ul1 {
    top: 0;
  }

  .page-template-page-landing .body-open-mobile .menu-top button.burger-menu > svg > * {
    fill: #fff;
  }
  .page-template-page-landing .body-open-mobile .menu-top a + button.top-recherche > svg path,
  .page-template-page-landing .body-open-mobile .menu-top a + button.top-recherche > svg line {
    stroke: #fff;
  }
  .body-open-mobile .menu-top a,
  .body-open-mobile .menu-top span {
    color: #fff;
  }

  .col-md-4,
  .col-md-6 {
    display: block;
    width: 100%;
    max-width: 100%;
    flex: none;
  }
  .col-md-4 {
    margin-bottom: 8rem;
  }
  .col-md-6 {
    margin-bottom: 0;
  }
  .landing-slider-block .text {
    width: 90%;
  }
  .section-home.section-landing {
    padding-top: 100px;
  }
}

@media (max-width: 1200px) {
  .navigation-bullets-nav {
    display: none;
  }
  .single.special-category-single .border-t,
  .single.special-category-single .border-b,
  .single.special-category-single .border-l,
  .single.special-category-single .border-r,
  .page-template-page-landing .border-t,
  .page-template-page-landing .border-b,
  .page-template-page-landing .border-l,
  .page-template-page-landing .border-r {
    display: none;
  }

  .page-template-page-landing .menu-top button.burger-menu > svg > * {
    fill: #002742;
  }
}

@media (max-height: 780px) {
  /*
  .page-template-page-landing .logo,
  .page-template-page-landing .menu
  */
  .logo,
  .menu {
    position: static;
    float: left;
  }
}

.single.special-category-single .logo,
.single.special-category-single .menu {
  position: static;
  float: left;
}

.section-header-article {
  background-color: #00BEF2;
}

.section-header-article.bg-pink {
  background-color: #FF8C90;
}



@media screen and (min-width: 1024px) {
  .flex {
    display: flex;
  }
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}

.section-expertise-avis-expert {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.blog-avis-expert {
  padding-left: 3rem;
  line-height: 3rem;
}
.avis-expert-title {
  font-size: 2.4rem;
  font-weight: 300;
  color: #052840;
  text-transform: uppercase;
}
.avis-expert-name {
  font-size: 2.4rem;
  font-weight: 900;
  color: #052840;
}
.avis-expert-fonction {
  font-size: 2rem;
  font-weight: 500;
  color: #052840;
}
.avis-expert-quote {
  padding-top: 2rem;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 4rem;
  color: #FF8C90;
}


.episode-num {
  font-weight: 300;
  text-transform: uppercase;
}
.episode-num strong {
  font-weight: 600;
}

.inner-posts-nav-container {
  background-color: #052840;
  margin-top: 2rem;
  padding: 4rem 0;
}

.inner-posts-nav div {
  position: relative;
}
.inner-posts-nav a {
  color: #fff;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}
.inner-posts-nav a span {
  color: #f2989f;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1rem 0;
}
.inner-posts-nav .prev,
.inner-posts-nav .next {
  padding: 0 4rem;
}

.inner-posts-nav .next,
.inner-posts-nav .next a {
  text-align: right;
}
.inner-posts-nav img {
  position: absolute;
  top: 10px;
}
.inner-posts-nav .prev img {
  left: 0;
}
.inner-posts-nav .next img {
  right: 0;
}
.inner-posts-nav .next img {
  transform: rotate(180deg);
}


@media screen and (min-width: 1024px) {
  .inner-posts-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media screen and (min-width: 1024px) {
  html.archive.category .section-home,
  body.home-for-blog .section-home {
    min-height: 0 !important;
    max-height: 500px;
  }
  html.archive.category .section-home .fs,
  body.home-for-blog .fs {
    background-color: #01A7E4;
  }
  html.archive.category .section-home .fs:after,
  body.home-for-blog .fs:after {
    display: none;
  }
  html.archive.category .section-home .fs img,
  body.home-for-blog .fs img {
    display: none;
  }
  html.archive.category .section-home>.mw,
  body.home-for-blog .section-home>.mw {
    min-height: 500px;
    max-height: 500px;
  }
  html.archive.category .section-home .vc,
  body.home-for-blog .section-home .vc {
      min-height: 0 !important;
      height: 500px;
      max-height: 56vh;
  }
  html.archive.category .section-home .vc>div,
  body.home-for-blog .section-home .vc>div {
    vertical-align: bottom;
    padding-bottom: 70px;
  }
}


#search-form form {
  height: 77px !important;
  overflow: hidden !important;
}

#search-form form label {
  min-width: 200px !important;
}
#search-form form input[type="text"] {
  height: 77px !important;
}