/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-titrage {
  font-family: 'Montserrat', sans-serif; }
  .wp-block-opta-block-titrage.fondDark {
    background-color: #3f3a3a; }

.titrage {
  position: relative;
  text-align: center;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }
  .titrage.showTitreFond {
    min-height: 243px; }
  .titrage .wrapTitreFond {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    .titrage .wrapTitreFond + .wrapTitre {
      margin-top: 95px; }
  .titrage .wrapTitre {
    position: relative; }
  .titrage .titreFond {
    font-size: 200px;
    color: #3f3a3a;
    -webkit-text-stroke: 2px rgba(63, 58, 58, 0.75);
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    line-height: 1.2;
    opacity: 0.3; }
  .titrage .titre_1 {
    font-family: 'Arvo', serif;
    font-size: 40px;
    font-weight: 800;
    font-style: italic;
    color: #3f3a3a;
    margin: 0; }
  .titrage .titre_2 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 4px;
    color: #e94c5d;
    padding-bottom: 15px; }
    .titrage .titre_2::after {
      content: '';
      display: inline-block;
      width: 2px;
      height: 44px;
      background-color: #e94c5d;
      position: absolute;
      top: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
  .fondDark .titrage .titreFond {
    color: white;
    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.75);
    -webkit-text-fill-color: transparent; }
  .fondDark .titrage .titre_1 {
    color: white; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-titrage-photo {
  position: relative;
  padding-bottom: 150px;
  font-family: 'Montserrat', sans-serif; }
  .wp-block-opta-block-titrage-photo.fondDark {
    background-color: #3f3a3a; }
    .wp-block-opta-block-titrage-photo.fondDark .titrage-image-fond a, .wp-block-opta-block-titrage-photo.fondDark .titrage-image-fond__image a {
      color: white; }
  .wp-block-opta-block-titrage-photo .titrage-image-fond, .wp-block-opta-block-titrage-photo .titrage-image-fond__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .wp-block-opta-block-titrage-photo .titrage-image-fond a, .wp-block-opta-block-titrage-photo .titrage-image-fond__image a {
      position: relative;
      z-index: 1;
      color: #3f3a3a;
      cursor: pointer;
      margin: 10px; }
  .wp-block-opta-block-titrage-photo .titrage-image-fond__image {
    background: center no-repeat;
    background-size: cover;
    opacity: 1; }
  .wp-block-opta-block-titrage-photo .titrage-image-fond__actions {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    margin: 10px;
    cursor: pointer;
    z-index: 1; }
  .wp-block-opta-block-titrage-photo .titrage {
    padding-top: 32px; }
    .wp-block-opta-block-titrage-photo .titrage .titre_1 {
      font-family: 'Montserrat', sans-serif;
      font-size: 85px;
      font-weight: 900;
      font-style: normal;
      text-align: right;
      text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
      color: white;
      margin: 0;
      padding: 50px 50px 0 0; }
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles for Button Block.
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * Button link form styles.
 */
.opta-button-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .opta-button-wrapper.fullWidth {
    padding: 100px 0 70px; }
  .opta-button-wrapper.ugb-button-left {
    -ms-flex-pack: start;
        justify-content: flex-start; }
    .opta-button-wrapper.ugb-button-left .opta-button.typeButton-small-2 {
      padding-left: 0; }
  .opta-button-wrapper.ugb-button-center {
    -ms-flex-pack: center;
        justify-content: center; }
  .opta-button-wrapper.ugb-button-right {
    -ms-flex-pack: end;
        justify-content: flex-end; }
    .opta-button-wrapper.ugb-button-right .opta-button {
      padding-right: 0; }

p + .opta-button-wrapper, ul + .opta-button-wrapper {
  margin-top: 30px !important; }

.opta-button {
  padding: 10px;
  text-decoration: none;
  color: white;
  font-size: 18px;
  font-weight: bold;
  position: relative; }
  .opta-button p {
    font-family: 'Monserrat', sans-serif; }
  .opta-button.ugb-button-left {
    margin: 0 auto 0 0; }
  .opta-button.ugb-button-center {
    margin: 0 auto; }
  .opta-button.ugb-button-right {
    margin: 0 0 0 auto; }
  .opta-button.typeButton-small-1 {
    border-left: solid 1px #3f3a3a;
    padding: 2px 10px; }
    .opta-button.typeButton-small-1 p {
      font-weight: bold;
      margin: 0; }
  .opta-button.typeButton-small-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 2px 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: italic; }
    .opta-button.typeButton-small-2 p {
      font-weight: bold;
      margin: 0; }
    .opta-button.typeButton-small-2::after {
      content: '';
      display: inline-block;
      width: 30px;
      height: 1px;
      margin-left: 10px;
      background-color: #3f3a3a; }
  .opta-button.bigButton, .opta-button.typeButton-grand {
    width: 100%;
    max-width: 675px;
    height: 155px;
    border: solid 1px #e94c5d;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .opta-button.bigButton .ugb-button-inner, .opta-button.typeButton-grand .ugb-button-inner {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center; }
      .opta-button.bigButton .ugb-button-inner p, .opta-button.typeButton-grand .ugb-button-inner p {
        font-weight: 400;
        letter-spacing: 4px;
        color: #e94c5d;
        margin: 0;
        line-height: 1.2;
        -webkit-transition: all 0.5s 0s ease-in-out;
        -o-transition: all 0.5s 0s ease-in-out;
        transition: all 0.5s 0s ease-in-out; }
        .opta-button.bigButton .ugb-button-inner p:first-child, .opta-button.typeButton-grand .ugb-button-inner p:first-child {
          font-size: 20px;
          text-transform: uppercase;
          -webkit-transition: all 0.75s 0.1s ease-in-out;
          -o-transition: all 0.75s 0.1s ease-in-out;
          transition: all 0.75s 0.1s ease-in-out; }
        .opta-button.bigButton .ugb-button-inner p:nth-child(2), .opta-button.typeButton-grand .ugb-button-inner p:nth-child(2) {
          font-size: 44px;
          padding-left: 30px;
          -webkit-transition: all 0.75s 0.1s ease-in-out;
          -o-transition: all 0.75s 0.1s ease-in-out;
          transition: all 0.75s 0.1s ease-in-out; }
    .opta-button.bigButton::before, .opta-button.typeButton-grand::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      background-color: #e94c5d;
      -webkit-transition: width 0.7s;
      -o-transition: width 0.7s;
      transition: width 0.7s; }
    .opta-button.bigButton::after, .opta-button.typeButton-grand::after {
      content: '';
      position: relative;
      width: 35px;
      height: 100%;
      background: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32.037" height="25.436"><path data-name="Tracé 1732" d="M19.342 25.436l12.695-12.649-.831-.877-.739-.739-.093-.092L19.341 0l-1.754 1.708 9.833 9.833H-.001v2.4h27.467l-9.833 9.833z" fill="%23e94c5d"/></svg>') no-repeat center center;
      margin-left: 90px;
      -webkit-transition: all 0.75s 0.1s ease-in-out;
      -o-transition: all 0.75s 0.1s ease-in-out;
      transition: all 0.75s 0.1s ease-in-out; }
    .opta-button.bigButton a.full-link, .opta-button.typeButton-grand a.full-link {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .opta-button.bigButton:hover p, .opta-button.typeButton-grand:hover p {
      color: white; }
      .opta-button.bigButton:hover p:nth-child(2), .opta-button.typeButton-grand:hover p:nth-child(2) {
        padding-left: 50px; }
    .opta-button.bigButton:hover::before, .opta-button.typeButton-grand:hover::before {
      width: 100%; }
    .opta-button.bigButton:hover::after, .opta-button.typeButton-grand:hover::after {
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32.037" height="25.436"><path data-name="Tracé 1732" d="M19.342 25.436l12.695-12.649-.831-.877-.739-.739-.093-.092L19.341 0l-1.754 1.708 9.833 9.833H-.001v2.4h27.467l-9.833 9.833z" fill="white"/></svg>') no-repeat center center;
      margin-right: -20px; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-container-poles {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600; }
  .wp-block-opta-block-container-poles.fondDark {
    background-color: #3f3a3a; }
  .wp-block-opta-block-container-poles > .editor-inner-blocks > .editor-block-list__layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
    .wp-block-opta-block-container-poles > .editor-inner-blocks > .editor-block-list__layout > * {
      -ms-flex: 1 0 0px;
          flex: 1 0 0; }
      .wp-block-opta-block-container-poles > .editor-inner-blocks > .editor-block-list__layout > *.block-list-appender {
        -ms-flex: 1 100%;
            flex: 1 100%; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-item-pole {
  position: relative;
  background-color: #3f3a3a;
  padding: 70px 70px 120px;
  width: 100%; }
  .wp-block-opta-block-item-pole p, .wp-block-opta-block-item-pole h2 {
    color: white; }
  .wp-block-opta-block-item-pole h3 {
    margin: 40px 0; }
  .wp-block-opta-block-item-pole .wp-block-advanced-gutenberg-blocks-testimonial__picture, .wp-block-opta-block-item-pole .wp-block-advanced-gutenberg-blocks-testimonial__picture__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .wp-block-opta-block-item-pole .wp-block-advanced-gutenberg-blocks-testimonial__picture a, .wp-block-opta-block-item-pole .wp-block-advanced-gutenberg-blocks-testimonial__picture__image a {
      position: relative;
      z-index: 1;
      color: white;
      cursor: pointer;
      margin: 10px; }
  .wp-block-opta-block-item-pole .wp-block-advanced-gutenberg-blocks-testimonial__picture__image {
    background: center no-repeat;
    background-size: cover;
    opacity: 0.18; }
  .wp-block-opta-block-item-pole .wp-block-advanced-gutenberg-blocks-testimonial__picture__actions {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 10px;
    cursor: pointer;
    z-index: 1; }
  .wp-block-opta-block-item-pole .linkButton {
    position: absolute;
    bottom: -4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 10px;
    text-decoration: none;
    color: white;
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid 4px #babab9; }
  .wp-block-opta-block-item-pole .opta-button {
    padding: 10px;
    text-decoration: none;
    color: white;
    font-size: 18px;
    font-weight: bold;
    border: 0;
    border-bottom: solid 4px #babab9; }
  .wp-block-opta-block-item-pole .wp-block-opta-button {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0; }

.PoleItemPicto {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: center no-repeat;
  background-size: 40px;
  position: relative; }
  .PoleItemPicto::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url("images/Contour_pointills.svg") no-repeat center; }
  .PoleItemPicto span.pictoLegend {
    display: none; }

.PoleItemPicto.__developpement {
  background-image: url("images/picto-developpement.svg"); }

.PoleItemPicto.__site_web {
  background-image: url("images/picto-site_web.svg"); }

.PoleItemPicto.__webmarketing {
  background-image: url("images/picto-webmarketing.svg"); }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-opta-block {
  background: orangered;
  border: 0.2rem solid #292929;
  color: #292929;
  margin: 0 auto;
  max-width: 740px;
  padding: 2rem; }

.pole-skill {
  display: -ms-flexbox;
  display: flex;
  color: white;
  margin: 20px 0; }
  .pole-skill .skillIcon {
    padding-right: 10px;
    color: transparent;
    overflow: hidden; }
  .pole-skill .PoleSkillPicto {
    margin-right: 15px; }

.PoleSkillPicto {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat; }

.PoleSkillPicto.__outils-gestion {
  background-image: url("images/picto-outils-gestion.svg"); }

.PoleSkillPicto.__expert-avi {
  background-image: url("images/picto-expert-avi.svg"); }

.PoleSkillPicto.__outils-ge {
  background-image: url("images/picto-outils-ge.svg"); }

.PoleSkillPicto.__conseils {
  background-image: url("images/picto-conseils.svg"); }

.PoleSkillPicto.__creation-sites {
  background-image: url("images/picto-creation-sites.svg"); }

.PoleSkillPicto.__webdesign {
  background-image: url("images/picto-webdesign.svg"); }

.PoleSkillPicto.__referencement {
  background-image: url("images/picto-referencement.svg"); }

.PoleSkillPicto.__rs-com {
  background-image: url("images/picto-rs-com.svg"); }

.PoleSkillPicto.__formation {
  background-image: url("images/picto-formation.svg"); }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-container-chiffres {
  font-family: 'Montserrat', sans-serif; }
  .wp-block-opta-block-container-chiffres.fondDark {
    background-color: #3f3a3a; }
  .wp-block-opta-block-container-chiffres > .editor-inner-blocks > .editor-block-list__layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
    .wp-block-opta-block-container-chiffres > .editor-inner-blocks > .editor-block-list__layout > * {
      -ms-flex: 1 0 0px;
          flex: 1 0 0; }
      .wp-block-opta-block-container-chiffres > .editor-inner-blocks > .editor-block-list__layout > *.block-list-appender {
        -ms-flex: 1 100%;
            flex: 1 100%; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-item-chiffre {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1 0px;
      flex: 1 1 0;
  padding: 25px; }
  .wp-block-opta-block-item-chiffre h3 {
    color: #3f3a3a; }
  .wp-block-opta-block-item-chiffre p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    line-height: 1.2; }
  .wp-block-opta-block-item-chiffre p.number {
    font-family: 'Montserrat', sans-serif;
    font-size: 110px;
    font-weight: 900;
    line-height: 1;
    color: #3f3a3a;
    -webkit-text-fill-color: white;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
  .wp-block-opta-block-item-chiffre.reverse .titre {
    -ms-flex-order: -1;
        order: -1; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-container-cta {
  font-family: 'Montserrat', sans-serif; }
  .wp-block-opta-block-container-cta.fondDark {
    background-color: #3f3a3a; }
  .wp-block-opta-block-container-cta > .editor-inner-blocks > .editor-block-list__layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
    .wp-block-opta-block-container-cta > .editor-inner-blocks > .editor-block-list__layout > * {
      -ms-flex: 1 0 0px;
          flex: 1 0 0; }
      .wp-block-opta-block-container-cta > .editor-inner-blocks > .editor-block-list__layout > *.block-list-appender {
        -ms-flex: 1 100%;
            flex: 1 100%; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-item-cta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 1100px;
  margin: 0 auto; }
  .wp-block-opta-block-item-cta h3 {
    color: #3f3a3a; }
  .wp-block-opta-block-item-cta .wrapPicto {
    position: relative;
    width: 112px;
    height: 112px;
    -ms-flex: 0 0 112px;
        flex: 0 0 112px; }
    .wp-block-opta-block-item-cta .wrapPicto .svgPicto {
      position: absolute;
      bottom: 10px;
      width: 100px; }
    .wp-block-opta-block-item-cta .wrapPicto svg {
      position: relative;
      width: 100%; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-container-text-text .wrapBlocs > .editor-inner-blocks > .editor-block-list__layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
  .wp-block-opta-block-container-text-text .wrapBlocs > .editor-inner-blocks > .editor-block-list__layout > * {
    -ms-flex: 1 0 0px;
        flex: 1 0 0; }
    .wp-block-opta-block-container-text-text .wrapBlocs > .editor-inner-blocks > .editor-block-list__layout > *.block-list-appender {
      -ms-flex: 1 100%;
          flex: 1 100%; }

.wp-block-opta-block-container-text-text.reverseBlocks .wrapBlocs > .editor-inner-blocks > .editor-block-list__layout {
  -ms-flex-flow: row-reverse wrap;
      flex-flow: row-reverse wrap; }

.wp-block-opta-block-container-text-text.oneBlock .wrapBlocs > .editor-inner-blocks > .editor-block-list__layout .editor-block-list__block {
  -ms-flex: 0 1 50%;
      flex: 0 1 50%;
  margin: 0; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-container-text-button .wrapBlocs > .editor-inner-blocks > .editor-block-list__layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
  .wp-block-opta-block-container-text-button .wrapBlocs > .editor-inner-blocks > .editor-block-list__layout > * {
    -ms-flex: 1 0 0px;
        flex: 1 0 0; }
    .wp-block-opta-block-container-text-button .wrapBlocs > .editor-inner-blocks > .editor-block-list__layout > *.block-list-appender {
      -ms-flex: 1 100%;
          flex: 1 100%; }

.wp-block-opta-block-container-text-button.reverseBlocks .wrapBlocs > .editor-inner-blocks > .editor-block-list__layout {
  -ms-flex-flow: row-reverse wrap;
      flex-flow: row-reverse wrap; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-bloc-texte {
  padding: 0 10px;
  background-color: white; }
  .wp-block-opta-block-bloc-texte.fondDark {
    background-color: #3f3a3a;
    color: white; }
    .wp-block-opta-block-bloc-texte.fondDark h2, .wp-block-opta-block-bloc-texte.fondDark h3 {
      color: white; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-last-posts .wrapArticles {
  display: -ms-flexbox;
  display: flex; }

.wp-block-opta-block-last-posts article {
  position: relative;
  padding: 0 8px;
  min-height: 400px;
  -ms-flex: 1 0 0px;
      flex: 1 0 0; }
  .wp-block-opta-block-last-posts article .wrapContent {
    position: relative;
    height: 100%;
    padding: 30px 40px;
    background: no-repeat center center;
    background-size: cover; }
    .wp-block-opta-block-last-posts article .wrapContent .full-link, .wp-block-opta-block-last-posts article .wrapContent .overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .wp-block-opta-block-last-posts article .wrapContent .overlay {
      background-color: rgba(63, 58, 58, 0.7); }
    .wp-block-opta-block-last-posts article .wrapContent .textContent {
      padding-top: 150px; }
    .wp-block-opta-block-last-posts article .wrapContent h3, .wp-block-opta-block-last-posts article .wrapContent .opta-last-posts__excerpt {
      position: relative;
      font-family: 'Arvo', serif;
      font-size: 25px;
      font-style: italic;
      font-weight: 400;
      line-height: 1.6;
      color: white;
      padding-bottom: 50px; }
    .wp-block-opta-block-last-posts article .wrapContent .opta-last-posts__tag {
      position: relative;
      font-family: 'Monserrat', sans-serif;
      font-weight: 800;
      font-size: 32px;
      font-style: normal;
      color: white; }
      .wp-block-opta-block-last-posts article .wrapContent .opta-last-posts__tag + h3 {
        margin-top: 20px; }
    .wp-block-opta-block-last-posts article .wrapContent .opta-last-posts__category-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start;
      position: absolute;
      top: 30px;
      left: 15px; }
    .wp-block-opta-block-last-posts article .wrapContent .opta-last-posts__category {
      position: relative;
      display: inline-block;
      padding: 7px 20px;
      margin-bottom: 7px;
      background-color: #e94c5d;
      font-family: 'Montserrat', sans-serif;
      font-weight: 300;
      line-height: 1; }
      .wp-block-opta-block-last-posts article .wrapContent .opta-last-posts__category a, .wp-block-opta-block-last-posts article .wrapContent .opta-last-posts__category span {
        text-decoration: none;
        color: white;
        text-transform: uppercase; }
    .wp-block-opta-block-last-posts article .wrapContent a.read-more {
      position: absolute;
      bottom: 30px;
      right: 30px;
      font-family: 'Open Sans', sans-serif;
      font-style: italic;
      font-weight: 600;
      color: white;
      text-decoration: none; }
      .wp-block-opta-block-last-posts article .wrapContent a.read-more span {
        border-right: solid 1px white;
        padding: 8px 22px; }
      .wp-block-opta-block-last-posts article .wrapContent a.read-more::after {
        position: relative;
        content: '';
        display: inline-block;
        width: 42px;
        height: 9px;
        margin-left: 22px;
        background: url(images/Pointills.svg) no-repeat center; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * Often re-used variables
 */
/**
 * Breakpoint mixins
 */
/**
 * Long content fade mixin
 *
 * Creates a fading overlay to signify that the content is longer
 * than the space allows.
 */
/**
 * Button states and focus styles
 */
/**
 * Applies editor left position to the selector passed as argument
 */
/**
 * Applies editor right position to the selector passed as argument
 */
/**
 * Styles that are reused verbatim in a few places
 */
/**
 * Breakpoints & Media Queries
 */
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-swiper-gallery {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style-type: none;
  padding: 0; }
  .wp-block-opta-block-swiper-gallery .blocks-gallery-image,
  .wp-block-opta-block-swiper-gallery .blocks-gallery-item {
    margin: 0 16px 16px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    position: relative; }
    .wp-block-opta-block-swiper-gallery .blocks-gallery-image figure,
    .wp-block-opta-block-swiper-gallery .blocks-gallery-item figure {
      margin: 0;
      height: 100%; }
      @supports ((position: -webkit-sticky) or (position: sticky)) {
        .wp-block-opta-block-swiper-gallery .blocks-gallery-image figure,
        .wp-block-opta-block-swiper-gallery .blocks-gallery-item figure {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: end;
              align-items: flex-end;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
    .wp-block-opta-block-swiper-gallery .blocks-gallery-image img,
    .wp-block-opta-block-swiper-gallery .blocks-gallery-item img {
      display: block;
      max-width: 100%;
      height: auto; }
    .wp-block-opta-block-swiper-gallery .blocks-gallery-image img,
    .wp-block-opta-block-swiper-gallery .blocks-gallery-item img {
      width: 100%; }
      @supports ((position: -webkit-sticky) or (position: sticky)) {
        .wp-block-opta-block-swiper-gallery .blocks-gallery-image img,
        .wp-block-opta-block-swiper-gallery .blocks-gallery-item img {
          width: auto; } }
    .wp-block-opta-block-swiper-gallery .blocks-gallery-image figcaption,
    .wp-block-opta-block-swiper-gallery .blocks-gallery-item figcaption {
      position: absolute;
      bottom: 0;
      width: 100%;
      max-height: 100%;
      overflow: auto;
      padding: 40px 10px 5px;
      color: #f4f4f4;
      text-align: center;
      font-size: 13px;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(41, 41, 41, 0.7)), color-stop(60%, rgba(41, 41, 41, 0.3)), to(transparent));
      background: -webkit-linear-gradient(bottom, rgba(41, 41, 41, 0.7) 0, rgba(41, 41, 41, 0.3) 60%, transparent);
      background: -o-linear-gradient(bottom, rgba(41, 41, 41, 0.7) 0, rgba(41, 41, 41, 0.3) 60%, transparent);
      background: linear-gradient(0deg, rgba(41, 41, 41, 0.7) 0, rgba(41, 41, 41, 0.3) 60%, transparent); }
      .wp-block-opta-block-swiper-gallery .blocks-gallery-image figcaption img,
      .wp-block-opta-block-swiper-gallery .blocks-gallery-item figcaption img {
        display: inline; }
  .wp-block-opta-block-swiper-gallery.is-cropped .blocks-gallery-image a,
  .wp-block-opta-block-swiper-gallery.is-cropped .blocks-gallery-image img,
  .wp-block-opta-block-swiper-gallery.is-cropped .blocks-gallery-item a,
  .wp-block-opta-block-swiper-gallery.is-cropped .blocks-gallery-item img {
    width: 100%; }
    @supports ((position: -webkit-sticky) or (position: sticky)) {
      .wp-block-opta-block-swiper-gallery.is-cropped .blocks-gallery-image a,
      .wp-block-opta-block-swiper-gallery.is-cropped .blocks-gallery-image img,
      .wp-block-opta-block-swiper-gallery.is-cropped .blocks-gallery-item a,
      .wp-block-opta-block-swiper-gallery.is-cropped .blocks-gallery-item img {
        height: 100%;
        -ms-flex: 1;
            flex: 1;
        -o-object-fit: cover;
           object-fit: cover; } }
  .wp-block-opta-block-swiper-gallery .blocks-gallery-image,
  .wp-block-opta-block-swiper-gallery .blocks-gallery-item {
    width: calc((100% - 16px) / 2); }
    .wp-block-opta-block-swiper-gallery .blocks-gallery-image:nth-of-type(even),
    .wp-block-opta-block-swiper-gallery .blocks-gallery-item:nth-of-type(even) {
      margin-right: 0; }
  .wp-block-opta-block-swiper-gallery.columns-1 .blocks-gallery-image,
  .wp-block-opta-block-swiper-gallery.columns-1 .blocks-gallery-item {
    width: 100%;
    margin-right: 0; }
  @media (min-width: 600px) {
    .wp-block-opta-block-swiper-gallery.columns-3 .blocks-gallery-image,
    .wp-block-opta-block-swiper-gallery.columns-3 .blocks-gallery-item {
      width: calc((100% - 16px * 2) / 3);
      margin-right: 16px; }
    .wp-block-opta-block-swiper-gallery.columns-4 .blocks-gallery-image,
    .wp-block-opta-block-swiper-gallery.columns-4 .blocks-gallery-item {
      width: calc((100% - 16px * 3) / 4);
      margin-right: 16px; }
    .wp-block-opta-block-swiper-gallery.columns-5 .blocks-gallery-image,
    .wp-block-opta-block-swiper-gallery.columns-5 .blocks-gallery-item {
      width: calc((100% - 16px * 4) / 5);
      margin-right: 16px; }
    .wp-block-opta-block-swiper-gallery.columns-6 .blocks-gallery-image,
    .wp-block-opta-block-swiper-gallery.columns-6 .blocks-gallery-item {
      width: calc((100% - 16px * 5) / 6);
      margin-right: 16px; }
    .wp-block-opta-block-swiper-gallery.columns-7 .blocks-gallery-image,
    .wp-block-opta-block-swiper-gallery.columns-7 .blocks-gallery-item {
      width: calc((100% - 16px * 6) / 7);
      margin-right: 16px; }
    .wp-block-opta-block-swiper-gallery.columns-8 .blocks-gallery-image,
    .wp-block-opta-block-swiper-gallery.columns-8 .blocks-gallery-item {
      width: calc((100% - 16px * 7) / 8);
      margin-right: 16px; }
    .wp-block-opta-block-swiper-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
    .wp-block-opta-block-swiper-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
      margin-right: 0; }
    .wp-block-opta-block-swiper-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
    .wp-block-opta-block-swiper-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
      margin-right: 0; }
    .wp-block-opta-block-swiper-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
    .wp-block-opta-block-swiper-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
      margin-right: 0; }
    .wp-block-opta-block-swiper-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
    .wp-block-opta-block-swiper-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
      margin-right: 0; }
    .wp-block-opta-block-swiper-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
    .wp-block-opta-block-swiper-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
      margin-right: 0; }
    .wp-block-opta-block-swiper-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
    .wp-block-opta-block-swiper-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
      margin-right: 0; }
    .wp-block-opta-block-swiper-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
    .wp-block-opta-block-swiper-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
      margin-right: 0; }
    .wp-block-opta-block-swiper-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
    .wp-block-opta-block-swiper-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
      margin-right: 0; } }
  .wp-block-opta-block-swiper-gallery .blocks-gallery-image:last-child,
  .wp-block-opta-block-swiper-gallery .blocks-gallery-item:last-child {
    margin-right: 0; }
  .wp-block-opta-block-swiper-gallery .blocks-gallery-item.has-add-item-button {
    width: 100%; }
  .wp-block-opta-block-swiper-gallery.alignleft, .wp-block-opta-block-swiper-gallery.alignright {
    max-width: 305px;
    width: 100%; }
  .wp-block-opta-block-swiper-gallery.alignleft, .wp-block-opta-block-swiper-gallery.aligncenter, .wp-block-opta-block-swiper-gallery.alignright {
    display: -ms-flexbox;
    display: flex; }
  .wp-block-opta-block-swiper-gallery.aligncenter .blocks-gallery-item figure {
    -ms-flex-pack: center;
        justify-content: center; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-container-poles {
  font-family: 'Montserrat', sans-serif; }
  .wp-block-opta-block-container-poles.fondDark {
    background-color: #3f3a3a; }
  .wp-block-opta-block-container-poles > .editor-inner-blocks > .editor-block-list__layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
    .wp-block-opta-block-container-poles > .editor-inner-blocks > .editor-block-list__layout > * {
      -ms-flex: 1 0 0px;
          flex: 1 0 0; }
      .wp-block-opta-block-container-poles > .editor-inner-blocks > .editor-block-list__layout > *.block-list-appender {
        -ms-flex: 1 100%;
            flex: 1 100%; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/* Main column width */
.wp-block {
  max-width: none; }

/* Width of "wide" blocks */
.wp-block[data-align="wide"] {
  max-width: none; }

/* Width of "full-wide" blocks */
.wp-block[data-align="full"] {
  max-width: none; }

h1 {
  font-size: 8vw;
  font-weight: 900;
  line-height: 1;
  color: #f4f4f6;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

h2 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px; }

h3 {
  font-family: 'Arvo', serif;
  font-size: 28px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 20px;
  color: white; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-opta-block-item-frise {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 1100px;
  margin: 0 auto; }
  .wp-block-opta-block-item-frise h3 {
    color: #3f3a3a; }
  .wp-block-opta-block-item-frise .date {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-size: 130px;
    font-weight: 900;
    line-height: 1.2 !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: transparent;
    margin-right: 50px;
    min-width: 176px; }
  .wp-block-opta-block-item-frise .dashDotted {
    position: relative;
    width: 45px;
    height: 2px;
    -ms-flex: 0 0 45px;
        flex: 0 0 45px;
    background-color: #3f3a3a; }
    .wp-block-opta-block-item-frise .dashDotted .circle, .wp-block-opta-block-item-frise .dashDotted .dot {
      position: absolute;
      top: 50%;
      left: 100%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      border-radius: 50%; }
    .wp-block-opta-block-item-frise .dashDotted .circle {
      width: 36px;
      height: 36px;
      border: 1px solid #3f3a3a; }
    .wp-block-opta-block-item-frise .dashDotted .dot {
      width: 7px;
      height: 7px;
      background-color: #3f3a3a; }
  .wp-block-opta-block-item-frise .wrapPicto {
    position: relative;
    width: 112px;
    height: 112px;
    -ms-flex: 0 0 112px;
        flex: 0 0 112px;
    margin: 0 100px 0 50px; }
    .wp-block-opta-block-item-frise .wrapPicto .circlePicto {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border: 2px dashed #3f3a3a;
      border-radius: 50%;
      opacity: 0.3; }
    .wp-block-opta-block-item-frise .wrapPicto .svgPicto {
      position: absolute;
      bottom: 20px;
      left: 50%;
      width: 100px;
      -webkit-transform: translateX(-40%);
          -ms-transform: translateX(-40%);
              transform: translateX(-40%); }
    .wp-block-opta-block-item-frise .wrapPicto svg {
      position: relative;
      width: 100%; }