.accordion{background-color:#004a65;color:#fff;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px;transition:0.4s}.accordion.active,.accordion:hover{background-color:#008fd3}.accordion:after{content:'\002B';color:#fff;font-weight:700;float:right;margin-left:5px;border:1px solid #fff;padding:0;height:20px;width:20px;text-align:center;line-height:20px}.accordion.active:after{content:'\2212'}.panel_faq{padding:0 18px;background-color:#fff;height:0;overflow:hidden;transition:height 0.2s ease-out}.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:#fff0;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:#fff0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://www.stepp.fr/wp-content/plugins/tc-logo-slider/vendors/owl-carousel-2/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}.tcls-wrap{text-align:center;margin:20px 0;position:relative;clear:both}.tcls-wrap .owl-controls{margin-top:10px;text-align:center}.tcls-wrap .owl-item img{height:auto;border:1px solid #eee}.tcls-title{margin-left:8px;padding:0;font-size:18px;margin-bottom:0}.tcls-wrap .owl-theme .owl-prev{right:25px}.tcls-wrap .owl-theme .owl-next{right:-6px}.tcls-wrap .owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.tcls-wrap .owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:#fff0}.tcls-wrap .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.tcls-wrap .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px}.tcls-wrap .owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:18px;margin:5px;display:inline-block;cursor:pointer;height:30px;width:30px;line-height:28px}.tcls-wrap .owl-controls .owl-next,.tcls-wrap .owl-controls .owl-prev{position:absolute;top:-40px;z-index:2}.tcls-wrap .owl-theme .owl-nav [class*='owl-']{background-color:#60646D}.tcls-wrap .owl-theme .owl-nav [class*='owl-']:hover{background-color:#000}.tcls-wrap .owl-controls .owl-next{right:-4px}.tcls-wrap .owl-controls .owl-prev{right:28px}.tcls-wrap .owl-theme .owl-dots .owl-dot span{background:#60646D}.tcls-wrap .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#000}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}/*!
Theme Name: A dada
Theme URI: http://underscores.me/
Author: Agence Appaloosa
Author URI: http://www.appaloosa.fr/
Description: Theme WordPress Site Scop STEPP - Agence Appaloosa
Version: 1.1.0
License: Private
License URI: LICENSE
Text Domain: a-dada
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

A daa 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/

Grid : Flexbox Grid - Grid based on the flex display property - http://flexboxgrid.com
Repo. : https://github.com/kristoferjoseph/flexboxgrid
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Layouts
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* United Colors */
/* Convert pixels to rem Mixin */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

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

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.0625rem;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}

h2 {
  font-size: 1.5rem;
}

.entry-title {
  margin-top: 0;
  margin-bottom: 0.625rem;
}

