@charset "UTF-8";
/*!
Theme Name: Gtec
Theme URI: http://underscores.me/
Author: Gtec
Author URI: https://www.cabinet-gtec.fr/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gtec
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Gtec is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------------------------
# Vendors
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------
# Chocolate
--------------------------------------------------------------*/
.chocolat-zoomable.chocolat-zoomed {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.chocolat-open {
  overflow: hidden; }

.chocolat-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #000;
  display: none;
  opacity: 0.8; }

.chocolat-wrapper {
  height: 100%;
  width: 100%;
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  z-index: 16;
  color: #fff; }

.chocolat-zoomable .chocolat-img {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.chocolat-loader {
  height: 32px;
  width: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
  z-index: 11;
  background: url(../images/loader.gif);
  display: none; }

.chocolat-content {
  position: fixed;
  width: 0px;
  height: 0px;
  left: 50%;
  top: 50%;
  z-index: 14;
  text-align: left; }

.chocolat-content .chocolat-img {
  position: absolute;
  width: 100%;
  height: 100%; }

.chocolat-wrapper .chocolat-left {
  position: absolute;
  left: 0;
  width: 50px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
  background: url(../images/left.png) 50% 50% no-repeat;
  z-index: 17;
  display: none; }

.chocolat-wrapper .chocolat-right {
  position: absolute;
  right: 0;
  width: 50px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
  background: url(../images/right.png) 50% 50% no-repeat;
  z-index: 17;
  display: none; }

.chocolat-wrapper .chocolat-right.active {
  display: block; }

.chocolat-wrapper .chocolat-left.active {
  display: block; }

.chocolat-wrapper .chocolat-top {
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  z-index: 17;
  margin-bottom: 10px; }

.chocolat-wrapper .chocolat-close {
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/close.png) 50% 50% no-repeat; }

.chocolat-wrapper .chocolat-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 40px;
  height: 40px;
  font-size: 12px;
  z-index: 17;
  padding-left: 15px;
  padding-right: 15px;
  text-align: right;
  margin-top: 10px; }

.chocolat-wrapper .chocolat-set-title {
  display: inline-block;
  padding-right: 15px;
  line-height: 1;
  border-right: 1px solid rgba(255, 255, 255, 0.3); }

.chocolat-wrapper .chocolat-pagination {
  float: right;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 15px;
  /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/ }

.chocolat-wrapper .chocolat-fullscreen {
  width: 16px;
  height: 40px;
  background: url(../images/fullscreen.png) 50% 50% no-repeat;
  display: block;
  margin: auto;
  cursor: pointer;
  float: right; }

.chocolat-wrapper .chocolat-description {
  display: inline-block;
  float: left; }

/* no container mode*/
body.chocolat-open > .chocolat-overlay {
  z-index: 15; }

body.chocolat-open > .chocolat-loader {
  z-index: 15; }

body.chocolat-open > .chocolat-content {
  z-index: 17; }

/* container mode*/
.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-content,
.chocolat-in-container .chocolat-overlay {
  position: absolute; }

.chocolat-in-container {
  position: relative; }