p {
  margin-bottom: 1.5em;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5625rem;
  color: #004A65;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #ccc;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

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

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
  overflow-x: hidden;
  color: #004A65;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

.list-unstyled {
  list-style: none;
}

.md-inline-block {
  display: inline-block;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}

figure {
  margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

.icon {
  font-size: 10px;
}
.icon:before {
  content: " ";
  vertical-align: middle;
  display: inline-block;
  background-image: url(https://www.stepp.fr/wp-content/themes/stepp/assets/css/../img/sprite.svg);
  background-repeat: no-repeat;
  background-size: 5.2em 78.6em;
}
.no-svg .icon:before {
  background-image: url(https://www.stepp.fr/wp-content/themes/stepp/assets/css/../sprite.png);
}

.icon.check-icon:before {
  background-position: -0.5em -0.5em;
  width: 1.8em;
  height: 1.6em;
}

.icon.icon-check:before {
  background-position: -0.5em -3.1em;
  width: 1.8em;
  height: 1.6em;
}

.icon.icon-contact:before {
  background-position: -0.5em -5.7em;
  width: 3.2em;
  height: 2.2em;
}

.icon.icon-contact-submit:before {
  background-position: -0.5em -8.9em;
  width: 2em;
  height: 1.9em;
}

.icon.icon-contact-submit-hover:before, .job-apply-section .wpcf7-submit:hover .icon.icon-contact-submit:before, .btn-outline:hover .icon.icon-contact-submit:before, .cn-button:hover .icon.icon-contact-submit:before, .btn-outline-white:hover .icon.icon-contact-submit:before {
  background-position: -0.5em -11.8em;
  width: 2em;
  height: 1.9em;
}

.icon.icon-facebook:before {
  background-position: -0.5em -14.7em;
  width: 4em;
  height: 4em;
}

.icon.icon-home:before {
  background-position: -0.5em -19.7em;
  width: 2.5em;
  height: 2.2286em;
}

.icon.icon-minus:before {
  background-position: -0.5em -23em;
  width: 1.5em;
  height: 1.5em;
}

.icon.icon-next-arrow:before {
  background-position: -0.5em -25.5em;
  width: 1.6em;
  height: 3em;
}

.icon.icon-next-arrow-white:before {
  background-position: -0.5em -29.5em;
  width: 1.4em;
  height: 3.1em;
}

.icon.icon-next-circle-arrow:before {
  background-position: -0.5em -33.6em;
  width: 4.2em;
  height: 4.2em;
}

.icon.icon-next-circle-arrow-hover:before {
  background-position: -0.5em -38.8em;
  width: 4em;
  height: 4em;
}

.icon.icon-prev-arrow:before {
  background-position: -0.5em -43.8em;
  width: 1.6em;
  height: 3em;
}

.icon.icon-prev-arrow-white:before {
  background-position: -0.5em -47.8em;
  width: 1.4em;
  height: 3.1em;
}

.icon.icon-prev-circle-arrow:before {
  background-position: -0.5em -51.9em;
  width: 4.2em;
  height: 4.2em;
}

.icon.icon-prev-circle-arrow-hover:before {
  background-position: -0.5em -57.1em;
  width: 4em;
  height: 4em;
}

.icon.icon-readmore:before {
  background-position: -0.5em -62.1em;
  width: 1.5em;
  height: 1.5em;
}

.icon.icon-readmore-hover:before, .icon.icon-readmore:hover:before, .icon.icon-readmore:focus:before {
  background-position: -0.5em -64.6em;
  width: 1.5em;
  height: 1.5em;
}

.icon.icon-scroll:before {
  background-position: -0.5em -67.1em;
  width: 2em;
  height: 3.2em;
}

.icon.icon-upload:before {
  background-position: -0.5em -71.3em;
  width: 1.1em;
  height: 1.6em;
}

.icon.icon-upload-bad:before {
  background-position: -0.5em -73.9em;
  width: 1.6em;
  height: 1.6em;
}

.icon.icon-upload-hover:before {
  background-position: -0.5em -76.5em;
  width: 1.1em;
  height: 1.6em;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
.wrapper {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
}

.container-fluid,
.container,
.unslider-nav {
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.row.reverse {
  flex-direction: row-reverse;
}

.col.reverse {
  flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.start-xs {
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  justify-content: center;
}

.end-xs {
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 48em) {
  .container, .unslider-nav {
    width: 49rem;
  }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1.875rem;
    padding-left: 1.875rem;
  }
  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-sm {
    justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    justify-content: flex-end;
    text-align: end;
  }
  .top-sm {
    align-items: flex-start;
  }
  .middle-sm {
    align-items: center;
  }
  .bottom-sm {
    align-items: flex-end;
  }
  .around-sm {
    justify-content: space-around;
  }
  .between-sm {
    justify-content: space-between;
  }
  .first-sm {
    order: -1;
  }
  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 64em) {
  .container, .unslider-nav {
    width: 65rem;
  }
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-md {
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    justify-content: center;
    text-align: center;
  }
  .end-md {
    justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    align-items: flex-start;
  }
  .middle-md {
    align-items: center;
  }
  .bottom-md {
    align-items: flex-end;
  }
  .around-md {
    justify-content: space-around;
  }
  .between-md {
    justify-content: space-between;
  }
  .first-md {
    order: -1;
  }
  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .container, .unslider-nav {
    width: 76rem;
  }
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-lg {
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    align-items: flex-start;
  }
  .middle-lg {
    align-items: center;
  }
  .bottom-lg {
    align-items: flex-end;
  }
  .around-lg {
    justify-content: space-around;
  }
  .between-lg {
    justify-content: space-between;
  }
  .first-lg {
    order: -1;
  }
  .last-lg {
    order: 1;
  }
}
/* Header */
.navbar-brand {
  margin: 0.625rem 0 0.3125rem 0;
}

#masthead {
  background-color: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  position: sticky;
  top: 0;
  z-index: 9999;
}

.site-title {
  margin: 30px 0 15px 0;
}

.brand-logo {
  width: 16.5625rem;
  display: inline-block;
  height: 5.3125rem;
}

.site-title-link {
  font-weight: 400;
  font-size: 36px;
  color: #666;
  text-transform: uppercase;
  text-decoration: none;
}
.site-title-link:visited {
  color: #666;
}
.site-title-link:hover, .site-title-link:focus, .site-title-link:active {
  color: #000;
}

/* page métier */
.widget_sp_image-description {
  font-size: 13px;
  Line-Height: 16px;
  margin-top: -20px;
}

.metier-col-title {
  padding: 0.326rem 0;
}

#contact-section {
  padding: 1.875rem 0;
}

.btn-contact {
  font-size: 1.5625rem;
  text-align: center;
}
.btn-contact:hover, .btn-contact:focus {
  background-color: lighten #004A65, 80%;
}
.btn-contact .icon-contact {
  margin-right: 5px;
}
.btn-contact .icon-contact::before {
  vertical-align: -4px;
}

/* Footer */
.site-footer-menus {
  padding: 1.25rem 0;
  color: #fff;
  background-color: #052937;
}
.site-footer-menus .menu {
  color: #fff;
  padding: 0;
  list-style: none;
  margin: 0;
}
.site-footer-menus .menu-item,
.site-footer-menus p,
.site-footer-menus .mentions-col-title {
  font-size: 0.8125rem;
  letter-spacing: 0.058125rem;
  line-height: 1.5rem;
  font-weight: 100;
  margin-top: 0.625rem;
  margin-bottom: 0;
  color: #004A65;
}
.site-footer-menus a,
.site-footer-menus p,
.site-footer-menus .mentions-col-title {
  color: #fff;
  text-decoration: none;
}
.site-footer-menus a:hover, .site-footer-menus a:focus {
  color: #008FD3;
}
@media (max-width: 768px) {
  .site-footer-menus {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }
  .site-footer-menus .scop-logo {
    width: 50%;
    height: auto;
  }
}

@media (max-width: 767.98px) {
  .article-content {
    padding: 3rem !important;
  }
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
a.btn,
.btn,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #eeeeee;
  background: #e6e6e6;
  color: #000;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  cursor: crosshair;
  font-weight: 100;
  transition: all 0.2s ease-in-out;
}
button:hover,
a.btn:hover,
.btn:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #eeeeee #aaa;
}
button:active, button:focus,
a.btn:active,
a.btn:focus,
.btn:active,
.btn:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #eeeeee #eeeeee;
}

.btn,
a.btn {
  display: inline-block;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.7rem 2.8rem;
  font-size: 1rem;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  font-weight: 100;
}
.btn.mx-auto,
a.btn.mx-auto {
  display: block;
}
.btn.btn-round-large,
a.btn.btn-round-large {
  border-radius: 6.25rem;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 1px;
}
.btn.btn-round-small,
a.btn.btn-round-small {
  border-radius: 3.125rem;
  font-size: 0.9375rem;
  line-height: 1.2;
  letter-spacing: 1px;
  font-weight: 400;
}
.btn.btn-round-small:hover, .btn.btn-round-small:active, .btn.btn-round-small:focus, .btn.btn-round-large:hover, .btn.btn-round-large:active, .btn.btn-round-large:focus,
a.btn.btn-round-small:hover,
a.btn.btn-round-small:active,
a.btn.btn-round-small:focus,
a.btn.btn-round-large:hover,
a.btn.btn-round-large:active,
a.btn.btn-round-large:focus {
  border-radius: 0rem;
}

.nav-toggle {
  background: none;
  border: none;
}

.btn-outline, .cn-button, .btn-outline-white,
a.btn-outline-white,
a.btn-outline,
a.cn-button,
a.btn-outline-white {
  color: #004A65;
  background-image: none;
  background-color: #fff;
  border-color: #004A65;
}
.btn-outline.btn-round-large, .btn-round-large.cn-button, .btn-round-large.btn-outline-white,
a.btn-outline.btn-round-large,
a.btn-round-large.cn-button,
a.btn-round-large.btn-outline-white {
  border-radius: 6.25rem;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 1px;
}
.btn-outline:hover, .cn-button:hover, .btn-outline-white:hover,
a.btn-outline-white:hover,
a.btn-outline:hover,
a.cn-button:hover,
a.btn-outline-white:hover,
a.btn-outline-white:hover {
  border-color: #ccc #eeeeee #aaa;
  color: #fff;
  background-color: #052937;
}
.btn-outline:active, .cn-button:active, .btn-outline-white:active, .btn-outline:focus, .cn-button:focus, .btn-outline-white:focus,
a.btn-outline:active,
a.cn-button:active,
a.btn-outline-white:active,
a.btn-outline:focus,
a.cn-button:focus,
a.btn-outline-white:focus {
  border-color: #aaa #eeeeee #eeeeee;
  color: #fff;
  background-color: #052937;
}

.btn-outline-white,
a.btn-outline-white {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
.btn-outline-white:hover, .btn-outline-white:active, .btn-outline-white:focus,
a.btn-outline-white:hover,
a.btn-outline-white:active,
a.btn-outline-white:focus {
  background-color: lighten #004A65, 80%;
  border-color: lighten #004A65, 80%;
  color: lighten #004A65, 80%;
}

.job-apply-section .icon-contact-submit {
  margin-right: 0.625rem;
}

.wpcf7-submit {
  margin-top: 1.25rem;
}

.cn-button {
  border-radius: 1.25rem;
}

#cn-accept-cookie {
  background-color: #004A65;
  color: #fff;
  border-color: #fff;
}

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],
select,
textarea {
  color: #004A65;
  border: 1px solid #004A65;
  padding: 0.625rem;
  max-width: 100%;
  background: #fff;
}
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,
select:focus,
textarea:focus {
  color: #008FD3;
  border: 1px solid #008FD3;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=range]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=color]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: #004A65;
  font-weight: 500;
  opacity: 1;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=range]::placeholder,
input[type=date]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder,
input[type=time]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=color]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #004A65;
  font-weight: 500;
  opacity: 1;
}

select {
  border: 1px solid #004A65;
  width: 100%;
  height: 2.6875rem;
  background: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-appearance: none;
  outline: none; /* remove focus ring from Webkit */
}
select option {
  color: #004A65;
  font-weight: 500;
}

textarea {
  width: 100%;
}

.wpgdprc p {
  color: #004A65;
}

.wpcf7-form p {
  margin-bottom: 2.1875rem;
}
.wpcf7-form .wpcf7-textarea {
  height: 12.9375rem;
  overflow: auto;
}

.red {
  color: red;
}

/* Include some styles add to your header or css */
#contact-form {
  width: 100%;
  padding: 60px 0;
}

/* Respond Message */
.error {
  padding: 5px 9px;
  border: 1px solid red;
  color: red;
  border-radius: 3px;
}

.success {
  padding: 5px 9px;
  border: 1px solid green;
  color: green;
  border-radius: 3px;
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
  width: 100%;
  margin-bottom: 0.9375rem;
}

#contact-form h2,
#contact-form p,
label {
  color: #fff;
}

/* CONTACT FORM 7 */
.wpcf7-list-item {
  text-align: left;
}
.wpcf7-list-item a {
  color: #008FD3;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label, input[type=checkbox] + span {
  display: block;
  line-height: 1.2;
  font-size: 0.8125rem;
  font-weight: 300;
  color: #fff;
  box-sizing: border-box;
  padding-left: 2.5rem;
  position: relative;
  cursor: pointer;
}
input[type=checkbox] + label:before, input[type=checkbox] + span:before {
  content: " ";
  display: block;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 0.4375rem;
  background: #fff;
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  position: absolute;
  top: calc(50% - 0.8125rem);
  left: 0;
}
input[type=checkbox] + label:after, input[type=checkbox] + span:after {
  content: " ";
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  background: url(https://www.stepp.fr/wp-content/themes/stepp/assets/css/../img/icone-check.svg) center center/100% auto no-repeat;
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform: scale(0);
  position: absolute;
  top: calc(50% - 0.4375rem);
  left: 0.375rem;
}

.job-submit input[type=checkbox] + label::before,
.job-submit input[type=checkbox] + span::before {
  background: #004A65;
}
.job-submit input[type=checkbox] + label::after,
.job-submit input[type=checkbox] + span::after {
  background: url(https://www.stepp.fr/wp-content/themes/stepp/assets/css/../img/icone-check-white.svg) center center/100% auto no-repeat;
}

input[type=checkbox]:checked + label:before,
input[type=checkbox]:checked + span:before {
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
input[type=checkbox]:checked + label:after,
input[type=checkbox]:checked + span:after {
  transform: scale(1);
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Footer */
.contact-footer .btn {
  background-color: transparent;
}

/* Submit */
.icon-contact-submit:before {
  vertical-align: -1px;
  margin-right: 0.625rem;
}

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

/**
* SimpleFileInput 0.1 - A jQuery plugin to customise your file inputs
* http://github.com/s43/Simple-file-input/
* Requirements : jQuery 1.7+
* 
* :: Copyright (c) 2014 SAID ASSEMLAL
*
* Dual licensed under the MIT and GPL licenses.
*/
.sfi-js .sfi-wrapper {
  position: relative;
  border: none;
  background: #fff;
  font-size: 14px;
  width: 100% !important;
  color: #004A65;
  outline: none;
  position: relative;
  overflow: hidden;
}
.sfi-js .sfi-wrapper .sfi-filename {
  overflow: hidden;
  height: 2.8125rem;
  margin-top: 0.1875rem;
  padding: 0.9375rem 3.125rem 0.5rem 0.5rem;
  display: block;
  font-size: 14px;
  line-height: 1;
  color: #004A65;
  text-align: left;
  z-index: 10;
  position: relative;
  border: 1px solid #004A65;
  border-right: none;
  width: 100%;
  float: left;
  cursor: pointer;
}
.sfi-js .sfi-wrapper .sfi-filename:hover, .sfi-js .sfi-wrapper .sfi-filename:focus {
  color: #008FD3;
  border-color: #008FD3;
}
.sfi-js .sfi-wrapper a.sfi-trigger {
  background: url(https://www.stepp.fr/wp-content/themes/stepp/assets/css/../img/svg/icon-upload.svg) no-repeat center;
  border: 1px solid #004A65;
  width: 2.8125rem;
  height: 2.8125rem;
  display: block;
  float: right;
  margin-top: 0.1875rem;
  text-indent: -9999px;
  margin-left: -2.8125rem;
  position: relative;
  z-index: 12;
}
.sfi-js .sfi-wrapper a.sfi-trigger:hover, .sfi-js .sfi-wrapper a.sfi-trigger:focus {
  background-image: url(https://www.stepp.fr/wp-content/themes/stepp/assets/css/../img/svg/icon-upload-hover.svg);
  background-color: #008FD3;
}
.sfi-js .sfi-wrapper.sfi-error .sfi-filename, .sfi-js .sfi-wrapper.sfi-error .sfi-trigger {
  border-color: red;
}
.sfi-js .sfi-wrapper.sfi-error .sfi-filename {
  color: red;
}
.sfi-js .sfi-wrapper.sfi-error .sfi-trigger {
  background-image: url(https://www.stepp.fr/wp-content/themes/stepp/assets/css/../img/svg/icon-upload-bad.svg);
}
.sfi-js .sfi-wrapper.sfi-valid .sfi-trigger {
  background-image: url(https://www.stepp.fr/wp-content/themes/stepp/assets/css/../img/svg/icon-check.svg);
  background-color: #004A65;
}
.sfi-js .sfi-wrapper.sfi-valid .sfi-filename,
.sfi-js .sfi-wrapper.sfi-valid .sfi-trigger {
  border-color: #008FD3;
  background-color: #008FD3;
}
.sfi-js .sfi-wrapper.sfi-valid .sfi-filename {
  color: #fff;
}
.sfi-js .sfi-wrapper.sfi-disabled .sfi-filename, .sfi-js .sfi-wrapper.sfi-disabled .sfi-trigger {
  border-color: #ccc;
}
.sfi-js .sfi-wrapper.sfi-disabled .sfi-filename {
  color: #ccc;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #666;
}
a:hover, a:focus, a:active {
  color: #008FD3;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

.cat-link:hover, .cat-link:focus, .cat-link:active {
  color: #fff;
  text-decoration: underline;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-menu-nav ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-menu-nav li {
  padding: 2.5rem 0.9375rem;
  display: inline-block;
}
.main-menu-nav li > a::after {
  transition: transform 0.3s ease-out, border-color 0.3s ease-out;
  position: absolute;
  display: block;
  bottom: -6px;
  left: 0;
  width: 100%;
  transform: scaleX(0);
  border-top: 2px solid #000;
  border-top-color: rgb(0, 0, 0);
  content: "";
  padding-bottom: inherit;
}
.main-menu-nav li.current-menu-item a, .main-menu-nav li:hover a, .main-menu-nav li:focus a {
  text-decoration: none;
  color: #008FD3;
}
.main-menu-nav li.current-menu-item a::after, .main-menu-nav li:hover a::after, .main-menu-nav li:focus a::after {
  border-color: #008FD3 !important;
  transform: scaleX(1);
  backface-visibility: hidden;
}
.main-menu-nav a {
  display: block;
  text-decoration: none;
  color: #004A65;
  position: relative;
  font-size: 0.875rem;
  letter-spacing: 1px;
  text-align: center;
  line-height: 1.375rem;
}
.main-menu-nav a:hover, .main-menu-nav a:focus {
  color: #008FD3;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

/*
 * Just a quick hamburger
 */
.offcanvas-button {
  background: none;
  border: none;
  transition: background-color 200ms ease-in;
  display: inline-block;
}
.offcanvas-button span {
  display: block;
  width: 33px;
  height: 4px;
  line-height: 40px;
  margin-bottom: 5px;
  position: relative;
  background: #004A65;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
.offcanvas-button span:first-child {
  transform-origin: 0% 0%;
}
.offcanvas-button span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

.offcanvas-element {
  background: #008FD3;
  background-image: linear-gradient(to bottom, #004A65 0%, #008FD3 100%);
  height: 100%;
  box-shadow: inset -13px 0 15px -13px rgba(0, 0, 0, 0.6);
}
.offcanvas-element ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.offcanvas-element ul li {
  padding-right: 0;
  padding-left: 0;
}
.offcanvas-element ul li:hover a, .offcanvas-element ul li:focus a {
  background: #008FD3;
  color: #fff;
}
.offcanvas-element a {
  display: block;
  width: 100%;
  padding: 0 0.625rem;
  text-decoration: none;
  line-height: 50px;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 300;
  margin-bottom: 1px;
}

@media (max-width: 768px) {
  .offcanvas-element ul {
    padding: 0 0 0 0.9375rem;
  }
}
/* Navigation */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text,
.visually-hidden {
  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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus,
.visually-hidden:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #004A65;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Animate (effets pour Owl Carrousel)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 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;
}

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

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

/*--------------------------------------------------------------
# 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;
}

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

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* SASS File for css plugin */
.offcanvas {
  position: relative;
}
.offcanvas-mobile-nav li:first-child {
  display: none;
}

.offcanvas-outer {
  left: 0;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.offcanvas-inner {
  position: relative;
}

.offcanvas-element {
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 10010;
}

.offcanvas-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10001;
}

/* Page de contact du site */
.unslider {
  overflow: auto;
  margin: 0;
  padding: 0;
  position: relative;
  border-bottom: 2px solid #004A65;
}
.unslider-wrap {
  position: relative;
}
.unslider-wrap.unslider-carousel > li {
  float: left;
}
.unslider li,
.unslider ol,
.unslider ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

.unslider-fade {
  position: relative;
}

.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8;
}
.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10;
}

.realisation-item-content {
  margin-top: 3.125rem;
}

.unslider-horizontal {
  padding-bottom: 5rem;
  margin-bottom: 2.5rem;
}

.unslider-arrow {
  position: absolute;
  top: 50%;
  z-index: 1000;
  font-size: 2em;
  visibility: hidden;
  cursor: pointer;
}

.arrow-prev,
.arrow-next {
  position: absolute;
  z-index: 10000;
  cursor: pointer;
  bottom: 3.4375rem;
}

.arrow-prev {
  left: 0;
}

.arrow-next {
  left: auto;
  right: 0;
}

.unslider-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  padding-bottom: 3.125rem;
}
.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  margin: 0 0.9375rem;
  padding: 0.3125rem 0.625rem;
  cursor: pointer;
  color: #004A65;
  font-size: 1.25rem;
  position: relative;
}
.unslider-nav ol li::after {
  content: "";
  transition: transform 0.3s ease-out, border-color 0.3s ease-out;
  position: absolute;
  display: block;
  bottom: 0;
  left: 6px;
  width: 0;
  transform: scaleX(0);
  border-bottom: 1px solid transparent;
  padding-bottom: inherit;
}
.unslider-nav ol li.unslider-active, .unslider-nav ol li:hover, .unslider-nav ol li:focus {
  cursor: pointer;
  color: #008FD3;
}
.unslider-nav ol li.unslider-active::after, .unslider-nav ol li:hover::after, .unslider-nav ol li:focus::after {
  width: 20px;
  transform: scaleX(1);
  border-bottom: 1px solid #008FD3;
}

/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  background: transparent;
  border: 1px solid #fff;
  padding: 2.5rem 1.875rem;
  position: relative;
  zoom: 1;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}

.flex-viewport {
  max-height: 2000px;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  bottom: -6.25rem;
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a.flex-prev {
  left: 0;
}
.flex-direction-nav a.flex-next {
  right: 0;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 1;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 0.8;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 0.8;
}
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}

.flex-control-nav {
  left: 0;
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
/* -------------------------------- 

Primary style

-------------------------------- */
/* *, *::after, *::before {
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

body {
	font: {
		size: 1.6rem;
		family: $primary-font; // variables inside partials > _variables.scss
	}
	color: $color-1;
	background-color: #fff;
}

a {
	color: $color-2;
	text-decoration: none;
} */
/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline ol, .cd-horizontal-timeline ul {
  list-style: none;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: "mobile";
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #004A65;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: -1px;
  height: 100%;
  width: 100%;
  background-color: #004A65;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s;
  border: 2px solid #004A65;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.5rem;
  padding-bottom: 20px;
  color: #004A65;
  margin-top: -1px;
  width: 75px;
  /* fix bug on Safari - text flickering while timeline translates */
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a span {
  width: 50px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: -15px;
  margin-left: 10px;
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  bottom: -10px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid #002532;
  background-color: #ffffff;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #004A65;
  border-color: #004A65;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #004A65;
  border-color: #004A65;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #004A65;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 3em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}

.cd-timeline-navigation {
  list-style: none;
}
.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  height: 42px;
  width: 42px;
  overflow: hidden;
  color: transparent;
  white-space: nowrap;
  transition: all 0.3s;
  margin-top: -1px;
}
.cd-timeline-navigation a svg {
  stroke: #004A65;
  fill: #fff;
}
.cd-timeline-navigation a:not(.inactive) svg:hover, .cd-timeline-navigation a:not(.inactive) svg:focus {
  stroke: #004A65;
  fill: #004A65;
}
.cd-timeline-navigation a:not(.inactive) svg:hover .arrow-line, .cd-timeline-navigation a:not(.inactive) svg:focus .arrow-line {
  stroke: #fff;
}
.cd-timeline-navigation a.prev {
  left: 0;
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #004A65;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive svg {
  stroke: #008fd3;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #cc0000;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  opacity: 0;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
  text-align: left;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-size: 2.6rem;
  font-family: "Roboto", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 0.9375rem;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: "- ";
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: shade(red, 40%);
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 24px;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  }
}

@keyframes cd-enter-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## common
--------------------------------------------------------------*/
/* Common colors background */
.bg-white {
  background-color: #fff;
}

.bg-brand-blue {
  background-color: #004A65;
  color: #fff;
}

.bg-gradiant-blue {
  background: linear-gradient(90deg, #008FD3, #002532);
  color: #fff;
}
.bg-gradiant-blue:hover {
  background: linear-gradient(-90deg, #008FD3, #002532);
}

.bg-dark {
  background-color: #666;
}

.bg-light {
  background-color: #ccc;
}

.bg-black {
  background-color: #000;
}

/*--------------------------------------------------------------
## homepage
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## common
--------------------------------------------------------------*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(https://www.stepp.fr/wp-content/themes/stepp/assets/css/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots, .owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/* Customers */
.customers {
  padding: 50px 0;
}

.owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  width: 100%;
}

.tcls-wrap .owl-theme .owl-nav [class*=owl-] {
  background-color: transparent;
  color: #004A65;
}

.tcls-wrap .owl-theme .owl-nav [class*=owl-]:hover {
  background-color: transparent;
}

.tcls-wrap .fa-angle-left,
.tcls-wrap .fa-angle-right {
  font-size: 40px;
}

.tcls-wrap .owl-nav .owl-prev {
  left: -60px;
  right: auto;
}

.tcls-wrap .owl-nav .owl-next {
  right: -60px;
  left: auto;
}

.tcls-wrap .owl-item img {
  border: none !important;
  margin: 0 1rem;
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  color: #004A65;
  font-size: 1.5rem;
}

.owl-prev {
  left: -30px;
}

.owl-next {
  right: -30px;
}

/* Homepage hero */
.hero-section-title {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.625rem;
  color: #004A65;
  letter-spacing: 0.1875rem;
  text-align: center;
  margin: 0.625rem auto;
  padding: 0 1.875rem 0 1.875rem;
}

.hero-row {
  display: block;
}

.hero-section {
  position: relative;
  text-align: center;
  width: 100%;
  justify-content: center;
  overflow: hidden;
}
.hero-section .hero-section-text {
  color: #004A65;
}
.hero-section .hero-section-text p {
  text-align: justify !important;
}
.hero-section .bg-white {
  padding: 0 3.125rem 1.875rem 3.125rem;
  transform: translateY(2%);
  background-color: rgba(255, 255, 255, 0.7);
}

.home-hero-slider {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0 auto;
  display: block;
}
.home-hero-slider > .home-hero-slider-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.home-hero-slider .img-responsive {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.home-intro {
  padding: 0.9375rem 0 3.125rem 0;
}
.home-intro p {
  text-align: center;
  font-size: 1rem;
}

.home-intro-title {
  font-size: 1.5625rem;
  font-weight: 400;
  margin-top: 3.125rem;
  text-align: center;
}

@keyframes ani-mouse {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}
/* Last news */
.last-news {
  padding: 2.5rem 0 4.375rem 0;
}
.last-news h2 {
  margin-bottom: 1.875rem;
}
.last-news h2 a {
  color: #fff;
  text-decoration: none;
}

.entry-meta p {
  font-size: 0.875rem;
  line-height: 1.2;
  margin: 0;
}

.last-news-block {
  border: 1px solid #fff;
  padding: 3.125rem;
  margin-bottom: 1.875rem;
}
.last-news-block:hover, .last-news-block:focus {
  background-color: #002532;
}

.last-news-entry-header img {
  width: 100%;
  background-color: #fff;
  display: block;
  max-height: 15.4375rem;
  margin: 0 auto 0.9375rem auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.block-content p {
  margin-bottom: 0;
  color: #fff;
}

/* Team Stepp */
.jumbotron {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  min-height: auto;
}
.jumbotron .team-picture-figure {
  margin: 0;
  position: relative;
}
.jumbotron .team-picture-caption {
  margin: 0;
  background: rgba(13, 46, 62, 0.8);
  color: #fff;
  text-align: center;
  z-index: 2;
  height: 80px;
  line-height: 80px;
  font-size: 1.5rem;
  letter-spacing: 1px;
  text-shadow: 0 2px 8px rgba(0, 74, 101, 0.5);
  font-weight: 100;
}

.team-picture-hero {
  background-size: 110%;
  position: absolute;
  left: -15px;
  right: -15px;
  top: -15px;
  bottom: -15px;
  transition: all 0.4s;
}

/* Timeline slider */
.wpostahs-slider-wrp,
.wpostahs-slider-nav-content {
  color: #004A65;
}

.events-content ol {
  padding: 0;
  margin-left: 0;
}

.timeline-history {
  padding: 0.625rem 0 4.375rem 0;
}

/* OWl Slider - Logos Clients - Trust by */
/* Références */
.customers .tcls-wrap .owl-nav .owl-prev {
  left: -50px;
}

@media only screen and (min-width: 768px) {
  .hero-section {
    height: 320px;
  }
  .hero-row {
    width: 100%;
  }
  .button-scroll {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, -5%);
    width: 100%;
  }
  /* Bouton de scroll */
  .scroll__wheel {
    transform: translate3d(0px, 0px, 0px);
  }
  .icon-button-scroll {
    align-items: center;
    display: block;
    font-size: 1.5rem;
    background: none;
    border: 0;
    padding: 0 2rem;
    position: relative;
    margin: 0 auto;
  }
  .icon-button-scroll:focus {
    outline: none;
  }
  .scroll {
    width: 1.25rem;
    height: 2rem;
    border-radius: 1rem;
    border: 2px solid #fff;
    margin: 0 auto;
  }
  .scroll__wheel {
    width: 2px;
    height: 0.5625rem;
    background: #fff;
    border-radius: 0.1rem;
    margin: 0.22rem auto 0;
    animation-name: ani-mouse;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
    animation-iteration-count: infinite;
  }
  .scroll-text {
    color: #fff;
    letter-spacing: 0.03125rem;
    font-size: 1.25rem;
    text-shadow: 2px 2px 2px rgb(150, 150, 150);
    letter-spacing: 0.0625rem;
    font-weight: 100;
  }
  .jumbotron {
    min-height: 320px;
  }
  .team-picture-caption {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -7px);
    width: 370px;
  }
}
@media only screen and (max-width: 752px) {
  .home-hero-slider {
    height: 9.375rem;
  }
  .hero-section-title {
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
    margin: 1.875rem auto;
  }
  .icon-button-scroll,
  .scroll-text {
    display: none;
  }
  .jumbotron {
    min-height: auto;
  }
  .jumbotron .team-picture-caption {
    position: static;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-section {
    height: 400px;
  }
}
@media only screen and (min-width: 1200px) {
  .hero-section {
    height: 500px;
  }
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

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

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

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

/* Singular Header */
.entry-header {
  padding: 0.625rem 0;
  text-align: center;
  border-bottom: 2px solid #052937;
}
.entry-header .entry-title {
  text-transform: uppercase;
  font-size: 2.1875rem;
  letter-spacing: 0.1875rem;
  margin: 0;
}

.article-content {
  padding: 0.9375rem 0;
}

/* Page with TOC */
.toc {
  position: relative;
  overflow: hidden;
}

.toc-bkg-image {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.toc-container {
  overflow: hidden;
  height: 480px;
  overflow-y: auto;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

#toc-nav {
  position: relative;
  padding: 0;
}

.toc-menu {
  list-style: none;
  background-color: rgba(0, 74, 101, 0.8);
  margin: 0;
  padding: 0;
  display: table;
}
.toc-menu li {
  display: block;
  padding: 0 4.375rem;
  transition: all 0.5s linear;
  position: relative;
}
.toc-menu li:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-left: 12px solid #008FD3;
  border-bottom: 25px solid transparent;
  top: 50%;
  transform: translateY(-50%);
  right: -12px;
  position: absolute;
  opacity: 0;
  transition: all 0.5s linear;
}
.toc-menu li:not(:last-child) {
  border-bottom: 1px solid #fff;
}
.toc-menu li:hover, .toc-menu li:focus, .toc-menu li.active {
  background-color: #008FD3;
}
.toc-menu li:hover:after, .toc-menu li:focus:after, .toc-menu li.active:after {
  opacity: 1;
}
.toc-menu li:hover a, .toc-menu li:focus a, .toc-menu li.active a {
  transform: translateX(15px);
}
.toc-menu li a {
  color: #fff;
  text-decoration: none;
  height: 100%;
  width: 100%;
  display: block;
  font-weight: 100;
  padding: 3rem 0;
  transition: all 0.5s linear;
  transform: translateX(0);
}

/* Offres emplois */
.jobs-slider-section {
  padding: 2.5rem 0 7.5rem 0;
}

.job-apply-section {
  padding: 2.5rem 0;
}
@media (max-width: 768px) {
  .job-apply-section .job-apply-form {
    padding: 2.8125rem;
  }
  .job-apply-section .wpcf7-form p {
    margin-bottom: 0.625rem;
  }
}
.job-apply-section .wpcf7-list-item-label {
  text-align: left;
  color: #004A65;
}
.job-apply-section .wpcf7-list-item-label a {
  color: #008FD3;
}

.jobs-slider {
  margin-bottom: 3.125rem;
}
.jobs-slider .flexslider {
  border-radius: 0;
  background-color: transparent;
}
.jobs-slider .flexslider p,
.jobs-slider .flexslider ul {
  color: #fff;
  font-weight: 100;
}
.jobs-slider .flex-control-nav {
  position: absolute;
  bottom: -6.25rem;
  height: 1.9375rem;
  display: block;
  line-height: 1.9375rem;
}
.jobs-slider .flex-control-nav a {
  color: #fff;
  text-decoration: none;
  padding: 0.3125rem 0.625rem;
  position: relative;
}
.jobs-slider .flex-control-nav a::after {
  content: "";
  transition: transform 0.3s ease-out, border-color 0.3s ease-out;
  position: absolute;
  display: block;
  bottom: -5px;
  left: 5px;
  width: 0;
  transform: scaleX(0);
  border-bottom: 1px solid transparent;
  padding-bottom: inherit;
}
.jobs-slider .flex-control-nav a:hover::after, .jobs-slider .flex-control-nav a:focus::after, .jobs-slider .flex-control-nav a.flex-active::after {
  width: 20px;
  transform: scaleX(1);
  border-bottom: 1px solid #fff;
}
.jobs-slider .flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 1.9375rem;
  height: 1.9375rem;
  position: absolute;
  bottom: -6.25rem;
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  transition: all 0.3s ease-in-out;
}
.jobs-slider .flex-direction-nav a.flex-prev {
  left: 0;
}
.jobs-slider .flex-direction-nav a.flex-next {
  right: 0;
}
@media (max-width: 768px) {
  .jobs-slider .job-box ul {
    padding: 0;
    margin-left: 0.9375rem;
  }
  .jobs-slider .flex-direction-nav a.flex-prev {
    left: 0.9375rem;
  }
  .jobs-slider .flex-direction-nav a.flex-next {
    right: 0.9375rem;
  }
}

/* Actualités */
/* Single */
.top-row,
.bottom-row {
  background-image: linear-gradient(-45deg, #0E2A38 25%, #006B97 75%);
}

.top-row .box:first-child {
  border-left: 0;
}

.top-row .box dd {
  margin: 0;
}

.top-row .box {
  height: 190px;
  border-left: 1px solid rgba(250, 250, 250, 0.3);
  padding: 24px 10px 24px 30px;
  font-weight: 100;
  margin: 15px 0;
}

.top-row .title {
  color: rgba(250, 250, 250, 0.8);
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 100;
  letter-spacing: -0.005rem;
  margin-bottom: 15px;
}

.start-date dd {
  padding-top: 21px;
}

.published {
  letter-spacing: -0.1rem;
}

.start-date .day {
  padding-right: 8px;
  font-size: 3.75rem;
  line-height: 3.75rem;
  font-weight: 400;
  letter-spacing: -0.5rem;
}

.start-date .month {
  padding-right: 3px;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

.start-date .year {
  font-size: 1rem;
  line-height: 1rem;
}

.cat-link {
  font-weight: 500;
  color: #fff;
  text-decoration: none;
}

.top-row .btn-round-small {
  position: relative;
  top: 50%;
  transform: translatey(-50%);
  text-transform: uppercase;
  padding: 0.7rem 1.4rem;
}

.badge {
  display: inline-block;
  margin-right: 0.5rem;
  margin-top: 0.8rem;
}

.badge a {
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  width: 100%;
  padding: 0.5em 1.2em;
  font-size: 75%;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10rem;
  border: 1px solid #fff;
}

.badge a:hover,
.badge a:focus {
  background-color: #fff;
  color: #0E2A38;
}

.post-navigation {
  width: 100%;
  display: block;
  padding: 20px 30px;
}

.nav-next,
.nav-previous {
  width: 50%;
}

.nav-next a,
.nav-previous a {
  color: rgba(250, 250, 250, 0.8);
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 100;
  letter-spacing: -0.005rem;
  text-decoration: none;
  display: inline-block;
  transition: all 0.25s linear 0ms;
}

.nav-next a:hover,
.nav-next a:focus {
  transform: translateX(-2%);
}

.nav-previous a:hover,
.nav-previous a:focus {
  transform: translateX(2%);
}

.nav-next a:hover,
.nav-previous a:hover {
  color: #fff;
}

.nav-next:hover:after,
.nav-previous:hover:before {
  opacity: 1;
}

.nav-previous {
  border-right: 1px solid rgba(250, 250, 250, 0.3);
}

.nav-previous:before,
.nav-next:after {
  opacity: 0.6;
  content: " ";
  vertical-align: -8px;
  display: inline-block;
  width: 14px;
  height: 31px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.nav-previous:before {
  background-image: url(https://www.stepp.fr/wp-content/themes/stepp/assets/css/../img/svg/icon-prev-arrow-white.svg);
  margin-right: 15px;
}

.nav-next:after {
  background-image: url(https://www.stepp.fr/wp-content/themes/stepp/assets/css/../img/svg/icon-next-arrow-white.svg);
  margin-left: 15px;
}

/* Pagination - Plugin wp-pagenavi */
.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #fff;
  padding: 5px 10px;
  margin-right: 15px;
  color: #fff;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: #0092D6;
  color: #0092D6;
}

/* Single post */
.aligncenter iframe {
  margin: 0 auto;
  display: block;
}

.single h2 {
  color: #052937;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.single .type-post h3, .single .type-post h4, .single .type-post li, .single .type-post a {
  color: #004A65 !important;
}
.single .type-post a:active,
.single .type-post a:focus,
.single .type-post a:hover {
  color: #0092D7 !important;
}
.single .type-post ul {
  list-style: none;
  padding: 0;
}
.single .type-post ul li:not(.blocks-gallery-item) {
  padding-left: 15px;
  margin-bottom: 15px;
  line-height: 1.625rem;
  font-size: 1rem;
}
.single .type-post ul li:not(.blocks-gallery-item)::before {
  content: "";
  width: 9px;
  height: 9px;
  margin-right: 20px;
  display: inline-block;
  border: 1px solid #008FD3;
  border-radius: 50%;
}
.single .type-post hr {
  background-color: #008FD3;
  width: 75%;
}
.single .type-post h5 {
  color: #008FD3;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.title-highlight {
  color: #008FD3;
  text-decoration: none;
  font-weight: 100;
  font-size: 1.375rem;
  margin-top: 0.625rem;
  display: inline-block;
}

/* Page nos métiers */
.bloc-metier {
  background-color: #004A65;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  height: 320px;
  margin: 0.9375rem 0;
}
.bloc-metier:hover .metier-col-title, .bloc-metier:focus .metier-col-title {
  background-color: #004A65;
  width: 100%;
}
.bloc-metier:hover .widget_sp_image-description, .bloc-metier:focus .widget_sp_image-description {
  transform: translateY(0);
  top: 60px;
  opacity: 1;
}
.bloc-metier ul {
  padding: 0;
}
.bloc-metier li {
  padding-left: 0.625rem;
  margin-bottom: 0.5rem;
}
.bloc-metier img {
  -o-object-fit: cover;
  object-fit: cover;
  flex-grow: 0;
  height: 100%;
  width: 100%;
}

.metier-col-title {
  text-align: center;
  background: rgba(13, 46, 62, 0.8);
  font-size: 1.5rem;
  color: #fff;
  letter-spacing: 0.0625rem;
  text-align: center;
  padding: 0.9375rem 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all 1.2s;
  margin: 0;
  width: calc(100% - 60px);
  z-index: 3;
  height: 70px;
}

.attachment-visuel-metier {
  -o-object-fit: cover;
  object-fit: cover;
  flex-grow: 0;
  height: 100%;
  width: 100%;
}

.widget_sp_image-description {
  position: absolute;
  color: #fff;
  background-color: #004A65;
  opacity: 0.8;
  bottom: -100%;
  left: 0;
  transform: translateY(100%);
  height: 100%;
  padding: 1.875rem;
  transition-duration: 1s;
  transition-property: transform, opacity;
  width: 100%;
  z-index: 2;
}
.widget_sp_image-description ul {
  margin: 0;
}
.widget_sp_image-description p {
  color: #fff;
}

/* Page Nos engagements */
.nos-engagement-content {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.nos-engagement-content-left,
.nos-engagement-content-right {
  position: relative;
}

.col-nos-engagement-left,
.col-nos-engagement-right {
  display: flex;
  flex-wrap: wrap;
}
.col-nos-engagement-left .col-xs-12,
.col-nos-engagement-right .col-xs-12 {
  display: flex;
}

.object-fit {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.nos-engagement-content-left::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 2.1875rem solid transparent;
  border-left: 1.5625rem solid #004A65;
  border-bottom: 2.1875rem solid transparent;
  top: 50%;
  transform: translateY(-50%);
  right: -1.875rem;
  position: absolute;
  z-index: 1;
}

.nos-engagement-content-right::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 2.1875rem solid transparent;
  border-bottom: 2.1875rem solid transparent;
  border-right: 1.5625rem solid #004A65;
  top: 50%;
  transform: translateY(-50%);
  left: -1.875rem;
  position: absolute;
  z-index: 1;
}

.nos-engagements-section p {
  color: #fff;
}

.image-left-cover,
.image-right-cover {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  position: relative;
  height: 335px;
}

@media only screen and (max-width: 63em) {
  .image-left .image-right {
    padding-right: 0;
    padding-left: 0;
  }
}
/* Pages nos réalisations */
.realisations {
  padding-top: 0;
}
.realisations .entry-content {
  margin: 0;
}
.realisations .toc {
  position: absolute;
  z-index: 1;
}
.realisations .toc-container {
  overflow: initial;
  height: 500px;
}
.realisations #toc-nav {
  width: 95%;
}

.realisation-item-text p {
  color: #fff;
}

.realisation-item-figure {
  margin: 0;
  position: relative;
}
.realisation-item-figure .size-page-header {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  max-height: 32.25rem;
}

.realisation-item-caption {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0.3125rem;
  color: #fff;
  padding: 10px 30px;
  background: rgba(5, 41, 55, 0.8);
}

@media (max-width: 768px) {
  .unslider-horizontal {
    padding-bottom: 1.875rem;
    margin-bottom: 1.875rem;
  }
  .realisation-item-figure .size-page-header {
    max-height: 14.6875rem;
    height: 14.6875rem;
  }
  .realisation-item-caption {
    position: relative;
    padding: 0.5rem;
    font-size: 80%;
  }
  .realisation-item-caption h3 {
    margin: 0;
  }
  .realisation-item-caption .realisation-item-text p {
    margin: 0.3125rem 0;
  }
  .unslider-nav {
    display: none;
  }
  .unslider-nav ol li {
    margin: 0;
  }
  .arrow-prev,
  .arrow-next {
    bottom: 0.9375rem;
  }
  .arrow-prev {
    left: 0;
  }
  .arrow-next {
    right: 0;
  }
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Wordpress media */
.single-post .alignleft img {
  float: left;
}

figure {
  margin-bottom: 1.875rem;
}
figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #004A65;
  text-align: center;
  padding: 0.625rem 1.25rem;
}
figure.wp-block-image {
  position: relative;
  display: inline-block;
}
figure .wp-element-caption {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Responsive debug
--------------------------------------------------------------*/.wp-pagenavi{clear:both}.wp-pagenavi a,.wp-pagenavi span{text-decoration:none;border:1px solid #BFBFBF;padding:3px 5px;margin:2px}.wp-pagenavi a:hover,.wp-pagenavi span.current{border-color:#000}.wp-pagenavi span.current{font-weight:700}