/* uncomment to hide controls when zoomed-in*/
/*
.chocolat-zoomable .chocolat-top,
.chocolat-zoomable .chocolat-bottom,
.chocolat-zoomable .chocolat-right,
.chocolat-zoomable .chocolat-left {
    transition: opacity .3s ease, visibility 0s .3s;
   opacity: 1;
}

.chocolat-zoomable.chocolat-zoomed .chocolat-top,
.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
.chocolat-zoomable.chocolat-zoomed .chocolat-right,
.chocolat-zoomable.chocolat-zoomed .chocolat-left {
    visibility: hidden;
    opacity: 0;
}
*/
/* Slider */
.slick-slider {
  width: 100%;
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  .slick-slide > div > div {
    position: relative; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Default Variables*/
/* Slick icon entity codes outputs the following*/
/* "\2190" outputs ascii character "←"*/
/* "\2192" outputs ascii character "→"*/
/* "\2022" outputs ascii character "•"*/
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  line-height: 0px;
  font-size: 16px;
  cursor: pointer;
  color: #7d929a;
  bottom: 50px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  outline: none;
  border: 0; }
  .slick-prev span,
  .slick-next span {
    font-size: 0; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 1; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    line-height: 1;
    color: #FFF;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 60px;
  z-index: 1; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: 60px; }

.slick-next {
  right: 60px; }
  [dir="rtl"] .slick-next {
    left: 60px;
    right: auto; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "Font Awesome 5 Free";
        font-size: 22px;
        line-height: 20px;
        text-align: center;
        color: #f8b500;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #014185;
      opacity: 1; }

/*--------------------------------------------------------------------------------
# Set Up
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------
Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Columns and structure
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/* Center block*/
/* Clearfix*/
/* Clear after (not all clearfix need this also)*/
/* Column width with margin*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* Document ------------------------------------------------- */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

/* Sections ------------------------------------------------- */
body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content ----------------------------------------- */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Text-level semantics ------------------------------------- */
a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content ----------------------------------------- */
img {
  border-style: none;
  height: auto;
  max-width: 100%; }

/* Forms    ------------------------------------------------- */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive  --------------------------------------------- */
details {
  display: block; }

summary {
  display: list-item; }

/* Misc ----------------------------------------------------- */
template {
  display: none; }

[hidden] {
  display: none; }

/*--------------------------------------------------------------
# Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.updated:not(.published) {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
# Boxsizing
--------------------------------------------------------------*/
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

/*--------------------------------------------------------------------------------
# Elements
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a {
  color: #014185;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
  a:visited, a:hover, a:focus, a:active {
    color: #014185;
    background: transparent; }
  a:focus, a:hover, a:active {
    outline: 0; }

p a {
  text-decoration: none; }

/* Buttons -------------------------------------------------- */
.button,
form button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.sf-label-radio,
.sf-label-checkbox,
.filters h4 {
  display: inline-block;
  background: transparent;
  padding: 12px 33px 11px 15px;
  border: 1px solid #014185;
  border-radius: 50px;
  color: #014185;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  outline: 0;
  position: relative; }
  .button::after,
  form button::after,
  input[type="button"]::after,
  input[type="reset"]::after,
  input[type="submit"]::after,
  .sf-label-radio::after,
  .sf-label-checkbox::after,
  .filters h4::after {
    content: '';
    display: inline-block;
    position: absolute;
    background-image: url(https://www.pingflow.com/wp-content/themes/gtec/images/arrow-blue.png);
    height: 10px;
    width: 10px;
    margin-left: 10px;
    top: 14px;
    right: 14px; }
  .button[href^="#"]::after,
  form button[href^="#"]::after,
  input[type="button"][href^="#"]::after,
  input[type="reset"][href^="#"]::after,
  input[type="submit"][href^="#"]::after,
  .sf-label-radio[href^="#"]::after,
  .sf-label-checkbox[href^="#"]::after,
  .filters h4[href^="#"]::after {
    transform: rotate(90deg); }
  .button:hover,
  form button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover,
  .sf-label-radio:hover,
  .sf-label-checkbox:hover,
  .filters h4:hover {
    color: #fff;
    background-color: #014185;
    border: 1px solid #014185; }
    .button:hover::after,
    form button:hover::after,
    input[type="button"]:hover::after,
    input[type="reset"]:hover::after,
    input[type="submit"]:hover::after,
    .sf-label-radio:hover::after,
    .sf-label-checkbox:hover::after,
    .filters h4:hover::after {
      background-image: url(https://www.pingflow.com/wp-content/themes/gtec/images/arrow-white.png); }

.button {
  line-height: initial; }

.button-wrap .button:first-of-type {
  margin-top: 30px; }

.button-wrap .button:nth-of-type(n+2) {
  margin-top: 15px; }

.button-wrap.post-intro {
  margin-bottom: 50px; }

.button--small, .texte-simple ul li, .comments-area > ol article .reply a {
  color: #014185;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  padding-top: 14px;
  margin-top: 12px; }
  .button--small::after, .texte-simple ul li::after, .comments-area > ol article .reply a::after {
    content: '';
    display: inline-block;
    background: url(https://www.pingflow.com/wp-content/themes/gtec/images/puce-blue.png);
    height: 15px;
    width: 15px;
    min-width: 15px;
    margin-left: 10px;
    margin-top: 0; }
  .button--small[href^="#"]::after, .texte-simple ul li[href^="#"]::after, .comments-area > ol article .reply a[href^="#"]::after {
    background: url(https://www.pingflow.com/wp-content/themes/gtec/images/puce-down-blue.png); }

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1,
h2,
h3,
.mea-item .content .category,
#sitemap .bloc-content h2,
.comments-area > ol article .comment-meta .fn,
h4,
h5,
h6 {
  margin: 0; }

h1,
h2 {
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  color: #014185;
  margin: 0; }

h1,
.h1-like {
  line-height: 95px; }
  h1 strong,
  .h1-like strong {
    margin-top: -30px; }


h3,
.mea-item .content .category,
#sitemap .bloc-content h2,
.comments-area > ol article .comment-meta .fn,
h4 {
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  color: #014185; }

h4 {
  font-size: 18px; }

/* Fluid */
h1,
.h1-like {
  font-size: 20px; }
  h1 strong,
  .h1-like strong {
    font-size: 60px; }

h2 {
  font-size: 30px; }

@media screen and (min-width: 320px) {
  h1,
  .h1-like {
    font-size: calc(20px + (40 - 20) * ((100vw - 320px) / 1180)); }
    h1 strong,
    .h1-like strong {
      font-size: calc(60px + (90 - 60) * ((100vw - 320px) / 1180)); }
  h2 {
    font-size: calc(30px + (47 - 30) * ((100vw - 320px) / 1180)); } }

@media screen and (min-width: 1500px) {
  h1,
  .h1-like {
    font-size: 40px; }
    h1 strong,
    .h1-like strong {
      font-size: 90px; }
  h2 {
    font-size: 47px; } }

/*--------------------------------------------------------------
# Copy
--------------------------------------------------------------*/
body,
p {
  font-family: "Open Sans", sans-serif;
  color: #171717;
  margin-bottom: 0;
  font-weight: 400;
  letter-spacing: 0.5px; }

.text--intro,
.text--intro p {
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 500; }

.text--content,
.textwidget,
.comment-content {
  font-size: 15px;
  line-height: 1.7em; }
  .text--content p,
  .textwidget p,
  .comment-content p {
    margin: 0 0 10px 0; }
    .text--content p:last-of-type,
    .textwidget p:last-of-type,
    .comment-content p:last-of-type {
      margin-bottom: 0; }

.text--content p {
  font-size: 16px; }

.text--small,
.textwidget {
  font-size: 13px;
  line-height: 1.8em; }
  .text--small p,
  .textwidget p {
    margin: 10px 0 0 0; }

blockquote {
  box-shadow: 9px 9px 30px rgba(68, 68, 68, 0.2);
  border-radius: 15px;
  display: block;
  padding: 20px;
  font-style: italic;
  position: relative;
  margin-top: 50px; }
  blockquote p:last-of-type {
    color: #014185;
    text-align: right;
    font-style: normal; }
  blockquote::before {
    content: '"';
    position: absolute;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    color: #eee;
    font-size: 140px;
    top: 10px;
    left: -40px; }

strong {
  font-weight: 700; }

em,
i {
  font-style: italic; }

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul,
ol {
  margin: 0 0 1.5em 3em;
  font-size: 14px; }

ul {
  list-style: disc;
  list-style-position: inside;
  margin: 10px 0 10px 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.8em; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

/*-------------------------------------------------------------
Forms
-------------------------------------------------------------*/
.search-submit {
  padding-right: 15px !important; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  width: 100%;
  border: 0;
  font-weight: 300;
  font-style: normal; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    border-color: #4f4f4f;
    box-shadow: 0 1px 1px rgba(79, 79, 79, 0.075) inset, 0 0 2px rgba(79, 79, 79, 0.6);
    outline: 0 none; }

input[type="search"] {
  border: 1px solid #b9b9b9;
  padding: 10px;
  margin: 20px 0; }

button,
.button,
form button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  outline: 0;
  box-shadow: 0; }

button,
input,
select,
optgroup,
textarea {
  color: #171717;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5; }

textarea {
  resize: vertical; }

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  cursor: pointer; }

.mini.wpcf7-form,
.wpcf7 form {
  position: relative; }
  .mini.wpcf7-form label,
  .wpcf7 form label {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700; }
  .mini.wpcf7-form > div,
  .wpcf7 form > div {
    border: 0;
    display: flex;
    justify-content: space-between; }
    .mini.wpcf7-form > div label,
    .wpcf7 form > div label {
      flex-basis: 0;
      flex-grow: 1;
      display: flex;
      justify-content: space-between;
      line-height: 50px;
      margin: 0 0 20px 0;
      max-width: calc(50% - 10px);
      border-radius: 15px;
      box-shadow: 5px 5px 20px 0px rgba(68, 68, 68, 0.1);
      color: #fff;
      padding: 0; }
      .mini.wpcf7-form > div label > *,
      .wpcf7 form > div label > * {
        flex-grow: 1; }
      .mini.wpcf7-form > div label span,
      .wpcf7 form > div label span {
        padding: 0 15px;
        letter-spacing: 1px; }
        .mini.wpcf7-form > div label span:first-of-type,
        .wpcf7 form > div label span:first-of-type {
          background: #eeeeee;
          color: #014185;
          margin-left: 0;
          border-radius: 15px 0 0 15px; }
        .mini.wpcf7-form > div label span.wpcf7-form-control-wrap,
        .wpcf7 form > div label span.wpcf7-form-control-wrap {
          padding: 0;
          text-align: left;
          padding: 0px;
          flex-grow: 10; }
          .mini.wpcf7-form > div label span.wpcf7-form-control-wrap select,
          .mini.wpcf7-form > div label span.wpcf7-form-control-wrap input,
          .wpcf7 form > div label span.wpcf7-form-control-wrap select,
          .wpcf7 form > div label span.wpcf7-form-control-wrap input {
            height: 100%;
            padding: 0 10px; }
          .mini.wpcf7-form > div label span.wpcf7-form-control-wrap input,
          .wpcf7 form > div label span.wpcf7-form-control-wrap input {
            border-radius: 0 15px 15px 0; }
          .mini.wpcf7-form > div label span.wpcf7-form-control-wrap select,
          .wpcf7 form > div label span.wpcf7-form-control-wrap select {
            width: calc(100% - 10px);
            margin-bottom: 3px;
            border: 0;
            padding-left: 0; }
    .mini.wpcf7-form > div.files label span:first-of-type,
    .wpcf7 form > div.files label span:first-of-type {
      background: #014185;
      color: #fff; }
  .mini.wpcf7-form .wpcf7-checkbox,
  .wpcf7 form .wpcf7-checkbox {
    display: block;
    font-size: 14px; }
    .mini.wpcf7-form .wpcf7-checkbox .wpcf7-list-item,
    .wpcf7 form .wpcf7-checkbox .wpcf7-list-item {
      margin: 0 !important; }
  .mini.wpcf7-form p,
  .wpcf7 form p {
    margin: 0 !important;
    position: relative;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    .mini.wpcf7-form p .textarea-group,
    .wpcf7 form p .textarea-group {
      width: 100%;
      padding: 0;
      box-shadow: 5px 5px 20px 0px rgba(68, 68, 68, 0.1);
      border-radius: 15px;
      margin-bottom: 20px; }
      .mini.wpcf7-form p .textarea-group .textarea-label,
      .wpcf7 form p .textarea-group .textarea-label {
        display: block;
        padding: 15px 15px 0 15px;
        border-radius: 15px 15px 0 0;
        color: #014185;
        letter-spacing: 1px;
        background: #fff; }
      .mini.wpcf7-form p .textarea-group textarea,
      .wpcf7 form p .textarea-group textarea {
        margin: 0;
        border-bottom: 0 !important;
        padding: 15px;
        height: 130px;
        border-radius: 0 0 15px 15px;
        margin-bottom: -8px;
        background: #fff; }
    .mini.wpcf7-form p.recaptcha,
    .wpcf7 form p.recaptcha {
      margin-top: 30px !important;
      font-style: italic;
      font-size: 14px;
      text-align: center;
      line-height: 1.5em; }
      .mini.wpcf7-form p.recaptcha a,
      .wpcf7 form p.recaptcha a {
        display: contents; }
  .mini.wpcf7-form button,
  .wpcf7 form button {
    padding: 11px 32px 11px 15px;
    cursor: pointer;
    margin-top: 20px; }

.full-bloc .mini.wpcf7-form,
.full-bloc .wpcf7 {
  max-width: calc((3 / 6) * 1400px);
  margin: 40px auto 0 auto; }
  .full-bloc .mini.wpcf7-form button,
  .full-bloc .wpcf7 button {
    align-self: center; }

.half-bloc.title-left .mini.wpcf7-form button,
.half-bloc.title-left .wpcf7 button,
.third-bloc.title-right .mini.wpcf7-form button,
.third-bloc.title-right .wpcf7 button {
  align-self: flex-end; }

.half-bloc.title-left .mini.wpcf7-form,
.third-bloc.title-right .mini.wpcf7-form {
  margin-left: auto; }

.half-bloc.title-left .recaptcha,
.third-bloc.title-right .recaptcha {
	text-align: right }

.half-bloc.title-right .recaptcha {
	text-align: left }

.half-bloc .mini.wpcf7-form {
  width: calc((3 / 6) * 1400px); }

.third-bloc .mini.wpcf7-form,
.third-bloc .wpcf7 {
  margin-top: 15px; }

.third-bloc .mini.wpcf7-form {
  width: calc((4 / 6) * 1400px); }

/* Messages d'erreur ---------------------------------------- */
.wpcf7-response-output {
  clear: both;
  position: absolute;
  margin: 0; }

.wpcf7-not-valid-tip {
  text-transform: none;
  line-height: 16px;
  border-left: 0 !important;
  margin-bottom: 8px;
  color: #b10000 !important;
  background: transparent!important;
  padding: 0 0 0 15px !important;
  position: absolute;
  font-size: 12px!important;	
}

.wpcf7-mail-sent-ok,
.wpcf7-not-valid-tip,
.wpcf7-response-output {
  font-size: 12px;
  letter-spacing: 1px; }

.wpcf7-form.invalid div.wpcf7-response-output,
.wpcf7-form.failed div.wpcf7-response-output {
  padding: 10px;
  width: 100% !important;
  margin: 30px 0 0 0 !important;
  color: #b10000;
  position: relative;
  border: 2px solid #b10000 !important; }

.wpcf7-form.invalid > div label span input,
.wpcf7-form.failed > div label span input {
  height: 40px; }

.wpcf7-mail-sent-ok {
  clear: both;
  padding: 10px !important;
  width: 100% !important;
  margin: 30px 0 0 0 !important;
  color: #26842b;
  position: relative;
  border: 2px solid #26842b !important; }

div.wpcf7 .ajax-loader {
  position: absolute;
  bottom: 15px;
  right: 140px; }

/* CAPTCHA ---------------------------------------- */
.grecaptcha-badge {
  display: none; }

.captcha-text {
  font-size: 13px;
  font-style: italic;
  line-height: 1.5em;
  margin-top: 25px; }

/*--------------------------------------------------------------
Pagination
--------------------------------------------------------------*/
/* Filtres ---------------------------------------- */
.filters {
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  position: relative; }
  .filters ul {
    display: flex;
    flex-wrap: wrap; }
    .filters ul > li {
      padding: 0 !important; }
      .filters ul > li ul li input {
        display: none; }
      .filters ul > li ul li input,
      .filters ul > li ul li label {
        cursor: pointer; }
  .filters .sf-level-0,
  .filters .search-filter-reset,
  .filters .sf-field-search,
  .filters h4 {
    margin: 0 calc(20px / 2); }
  .filters .search-filter-reset {
    padding-right: 15px; }
  .filters .sf-field-category .sf-level-0 .children,
  .filters .sf-field-taxonomy-wallboards-category .sf-level-0 .children,
  .filters .sf-field-taxonomy-ressources-tag ul,
  .filters .sf-field-taxonomy-ressources-category .sf-level-0 .children {
    visibility: hidden;
    opacity: 0;
    display: block;
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    z-index: 1;
    padding: 23px 30px;
    background: white;
    border-radius: 15px;
    box-shadow: 9px 9px 30px rgba(68, 68, 68, 0.2);
    width: 600px;
    margin: 0; }
    .filters .sf-field-category .sf-level-0 .children:hover,
    .filters .sf-field-taxonomy-wallboards-category .sf-level-0 .children:hover,
    .filters .sf-field-taxonomy-ressources-tag ul:hover,
    .filters .sf-field-taxonomy-ressources-category .sf-level-0 .children:hover {
      visibility: visible;
      opacity: 1; }
  .filters .sf-field-taxonomy-wallboards-category .sf-level-0,
  .filters .sf-field-taxonomy-ressources-category .sf-level-0 {
    cursor: pointer; }
    .filters .sf-field-taxonomy-wallboards-category .sf-level-0 > label,
    .filters .sf-field-taxonomy-ressources-category .sf-level-0 > label {
      pointer-events: none; }
  .filters h4,
  .filters .sf-field-taxonomy-ressources-category .sf-level-0 > label,
  .filters .sf-field-taxonomy-wallboards-category .sf-level-0 > label,
  .filters .sf-field-category .sf-level-0 > label {
    padding: 6px 33px 6px 15px;
    position: relative;
    cursor: pointer; }
    .filters h4::after,
    .filters .sf-field-taxonomy-ressources-category .sf-level-0 > label::after,
    .filters .sf-field-taxonomy-wallboards-category .sf-level-0 > label::after,
    .filters .sf-field-category .sf-level-0 > label::after {
      transform: rotate(90deg) perspective(1px) translateZ(0);
      backface-visibility: hidden;
      top: 15px; }
    .filters h4:hover + ul,
    .filters h4:hover + .children,
    .filters .sf-field-taxonomy-ressources-category .sf-level-0 > label:hover + ul,
    .filters .sf-field-taxonomy-ressources-category .sf-level-0 > label:hover + .children,
    .filters .sf-field-taxonomy-wallboards-category .sf-level-0 > label:hover + ul,
    .filters .sf-field-taxonomy-wallboards-category .sf-level-0 > label:hover + .children,
    .filters .sf-field-category .sf-level-0 > label:hover + ul,
    .filters .sf-field-category .sf-level-0 > label:hover + .children {
      visibility: visible;
      opacity: 1; }
  .filters .sf-field-taxonomy-wallboards-category .sf-level-0:hover > label,
  .filters .sf-field-category .sf-level-0:hover > label,
  .filters .sf-field-taxonomy-ressources-category .sf-level-0:hover > label {
    background: #014185;
    color: #fff; }
    .filters .sf-field-taxonomy-wallboards-category .sf-level-0:hover > label::after,
    .filters .sf-field-category .sf-level-0:hover > label::after,
    .filters .sf-field-taxonomy-ressources-category .sf-level-0:hover > label::after {
      background-image: url(https://www.pingflow.com/wp-content/themes/gtec/images/arrow-white.png); }
  .filters .sf-field-taxonomy-wallboards-category .sf-level-0:hover .children,
  .filters .sf-field-category .sf-level-0:hover .children,
  .filters .sf-field-taxonomy-ressources-category .sf-level-0:hover .children {
    visibility: visible;
    opacity: 1; }
  .filters .sf-field-taxonomy-wallboards-category .sf-level-1,
  .filters .sf-field-category .sf-level-1,
  .filters .sf-field-taxonomy-ressources-tag .sf-level-0,
  .filters .sf-level-1 {
    width: 100%;
    padding: 0;
    margin-left: 0; }
    .filters .sf-field-taxonomy-wallboards-category .sf-level-1.sf-option-active > label::before,
    .filters .sf-field-category .sf-level-1.sf-option-active > label::before,
    .filters .sf-field-taxonomy-ressources-tag .sf-level-0.sf-option-active > label::before,
    .filters .sf-level-1.sf-option-active > label::before {
      background: #f8b500;
      border: 1px solid #f8b500; }
    .filters .sf-field-taxonomy-wallboards-category .sf-level-1 label,
    .filters .sf-field-category .sf-level-1 label,
    .filters .sf-field-taxonomy-ressources-tag .sf-level-0 label,
    .filters .sf-level-1 label {
      border: none;
      padding: 7px 33px 7px 15px !important;
      border-bottom: 1px solid #eee;
      border-radius: 0;
      display: block;
      line-height: 1.5em; }
      .filters .sf-field-taxonomy-wallboards-category .sf-level-1 label::after,
      .filters .sf-field-category .sf-level-1 label::after,
      .filters .sf-field-taxonomy-ressources-tag .sf-level-0 label::after,
      .filters .sf-level-1 label::after {
        display: none; }
      .filters .sf-field-taxonomy-wallboards-category .sf-level-1 label::before,
      .filters .sf-field-category .sf-level-1 label::before,
      .filters .sf-field-taxonomy-ressources-tag .sf-level-0 label::before,
      .filters .sf-level-1 label::before {
        content: '';
        display: block;
        top: 11px;
        height: 8px;
        width: 8px;
        left: 0;
        position: absolute;
        border: 1px solid #014185; }
    .filters .sf-field-taxonomy-wallboards-category .sf-level-1 .sf-label-checkbox:hover,
    .filters .sf-field-category .sf-level-1 .sf-label-checkbox:hover,
    .filters .sf-field-taxonomy-ressources-tag .sf-level-0 .sf-label-checkbox:hover,
    .filters .sf-level-1 .sf-label-checkbox:hover {
      padding-left: 25px !important; }
      .filters .sf-field-taxonomy-wallboards-category .sf-level-1 .sf-label-checkbox:hover::before,
      .filters .sf-field-category .sf-level-1 .sf-label-checkbox:hover::before,
      .filters .sf-field-taxonomy-ressources-tag .sf-level-0 .sf-label-checkbox:hover::before,
      .filters .sf-level-1 .sf-label-checkbox:hover::before {
        border: 1px solid #fff;
        left: 10px; }
    .filters .sf-field-taxonomy-wallboards-category .sf-level-1:last-of-type label,
    .filters .sf-field-category .sf-level-1:last-of-type label,
    .filters .sf-field-taxonomy-ressources-tag .sf-level-0:last-of-type label,
    .filters .sf-level-1:last-of-type label {
      border: 0; }
  .filters .sf-field-search input {
    border: 1px solid #014185;
    border-radius: 50px;
    padding: 9px 15px 9px 15px; }

/* Pagination ---------------------------------------- */
.pagination .navigation {
  margin: auto;
  margin-top: 40px; }
  .pagination .navigation ul {
    text-align: center; }
    .pagination .navigation ul li {
      display: inline-block;
      position: relative;
      height: 39px;
      min-width: 39px;
      margin: 0 5px;
      border-radius: 50px;
      text-decoration: none;
      font-size: 11px;
      letter-spacing: 1px;
      font-weight: 700;
      text-transform: uppercase;
      border: 1px solid #014185; }
      .pagination .navigation ul li a,
      .pagination .navigation ul li span, .pagination .navigation ul li.disabled {
        color: #014185;
        display: block;
        padding: 5px 15px 5px 15px; }
      .pagination .navigation ul li svg,
      .pagination .navigation ul li i {
        position: absolute;
        top: 7px;
        width: 14px;
        color: #014185; }
      .pagination .navigation ul li.prev-page, .pagination .navigation ul li.next-page {
        width: auto; }
      .pagination .navigation ul li.prev-page {
        padding-left: 20px; }
        .pagination .navigation ul li.prev-page::before {
          content: '';
          display: inline-block;
          position: absolute;
          background: url(https://www.pingflow.com/wp-content/themes/gtec/images/arrow-blue.png);
          height: 10px;
          width: 9px;
          left: 15px;
          top: 14px;
          transform: rotate(180deg); }
        .pagination .navigation ul li.prev-page:hover::before {
          background: url(https://www.pingflow.com/wp-content/themes/gtec/images/arrow-white.png); }
        .pagination .navigation ul li.prev-page svg {
          left: 12px; }
      .pagination .navigation ul li.next-page {
        padding-right: 20px; }
        .pagination .navigation ul li.next-page::after {
          content: '';
          display: inline-block;
          position: absolute;
          background: url(https://www.pingflow.com/wp-content/themes/gtec/images/arrow-blue.png);
          height: 10px;
          width: 9px;
          right: 15px;
          top: 14px; }
        .pagination .navigation ul li.next-page:hover::after {
          background: url(https://www.pingflow.com/wp-content/themes/gtec/images/arrow-white.png); }
        .pagination .navigation ul li.next-page svg {
          right: 12px; }
  .pagination .navigation li,
  .pagination .navigation li:hover,
  .pagination .navigation li.active,
  .pagination .navigation li.disabled {
    cursor: pointer; }
  .pagination .navigation li:hover,
  .pagination .navigation li.active {
    background: #014185; }
    .pagination .navigation li:hover a,
    .pagination .navigation li.active a {
      color: white; }
    .pagination .navigation li:hover svg,
    .pagination .navigation li:hover i,
    .pagination .navigation li.active svg,
    .pagination .navigation li.active i {
      color: white; }

/*--------------------------------------------------------------------------------
# Objects
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/
.noscroll {
  overflow-y: hidden; }
  .noscroll .header-area header .navigation {
    padding-right: 85px; }

.header-area {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 1px; }
  .header-area header {
    position: fixed;
    display: flex;
    align-items: center;
    width: 100%;
    right: 0;
    top: 70px;
    height: 0px; }
    .header-area header .branding {
      margin-top: 15px;
      padding-left: 70px; }
      .header-area header .branding a img {
        filter: brightness(0) invert(1); }
    .header-area header .breadcrumb-wrap {
      display: none;
      margin-left: 20px;
      padding: 10px 0 0 20px;
      font-style: italic;
      font-size: 14px;
      line-height: 1.4em;
      border-left: 1px solid #c9c9c9;
      width: calc(100% - 750px); }
      .header-area header .breadcrumb-wrap #breadcrumbs {
        margin: 0;
        color: #014185;
        text-transform: uppercase;
        font-weight: 800;
        font-style: normal; }
        .header-area header .breadcrumb-wrap #breadcrumbs a {
          text-decoration: none; }
        .header-area header .breadcrumb-wrap #breadcrumbs > span > span > a::after,
        .header-area header .breadcrumb-wrap #breadcrumbs > span > span > span > a::after,
        .header-area header .breadcrumb-wrap #breadcrumbs > span > span > span > span > a::after {
          content: '';
          background: url(https://www.pingflow.com/wp-content/themes/gtec/images/chevron-right.png);
          background-repeat: no-repeat;
          background-position: center;
          height: 10px;
          width: 6px;
          display: inline-block;
          padding: 0 10px 0 15px; }
    .header-area header .navigation {
      position: absolute;
      right: 0px;
      top: 0px;
      padding-right: 70px;
      display: flex;
      z-index: 1; }

/* Main nav ------------------------------------------------- */
.home .header-area:not(.scrolled) .fond-video .topbar__menu a,
.home .header-area:not(.scrolled) .fond-video .menu-toggle {
  color: #fff; }

.home .header-area:not(.scrolled) .fond-video .topbar__menu ul .wpml-ls-item.wpml-ls-item-fr::after {
  background: #fff; }

.home .header-area:not(.scrolled) .fond-video .menu-toggle .naviconUpper,
.home .header-area:not(.scrolled) .fond-video .menu-toggle .innerNavicon,
.home .header-area:not(.scrolled) .fond-video .menu-toggle .naviconLower {
  border-color: #fff; }

.home .header-area:not(.scrolled) .fond-video .branding a img {
  filter: brightness(0) invert(1); }

header span,
.topbar__menu ul li {
  padding-right: 20px;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 1px; }

.topbar__menu ul {
  margin: 0;
  list-style: none; }
  .topbar__menu ul li {
    display: inline-block;
    padding-right: 40px; }
  .topbar__menu ul .wpml-ls-item span {
    font-weight: 300; }
  .topbar__menu ul .wpml-ls-item.wpml-ls-item-fr {
    padding: 0;
    position: relative; }
    .topbar__menu ul .wpml-ls-item.wpml-ls-item-fr::after {
      content: '';
      display: block;
      position: absolute;
      height: 10px;
      width: 2px;
      top: 9px;
      right: 7px;
      background: #014185; }
  .topbar__menu ul .wpml-ls-item.wpml-ls-current-language span {
    font-weight: 800; }

/* Bouton burger */
.menu-toggle {
  display: flex;
  align-items: center;
  border: 0;
  padding: 0;
  outline: 0;
  background: 0;
  color: #014185;
  cursor: pointer; }
  .menu-toggle .navIcon {
    width: 35px;
    height: 20px;
    cursor: pointer;
    float: right; }
    .menu-toggle .navIcon > * {
      width: 35px; }
  .menu-toggle .naviconUpper,
  .menu-toggle .innerNavicon,
  .menu-toggle .naviconLower {
    border-top: 3px solid #014185;
    cursor: pointer; }
  .menu-toggle .innerNavicon,
  .menu-toggle .naviconLower {
    margin-top: 7px; }

/* Menu */
.navigation__menu-item {
  position: fixed;
  background: rgba(2, 67, 136, 0.98);
  width: 100vw;
  height: 100vh;
  right: -100vw;
  top: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: -1;
  opacity: 0;
  display: flex;
  align-items: center; }
  .navigation__menu-item .menu-toggled-logo {
    position: fixed;
    top: 50px;
    left: 70px; }
  .navigation__menu-item li,
  .navigation__menu-item ul {
    margin: 0;
    list-style: none; }
  .navigation__menu-item > ul {
    width: 70%;
    display: flex;
    flex-flow: column wrap;
    margin: 0px auto;
    height: 670px; }
    .navigation__menu-item > ul > li {
      border-radius: 15px;
      background: #013a77;
      width: calc(33.333% - 25px);
      margin: 15px;
      margin-left: 105px;
      opacity: 0;
      box-shadow: 15px 13px 57px 0px rgba(0, 35, 72, 0.25); }
      .navigation__menu-item > ul > li > a {
        color: #ced0d9;
        font-family: "Montserrat", sans-serif;
        font-weight: 800;
        font-size: 22px;
        display: flex;
        align-items: center;
        background: #003772;
        letter-spacing: 1px;
        line-height: 1.3em;
        width: 100%;
        border-radius: 15px 15px 0 0;
        padding: 30px;
        word-spacing: 100vw;
        line-height: 1.1em; }
        .navigation__menu-item > ul > li > a svg,
        .navigation__menu-item > ul > li > a img {
          min-width: 50px;
          width: 50px;
          fill: #ced0d9;
          margin-right: 20px; }
      .navigation__menu-item > ul > li ul {
        padding: 30px; }
        .navigation__menu-item > ul > li ul li {
          padding: 3px 0; }
          .navigation__menu-item > ul > li ul li a {
            color: #ced0d9;
            font-size: 13px;
            letter-spacing: 1px;
            display: flex;
            align-items: baseline;
            position: relative;
            padding-left: 25px;
            line-height: 1.6em; }
            .navigation__menu-item > ul > li ul li a:hover {
              color: #f8b500; }
            .navigation__menu-item > ul > li ul li a::before {
              content: '';
              display: inline-block;
              background: url(https://www.pingflow.com/wp-content/themes/gtec/images/puce.png);
              height: 15px;
              width: 15px;
              margin-right: 10px;
              margin-top: 0;
              top: 4px;
              left: 0;
              position: absolute; }
          .navigation__menu-item > ul > li ul li.lien-mea a {
            color: #f8b500;
            font-weight: 800;
            text-transform: uppercase;
            padding-left: 0;
            display: inline-block; }
            .navigation__menu-item > ul > li ul li.lien-mea a::before {
              display: none; }
            .navigation__menu-item > ul > li ul li.lien-mea a::after {
              content: '';
              display: inline-block;
              background: url(https://www.pingflow.com/wp-content/themes/gtec/images/puce.png);
              height: 15px;
              width: 15px;
              margin-left: 10px;
              margin-top: 0;
              top: 4px;
              right: -25px;
              position: absolute; }
          .navigation__menu-item > ul > li ul li.lien-out a::before {
            background: url(https://www.pingflow.com/wp-content/themes/gtec/images/puce-out.png); }
    .navigation__menu-item > ul li.menu-social > a {
      display: none; }
    .navigation__menu-item > ul li.menu-social > ul > li {
      display: inline-block; }
      .navigation__menu-item > ul li.menu-social > ul > li a {
        font-size: 0;
        padding-left: 10px; }
        .navigation__menu-item > ul li.menu-social > ul > li a::before {
          position: relative; }
      .navigation__menu-item > ul li.menu-social > ul > li:first-of-type a {
        padding-left: 0; }
      .navigation__menu-item > ul li.menu-social > ul > li.menu-social-fb a::before {
        height: 17px;
        width: 10px;
        background: url(https://www.pingflow.com/wp-content/themes/gtec/images/icon-fb.png); }
      .navigation__menu-item > ul li.menu-social > ul > li.menu-social-tw a::before {
        height: 17px;
        width: 21px;
        background: url(https://www.pingflow.com/wp-content/themes/gtec/images/icon-tw.png); }
      .navigation__menu-item > ul li.menu-social > ul > li.menu-social-li a::before {
        height: 17px;
        width: 17px;
        background: url(https://www.pingflow.com/wp-content/themes/gtec/images/icon-li.png); }
      .navigation__menu-item > ul li.menu-social > ul > li.menu-social-yt a::before {
        height: 17px;
        width: 23px;
        background: url(https://www.pingflow.com/wp-content/themes/gtec/images/icon-yt.png); }
  .navigation__menu-item .current-menu-item a,
  .navigation__menu-item .current_page_parent a {
    color: #ced0d9;
    font-weight: 800; }

/* Menu ouvert */
.navbar.toggled .branding a img,
.navbar.toggled .breadcrumb-wrap {
  display: none !important; }

.navbar.toggled .topbar__menu a,
.navbar.toggled .menu-toggle span {
  color: #fff; }

.navbar.toggled .wpml-ls-item-fr::after {
  background: #fff !important; }

.navbar.toggled .menu-toggle .naviconUpper,
.navbar.toggled .menu-toggle .innerNavicon,
.navbar.toggled .menu-toggle .naviconLower {
  border-color: #fff; }

.navbar.toggled .naviconUpper {
  opacity: 0; }

.navbar.toggled .navigation__menu-item {
  right: 0;
  opacity: 1; }

.navbar.toggled .navigation__menu-item > ul > li {
  opacity: 1;
  margin-left: 15px; }

/* Menu scrolled */
.header-area.scrolled .navigation {
  padding-top: 40px; }

.header-area.scrolled header {
  top: 0;
  height: 100px;
  background: rgba(239, 239, 239, 0.95);
  padding: 0; }
  .header-area.scrolled header .custom-logo-link img {
    width: auto;
    max-width: 142px;
    max-height: 52px;
    filter: initial; }
  .header-area.scrolled header .breadcrumb-wrap {
    display: block; }

.header-area.scrolled .branding {
  margin-top: 3px; }

.header-area.scrolled .navigation__menu-item .menu-toggled-logo {
  top: 25px; }

/*--------------------------------------------------------------
Structure
--------------------------------------------------------------*/
html,
body {
  margin: 0;
  padding: 0;
  height: 100%; }

#global-container {
  position: relative;
  overflow-x: hidden; }

.content-blocs-wrapper {
  margin-bottom: 100px; }

.content-bloc {
  display: flex;
  margin-top: 180px !important;
  max-width: 100%;
  position: relative; }
  .content-bloc h2::after {
    content: '';
    background: #f8b500;
    display: block;
    height: 2px;
    position: absolute;
    width: 100vw;
    left: 0;
    margin-top: 40px;
    z-index: -1; }
  .content-bloc .text--intro {
    margin-top: 80px; }

.full-bloc {
  text-align: center;
  flex-direction: column; }
  .full-bloc .bloc-intro {
    max-width: calc((4 / 6) * 1400px);
    margin: 0 auto; }
  .full-bloc .bloc-content,
  .full-bloc .single-content {
    max-width: 1400px;
    margin: 40px auto 0 auto; }

.half-bloc .background-image {
  width: calc(50vw - 60px);
  min-width: calc(50vw - 60px);
  margin-right: 60px;
  position: relative;
  overflow: hidden;
  border-radius: 0 15px 15px 0;
  box-shadow: 9px 9px 30px rgba(68, 68, 68, 0.2);
  background-position: center;
  background-size: cover; }

.half-bloc .content-wrapper {
  width: 50vw;
  padding: 0 0 100px 0; }
  .half-bloc .content-wrapper .bloc-intro,
  .half-bloc .content-wrapper .button-wrap,
  .half-bloc .content-wrapper .bloc-content > div {
    display: block;
    width: calc((3 / 6) * 1400px); }
  .half-bloc .content-wrapper .bloc-content {
    margin-top: 40px; }

.half-bloc.title-left {
  flex-direction: row-reverse; }
  .half-bloc.title-left .background-image {
    margin-left: 60px;
    margin-right: 0;
    border-radius: 15px 0 0 15px;
    box-shadow: -9px 9px 35px rgba(68, 68, 68, 0.2); }
  .half-bloc.title-left .content-wrapper .bloc-intro,
  .half-bloc.title-left .content-wrapper .button-wrap,
  .half-bloc.title-left .content-wrapper > .content,
  .half-bloc.title-left .content-wrapper .bloc-content > div {
    text-align: right;
    margin-left: auto; }

.third-bloc .content-wrapper {
  display: flex;
  margin: 0 0 0 calc((100% - 1400px) / 2); }
  .third-bloc .content-wrapper .bloc-intro {
    width: calc((2 / 6) * 1400px);
    text-align: right;
    padding: 0 60px 0 0; }
  .third-bloc .content-wrapper .bloc-content {
    width: calc(((100vw - 1400px) / 2) + (4/6 * 1400px)); }
    .third-bloc .content-wrapper .bloc-content .content {
      width: calc((4 / 6) * 1400px); }

.third-bloc.title-right .content-wrapper {
  flex-direction: row-reverse;
  margin: 0; }
  .third-bloc.title-right .content-wrapper .bloc-intro {
    text-align: left;
    padding: 0 0 0 60px; }
  .third-bloc.title-right .content-wrapper .bloc-content,
  .third-bloc.title-right .content-wrapper .bloc-content > .content {
    margin-left: auto;
    text-align: right; }

/*--------------------------------------------------------------
Colors
--------------------------------------------------------------*/
/* Footer --------------------------------------------------- */
.footer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #1a1a1a; }

.footer__content {
  max-width: 1400px;
  width: 1400px;
  margin: 0 auto;
  display: flex;
  color: #a3a3a3;
  padding: 60px 0; }
  .footer__content a,
  .footer__content p {
    color: #a3a3a3; }
  .footer__content .widget_nav_menu {
    width: 100%;
    margin: 0; }
    .footer__content .widget_nav_menu .menu {
      display: flex;
      list-style: none;
      margin: 0; }
      .footer__content .widget_nav_menu .menu > li {
        width: 33.333%;
        border-left: 1px solid #4b4b4b;
        padding-left: 30px;
        padding-right: 20px; }
        .footer__content .widget_nav_menu .menu > li > a {
          font-family: "Montserrat", sans-serif;
          font-weight: 900;
          font-size: 22px;
          letter-spacing: 1px; }
        .footer__content .widget_nav_menu .menu > li ul {
          margin: 10px 0 0 0; }
          .footer__content .widget_nav_menu .menu > li ul li {
            list-style: none; }
            .footer__content .widget_nav_menu .menu > li ul li a {
              color: #a3a3a3;
              font-size: 13px;
              letter-spacing: 1px;
              display: flex;
              align-items: flex-start; }
              .footer__content .widget_nav_menu .menu > li ul li a:hover {
                color: #f8b500; }
              .footer__content .widget_nav_menu .menu > li ul li a::before {
                content: '';
                display: inline-block;
                background: url(https://www.pingflow.com/wp-content/themes/gtec/images/puce.png);
                height: 15px;
                width: 15px;
                margin-right: 10px;
                margin-top: 6px;
                min-width: 15px; }
  .footer__content .widget_text {
    width: 25%;
    border-left: 1px solid #4b4b4b;
    padding-left: 30px;
    margin: 0; }
    .footer__content .widget_text h5 {
      font-family: "Montserrat", sans-serif;
      font-weight: 800;
      font-size: 22px;
      letter-spacing: 1px; }
    .footer__content .widget_text .textwidget {
      margin-top: 13px; }

.footer__copyright {
  width: 100%;
  line-height: 80px;
  background: #151515; }
  .footer__copyright .footer__copyright--inner {
    text-align: left;
    max-width: 1400px;
    margin: 0 auto; }
    .footer__copyright .footer__copyright--inner #menu-copyright,
    .footer__copyright .footer__copyright--inner #menu-copyright-an {
      display: inline-block;
      margin: 0;
      list-style: none; }
    .footer__copyright .footer__copyright--inner .menu-item {
      display: inline-block; }
      .footer__copyright .footer__copyright--inner .menu-item:after {
        content: '';
        height: 10px;
        display: inline-block;
        border-left: solid 2px #9c9ea9;
        margin: 0 12px 0 14px; }
    .footer__copyright .footer__copyright--inner .footer__author,
    .footer__copyright .footer__copyright--inner .menu-item a,
    .footer__copyright .footer__copyright--inner span {
      color: #a3a3a3;
      text-decoration: inherit;
      text-transform: uppercase;
      font-weight: 700;
      letter-spacing: 2px;
      font-size: 12px;
      text-align: right; }
    .footer__copyright .footer__copyright--inner .footer__author:hover,
    .footer__copyright .footer__copyright--inner .menu-item a:hover {
      color: #f8b500; }
    .footer__copyright .footer__copyright--inner .menu-item a:before {
      display: none; }

/*--------------------------------------------------------------------------------
# Components
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------
Mises en avant
--------------------------------------------------------------*/
.mea {
  display: flex;
  align-items: center; }
  .mea .with-thumb .thumbnail {
    border-radius: 15px;
    box-shadow: 5px 5px 20px 0px rgba(68, 68, 68, 0.1);
    margin-bottom: -40px;
    height: 260px;
    object-fit: cover;
    flex-grow: 1;
    position: relative; }
    .mea .with-thumb .thumbnail img {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      border-radius: 15px;
      object-fit: cover; }
  .mea .with-question .question,
  .mea .with-question .mea-item, .mea.with-question .question,
  .mea.with-question .mea-item {
    width: calc(100% - 40px) !important; }
  .mea .with-question .question, .mea.with-question .question {
    background: #014185;
    padding: 20px;
    padding-bottom: calc(20px + 40px);
    border-radius: 15px;
    box-shadow: 5px 5px 20px 0px rgba(68, 68, 68, 0.1);
    margin-bottom: -40px; }
    .mea .with-question .question p, .mea.with-question .question p {
      color: #fff;
      font-size: 15px;
      text-align: left !important;
      line-height: 1.4em;
      font-weight: 400;
      margin-top: 0; }

.mea-item {
  display: flex !important;
  box-shadow: 5px 5px 20px 0px rgba(68, 68, 68, 0.1);
  background: rgba(255, 255, 255, 0.98);
  border-radius: 15px;
  position: relative;
  overflow: hidden; }
  .mea-item h3, .mea-item .content .category, .mea-item #sitemap .bloc-content h2, #sitemap .bloc-content .mea-item h2, .mea-item .comments-area > ol article .comment-meta .fn, .comments-area > ol article .comment-meta .mea-item .fn {
    margin-bottom: 5px; }
  .mea-item.has-list .icon {
    align-items: flex-start; }
  .mea-item .icon {
    display: block;
    border-radius: 15px 0 0 15px;
    background: #014185;
    min-width: 120px;
    max-width: 120px;
    display: flex;
    align-items: center; }
    .mea-item .icon .number {
      color: #fff;
      font-weight: 900;
      font-family: "Montserrat", sans-serif;
      margin: 30px;
      display: block;
      text-align: center;
      font-size: 60px;
      width: 100%; }
    .mea-item .icon svg,
    .mea-item .icon img {
      fill: #fff;
      width: 50px;
      height: auto;
      margin: 30px 35px; }
    .mea-item .icon img {
      filter: brightness(0) invert(1); }
  .mea-item .content {
    margin: 30px;
    text-align: left;
    width: calc(100% - 60px) !important; }
    .mea-item .content .category {
      color: #f8b500;
      font-size: 16px; }
      .mea-item .content .category span:last-of-type {
        display: none; }
    .mea-item .content ul {
      min-width: calc(100% + (2 * 30px));
      list-style: none;
      padding: 0;
      margin: 20px 0 -13px calc(0px - 30px);
      counter-reset: section; }
      .mea-item .content ul li {
        position: relative;
        padding: 11px 30px 8px 30px;
        min-height: 45px;
        border-top: 1px solid #e7e6e6;
        line-height: 1.4em;
        text-align: left; }
        .mea-item .content ul li:last-of-type {
          border-bottom: 0; }
          .mea-item .content ul li:last-of-type::before {
            border-bottom: 0; }
        .mea-item .content ul li:nth-of-type(odd) {
          background: #f7f7f7; }
          .mea-item .content ul li:nth-of-type(odd)::before {
            background: #003a77; }
        .mea-item .content ul li::before {
          content: '';
          position: absolute;
          min-height: 45px;
          height: calc(100% + 2px);
          top: -1px;
          width: 120px;
          left: -120px;
          border-top: 1px solid #002c5a;
          counter-increment: section;
          content: counter(section) ".";
          color: #fff;
          text-align: center;
          padding: 11px 0 8px 0;
          font-weight: 800;
          font-family: "Montserrat", sans-serif; }
    .mea-item .content .main-content:only-child ul {
      margin-bottom: -30px; }
    .mea-item .content .button--small, .mea-item .content .texte-simple ul li, .texte-simple ul .mea-item .content li, .mea-item .content .comments-area > ol article .reply a, .comments-area > ol article .reply .mea-item .content a {
      border-top: 1px solid #cccccc; }

.mea.grey-band .mea-item .content ul li:nth-of-type(odd)::before {
  background: #e0e0e0; }

.mea.grey-band .mea-item .content ul li::before {
  border-top: 1px solid #d1d1d1;
  color: #014185; }

.mea.grey-band .mea-item .content ul li:last-of-type::before {
  border-bottom: 0; }

.mea.grey-band .icon {
  background: #eeeeee; }
  .mea.grey-band .icon img,
  .mea.grey-band .icon svg {
    fill: #014185;
    color: #014185; }
  .mea.grey-band .icon .number {
    color: #014185; }

.mea.photo-mode .mea-item .icon {
  min-width: 50%;
  max-width: 50%;
  position: relative; }
  .mea.photo-mode .mea-item .icon img {
    filter: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px 0 0 15px; }

.mea.photo-mode .mea-item .content {
  justify-content: center;
  display: flex;
  flex-direction: column; }

.mea.center-mode .mea-item {
  flex-direction: column; }
  .mea.center-mode .mea-item .icon {
    background: transparent;
    min-width: 100%;
    max-width: 100%; }
    .mea.center-mode .mea-item .icon svg,
    .mea.center-mode .mea-item .icon img {
      filter: none;
      fill: #014185;
      width: auto;
      height: 70px;
      margin: 30px auto 0 auto; }
    .mea.center-mode .mea-item .icon svg {
      width: 100%; }
    .mea.center-mode .mea-item .icon img {
      padding: 0 20px;
      object-fit: contain; }
  .mea.center-mode .mea-item .content {
    text-align: center;
    margin-top: 15px; }
    .mea.center-mode .mea-item .content ul li {
      margin-left: 120px; }
      .mea.center-mode .mea-item .content ul li:nth-of-type(even)::before {
        background: #f7f7f7; }
  .mea.center-mode .mea-item .button--small, .mea.center-mode .mea-item .texte-simple ul li, .texte-simple ul .mea.center-mode .mea-item li, .mea.center-mode .mea-item .comments-area > ol article .reply a, .comments-area > ol article .reply .mea.center-mode .mea-item a {
    justify-content: center; }

/* Grille */
.mea-grid {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: calc(10px + 22px) auto -19px auto !important; }
  .mea-grid > div {
    width: calc(50% - (40px / 2));
    display: flex; }
    .mea-grid > div .mea-item {
      margin-left: auto;
      margin-right: 0;
      flex-grow: 1; }
  .mea-grid .mea-item {
    width: calc(50% - (20px / 2));
    margin-bottom: 20px; }
  .mea-grid.with-question > div {
    display: flex;
    flex-direction: column;
    justify-content: stretch; }
  .mea-grid.with-question .mea-item {
    margin-bottom: 40px !important; }

/* Type de bloc */
.full-bloc .mea-grid {
  justify-content: center; }
  .full-bloc .mea-grid .mea-item {
    width: calc(33.333% - 20px);
    margin: 0 calc(20px / 2) 20px; }
  .full-bloc .mea-grid.photo-mode .mea-item {
    width: calc(50% - 20px);
    flex-direction: row; }
  .full-bloc .mea-grid.with-question > div {
    width: calc(50% - 40px);
    padding-left: 20px;
    padding-right: 20px; }
    .full-bloc .mea-grid.with-question > div .mea-item {
      margin: 0 0 20px auto; }

.third-bloc.title-right .double_bloc_slider .thumbnail {
  margin-right: auto;
  margin-left: 0; }

.third-bloc.title-right .double_bloc_slider .mea-item {
  margin-left: auto !important;
  margin-right: 0; }

.third-bloc.title-right .double_bloc_slider.whitepapers .mea-item {
  margin-left: 0 !important;
  margin-right: auto; }

.half-bloc .mea-grid,
.third-bloc .mea-grid {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.half-bloc.title-left .mea-grid > div:last-child,
.third-bloc.title-right .mea-grid > div:last-child {
  margin-left: auto; }

.half-bloc .mea-grid {
  width: calc((3 / 6) * 1400px); }

.third-bloc .mea-grid {
  margin-top: 0 !important; }

/*--------------- Header specific ---------------*/
.mea-item--icone .icon {
  background: #f8b500;
  width: auto; }
  .mea-item--icone .icon svg {
    width: 70px; }

.mea-item--tab .mea-item {
  flex-wrap: wrap; }

.mea-item--tab .tab {
  display: flex;
  width: 100%;
  color: #fff;
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  border-radius: 0 0 15px 15px;
  text-align: center;
  background: #014185; }
  .mea-item--tab .tab .tab-content {
    padding: 30px;
    border-radius: 0 0 15px 15px;
    background: #014185;
    min-width: 50%;
    width: 100%; }
    .mea-item--tab .tab .tab-content:nth-of-type(2) {
      background: #003a77;
      border-radius: 0 0 15px 0; }

/*--------------------------------------------------------------
Carrousel
--------------------------------------------------------------*/
.slick, .slick-wrapper {
  width: 100%; }

/* General */
.slick-slider {
  margin-top: -22px; }
  .slick-slider .slick-track {
    margin: 22px 0 80px 0;
    display: flex;
    align-items: center;
    align-items: stretch; }
    .slick-slider .slick-track .slick-slide {
      margin: 0 -20px 0 0;
      transform: scale(0.8) perspective(1px) translateZ(0);
      backface-visibility: hidden;
      height: auto; }
      .slick-slider .slick-track .slick-slide > div,
      .slick-slider .slick-track .slick-slide > div > div,
      .slick-slider .slick-track .slick-slide .mea-item {
        height: 100%; }
      .slick-slider .slick-track .slick-slide .mea-item,
      .slick-slider .slick-track .slick-slide .question {
        justify-content: center;
        max-width: calc((1.2 / 4) * 1400px); }
      .slick-slider .slick-track .slick-slide .mea-item .content {
        justify-content: center;
        display: flex;
        flex-direction: column; }
      .slick-slider .slick-track .slick-slide.slick-current {
        transform: scale(1) perspective(1px) translateZ(0);
        z-index: 1;
        backface-visibility: hidden; }
        .slick-slider .slick-track .slick-slide.slick-current .with-thumb .thumbnail,
        .slick-slider .slick-track .slick-slide.slick-current .mea-item {
          box-shadow: 9px 9px 30px rgba(68, 68, 68, 0.2); }
      .slick-slider .slick-track .slick-slide.lt2 {
        transform: scale(0.8) translateX(50px); }
      .slick-slider .slick-track .slick-slide.gt2 {
        transform: scale(0.8) translateX(-50px); }
      .slick-slider .slick-track .slick-slide.lt3 {
        transform: scale(0.8) translateX(100px); }
      .slick-slider .slick-track .slick-slide.gt3 {
        transform: scale(0.8) translateX(-100px); }

.slick-arrow {
  height: 50px;
  width: 50px;
  background: #f8b500;
  border-radius: 100%;
  box-shadow: 5px 5px 17px 0px rgba(68, 68, 68, 0.1);
  bottom: -25px;
  padding: 10px; }
  .slick-arrow.slick-prev:hover, .slick-arrow.slick-next:hover {
    outline: none;
    background: #dfa200; }
  .slick-arrow .fa,
  .slick-arrow .fas {
    color: #fff; }

/* Types de blocs */
.full-bloc .content-mea-slick {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%); }

.full-bloc .slick-arrow {
  left: 0;
  right: 0;
  margin: auto; }
  .full-bloc .slick-arrow.slick-next {
    right: -70px; }
  .full-bloc .slick-arrow.slick-prev {
    left: -70px; }

.half-bloc .content-mea-slick {
  width: 100% !important; }

.half-bloc .slick-next {
  right: 70px; }

.half-bloc .slick-prev {
  right: 0; }

.half-bloc.title-right .slick-list {
  margin-left: -60px;
  padding-left: 60px; }

.half-bloc.title-right .slick-prev {
  left: 0px; }

.half-bloc.title-right .slick-next {
  left: 70px; }

.half-bloc.title-left .slick-prev .fas:before {
  content: "\f061"; }

.half-bloc.title-left .slick-next .fas:before {
  content: "\f060"; }

.third-bloc .content-mea-slick {
  width: 100% !important; }

.third-bloc .slick-next {
  left: 70px; }

.third-bloc .slick-prev {
  left: 0px; }

.third-bloc.title-right .slick-prev {
  right: 0px; }
  .third-bloc.title-right .slick-prev .fas:before {
    content: "\f061"; }

.third-bloc.title-right .slick-next {
  right: 70px; }
  .third-bloc.title-right .slick-next .fas:before {
    content: "\f060"; }

.third-bloc.title-left .slick-list {
  margin-left: -60px;
  padding-left: 60px; }

.half-bloc.title-right .slick-slide[aria-hidden="true"] .mea-item,
.half-bloc.title-right .slick-slide[aria-hidden="true"] .with-thumb .thumbnail,
.third-bloc.title-left .slick-slide[aria-hidden="true"] .mea-item,
.third-bloc.title-left .slick-slide[aria-hidden="true"] .with-thumb .thumbnail {
  box-shadow: none !important; }

.half-bloc.title-right .slick-current[aria-hidden="false"] ~ .slick-slide .mea-item,
.half-bloc.title-right .slick-current[aria-hidden="false"] ~ .slick-slide .with-thumb .thumbnail,
.third-bloc.title-left .slick-current[aria-hidden="false"] ~ .slick-slide .mea-item,
.third-bloc.title-left .slick-current[aria-hidden="false"] ~ .slick-slide .with-thumb .thumbnail {
  box-shadow: 5px 5px 20px 0px rgba(68, 68, 68, 0.1) !important; }

.half-bloc.title-left .mea-slick .slick-list,
.half-bloc.title-left .slide-actus-nav .slick-list,
.third-bloc.title-right .mea-slick .slick-list,
.third-bloc.title-right .slide-actus-nav .slick-list {
  margin-right: -60px; }

.half-bloc.title-left .mea-slick .slick-track,
.half-bloc.title-left .slide-actus-nav .slick-track,
.third-bloc.title-right .mea-slick .slick-track,
.third-bloc.title-right .slide-actus-nav .slick-track {
  margin-left: 0;
  margin-right: 60px; }
  .half-bloc.title-left .mea-slick .slick-track .mea-item,
  .half-bloc.title-left .slide-actus-nav .slick-track .mea-item,
  .third-bloc.title-right .mea-slick .slick-track .mea-item,
  .third-bloc.title-right .slide-actus-nav .slick-track .mea-item {
    direction: ltr;
    width: calc(50% - 20px);
    margin-left: auto; }
  .half-bloc.title-left .mea-slick .slick-track .lt1,
  .half-bloc.title-left .slide-actus-nav .slick-track .lt1,
  .third-bloc.title-right .mea-slick .slick-track .lt1,
  .third-bloc.title-right .slide-actus-nav .slick-track .lt1 {
    transform: scale(0.8) translateX(50px); }
    .half-bloc.title-left .mea-slick .slick-track .lt1 .mea-item,
    .half-bloc.title-left .slide-actus-nav .slick-track .lt1 .mea-item,
    .third-bloc.title-right .mea-slick .slick-track .lt1 .mea-item,
    .third-bloc.title-right .slide-actus-nav .slick-track .lt1 .mea-item {
      box-shadow: none; }
  .half-bloc.title-left .mea-slick .slick-track .gt2,
  .half-bloc.title-left .slide-actus-nav .slick-track .gt2,
  .third-bloc.title-right .mea-slick .slick-track .gt2,
  .third-bloc.title-right .slide-actus-nav .slick-track .gt2 {
    transform: scale(0.8) translateX(55px); }
  .half-bloc.title-left .mea-slick .slick-track .gt3,
  .half-bloc.title-left .slide-actus-nav .slick-track .gt3,
  .third-bloc.title-right .mea-slick .slick-track .gt3,
  .third-bloc.title-right .slide-actus-nav .slick-track .gt3 {
    transform: scale(0.8) translateX(110px); }
  .half-bloc.title-left .mea-slick .slick-track .fa-arrow-left:before,
  .half-bloc.title-left .slide-actus-nav .slick-track .fa-arrow-left:before,
  .third-bloc.title-right .mea-slick .slick-track .fa-arrow-left:before,
  .third-bloc.title-right .slide-actus-nav .slick-track .fa-arrow-left:before {
    content: "\f061"; }
  .half-bloc.title-left .mea-slick .slick-track .fa-arrow-right:before,
  .half-bloc.title-left .slide-actus-nav .slick-track .fa-arrow-right:before,
  .third-bloc.title-right .mea-slick .slick-track .fa-arrow-right:before,
  .third-bloc.title-right .slide-actus-nav .slick-track .fa-arrow-right:before {
    content: "\f060"; }

.half-bloc.title-left .with-question .question,
.third-bloc.title-right .with-question .question {
  margin-right: auto; }

.half-bloc.title-right .mea-slick .slick-track .lt1,
.half-bloc.title-right .slide-actus-nav .slick-track .lt1,
.third-bloc.title-left .mea-slick .slick-track .lt1,
.third-bloc.title-left .slide-actus-nav .slick-track .lt1 {
  transform: scale(0.8) translateX(-50px); }
  .half-bloc.title-right .mea-slick .slick-track .lt1 .mea-item,
  .half-bloc.title-right .slide-actus-nav .slick-track .lt1 .mea-item,
  .third-bloc.title-left .mea-slick .slick-track .lt1 .mea-item,
  .third-bloc.title-left .slide-actus-nav .slick-track .lt1 .mea-item {
    box-shadow: none; }

.half-bloc.title-right .with-question .question,
.third-bloc.title-left .with-question .question {
  margin-right: auto; }

/* Headers */
.carrousel {
  margin-top: 0; }
  .carrousel .slick-track {
    margin: calc(10px + 22px) 0 80px calc(-1px + 22px); }
    .carrousel .slick-track .slick-slide {
      margin: 0 -22px 0 0; }
      .carrousel .slick-track .slick-slide .mea-item {
        max-width: calc((2 / 6) * 1400px); }
      .carrousel .slick-track .slick-slide[aria-hidden="true"] .mea-item {
        box-shadow: none; }
      .carrousel .slick-track .slick-slide.lt2 {
        transform: none; }
      .carrousel .slick-track .slick-slide.gt2 {
        transform: scale(0.8) translateX(-57px); }
      .carrousel .slick-track .slick-slide.gt3 {
        transform: scale(0.8) translateX(-110px); }
      .carrousel .slick-track .slick-slide.slick-current.gt2, .carrousel .slick-track .slick-slide.slick-current.lt2 {
        transform: scale(1); }
      .carrousel .slick-track .slick-slide.slick-current ~ .slick-slide .mea-item {
        box-shadow: 9px 9px 30px rgba(68, 68, 68, 0.2); }

.header-full .slick-on {
  margin-bottom: -50px; }

.header-full .slick-track {
  margin-bottom: 50px; }

.header-full .slick-arrow {
  position: absolute;
  top: 70px;
  left: calc(-70px + 22px); }
  .header-full .slick-arrow.slick-next {
    top: 130px; }

.header-half .slick-arrow {
  position: absolute;
  left: 22px; }
  .header-half .slick-arrow.slick-next {
    left: calc(22px + 70px); }

.slide-actus-nav-center .slick-track .slick-slide.lt2 {
  transform: scale(0.8) translateX(90px); }

.slide-actus-nav-center .slick-track .slick-slide.gt2 {
  transform: scale(0.8) translateX(-90px); }

.slide-actus-nav-center .slick-track .slick-slide.lt3 {
  transform: scale(0.8) translateX(170px); }

.slide-actus-nav-center .slick-track .slick-slide.gt3 {
  transform: scale(0.8) translateX(-170px); }

/*--------------------------------------------------------------
Double bloc
--------------------------------------------------------------*/
.double_bloc {
  grid-column-gap: 40px !important;
  grid-row-gap: 40px !important; }
  .double_bloc .thumbnail,
  .double_bloc .mea-item {
    width: calc(100% - 40px); }
  .double_bloc .mea-item {
    margin-left: auto; }

.double_bloc_slider .thumbnail,
.double_bloc_slider .question {
  width: calc(420px - 40px);
  margin-right: auto; }

.double_bloc_slider .mea-item {
  width: calc(100% - 40px) !important;
  margin-left: auto; }

.double_bloc_slider .slick-slide {
  margin: 0 !important; }

/*--------------------------------------------------------------
Cookies
--------------------------------------------------------------*/
#cookie-notice {
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 9px 9px 30px rgba(68, 68, 68, 0.2);
  padding: 0 5vw; }
  #cookie-notice .cookie-notice-container {
    max-width: 1400px;
    margin: auto; }
    #cookie-notice .cookie-notice-container span {
      display: inline-block; }
    #cookie-notice .cookie-notice-container #cn-notice-text {
      display: inline-block;
      padding-right: 30px; }
    #cookie-notice .cookie-notice-container .button {
      padding: 10px 20px; }
      #cookie-notice .cookie-notice-container .button::after {
        display: none; }

/*--------------------------------------------------------------
Logos
--------------------------------------------------------------*/
.clients-logos, .ecran .slider-ecran {
  max-width: 1400px;
  margin: 60px auto 0 auto; }
  .clients-logos .slick-list, .ecran .slider-ecran .slick-list {
    height: 90px; }
  .clients-logos .slick-track, .ecran .slider-ecran .slick-track {
    align-items: center;
    height: inherit; }
    .clients-logos .slick-track .slick-slide, .ecran .slider-ecran .slick-track .slick-slide {
      padding: 0 40px;
      transform: scale(1);
      margin: 0; }
      .clients-logos .slick-track .slick-slide a, .ecran .slider-ecran .slick-track .slick-slide a {
        text-align: center;
        pointer-events: none; }
        .clients-logos .slick-track .slick-slide a[href^="http"], .ecran .slider-ecran .slick-track .slick-slide a[href^="http"] {
          pointer-events: initial; }
        .clients-logos .slick-track .slick-slide a svg, .ecran .slider-ecran .slick-track .slick-slide a svg,
        .clients-logos .slick-track .slick-slide a img,
        .ecran .slider-ecran .slick-track .slick-slide a img {
          display: inline-block;
          max-height: 50px;
          width: auto; }

/*--------------------------------------------------------------
Carres
--------------------------------------------------------------*/
/* General */
.carres {
  position: relative; }
  .carres > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .carres .carre-item {
    width: calc(50% - (20px/ 2));
    position: relative;
    display: flex;
    justify-content: flex-end; }
    .carres .carre-item .image {
      border-radius: 15px;
      box-shadow: 9px 9px 30px rgba(68, 68, 68, 0.2);
      width: calc(100% - 20px);
      margin-bottom: 20px;
      height: 450px;
      background-size: cover;
      background-position: center; }
    .carres .carre-item .mea-item {
      position: absolute;
      max-width: calc((2 / 6) * 1400px);
      bottom: 0;
      left: 0; }
    .carres .carre-item:nth-of-type(odd) {
      justify-content: flex-start; }
      .carres .carre-item:nth-of-type(odd) .mea-item {
        right: 0;
        left: auto; }
  .carres .carres-haut {
    margin-bottom: 20px; }
  .carres .carres-bas .image {
    margin-top: 20px;
    margin-bottom: 0; }
  .carres .carres-bas .mea-item {
    position: absolute;
    bottom: auto;
    top: 0;
    left: 0; }
  .carres .logo-pinguin {
    display: block;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 9px 9px 30px rgba(68, 68, 68, 0.2);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f8b500;
    z-index: 1; }

/*--------------------------------------------------------------
Schéma
--------------------------------------------------------------*/
/* General */
.schema {
  display: flex;
  justify-content: center; }
  .schema .tag {
    margin-bottom: -40px;
    display: flex;
    flex-direction: column;
    width: calc(25% - 40px); }
    .schema .tag span {
      display: block;
      box-shadow: 5px 5px 20px 0px rgba(68, 68, 68, 0.1);
      border-radius: 15px;
      margin-bottom: 40px;
      position: relative;
      width: 100%; }
    .schema .tag .logo-slider {
      width: 100%; }
      .schema .tag .logo-slider .slick-list {
        height: 120px;
        padding-top: 20px; }
      .schema .tag .logo-slider .slick-slide {
        margin: 0px auto !important;
        width: 100% !important; }
        .schema .tag .logo-slider .slick-slide > div {
          text-align: center; }
      .schema .tag .logo-slider img {
        height: 70px;
        padding: 0 10px;
        width: auto !important;
        object-fit: contain;
        object-position: center; }
    .schema .tag.left span::after,
    .schema .tag.right span::before {
      content: '';
      display: block;
      height: 34px;
      width: 34px;
      position: absolute;
      border-radius: 100%;
      background-color: #f8b500;
      background-image: url(https://www.pingflow.com/wp-content/themes/gtec/images/arrow-white-big.png);
      background-position: center center;
      background-repeat: no-repeat;
      top: 50%;
      transform: translateY(-50%); }
    .schema .tag.left {
      align-items: flex-end; }
      .schema .tag.left span {
        margin-right: 60px;
        padding: 20px calc(20px + 17px) 20px 20px;
        text-align: right; }
        .schema .tag.left span::after {
          right: -17px; }
    .schema .tag.right {
      align-items: flex-start; }
      .schema .tag.right span {
        padding: 20px 20px 20px calc(20px + 17px);
        margin-left: 60px;
        text-align: left; }
        .schema .tag.right span::before {
          left: -16.5px;
          transform: translateY(-50%) rotate(180deg); }
  .schema .screen {
    width: 50%;
    border-radius: 15px;
    box-shadow: 9px 9px 30px rgba(68, 68, 68, 0.2);
    overflow: hidden;
    position: relative; }
    .schema .screen::after {
      content: '';
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.6);
      background-image: url(https://www.pingflow.com/wp-content/uploads/2019/10/logo-color-white.png);
      background-position: center center;
      background-repeat: no-repeat; }
    .schema .screen img {
      position: absolute;
      left: 0;
      top: 0;
      object-fit: cover;
      object-position: center;
      min-width: 100%;
      min-height: 100%; }

/*--------------------------------------------------------------
Twitter
--------------------------------------------------------------*/
.ctf-tweets {
  max-width: 1400px;
  margin: calc(100px - (22px * 2)) auto 0 auto;
  padding: 22px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 20px; }
  .ctf-tweets > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
  .ctf-tweets > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
  .ctf-tweets .ctf-item {
    box-shadow: 5px 5px 17px 0px rgba(68, 68, 68, 0.1);
    border-radius: 15px;
    background: #eee;
    padding: 40px 40px 40px calc(60px + 40px + 30px) !important;
    border: 0 !important;
    position: relative; }
    .ctf-tweets .ctf-item .ctf-author-box {
      font-weight: 700; }
      .ctf-tweets .ctf-item .ctf-author-box .ctf-tweet-meta {
        margin: 0 !important;
        font-size: 15px !important; }
    .ctf-tweets .ctf-item .ctf-tweet-content {
      margin: 5px 0; }
    .ctf-tweets .ctf-item::before {
      content: '';
      display: block;
      background: url(https://www.pingflow.com/wp-content/themes/gtec/images/twitter-logo.png);
      width: 60px;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center top;
      position: absolute;
      left: 40px;
      top: 40px; }

/*--------------------------------------------------------------
Texte simple
--------------------------------------------------------------*/
.video-frame {
  position: relative;
  padding-bottom: 56.25%;
  /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  height: 0;
  overflow: hidden;
  width: 100%; }
  .video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.texte-simple {
  margin-top: -15px !important; }
  .texte-simple ul {
    list-style-type: none;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px; }
    .texte-simple ul:only-child {
      margin-top: 0; }
    .texte-simple ul li {
      border-top: 1px solid #cccccc;
      margin-top: 14px;
      display: inline-block;
      line-height: 1.6em;
      width: calc(50% - 10px);
      position: relative; }
      .texte-simple ul li strong {
        display: block;
        color: #f8b500;
        font-weight: 700; }
      .texte-simple ul li::after {
        display: none; }
      .texte-simple ul li a::after {
        content: '';
        display: inline-block;
        background: url(https://www.pingflow.com/wp-content/themes/gtec/images/puce-blue.png);
        height: 15px;
        width: 15px;
        margin-left: 7px;
        margin-top: 0;
        margin-bottom: -3px; }
      .texte-simple ul li:nth-of-type(1), .texte-simple ul li:nth-of-type(2) {
        border-top: 0;
        padding-top: 0;
        margin-top: 0; }
      .texte-simple ul li:nth-of-type(even) {
        text-align: left; }
      .texte-simple ul li:nth-of-type(odd) {
        text-align: right; }

.full-bloc .texte-simple {
  width: calc((4 / 6) * 1400px);
  margin: 0 auto; }

.half-bloc .texte-simple li {
  width: 100%; }
  .half-bloc .texte-simple li:nth-of-type(2) {
    border-top: 1px solid #cccccc;
    padding-top: 14px;
    margin-top: 14px; }

.half-bloc .texte-simple li:nth-of-type(odd) {
  text-align: left; }

.half-bloc.title-left .texte-simple li:nth-of-type(odd),
.half-bloc.title-left .texte-simple li:nth-of-type(even) {
  text-align: right; }

/*--------------------------------------------------------------
Accordéon
--------------------------------------------------------------*/
/* General */
.accordion {
  margin-top: 0 !important; }
  .accordion ul li:nth-of-type(odd) .heading {
    justify-content: flex-end; }
  .accordion .accordion-item {
    position: relative; }
    .accordion .accordion-item.active .icon-plus:after {
      width: 0; }
    .accordion .accordion-item .heading {
      display: flex;
      align-items: center;
      position: relative; }
    .accordion .accordion-item a::after {
      display: none !important; }
    .accordion .accordion-item .icon-plus {
      width: 16px;
      min-width: 16px;
      height: 16px;
      transform: translateY(0);
      border: 1px solid #014185;
      border-radius: 100%;
      display: inline-block;
      margin-left: 7px; }
      .accordion .accordion-item .icon-plus:before, .accordion .accordion-item .icon-plus:after {
        content: '';
        width: 7px;
        height: 1px;
        position: absolute;
        background: #014185;
        left: 50%;
        top: 50%;
        transition: 0.3s ease-in-out;
        transform: translate(-50%, -50%); }
      .accordion .accordion-item .icon-plus:after {
        transform: translate(-50%, -50%) rotate(90deg);
        z-index: -1; }
    .accordion .accordion-item .content-accordion {
      display: none; }
  .accordion .content {
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100% !important; }

.half-bloc .accordion {
  margin-top: 0 !important; }
  .half-bloc .accordion ul li:nth-of-type(even) .heading {
    justify-content: flex-end; }

.half-bloc.title-right .accordion .heading,
.half-bloc.title-right .accordion ul li:nth-of-type(even) .heading {
  justify-content: flex-start; }

/*--------------------------------------------------------------
Mises en avant
--------------------------------------------------------------*/
.whitepapers .with-thumb {
  position: relative;
  height: 590px !important; }
  .whitepapers .with-thumb .thumbnail {
    height: 100%; }
  .whitepapers .with-thumb .download-icon {
    position: absolute;
    background-color: #014185;
    bottom: 0;
    right: 0;
    height: 80px;
    width: 80px;
    border-radius: 0 0 15px 0; }
    .whitepapers .with-thumb .download-icon svg {
      fill: #fff;
      padding: 20px;
      width: 100%; }
  .whitepapers .with-thumb .hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(1, 65, 133, 0.9);
    color: #fff;
    border-radius: 15px;
    direction: ltr;
    text-align: left; }
    .whitepapers .with-thumb .hover div, .whitepapers .with-thumb .hover p, .whitepapers .with-thumb .hover a, .whitepapers .with-thumb .hover h3, .whitepapers .with-thumb .hover .mea-item .content .category, .mea-item .content .whitepapers .with-thumb .hover .category, .whitepapers .with-thumb .hover #sitemap .bloc-content h2, #sitemap .bloc-content .whitepapers .with-thumb .hover h2, .whitepapers .with-thumb .hover .comments-area > ol article .comment-meta .fn, .comments-area > ol article .comment-meta .whitepapers .with-thumb .hover .fn, .whitepapers .with-thumb .hover span {
      color: #fff; }
    .whitepapers .with-thumb .hover a {
      padding: 40px;
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center; }
    .whitepapers .with-thumb .hover span::after {
      background: url(https://www.pingflow.com/wp-content/themes/gtec/images/puce-white.png); }
    .whitepapers .with-thumb .hover h3, .whitepapers .with-thumb .hover .mea-item .content .category, .mea-item .content .whitepapers .with-thumb .hover .category, .whitepapers .with-thumb .hover #sitemap .bloc-content h2, #sitemap .bloc-content .whitepapers .with-thumb .hover h2, .whitepapers .with-thumb .hover .comments-area > ol article .comment-meta .fn, .comments-area > ol article .comment-meta .whitepapers .with-thumb .hover .fn {
      border-bottom: 1px solid #fff;
      padding-bottom: 10px;
      margin-bottom: 10px; }
  .whitepapers .with-thumb:hover .hover {
    opacity: 1; }

.wallboards .with-thumb {
  height: 300px !important;
  width: 420px !important; }

.wallboards .main-content {
  padding: 40px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center; }

.success-cases.slick-slider .mea-item {
  width: 420px;
  max-width: 420px !important;
  min-width: 420px; }
  .success-cases.slick-slider .mea-item .icon img {
    padding: 0 100px;
    object-fit: contain; }
  .success-cases.slick-slider .mea-item .content {
    width: auto !important; }

/*--------------------------------------------------------------
Ressource
--------------------------------------------------------------*/
.single-ressources .h1-like strong {
  margin-top: 0; }

.ressource {
  background: #eeeeee;
  margin: calc(180px + 50px) 0; }
  .ressource > div {
    display: flex;
    width: calc((4 / 6) * 1400px);
    margin: 0 auto; }
    .ressource > div .cover {
      border-radius: 15px;
      box-shadow: 9px 9px 30px rgba(68, 68, 68, 0.2);
      margin: -50px 0;
      object-fit: cover;
      width: 45%;
      min-width: 45%; }
    .ressource > div .contents {
      padding: 100px 0 100px 60px; }
  .ressource.cover-right > div {
    flex-direction: row-reverse; }
    .ressource.cover-right > div .cover {
      box-shadow: -9px 9px 35px rgba(68, 68, 68, 0.2); }
    .ressource.cover-right > div .contents {
      padding: 100px 60px 100px 0;
      text-align: right; }

/*--------------------------------------------------------------
Accordéon
--------------------------------------------------------------*/
/* General */
.ecran {
  border-radius: 15px;
  box-shadow: 9px 9px 30px rgba(68, 68, 68, 0.2);
  max-width: calc((4 / 6) * 1400px);
  padding: 60px;
  z-index: 1;
  background: rgba(255, 255, 255, 0.95);
  text-align: left; }
  .ecran img {
    margin-bottom: 10px; }
  .ecran .ecran-logo {
    max-width: 80%; }
  .ecran .screen-content {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
    margin-bottom: 20px; }
    .ecran .screen-content ul, .ecran .screen-content p {
      margin-bottom: 0; }
    .ecran .screen-content p {
      margin-top: 10px; }
    .ecran .screen-content h3, .ecran .screen-content .mea-item .content .category, .mea-item .content .ecran .screen-content .category, .ecran .screen-content #sitemap .bloc-content h2, #sitemap .bloc-content .ecran .screen-content h2, .ecran .screen-content .comments-area > ol article .comment-meta .fn, .comments-area > ol article .comment-meta .ecran .screen-content .fn {
      margin-bottom: 5px; }
  .ecran div:nth-last-of-type(1) {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0; }
  .ecran .button--small, .ecran .texte-simple ul li, .texte-simple ul .ecran li, .ecran .comments-area > ol article .reply a, .comments-area > ol article .reply .ecran a {
    border-top: 1px solid #cccccc;
    padding-top: 14px;
    margin-top: 12px; }
  .ecran .slider-ecran {
    margin-top: 0;
    padding: 0 50px; }
    .ecran .slider-ecran .slick-arrow {
      height: 30px;
      width: 30px;
      top: 50%;
      transform: translateY(-50%); }
      .ecran .slider-ecran .slick-arrow .fas {
        font-size: 12px; }
      .ecran .slider-ecran .slick-arrow.slick-next {
        left: auto;
        right: 0px; }
      .ecran .slider-ecran .slick-arrow.slick-prev {
        left: 0px; }

.third-bloc.title-right .ecran {
  margin-left: auto; }
  .third-bloc.title-right .ecran .slick-prev {
    left: auto;
    right: 0px; }
  .third-bloc.title-right .ecran .slick-next {
    left: 0px; }

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.header .content-container {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative; }
  .header .content-container .background-image {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center; }
  .header .content-container.fond-video video {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    opacity: 0.45; }
  .header .content-container.fond-video h1,
  .header .content-container.fond-video .text--intro p {
    color: #fff; }
  .header .content-container .content-wrap h3, .header .content-container .content-wrap .mea-item .content .category, .mea-item .content .header .content-container .content-wrap .category, .header .content-container .content-wrap #sitemap .bloc-content h2, #sitemap .bloc-content .header .content-container .content-wrap h2, .header .content-container .content-wrap .comments-area > ol article .comment-meta .fn, .comments-area > ol article .comment-meta .header .content-container .content-wrap .fn {
    color: #f8b500; }
  .header .content-container .content-wrap .bagde {
    background: #f0f0f0;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    color: #888b9b;
    display: inline-flex;
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 10px;
    width: min-content;
    align-items: center; }
    .header .content-container .content-wrap .bagde a {
      display: inline-flex; }
    .header .content-container .content-wrap .bagde svg {
      min-width: 30px;
      width: 30px;
      margin-right: 10px;
      fill: #888b9b;
      height: auto; }
    .header .content-container .content-wrap .bagde span {
      display: table-caption; }
  .header .content-container .content-wrap .contents {
    position: relative; }
    .header .content-container .content-wrap .contents .h1-like strong,
    .header .content-container .content-wrap .contents h1 strong {
      display: block; }
    .header .content-container .content-wrap .contents .text--intro {
      font-size: 28px;
      line-height: 1.3em; }
  .header .content-container .content-wrap .mea-item .icon svg,
  .header .content-container .content-wrap .mea-item .icon img {
    margin: 30px 25px; }
  .header .content-container .button--small, .header .content-container .texte-simple ul li, .texte-simple ul .header .content-container li, .header .content-container .comments-area > ol article .reply a, .comments-area > ol article .reply .header .content-container a {
    color: #f8b500; }
    .header .content-container .button--small::after, .header .content-container .texte-simple ul li::after, .texte-simple ul .header .content-container li::after, .header .content-container .comments-area > ol article .reply a::after, .comments-area > ol article .reply .header .content-container a::after {
      background: url(https://www.pingflow.com/wp-content/themes/gtec/images/puce.png); }
    .header .content-container .button--small[href^="#"]::after, .header .content-container .texte-simple ul li[href^="#"]::after, .texte-simple ul .header .content-container li[href^="#"]::after, .header .content-container .comments-area > ol article .reply a[href^="#"]::after, .comments-area > ol article .reply .header .content-container a[href^="#"]::after {
      background: url(https://www.pingflow.com/wp-content/themes/gtec/images/puce-down.png); }

.header-full .content-container {
  min-height: 100vh;
  overflow: hidden;
  align-items: center;
  background: #000; }
  .header-full .content-container .background-image {
    width: 100%;
    opacity: 0.45; }
  .header-full .content-container .content-wrap {
    width: calc(1400px + ((100% - 1400px) / 2)); }
    .header-full .content-container .content-wrap h1 {
      text-transform: uppercase; }
      .header-full .content-container .content-wrap h1::after {
        content: '';
        display: block;
        width: 100%;
        height: 4px;
        border-radius: 15px;
        margin-top: 15px;
        background: linear-gradient(90deg, #f8b500 0%, #f8b500 50%, #014185 50%, #014185 100%); }
    .header-full .content-container .content-wrap .text--intro p {
      font-size: 25px;
      margin-top: 15px; }
    .header-full .content-container .content-wrap .contents {
      width: auto;
      display: inline-block;
      margin-left: 22px; }
  .header-full .content-container .down-link {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid #fff;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    padding: 11px; }
    .header-full .content-container .down-link img {
      transform: rotate(90deg); }

.header-half .content-container {
  width: 100vw; }
  .header-half .content-container .background-image {
    width: calc(50vw - 40px);
    border-radius: 0 0 15px 0;
    box-shadow: 9px 9px 30px rgba(68, 68, 68, 0.2);
    z-index: 2; }
    .header-half .content-container .background-image::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: block;
      background: rgba(0, 0, 0, 0.4);
      border-radius: 0 0 15px 0; }
  .header-half .content-container .content-wrap {
    width: calc(((100% - 1400px) / 2) + (4/6 * 1400px));
    margin: 100px calc((1 / 6) * -1400px) 60px calc(0px - 22px); }
    .header-half .content-container .content-wrap .contents {
      width: calc((3 / 6) * 1400px);
      margin-left: 22px; }
      .header-half .content-container .content-wrap .contents h1, .header-half .content-container .content-wrap .contents .h1-like {
        line-height: initial;
        margin-top: 20px; }
        .header-half .content-container .content-wrap .contents h1 strong, .header-half .content-container .content-wrap .contents .h1-like strong {
          line-height: 80px;
          margin-top: 0; }
      .header-half .content-container .content-wrap .contents .h1-like::after,
      .header-half .content-container .content-wrap .contents h1::after {
        content: '';
        background: #f8b500;
        display: block;
        height: 2px;
        position: absolute;
        width: 105vw;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        left: 0;
        margin-top: 47px;
        z-index: -1; }
      .header-half .content-container .content-wrap .contents .text--intro {
        margin-top: calc(40px * 2);
        font-size: 25px; }

/*--------------------------------------------------------------
Map
--------------------------------------------------------------*/
.map-mea .mea-item .icon {
  background: #fff;
  min-width: 72px;
  max-width: 72px; }
  .map-mea .mea-item .icon svg,
  .map-mea .mea-item .icon img {
    fill: none;
    filter: none;
    height: 42px;
    width: 42px;
    margin-right: 0; }

.map-mea .mea-item:last-of-type h3, .map-mea .mea-item:last-of-type .content .category, .map-mea .mea-item:last-of-type #sitemap .bloc-content h2, #sitemap .bloc-content .map-mea .mea-item:last-of-type h2, .map-mea .mea-item:last-of-type .comments-area > ol article .comment-meta .fn, .comments-area > ol article .comment-meta .map-mea .mea-item:last-of-type .fn {
  color: #f8b500; }

.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-t::after {
  display: none !important; }

/*--------------------------------------------------------------
# Templates
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Blocs
--------------------------------------------------------------*/
/* Blocs de contenus ---------------------------------------- */
.content-center {
  margin: 100px auto 100px auto;
  max-width: calc((3 / 6) * 1400px); }

.no-results,
.content-center {
  text-align: center; }

.search article .mea-item {
  width: 100%; }

.logo-intro {
  margin-bottom: 20px;
  max-width: 350px; }

#histoire .number {
  font-size: 25px; }

.success-grid-logo {
  position: absolute;
  height: 25px;
  top: 20px;
  right: 20px; }

/* Sitemap ---------------------------------------- */
#sitemap .bloc-content h2 {
  margin-top: 50px; }
  #sitemap .bloc-content h2::after {
    display: none; }

#sitemap .bloc-content .wsp-pages-list .children {
  justify-content: flex-end;
  margin-top: 8px; }
  #sitemap .bloc-content .wsp-pages-list .children li {
    text-align: right;
    width: auto;
    margin-left: 10px; }

#sitemap .bloc-content .wsp-posts-list {
  flex-direction: column;
  text-align: center; }
  #sitemap .bloc-content .wsp-posts-list > li {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 100% !important;
    border: 0; }
    #sitemap .bloc-content .wsp-posts-list > li strong {
      font-size: 15px; }
    #sitemap .bloc-content .wsp-posts-list > li .wsp-post {
      border-top: 1px solid #ccc;
      margin-bottom: 15px;
      padding-top: 14px; }

/*--------------------------------------------------------------
Single
--------------------------------------------------------------*/
.single-ressources h1 {
  text-align: left !important; }

.single-ressources p {
  text-align: left !important; }

.single .text--intro .space:last-of-type {
  display: none; }

.single-post h1 {
  line-height: 1.2em; }

.article-wrapper {
  display: flex;
  margin-top: 100px !important;
  text-align: left; }
  .article-wrapper article {
    width: 75%;
    margin: 0;
    padding: 0 40px 0 0; }
    .article-wrapper article .alignleft,
    .article-wrapper article .alignright {
      margin-top: 7px;
      max-width: 50%; }
    .article-wrapper article .text--content h1 {
      margin-bottom: 20px; }
    .article-wrapper article .text--content h2 {
      margin-bottom: 25px;
      font-size: 27px;
      margin-top: 40px;
      margin-bottom: 15px; }
    .article-wrapper article .text--content h3, .article-wrapper article .text--content .mea-item .content .category, .mea-item .content .article-wrapper article .text--content .category, .article-wrapper article .text--content #sitemap .bloc-content h2, #sitemap .bloc-content .article-wrapper article .text--content h2, .article-wrapper .comments-area > ol article .text--content .comment-meta .fn, .comments-area > ol .article-wrapper article .text--content .comment-meta .fn, .article-wrapper .comments-area > ol article .comment-meta .text--content .fn, .comments-area > ol .article-wrapper article .comment-meta .text--content .fn {
      margin-bottom: 10px;
      margin-top: 20px; }
    .article-wrapper article .text--content em {
      font-size: 17px;
      margin-bottom: 40px;
      display: block;
      line-height: 1.5em; }
    .article-wrapper article .text--content *:first-child {
      margin-top: 0; }
    .article-wrapper article .ressource {
      box-shadow: 5px 5px 20px 0px rgba(68, 68, 68, 0.1);
      border-radius: 15px;
      width: 80%;
      display: flex;
      margin-left: 20px;
      margin-top: 80px;
      margin-bottom: 0;
      background: #fff; }
      .article-wrapper article .ressource img {
        margin-left: -40px;
        margin-top: -40px;
        height: 100%; }
      .article-wrapper article .ressource .contents {
        padding: 40px;
        display: block; }
      .article-wrapper article .ressource h4 {
        margin-bottom: 10px; }
      .article-wrapper article .ressource .button {
        margin-top: 10px; }
  .article-wrapper aside {
    width: 25%;
    border-left: 1px solid #e0e0e0; }
    .article-wrapper aside .post-infos {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      align-items: stretch; }
      .article-wrapper aside .post-infos > span {
        display: block; }
      .article-wrapper aside .post-infos .posted-on {
        padding: calc(40px / 2) 0;
        min-width: 100px;
        max-width: 100px;
        text-align: center;
        line-height: 1.4em;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        z-index: 1;
        color: #fff;
        background: #f8b500; }
        .article-wrapper aside .post-infos .posted-on:first-line {
          font-family: "Montserrat", sans-serif;
          font-weight: 800;
          font-size: 50px;
          line-height: 1em; }
      .article-wrapper aside .post-infos .contents {
        line-height: 1.8em;
        padding: calc(40px / 2) 0 calc(40px / 2) calc(40px / 2); }
        .article-wrapper aside .post-infos .contents .byline {
          display: block;
          margin: 10px 0 0 0; }
        .article-wrapper aside .post-infos .contents a,
        .article-wrapper aside .post-infos .contents .author {
          font-weight: 700; }
        .article-wrapper aside .post-infos .contents .cat-links {
          line-height: 1.3em; }
    .article-wrapper aside .post-share {
      padding: 40px 0 40px 40px;
      border-top: 1px solid #e0e0e0; }
      .article-wrapper aside .post-share h3, .article-wrapper aside .post-share .mea-item .content .category, .mea-item .content .article-wrapper aside .post-share .category, .article-wrapper aside .post-share #sitemap .bloc-content h2, #sitemap .bloc-content .article-wrapper aside .post-share h2, .article-wrapper aside .post-share .comments-area > ol article .comment-meta .fn, .comments-area > ol article .comment-meta .article-wrapper aside .post-share .fn {
        margin-bottom: 20px; }
      .article-wrapper aside .post-share .et_social_inline .et_social_icons_container li {
        display: block;
        display: block;
        width: 100%;
        margin-left: 0; }
    .article-wrapper aside .sidebar__inner-block {
      border-top: 1px solid #e0e0e0;
      padding: 40px 0 0 40px;
      margin-bottom: 0; }
      .article-wrapper aside .sidebar__inner-block #lct-widget-wallboards-category > .cat-item,
      .article-wrapper aside .sidebar__inner-block #lct-widget-ressources-category > .cat-item,
      .article-wrapper aside .sidebar__inner-block > ul > .cat-item {
        margin-bottom: 5px; }
        .article-wrapper aside .sidebar__inner-block #lct-widget-wallboards-category > .cat-item .children,
        .article-wrapper aside .sidebar__inner-block #lct-widget-ressources-category > .cat-item .children,
        .article-wrapper aside .sidebar__inner-block > ul > .cat-item .children {
          margin-top: 0; }

.share-band {
  padding: 60px 0 60px 0;
  text-align: left;
  margin-top: 0 !important; }
  .share-band > .et_social_inline {
    padding-top: 20px; }
    .share-band > .et_social_inline .et_social_networks {
      width: auto; }
      .share-band > .et_social_inline .et_social_networks .et_social_icons_container {
        display: flex; }
        .share-band > .et_social_inline .et_social_networks .et_social_icons_container li {
          min-width: max-content;
          margin-right: 30px; }

.author-box {
  background: #eeeeee;
  min-width: 100vw;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  margin-top: 120px !important; }
  .author-box > div {
    width: calc((3 / 6) * 1400px);
    display: flex;
    margin: 0 auto;
    padding: 60px 0; }
    .author-box > div img {
      height: 100px;
      width: 100px;
      min-width: 100px;
      margin-right: calc(30px / 2);
      border-radius: 100px; }
    .author-box > div > div {
      text-align: left;
      padding-left: calc(30px / 2); }
  .author-box .button-wrap {
    border-top: 1px solid #014185;
    margin-top: 20px;
    padding-top: 0px; }
    .author-box .button-wrap .button--small, .author-box .button-wrap .texte-simple ul li, .texte-simple ul .author-box .button-wrap li, .author-box .button-wrap .comments-area > ol article .reply a, .comments-area > ol article .reply .author-box .button-wrap a {
      padding-top: 0; }

.yarpp-related {
  max-width: 1400px;
  margin: 0 auto !important; }
  .yarpp-related .blog-grid {
    padding: 0; }
  .yarpp-related .mea {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch; }
  .yarpp-related > h3, .mea-item .content .yarpp-related > .category, #sitemap .bloc-content .yarpp-related > h2, .comments-area > ol article .comment-meta .yarpp-related > .fn {
    font-size: 30px !important;
    text-transform: none; }

.yarpp-related-none {
  display: none; }

.comments-area {
  max-width: 1400px;
  margin: 120px auto !important; }
  .comments-area .comment-respond {
    text-align: center; }
  .comments-area label {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700; }
  .comments-area textarea,
  .comments-area input {
    border: 1px solid #b9b9b9;
    width: 600px; }
  .comments-area input {
    height: 40px; }
  .comments-area .form-submit {
    margin-top: 30px; }
    .comments-area .form-submit input {
      border: 1px solid #014185;
      width: auto;
      padding-right: 15px; }
  .comments-area h2 {
    font-size: 30px;
    width: calc((3 / 6) * 1400px);
    margin: 0 auto; }
  .comments-area > ol {
    margin: 40px auto;
    padding: 0;
    width: calc((4 / 6) * 1400px); }
    .comments-area > ol > li {
      margin-bottom: 40px;
      list-style-type: none; }
      .comments-area > ol > li > ol {
        list-style-type: none; }
    .comments-area > ol article {
      padding: 20px;
      display: flex;
      flex-wrap: wrap;
      border-radius: 15px;
      box-shadow: 5px 5px 20px 0px rgba(68, 68, 68, 0.1);
      margin-bottom: 20px; }
      .comments-area > ol article .comment-meta {
        width: 150px;
        border-right: 1px solid #eee;
        padding: 0 15px 10px 0; }
        .comments-area > ol article .comment-meta img {
          display: none; }
        .comments-area > ol article .comment-meta .fn {
          color: #f8b500;
          display: block; }
        .comments-area > ol article .comment-meta .comment-metadata {
          padding: 5px 0; }
      .comments-area > ol article .comment-content {
        width: calc(100% - 150px);
        text-align: left;
        padding: 0 0 15px 15px; }
      .comments-area > ol article .reply {
        width: 100%;
        border-top: 1px solid #014185; }
        .comments-area > ol article .reply a {
          margin-top: 0; }

.author .header-half .content-container .background-image {
  background-position: top; }

/*--------------------------------------------------------------
Actus
--------------------------------------------------------------*/
/* Bloc sur les pages ---------------------------------------- */
.slide-actus {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0; }
  .slide-actus .slick-list, .slide-actus .slick-track {
    height: 100%; }
  .slide-actus .slick-slide {
    position: absolute !important;
    transform: none !important;
    bottom: 0;
    right: 0; }
    .slide-actus .slick-slide > div,
    .slide-actus .slick-slide .thumbnail {
      height: 100%; }
    .slide-actus .slick-slide .thumbnail img {
      height: 100%;
      max-width: 50vw;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0; }

.actualites.full-bloc .background-image {
  display: none; }

.actualites.full-bloc .slick-slide {
  width: 700px;
  margin: 0 -40px 0 0; }
  .actualites.full-bloc .slick-slide .mea-item {
    max-width: 100%; }
    .actualites.full-bloc .slick-slide .mea-item .thumbnail {
      width: 50%;
      min-width: 50%;
      position: relative; }
      .actualites.full-bloc .slick-slide .mea-item .thumbnail img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 15px 0 0 15px; }

/* Grille ---------------------------------------- */
.actus .icon,
article .icon {
  color: #fff;
  padding: 30px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1em; }
  .actus .icon::first-line,
  article .icon::first-line {
    font-size: 50px;
    line-height: 1em; }

.actus .posted,
article .posted {
  padding-bottom: 10px;
  display: block;
  font-style: italic;
  font-size: 13px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px; }

.actus .tags,
article .tags {
  margin-top: 10px; }
  .actus .tags span,
  article .tags span {
    background: #eeeeee;
    display: inline-block;
    padding: 5px;
    margin: 0 3px 3px 0;
    font-size: 12px;
    border-radius: 4px; }
    .actus .tags span a,
    article .tags span a {
      color: #6f6f6f;
      font-weight: 500; }

.blog-grid .mea-item h3, .blog-grid .mea-item .content .category, .blog-grid .mea-item #sitemap .bloc-content h2, #sitemap .bloc-content .blog-grid .mea-item h2, .blog-grid .mea-item .comments-area > ol article .comment-meta .fn, .comments-area > ol article .comment-meta .blog-grid .mea-item .fn,
.slide-actus-nav-center .mea-item h3,
.slide-actus-nav-center .mea-item .content .category,
.slide-actus-nav-center .mea-item #sitemap .bloc-content h2,
#sitemap .bloc-content .slide-actus-nav-center .mea-item h2,
.slide-actus-nav-center .mea-item .comments-area > ol article .comment-meta .fn,
.comments-area > ol article .comment-meta .slide-actus-nav-center .mea-item .fn {
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 68px;
  min-height: 68px; }

.blog-grid .mea-item .text--content,
.slide-actus-nav-center .mea-item .text--content {
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 100px;
  min-height: 100px; }

.blog-grid .mea-item .tags,
.slide-actus-nav-center .mea-item .tags {
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 50px;
  min-height: 50px; }

@media (-webkit-min-device-pixel-ratio: 0) {
  .blog-grid .mea-item h3, .blog-grid .mea-item .content .category, .blog-grid .mea-item #sitemap .bloc-content h2, #sitemap .bloc-content .blog-grid .mea-item h2, .blog-grid .mea-item .comments-area > ol article .comment-meta .fn, .comments-area > ol article .comment-meta .blog-grid .mea-item .fn,
  .slide-actus-nav-center .mea-item h3,
  .slide-actus-nav-center .mea-item .content .category,
  .slide-actus-nav-center .mea-item #sitemap .bloc-content h2,
  #sitemap .bloc-content .slide-actus-nav-center .mea-item h2,
  .slide-actus-nav-center .mea-item .comments-area > ol article .comment-meta .fn,
  .comments-area > ol article .comment-meta .slide-actus-nav-center .mea-item .fn {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical; }
  .blog-grid .mea-item .text--content,
  .slide-actus-nav-center .mea-item .text--content {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* number of lines to show */
    -webkit-box-orient: vertical; } }

.term-success-cases .blog-grid .mea-item h3, .term-success-cases .blog-grid .mea-item .content .category, .term-success-cases .blog-grid .mea-item #sitemap .bloc-content h2, #sitemap .bloc-content .term-success-cases .blog-grid .mea-item h2, .term-success-cases .blog-grid .mea-item .comments-area > ol article .comment-meta .fn, .comments-area > ol article .comment-meta .term-success-cases .blog-grid .mea-item .fn,
.blog-grid .mea-item .category {
  max-height: 2em !important;
  min-height: inherit !important; }

.post-type-archive-wallboards h3, .post-type-archive-wallboards .mea-item .content .category, .mea-item .content .post-type-archive-wallboards .category, .post-type-archive-wallboards #sitemap .bloc-content h2, #sitemap .bloc-content .post-type-archive-wallboards h2, .post-type-archive-wallboards .comments-area > ol article .comment-meta .fn, .comments-area > ol article .comment-meta .post-type-archive-wallboards .fn {
  max-height: 46px !important;
  min-height: 46px !important; }

.blog-grid {
  max-width: 1400px;
  margin: 0 auto;
  padding: 100px 0; }
  .blog-grid .mea {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: stretch; }
    .blog-grid .mea .success-cases .icon {
      background: #f8b500; }
    .blog-grid .mea .livres-blancs .icon {
      background: #014185; }
    .blog-grid .mea .webinars .icon {
      background: #666666; }
    .blog-grid .mea .icon svg,
    .blog-grid .mea .icon img {
      margin: 0; }
  .blog-grid article {
    display: flex; }
    .blog-grid article.with-thumb {
      flex-direction: column;
      justify-content: space-between; }
  .blog-grid .thumbnail {
    position: relative; }
    .blog-grid .thumbnail .icon {
      position: absolute;
      top: 0;
      left: 0;
      height: 80px;
      width: 80px;
      border-radius: 15px 0 0 0;
      padding: 0; }
      .blog-grid .thumbnail .icon svg,
      .blog-grid .thumbnail .icon img {
        fill: #fff;
        padding: 20px;
        filter: brightness(0) invert(1);
        object-fit: contain !important;
        max-width: 100%; }

/*--------------------------------------------------------------
Success
--------------------------------------------------------------*/
.success-case .etapes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-top: 60px; }

.success-case h1 {
  line-height: 1.2em;
  margin-bottom: 20px; }

.success-case .text--content h2 {
  border-bottom: 2px solid #f8b500;
  padding-bottom: 13px;
  font-size: 27px;
  margin-bottom: 15px; }

.success-case .video {
  margin-top: 40px; }

.header-logo .background-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }
  .header-logo .background-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0 0 15px 0; }

.header-logo .client-logo {
  max-height: 40px;
  margin-top: 5px;
  margin-bottom: -5px;
  margin-left: 10px; }

.gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin: 40px 0 0px 0; }
  .gallery .gallery__link {
    position: relative;
    height: 230px; }
    .gallery .gallery__link .gallery__image {
      border-radius: 15px;
      box-shadow: 9px 9px 30px rgba(68, 68, 68, 0.2);
      height: 100%;
      width: 100%;
      object-fit: cover; }
    .gallery .gallery__link .gallery__cover {
      display: flex;
      flex-direction: column;
      visibility: hidden;
      opacity: 0;
      position: absolute;
      height: 100%;
      width: 100%;
      background: rgba(0, 0, 0, 0.8);
      border-radius: 15px;
      align-items: center;
      justify-content: center;
      padding: 30px;
      text-align: center; }
      .gallery .gallery__link .gallery__cover .fa {
        color: #fff; }
      .gallery .gallery__link .gallery__cover .caption {
        color: #fff;
        display: block;
        margin-top: 10px; }
    .gallery .gallery__link:hover .gallery__cover {
      visibility: visible;
      opacity: 1; }

/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/* Animations ----------------------------------------------- */
/* Liens */
a,
.button,
.custom-logo-link img,
.menu-toggle,
header,
.slick-arrow,
.accordion .heading,
.navigation__menu-item .menu-toggled-logo,
.sf-label-radio,
.sf-label-checkbox,
.filters li.sf-level-0 > .children,
.form-submit input,
.gallery__cover,
.navigation,
.sf-field-taxonomy-ressources-tag ul,
.sf-field-taxonomy-ressources-category .sf-level-0 .children,
.with-thumb .hover {
  transition: all 0.3s ease; }

.branding a img,
.breadcrumb {
  transition: all 0.3s ease; }

/* Sliders */
.slick-slide {
  transition: all 0.3s ease;
  transition-delay: 200ms;
  -webkit-backface-visibility: hidden; }

/* Menu */
.navigation__menu-item > ul > li {
  transition: all 0.3s ease;
  transition-delay: 400ms; }
  .navigation__menu-item > ul > li:nth-of-type(3), .navigation__menu-item > ul > li:nth-of-type(4) {
    transition-delay: 500ms; }
  .navigation__menu-item > ul > li:nth-of-type(5), .navigation__menu-item > ul > li:nth-of-type(6), .navigation__menu-item > ul > li:nth-of-type(7) {
    transition-delay: 600ms; }

.navigation__menu-item,
.navbar.toggled ul,
.navigation__social,
header::before {
  transition: all 0.5s ease; }

.navbar .naviconUpper,
.navbar .innerNavicon,
.navbar .naviconLower {
  transition: all 0.3s ease; }

.navbar.toggled .navigation__social {
  transform: translateX(-50%); }

.navbar.toggled .naviconUpper {
  transform: rotate(360deg); }

.navbar.toggled .innerNavicon {
  transform: rotate(45deg); }

.navbar.toggled .naviconLower {
  transform: translateY(-10px) rotate(-45deg); }

@media screen and (min-width: 769px) {
  .with-thumb,
  .mea-item,
  .ecran,
  .carre-item,
  .accordion-item,
  .tag,
  .wpcf7-form,
  .accordion,
  .schema,
  .mea,
  .form_wrap,
  .ressource .cover {
    transition: all 0.5s; }
  .anim_slide_right {
    transform: translate(-100px);
    opacity: 0;
    transition: all 0.5s; }
  .anim_slide_left {
    transform: translate(100px);
    opacity: 0;
    transition: all 0.5s; }
  .anim_slide_up {
    transform: translate(0, 100px);
    opacity: 0;
    transition: all 0.5s; }
  .anim_child_delay_quick > *:nth-child(1) {
    transition-delay: 0ms; }
  .anim_child_delay_quick > *:nth-child(2) {
    transition-delay: 100ms; }
  .anim_child_delay_quick > *:nth-child(3) {
    transition-delay: 200ms; }
  .anim_child_delay_quick > *:nth-child(4) {
    transition-delay: 300ms; }
  .anim_child_delay_quick > *:nth-child(5) {
    transition-delay: 400ms; }
  .anim_child_delay_quick > *:nth-child(6) {
    transition-delay: 500ms; }
  .anim_child_delay_quick > *:nth-child(7) {
    transition-delay: 600ms; }
  .anim_child_delay_quick > *:nth-child(8) {
    transition-delay: 700ms; } }

/*--------------------------------------------------------------
Acccessibilty
--------------------------------------------------------------*/
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }
  .screen-reader-text:focus {
    background-color: #21759b;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
Media queries
--------------------------------------------------------------*/
.on-mobile {
  display: none; }

@media screen and (max-height: 900px) {
  .header-area header::before {
    content: '';
    background: rgba(2, 67, 136, 0.98);
    top: -70px;
    right: -100vw;
    position: absolute;
    height: 140px;
    width: 100%;
    display: block;
    opacity: 0;
    z-index: -1; }
  .header-area header.toggled::before {
    right: 0;
    opacity: 1; }
  .header-area .navigation__menu-item {
    display: block;
    top: 140px;
    padding-top: 20px;
    height: calc(100vh - 140px); }
  .header-area.scrolled header.toggled {
    height: 100px; }
  .header-area.scrolled header::before {
    top: 0px;
    height: 100px; }
  .header-area.scrolled .navigation__menu-item {
    top: 100px;
    height: calc(100vh - 100px); }
  .navigation__menu-item::-webkit-scrollbar {
    display: none; } }

/* Structure normale ---------------------------------------- */
@media screen and (max-width: 1600px) {
  .header-area header .branding {
    padding-left: 5vw; }
  .noscroll .header-area header .navigation,
  .header-area header .navigation {
    padding-right: 5vw; }
  .navigation__menu-item .menu-toggled-logo {
    left: 5vw; }
  .header-full .content-container .content-wrap {
    width: calc(90vw + ((100% - 90vw) / 2)); }
  .header-half .content-container .content-wrap {
    width: calc(((100% - 90vw) / 2) + (4/6 * 90vw));
    margin: 100px calc((1 / 6) * -90vw) 50px calc(0px - 22px); }
    .header-half .content-container .content-wrap .contents {
      width: calc((3 / 6) * 90vw); }
  .third-bloc .content-wrapper {
    margin: 0 0 0 calc((100% - 90vw) / 2); }
    .third-bloc .content-wrapper .bloc-intro {
      width: calc((2 / 6) * 90vw); }
    .third-bloc .content-wrapper .bloc-content {
      width: calc(((100vw - 90vw) / 2) + (4/6 * 90vw)); }
      .third-bloc .content-wrapper .bloc-content .content {
        width: calc((4 / 6) * 90vw); }
  .half-bloc .content-wrapper .bloc-intro,
  .half-bloc .content-wrapper .button-wrap,
  .half-bloc .content-wrapper .bloc-content > div {
    width: calc((3 /   6) * 90vw); }
  .half-bloc .mea-grid {
    width: calc((3 / 6) * 90vw); }
  .half-bloc .mini.wpcf7-form {
    width: calc((3 / 6) * 90vw); }
  .full-bloc .bloc-intro {
    max-width: calc((4 / 6) * 90vw); }
  .ressource > div {
    width: calc((4 / 6) * 90vw); }
  .ecran {
    max-width: calc((4 / 6) * 90vw); }
  .author-box > div {
    width: calc((3 / 6) * 90vw); }
  .comments-area h2 {
    width: calc((3 / 6) * 90vw); }
  .comments-area > ol {
    width: calc((4 / 6) * 90vw); }
  .navigation__menu-item > ul,
  .full-bloc .bloc-content, .full-bloc .single-content,
  .ctf-tweets, .clients-logos, .ecran .slider-ecran,
  .ecran .slider-ecran,
  .footer__content,
  .footer__copyright .footer__copyright--inner,
  .blog-grid,
  .comments-area {
    width: 90vw;
    max-width: 90vw; } }

@media screen and (max-width: 1400px) {
  .content-blocs-wrapper .mea-item .icon {
    min-width: 90px;
    max-width: 90px; }
    .content-blocs-wrapper .mea-item .icon svg,
    .content-blocs-wrapper .mea-item .icon img {
      margin: 30px 21px; }
  .content-blocs-wrapper .mea-item .content ul li::before {
    width: 90px;
    left: -90px; }
  #histoire .number {
    margin: 30px 0; }
  .ressource > div {
    width: calc((5 / 6) * 90vw); }
  .mea.center-mode .mea-item .content ul li {
    margin-left: 90px; } }

@media screen and (max-width: 1200px) {
  .navigation__menu-item > ul > li > a {
    padding: 20px; }
  .navigation__menu-item .menu-social ul li a {
    padding-left: 5px; }
  .content-bloc {
    margin-top: 90px !important; }
  .ressource {
    margin: calc(90px + 50px) 0; }
  .ecran {
    margin-top: -50px; }
  .wsp-pages-list li,
  .wsp-wallboards-categorys-list li,
  .wsp-ressources-tags-list li,
  .wsp-ressources-categorys-list li,
  .wsp-ressourcess-list li {
    width: 100% !important;
    text-align: center !important;
    border-top: 1px solid #cccccc !important;
    padding-top: 14px !important;
    margin-top: 14px !important; }
  .author-box > div,
  .comments-area h2,
  .comments-area > ol,
  .video,
  .full-bloc .texte-simple,
  .yarpp-related {
    width: 90vw; }
  .half-bloc .content-wrapper .bloc-intro,
  .half-bloc .content-wrapper .button-wrap,
  .half-bloc .content-wrapper .bloc-content > div,
  .half-bloc .content-wrapper .mini.wpcf7-form {
    width: 90vw; }
    .half-bloc .content-wrapper .bloc-intro p,
    .half-bloc .content-wrapper .button-wrap p,
    .half-bloc .content-wrapper .bloc-content > div p,
    .half-bloc .content-wrapper .mini.wpcf7-form p {
      align-items: center; }
      .half-bloc .content-wrapper .bloc-intro p button,
      .half-bloc .content-wrapper .button-wrap p button,
      .half-bloc .content-wrapper .bloc-content > div p button,
      .half-bloc .content-wrapper .mini.wpcf7-form p button {
        align-self: center; }
  .half-bloc .accordion ul li .heading {
    justify-content: center !important; }
  .half-bloc .texte-simple li,
  .texte-simple ul li:nth-of-type(odd) {
    text-align: center !important; }
  .third-bloc.title-right .content-wrapper,
  .third-bloc.title-left .content-wrapper,
  .half-bloc.title-left .content-wrapper,
  .half-bloc.title-right .content-wrapper {
    flex-direction: column;
    width: 90vw;
    margin: 0 auto;
    padding: 0; }
    .third-bloc.title-right .content-wrapper .bloc-intro,
    .third-bloc.title-right .content-wrapper .bloc-content,
    .third-bloc.title-right .content-wrapper .ecran,
    .third-bloc.title-right .content-wrapper .mea-grid,
    .third-bloc.title-left .content-wrapper .bloc-intro,
    .third-bloc.title-left .content-wrapper .bloc-content,
    .third-bloc.title-left .content-wrapper .ecran,
    .third-bloc.title-left .content-wrapper .mea-grid,
    .half-bloc.title-left .content-wrapper .bloc-intro,
    .half-bloc.title-left .content-wrapper .bloc-content,
    .half-bloc.title-left .content-wrapper .ecran,
    .half-bloc.title-left .content-wrapper .mea-grid,
    .half-bloc.title-right .content-wrapper .bloc-intro,
    .half-bloc.title-right .content-wrapper .bloc-content,
    .half-bloc.title-right .content-wrapper .ecran,
    .half-bloc.title-right .content-wrapper .mea-grid {
      width: 100%;
      max-width: 100%; }
    .third-bloc.title-right .content-wrapper .bloc-intro,
    .third-bloc.title-left .content-wrapper .bloc-intro,
    .half-bloc.title-left .content-wrapper .bloc-intro,
    .half-bloc.title-right .content-wrapper .bloc-intro {
      padding: 0;
      text-align: center;
      max-width: 70%;
      margin: 0 auto; }
    .third-bloc.title-right .content-wrapper .bloc-content,
    .third-bloc.title-left .content-wrapper .bloc-content,
    .half-bloc.title-left .content-wrapper .bloc-content,
    .half-bloc.title-right .content-wrapper .bloc-content {
      margin-top: 40px; }
      .third-bloc.title-right .content-wrapper .bloc-content .content,
      .third-bloc.title-left .content-wrapper .bloc-content .content,
      .half-bloc.title-left .content-wrapper .bloc-content .content,
      .half-bloc.title-right .content-wrapper .bloc-content .content {
        width: 100%; }
    .third-bloc.title-right .content-wrapper .center-mode .mea-item .content,
    .third-bloc.title-left .content-wrapper .center-mode .mea-item .content,
    .half-bloc.title-left .content-wrapper .center-mode .mea-item .content,
    .half-bloc.title-right .content-wrapper .center-mode .mea-item .content {
      width: auto; }
  .half-bloc.title-left,
  .half-bloc.title-right {
    flex-direction: column; }
    .half-bloc.title-left .background-image,
    .half-bloc.title-right .background-image {
      display: none; }
    .half-bloc.title-left .content-wrapper .button-wrap,
    .half-bloc.title-left .content-wrapper .bloc-content > div,
    .half-bloc.title-right .content-wrapper .button-wrap,
    .half-bloc.title-right .content-wrapper .bloc-content > div {
      text-align: center;
      margin-left: auto;
      margin-right: auto; }
  .full-bloc .bloc-intro {
    max-width: 70vw; }
  .half-bloc .mea-slick,
  .third-bloc .mea-slick {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    direction: ltr; }
  .half-bloc .slick-list,
  .third-bloc .slick-list {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .half-bloc .slick-track .slick-slide,
  .third-bloc .slick-track .slick-slide {
    margin: 0 -20px 0 0;
    transform: scale(0.8); }
    .half-bloc .slick-track .slick-slide.gt1, .half-bloc .slick-track .slick-slide.lt1,
    .third-bloc .slick-track .slick-slide.gt1,
    .third-bloc .slick-track .slick-slide.lt1 {
      transform: scale(0.8) !important; }
      .half-bloc .slick-track .slick-slide.gt1 .mea-item, .half-bloc .slick-track .slick-slide.lt1 .mea-item,
      .third-bloc .slick-track .slick-slide.gt1 .mea-item,
      .third-bloc .slick-track .slick-slide.lt1 .mea-item {
        box-shadow: 5px 5px 20px 0px rgba(68, 68, 68, 0.1) !important; }
    .half-bloc .slick-track .slick-slide.lt2,
    .third-bloc .slick-track .slick-slide.lt2 {
      transform: scale(0.8) translateX(50px) !important; }
    .half-bloc .slick-track .slick-slide.gt2,
    .third-bloc .slick-track .slick-slide.gt2 {
      transform: scale(0.8) translateX(-50px) !important; }
    .half-bloc .slick-track .slick-slide.lt3,
    .third-bloc .slick-track .slick-slide.lt3 {
      transform: scale(0.8) translateX(100px) !important; }
    .half-bloc .slick-track .slick-slide.gt3,
    .third-bloc .slick-track .slick-slide.gt3 {
      transform: scale(0.8) translateX(-100px) !important; }
  .half-bloc .slick-arrow,
  .third-bloc .slick-arrow {
    left: 0;
    right: 0;
    margin: auto; }
    .half-bloc .slick-arrow.slick-next,
    .third-bloc .slick-arrow.slick-next {
      right: -70px !important;
      left: 0; }
      .half-bloc .slick-arrow.slick-next .fas:before,
      .third-bloc .slick-arrow.slick-next .fas:before {
        content: "" !important; }
    .half-bloc .slick-arrow.slick-prev,
    .third-bloc .slick-arrow.slick-prev {
      left: -70px !important; }
      .half-bloc .slick-arrow.slick-prev .fas:before,
      .third-bloc .slick-arrow.slick-prev .fas:before {
        content: "" !important; }
  .blog-grid .mea,
  .yarpp-related .mea {
    grid-template-columns: repeat(2, 1fr); }
  .yarpp-related .mea article:last-of-type {
    display: none; }
  .schema {
    flex-direction: column; }
    .schema > div {
      width: 100% !important; }
      .schema > div.tag {
        flex-direction: row;
        justify-content: space-between; }
        .schema > div.tag span {
          padding: 20px !important;
          text-align: center !important;
          width: calc(33.33% - 30px);
          margin-left: 0 !important;
          margin-right: 0 !important; }
          .schema > div.tag span::after, .schema > div.tag span::before {
            left: 50% !important; }
          .schema > div.tag span::after {
            top: auto !important;
            bottom: -18px !important;
            transform: translateX(-50%) rotate(90deg) !important; }
          .schema > div.tag span::before {
            top: -18px !important;
            transform: translateX(-50%) rotate(-90deg) !important; }
        .schema > div.tag.left span {
          padding-bottom: 35px !important; }
        .schema > div.tag.right span {
          padding-top: 35px !important; }
      .schema > div.screen {
        height: 300px;
        margin: 40px 0; }
  #carte {
    flex-direction: column-reverse; }
    #carte .background-image {
      display: block;
      height: 500px;
      margin-top: 40px;
      width: 100vw;
      margin-left: calc(-50vw + 50%);
      margin-right: calc(-50vw + 50%);
      border-radius: 0; } }

@media screen and (max-width: 1024px) {
  /* Menu */
  .on-mobile {
    display: block;
    position: relative; }
    .on-mobile .topbar__menu-item {
      display: block;
      text-align: left;
      padding: 0 5vw; }
      .on-mobile .topbar__menu-item .wpml-ls-last-item {
        padding-right: 0; }
  .breadcrumb-wrap a {
    display: block; }
    .breadcrumb-wrap a:first-of-type {
      display: inline; }
  .breadcrumb-wrap .breadcrumb_last {
    max-height: 20px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding-right: 30px; }
  .header-area header .breadcrumb-wrap {
    width: calc(100% - 10vw - 103px - 142px - 40px); }
  .topbar__menu-item {
    display: none; }
  .menu-toggle {
    color: #fff; }
    .menu-toggle .naviconUpper,
    .menu-toggle .innerNavicon,
    .menu-toggle .naviconLower {
      border-top: 3px solid #fff; }
  .phone-link {
    position: absolute;
    left: -70px;
    top: -3px; }
    .phone-link img,
    .phone-link svg {
      width: 30px;
      height: auto;
      fill: #fff; }
  .navbar.toggled .phone-link img,
  .navbar.toggled .phone-link svg {
    fill: #fff; }
  .navigation__menu-item {
    -ms-overflow-style: none;
    padding-top: 0 !important;
    flex-direction: column; }
    .navigation__menu-item::-webkit-scrollbar {
      display: none; }
    .navigation__menu-item > ul {
      height: auto !important;
      flex-wrap: nowrap;
      margin-top: 30px; }
      .navigation__menu-item > ul > li {
        width: 100%;
        width: fit-content;
        margin: 0 0 45px 0 !important;
        background: transparent; }
        .navigation__menu-item > ul > li > a {
          word-spacing: inherit;
          border-radius: 0;
          position: relative;
          padding: 0;
          color: #fff;
          background: transparent;
          text-transform: uppercase;
          font-size: 17px; }
          .navigation__menu-item > ul > li > a svg,
          .navigation__menu-item > ul > li > a img {
            display: none; }
        .navigation__menu-item > ul > li.menu-social {
          display: none; }
        .navigation__menu-item > ul > li.menu-item-has-children > a::after {
          content: '';
          background-image: url(https://www.pingflow.com/wp-content/themes/gtec/images/arrow-white.png);
          background-color: transparent;
          background-repeat: no-repeat;
          background-position: center;
          position: relative;
          border: 2px solid white;
          border-radius: 100%;
          width: 25px;
          height: 25px;
          margin-left: 20px;
          margin-bottom: 0; }
        .navigation__menu-item > ul > li .sub-menu {
          position: fixed;
          transform: none;
          text-align: left;
          bottom: 0px;
          top: 140px;
          width: 100vw;
          height: calc(100vh - 140px);
          overflow: auto;
          left: calc(100vw);
          z-index: 1;
          visibility: hidden;
          background: #014185 !important;
          padding-top: 0; }
          .navigation__menu-item > ul > li .sub-menu li {
            width: 100%;
            width: fit-content;
            max-width: 100%;
            padding: 10px 20px;
            color: #ced0d9; }
            .navigation__menu-item > ul > li .sub-menu li a {
              font-size: 15px; }
            .navigation__menu-item > ul > li .sub-menu li .content {
              margin-left: 50px; }
            .navigation__menu-item > ul > li .sub-menu li svg,
            .navigation__menu-item > ul > li .sub-menu li img {
              width: 35px;
              min-width: 35px; }
          .navigation__menu-item > ul > li .sub-menu .close {
            display: block;
            height: 70px;
            position: relative; }
            .navigation__menu-item > ul > li .sub-menu .close a {
              font-size: 14px;
              display: block;
              line-height: 60px;
              cursor: pointer;
              color: #ced0d9;
              padding: 10px 20px 0;
              text-transform: uppercase;
              font-weight: 700; }
              .navigation__menu-item > ul > li .sub-menu .close a::before {
                content: '';
                background-image: url(https://www.pingflow.com/wp-content/themes/gtec/images/arrow-white.png);
                background-color: transparent;
                background-repeat: no-repeat;
                background-position: center;
                position: relative;
                display: inline-block !important;
                border: 1px solid white;
                border-radius: 100%;
                width: 20px;
                max-width: 20px;
                height: 20px;
                left: 0;
                transform: none;
                margin-right: 8px;
                margin-bottom: -5px;
                transform: rotate(180deg); }
              .navigation__menu-item > ul > li .sub-menu .close a::after {
                display: none !important; }
        .navigation__menu-item > ul > li.focus .sub-menu {
          left: 0;
          display: block !important;
          opacity: 1 !important;
          visibility: visible !important;
          -ms-overflow-style: none; }
          .navigation__menu-item > ul > li.focus .sub-menu::-webkit-scrollbar {
            display: none; }
  .topbar__menu.on-mobile {
    margin-bottom: 20px; }
  .scrolled .phone-link img,
  .scrolled .phone-link svg {
    fill: #014185; }
  .scrolled .menu-toggle {
    color: #014185; }
    .scrolled .menu-toggle .naviconUpper,
    .scrolled .menu-toggle .innerNavicon,
    .scrolled .menu-toggle .naviconLower {
      border-top: 3px solid #014185; }
  .scrolled .navigation__menu-item {
    top: 100px; }
    .scrolled .navigation__menu-item > ul > li .sub-menu {
      height: calc(100vh - 100px);
      top: 100px; }
  .header-full .content-container .content-wrap {
    width: calc(90vw + ((100% - 90vw) / 2) - 20px); }
  .header-full .content-container.fond-img .background-image,
  .header-full .content-container.fond-video .background-image {
    opacity: 0.45; }
  .header-full .content-container.fond-img h1,
  .header-full .content-container.fond-img .h1-like,
  .header-full .content-container.fond-video h1,
  .header-full .content-container.fond-video .h1-like {
    line-height: 80px; }
  .header-full .content-container.fond-img h1,
  .header-full .content-container.fond-img .text--intro p,
  .header-full .content-container.fond-video h1,
  .header-full .content-container.fond-video .text--intro p {
    color: #fff; }
  .home .header-area:not(.scrolled) .fond-img .topbar__menu a,
  .home .header-area:not(.scrolled) .fond-img .menu-toggle {
    color: #fff; }
  .home .header-area:not(.scrolled) .fond-img .topbar__menu ul .wpml-ls-item.wpml-ls-item-fr::after {
    background: #fff; }
  .home .header-area:not(.scrolled) .fond-img .menu-toggle .naviconUpper,
  .home .header-area:not(.scrolled) .fond-img .menu-toggle .innerNavicon,
  .home .header-area:not(.scrolled) .fond-img .menu-toggle .naviconLower {
    border-color: #fff; }
  .home .header-area:not(.scrolled) .fond-img .branding a img {
    filter: brightness(0) invert(1); }
  .header-half .content-container .background-image {
    width: 100vw;
    top: 0px;
    height: 50vh;
    border-radius: 0; }
    .header-half .content-container .background-image::before {
      border-radius: 0; }
  .header-half .content-container .content-wrap {
    width: 90vw;
    margin: 0 auto;
    margin-top: calc(50vh + 50px);
    z-index: 2; }
    .header-half .content-container .content-wrap .contents {
      width: 100%;
      margin-left: 0;
      text-align: center; }
    .header-half .content-container .content-wrap .slick-list {
      width: 100vw; }
  .article-wrapper,
  .content-bloc, .clients-logos, .ecran .slider-ecran,
  .ecran .slider-ecran,
  .author-box {
    margin-top: 50px !important; }
  .comments-area {
    margin: 50px auto !important; }
  .ressource.cover-right > div .contents {
    padding: 50px 40px 50px 0; }
  .ressource > div .cover {
    width: 30%;
    min-width: 30%; }
  .content-blocs-wrapper {
    margin-bottom: 50px; }
  .blog-grid {
    padding: 50px 0; }
  .full-bloc .mea-grid.photo-mode .mea-item {
    flex-direction: column; }
    .full-bloc .mea-grid.photo-mode .mea-item .icon {
      min-width: 100%;
      max-width: 100%;
      height: 170px;
      background: transparent; }
      .full-bloc .mea-grid.photo-mode .mea-item .icon img {
        border-radius: 15px 15px 0 0; }
  .ctf-tweets {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 20px; }
  .footer__content {
    display: none; }
  .footer__copyright {
    line-height: 30px; }
    .footer__copyright .footer__copyright--inner {
      text-align: center !important;
      padding: 20px 5vw; }
  .ressource > div {
    width: 90vw; }
  .article-wrapper {
    flex-direction: column-reverse; }
    .article-wrapper article {
      width: 100%;
      margin: 0;
      padding: 40px 0px 0 0; }
    .article-wrapper aside {
      width: 100%;
      border-left: 1px solid #e0e0e0;
      border-bottom: 1px solid #e0e0e0; }
      .article-wrapper aside .post-share,
      .article-wrapper aside .widget_categories,
      .article-wrapper aside .widget_lc_taxonomy {
        display: none; }
  .success-case .etapes {
    grid-template-columns: repeat(1, 1fr); }
  .slick-dots li {
    margin: 0px; } }

@media screen and (max-width: 768px) {
  h1,
  .h1-like {
    line-height: 85px; }
  .header .carrousel {
    display: none;
    visibility: 0; }
  .header-half .content-container .content-wrap .contents .text--intro {
    font-size: 20px; }
  .header-full .slick-on {
    margin-left: calc(5vw - 22px); }
  .header-full .content-container .content-wrap {
    width: 100vw;
    margin: 120px 0; }
    .header-full .content-container .content-wrap h1,
    .header-full .content-container .content-wrap .h1-like {
      line-height: 77px; }
    .header-full .content-container .content-wrap .contents {
      margin: 0 5vw;
      width: 90vw; }
    .header-full .content-container .content-wrap .slick-arrow {
      top: auto;
      left: 5vw;
      bottom: -45px; }
      .header-full .content-container .content-wrap .slick-arrow.slick-next {
        top: auto;
        left: calc(5vw + 70px); }
  .mea-grid > div,
  .mea-grid .mea-item,
  .wallboards .with-thumb {
    width: 100% !important; }
  .full-bloc .mea-grid.photo-mode .mea-item {
    width: 100%;
    margin: 0 0 20px 0; }
  .menu-toggle span {
    display: none; }
  .slick-track .slick-slide,
  .actualites.full-bloc .slick-slide {
    max-width: 80vw !important;
    width: 80vw !important;
    min-width: 80vw !important; }
    .slick-track .slick-slide .mea-item,
    .slick-track .slick-slide .question,
    .actualites.full-bloc .slick-slide .mea-item,
    .actualites.full-bloc .slick-slide .question {
      max-width: 100% !important; }
  .clients-logos .slick-track .slick-slide, .ecran .slider-ecran .slick-track .slick-slide {
    min-width: inherit !important; }
  .success-cases.slick-slider .mea-item {
    width: 100%;
    min-width: 100%; }
  .whitepapers .with-thumb .thumbnail {
    height: 100%;
    width: 100%; }
  .schema > div.tag {
    flex-direction: column; }
    .schema > div.tag span {
      width: 100%; }
      .schema > div.tag span .slick-slide {
        margin: 0px auto !important; }
  .mini.wpcf7-form > div,
  .wpcf7 form > div {
    flex-direction: column;
    margin-bottom: 20px; }
    .mini.wpcf7-form > div label,
    .wpcf7 form > div label {
      margin: 0 0 0px 0;
      max-width: 100%; }
  .success-cases .mea-item {
    width: 100%;
    max-width: 100% !important;
    min-width: 100%; }
  .gallery {
    grid-template-columns: repeat(2, 1fr); }
  .actualites.full-bloc .slick-slide {
    margin: 0 -20px 0 0; }
    .actualites.full-bloc .slick-slide .mea-item {
      flex-direction: column; }
      .actualites.full-bloc .slick-slide .mea-item .thumbnail {
        width: 100%;
        min-width: 100%;
        position: relative;
        height: 170px; }
        .actualites.full-bloc .slick-slide .mea-item .thumbnail img {
          border-radius: 15px 15px 0 0; }
  .carres > div {
    flex-direction: column; }
    .carres > div .carre-item {
      width: 100%;
      margin-bottom: 20px; }
      .carres > div .carre-item:last-of-type {
        margin-bottom: 0; }
  .mini.wpcf7-form > div label span:first-of-type,
  .wpcf7 form > div label span:first-of-type {
    width: 30%;
    text-align: left; }
  .blog-grid .mea,
  .yarpp-related .mea {
    grid-template-columns: repeat(1, 1fr); }
  .share-band > .et_social_inline .et_social_networks .et_social_icons_container {
    display: flex;
    flex-direction: column; }
    .share-band > .et_social_inline .et_social_networks .et_social_icons_container li {
      margin: 0 0 10px 0 !important; }
  .comments-area textarea,
  .comments-area input {
    border: 1px solid #b9b9b9;
    width: 100%; }
  .filters ul {
    justify-content: center; }
    .filters ul li {
      margin: 0 0 20px 0; }
  .filters .sf-field-category .sf-level-0 .children,
  .filters .sf-field-taxonomy-wallboards-category .sf-level-0 .children,
  .filters .sf-field-taxonomy-ressources-tag ul,
  .filters .sf-field-taxonomy-ressources-category .sf-level-0 .children {
    width: 90vw; }
  .pagination .navigation ul {
    margin: 0; }
    .pagination .navigation ul li {
      margin: 10px; }
  .single-ressources .h1-like strong {
    margin-top: 0; }
  .single .ressource {
    width: calc(100% - 20px) !important; }
  .ressource {
    margin: 90px 0; }
    .ressource > div {
      flex-direction: column-reverse !important; }
      .ressource > div .cover {
        margin: 40px auto 80px auto !important;
        width: 70%;
        min-width: 70%; }
      .ressource > div .contents {
        padding: 80px 0px 0px 0 !important;
        text-align: center !important; } }

@media screen and (max-width: 480px) {
  .article-wrapper,
  .content-bloc, .clients-logos, .ecran .slider-ecran,
  .ecran .slider-ecran,
  .author-box {
    margin-top: 30px !important; }
  .comments-area {
    margin: 30px auto !important; }
  .content-blocs-wrapper {
    margin-bottom: 30px; }
  .blog-grid {
    padding: 30px 0; }
  .header-area.scrolled .navigation__menu-item .menu-toggled-logo {
    top: 17px; }
  .header-area.scrolled header.toggled {
    height: 75px; }
  .header-area.scrolled header::before {
    top: 0px;
    height: 75px; }
  .header-area.scrolled .navigation__menu-item {
    top: 75px;
    height: calc(100vh - 75px); }
  .scrolled .navigation__menu-item > ul > li .sub-menu {
    top: 75px; }
  .navigation__menu-item > ul > li .sub-menu {
    padding: 0; }
  .phone-link {
    top: -13px; }
  .header-half .content-container .content-wrap .contents .text--intro {
    margin-top: calc(20px * 2); }
  .header-half .content-container .content-wrap .contents h1 strong, .header-half .content-container .content-wrap .contents .h1-like strong {
    line-height: 45px; }
  .header-half .content-container .content-wrap .contents h1::after,
  .header-half .content-container .content-wrap .contents .h1-like::after {
    margin-top: 20px; }
  .header .content-container .content-wrap .bagde {
    margin-bottom: 0; }
  h2 {
    font-size: 20px !important;
    margin-top: 20px; }
  h1 strong,
  .h1-like strong {
    font-size: 40px; }
  .breadcrumb-wrap {
    display: none !important; }
  .header-full .content-container.fond-video .background-image {
    opacity: 0.35; }
  .header-full .content-container .content-wrap {
    margin: 130px 0 210px 0; }
    .header-full .content-container .content-wrap .text--intro p {
      margin-top: 15px !important; }
  .header-full .slick-slider .slick-list {
    margin-left: 3px; }
  .header-half .slick-slider .slick-track {
    margin: 22px 0 80px 0; }
  .header-half .slick-slider .slick-arrow {
    left: 0; }
    .header-half .slick-slider .slick-arrow.slick-next {
      left: 70px; }
  .slick-slider .slick-track .slick-slide {
    max-width: 90vw !important;
    width: 90vw !important;
    min-width: 90vw !important;
    margin: 0 -10px 0 0; }
  .logo-slider .slick-track .slick-slide {
    max-width: inherit !important;
    width: inherit !important;
    min-width: inherit !important; }
  .header-area header .branding {
    margin-top: 0; }
    .header-area header .branding img {
      max-width: 180px; }
  .menu-toggled-logo {
    max-width: 180px;
    width: 50%; }
  .menu-toggle {
    margin-top: -10px; }
  .header-area.scrolled header {
    height: 75px; }
  .logo-intro {
    max-width: 100%; }
  .third-bloc.title-right .content-wrapper .bloc-intro,
  .third-bloc.title-left .content-wrapper .bloc-intro,
  .half-bloc.title-left .content-wrapper .bloc-intro,
  .half-bloc.title-right .content-wrapper .bloc-intro {
    max-width: 100%; }
  .full-bloc .bloc-intro {
    max-width: 90vw; }
  .ecran {
    padding: 30px; }
  .gallery {
    grid-template-columns: repeat(1, 1fr); }
  .article-wrapper article .ressource {
    flex-direction: column;
    align-items: baseline; }
  .clients-logos, .ecran .slider-ecran {
    display: none; } }

/*--------------------------------------------------------------
# Compatibilyt
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Firefox
--------------------------------------------------------------*/
@-moz-document url-prefix() {
  .third-bloc.title-right .double_bloc_slider.whitepapers .mea-item {
    margin-left: auto;
    margin-right: 0; }
  .actus .icon,
  article .icon {
    display: flex; }
  .navigation__menu-item > ul {
    height: 670px; }
  @media screen and (max-width: 1024px) {
    .navigation__menu-item {
      flex-direction: column; }
      .navigation__menu-item > ul {
        margin-top: 130px; }
    .scrolled .navigation__menu-item > ul {
      margin-top: 100px; } }
  @media screen and (max-width: 768px) {
    .mini.wpcf7-form > div label,
    .wpcf7 form > div label {
      margin: 0 0 20px 0 !important; }
      .mini.wpcf7-form > div label:last-of-type,
      .wpcf7 form > div label:last-of-type {
        margin-bottom: 0 !important; } }
  @media screen and (max-height: 900px) {
    .navigation__menu-item > ul {
      margin-top: 0px; }
    .scrolled .navigation__menu-item > ul {
      margin-top: 0px; } } }

/*--------------------------------------------------------------
IE
--------------------------------------------------------------*/
/* IE 9  */
.ie .header {
  display: flex; }

.ie .header .content-container {
  width: 100%; }

.ie .header .content-container .content-wrap .bagde {
  height: 60px;
  width: 200px; }

.ie .header-area.scrolled header.toggled {
  background: rgba(2, 67, 136, 0.98); }

.ie .navigation__menu-item > ul {
  height: 700px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .ie .navigation__menu-item > ul > li > a svg {
    height: 50px; }

@media screen and (max-height: 900px) {
  .ie .navigation__menu-item > ul {
    height: 700px;
    position: relative;
    top: 0;
    left: 0;
    transform: none; } }

.ie .third-bloc.title-right .double_bloc_slider.whitepapers .mea-item {
  margin-left: auto;
  margin-right: 0; }

.ie .mea-item .icon svg {
  height: 60px;
  margin: 35px; }

.ie .mea-item--icone .icon svg {
  margin: 30px 26px !important; }

.ie .share-band > .et_social_inline .et_social_networks .et_social_icons_container li {
  width: 150px; }

.ie .blog-grid .mea {
  display: flex;
  flex-wrap: wrap; }
  .ie .blog-grid .mea .mea-item,
  .ie .blog-grid .mea .with-thumb {
    margin: 0 calc(20px / 2) 20px;
    width: calc(33.33% - 20px); }
  .ie .blog-grid .mea .with-thumb {
    margin: 0 calc(40px / 2) 40px;
    width: calc(33.33% - 40px); }
    .ie .blog-grid .mea .with-thumb .mea-item {
      width: calc(100% - 40px);
      margin-left: auto !important; }

.ie .gallery {
  display: flex;
  flex-wrap: wrap; }
  .ie .gallery .gallery__link {
    margin: 0 calc(20px / 2) 20px;
    width: calc(33.33% - 20px); }

.ie .success-case .etapes {
  display: flex;
  flex-wrap: wrap; }
  .ie .success-case .etapes > div {
    margin: 0 calc(40px / 2) 40px;
    width: calc(50% - 40px); }

.ie .mini.wpcf7-form > div, .ie .wpcf7 form > div {
  justify-content: flex-start; }
  .ie .mini.wpcf7-form > div label, .ie .wpcf7 form > div label {
    margin-left: calc(20px / 2);
    margin-right: calc(20px / 2); }

.ie .mea .with-thumb .thumbnail {
  overflow: hidden; }
  .ie .mea .with-thumb .thumbnail > img {
    max-width: none;
    width: auto; }

.ie .mea .livres-blancs.with-thumb .thumbnail {
  overflow: hidden; }
  .ie .mea .livres-blancs.with-thumb .thumbnail > img {
    max-width: none;
    width: 100%;
    height: auto; }

.ie .blog-grid .thumbnail .icon svg,
.ie .blog-grid .thumbnail .icon img {
  height: auto; }

@media screen and (max-width: 1200px) {
  .ie .header-half .content-container .content-wrap {
    width: 100%;
    padding: 0 5vw; }
  .ie .blog-grid .mea .with-thumb {
    width: calc(50% - 40px); }
  .ie .yarpp-related .mea {
    display: flex;
    flex-wrap: wrap; }
    .ie .yarpp-related .mea article {
      width: 100%;
      margin-bottom: 40px; }
      .ie .yarpp-related .mea article .thumbnail img {
        width: 100%;
        height: auto; } }

@media screen and (max-width: 1024px) {
  .ie .blog-grid .mea .with-thumb {
    width: 100%; }
  .ie .navigation__menu-item {
    flex-direction: column; }
    .ie .navigation__menu-item > ul {
      margin-top: 130px; }
  .ie .scrolled .navigation__menu-item > ul {
    margin-top: 100px; } }

@media screen and (max-width: 768px) {
  .ie .mini.wpcf7-form > div label, .ie .wpcf7 form > div label {
    margin: 0 0 20px 0 !important; }
    .ie .mini.wpcf7-form > div label:last-of-type,
    .ie .wpcf7 form > div label:last-of-type {
      margin-bottom: 0 !important; } }

@media screen and (max-height: 900px) {
  .ie .navigation__menu-item > ul {
    margin-top: 0px; }
  .ie .scrolled .navigation__menu-item > ul {
    margin-top: 0px; } }

/* Edge */
.edge .navigation__menu-item > ul {
  height: 670px; }

.edge .third-bloc.title-right .double_bloc_slider.whitepapers .mea-item {
  margin-left: auto;
  margin-right: 0; }

.edge .share-band > .et_social_inline .et_social_networks .et_social_icons_container li {
  width: 150px; }

.edge .mini.wpcf7-form > div.files,
.edge .wpcf7 form > div.files {
  flex-direction: column;
  margin-bottom: 20px; }
  .edge .mini.wpcf7-form > div.files label,
  .edge .wpcf7 form > div.files label {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0; }
    .edge .mini.wpcf7-form > div.files label input,
    .edge .wpcf7 form > div.files label input {
      width: 100%; }

@media screen and (max-width: 1024px) {
  .edge .navigation__menu-item {
    flex-direction: column; }
    .edge .navigation__menu-item > ul {
      margin-top: 130px; }
  .edge .scrolled .navigation__menu-item > ul {
    margin-top: 100px; } }

@media screen and (max-width: 768px) {
  .edge .mini.wpcf7-form > div label,
  .edge .wpcf7 form > div label {
    margin: 0 0 0px 0 !important; }
    .edge .mini.wpcf7-form > div label:last-of-type,
    .edge .wpcf7 form > div label:last-of-type {
      margin-bottom: 0 !important; } }

@media screen and (max-height: 900px) {
  .edge .navigation__menu-item > ul {
    margin-top: 0px; }
  .edge .scrolled .navigation__menu-item > ul {
    margin-top: 0px; } }

/*--------------------------------------------------------------
Safari
--------------------------------------------------------------*/