<br />
<b>Deprecated</b>:  Array and string offset access syntax with curly braces is deprecated in <b>/www/wwwroot/croc-up.com/wp-content/themes/idcomweb/less/lessc.inc.php</b> on line <b>717</b><br />
<br />
<b>Deprecated</b>:  Array and string offset access syntax with curly braces is deprecated in <b>/www/wwwroot/croc-up.com/wp-content/themes/idcomweb/less/lessc.inc.php</b> on line <b>1768</b><br />
<br />
<b>Deprecated</b>:  Array and string offset access syntax with curly braces is deprecated in <b>/www/wwwroot/croc-up.com/wp-content/themes/idcomweb/less/lessc.inc.php</b> on line <b>2424</b><br />
<br />
<b>Deprecated</b>:  Array and string offset access syntax with curly braces is deprecated in <b>/www/wwwroot/croc-up.com/wp-content/themes/idcomweb/less/lessc.inc.php</b> on line <b>2478</b><br />
.idcom-page-locked #wp-admin-bar-so_live_editor,
.idcom-page-locked #wp-admin-bar-edit {
  display: none !important;
}
body main #page-content .main-section.texte-image-section::before {
  content: "";
  display: none;
  position: absolute;
  z-index: 0;
  right: -16vw;
  top: -20px;
  width: 32vw;
  height: 24vw;
  background-color: #950215;
  -webkit-mask-image: url(../../../../img/forme-tache.svg);
  mask-image: url(../../../../img/forme-tache.svg);
  color: #393945;
  mask-size: cover;
  -webkit-mask-size: conver;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
body main #page-content .main-section.texte-image-section.forme-grise::before {
  background-color: #393945;
  top: -10px;
  transform: rotate(-25deg);
}
body main #page-content .main-section.texte-image-section.forme-none::before {
  display: none;
}
body main #page-content .main-section.texte-image-section.forme-image-droite::before {
  display: none;
  right: auto;
  left: -14vw;
  top: 12vw;
}
body main #page-content .main-section.texte-image-section.forme-grise-grosse {
  padding-bottom: 60px;
}
body main #page-content .main-section.texte-image-section.forme-grise-grosse::before {
  display: block;
  width: 118vw;
  height: 100vw;
  bottom: 20vw;
  top: auto;
  background-color: #f5f5f5;
  right: auto;
  left: -30vw;
  transform: scaleX(-1);
}
body main #page-content .main-section.texte-image-section.forme-rouge-grosse {
  padding-bottom: 60px;
}
body main #page-content .main-section.texte-image-section.forme-rouge-grosse::before {
  display: block;
  width: 118vw;
  height: 100vw;
  bottom: 0vw;
  top: auto;
  background-color: #950215;
  right: auto;
  left: -30vw;
  transform: scaleX(-1);
}
body main #page-content .main-section.texte-image-section.forme-grise-grosse.forme-image-droite::before {
  right: -18vw;
  left: auto;
  transform: none;
}
body main #page-content .main-section.texte-image-section.forme-rouge-grosse.forme-image-droite::before {
  right: -30vw;
  left: auto;
  transform: none;
}
body main #page-content .main-section.texte-image-section .container .col-image .media-container {
  position: relative;
}
body main #page-content .main-section.texte-image-section .container .col-image .media-container .btn-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #950215;
  border-color: #950215;
  height: 80px;
  width: 80px;
  border-radius: 40px;
  padding: 10px;
}
body main #page-content .main-section.texte-image-section .container .col-image .media-container .btn-video:hover,
body main #page-content .main-section.texte-image-section .container .col-image .media-container .btn-video:active {
  background-color: #393945;
  border-color: #393945;
}
body main #page-content .main-section.texte-image-section .container .col-image .media-container .btn-video i {
  font-size: 200%;
  margin-left: 5px;
}
body #VideoModal .modal-content {
  border: none;
  border-radius: 0;
}
body #VideoModal .modal-content .container {
  width: 100%;
  padding: 10px 0 0 0;
}
@media (min-width: 576px) {
  body main #page-content .main-section.texte-image-section::before {
    display: block;
  }
}
@media (min-width: 992px) {
  body main #page-content .main-section.texte-image-section {
    padding-top: 60px;
    padding-bottom: 90px;
  }
  body main #page-content .main-section.texte-image-section::before {
    right: -14vw;
    width: 22vw;
    height: 20vw;
  }
  body main #page-content .main-section.texte-image-section.forme-grise-grosse {
    min-height: 62vw;
    padding-bottom: 120px;
  }
  body main #page-content .main-section.texte-image-section.forme-grise-grosse::before {
    width: 80vw;
    height: 72vw;
    bottom: auto;
    top: 50%;
    transform: scaleX(-1) translateY(-50%);
  }
  body main #page-content .main-section.texte-image-section.forme-grise-grosse.forme-image-droite::before {
    transform: translateY(-50%);
  }
  body main #page-content .main-section.texte-image-section.forme-rouge-grosse {
    min-height: 62vw;
    padding-bottom: 90px;
  }
  body main #page-content .main-section.texte-image-section.forme-rouge-grosse::before {
    width: 80vw;
    height: 72vw;
    bottom: auto;
    top: 50%;
    transform: scaleX(-1) translateY(-50%);
  }
  body main #page-content .main-section.texte-image-section.forme-rouge-grosse.forme-image-droite::before {
    transform: translateY(-50%);
  }
  body main #page-content .main-section.texte-image-section .container {
    padding-left: 30px;
    padding-right: 30px;
  }
  body main #page-content .main-section.texte-image-section .container .col-image .media-container {
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    padding-bottom: 30px;
  }
  body #VideoModal .modal-content .container {
    padding: 30px;
  }
}
@media (min-width: 1400px) {
  body main #page-content .main-section.texte-image-section.forme-grise-grosse {
    padding-bottom: 150px;
  }
  body main #page-content .main-section.texte-image-section.forme-image-droite::before {
    display: block;
  }
  body main #page-content .main-section.texte-image-section .container .col-texte {
    padding-left: 60px;
  }
  body main #page-content .main-section.texte-image-section .container .col-texte .row-content {
    padding-left: 60px;
    font-size: 1.125rem;
  }
  body main #page-content .main-section.texte-image-section .container .col-image {
    position: relative;
  }
  body main #page-content .main-section.texte-image-section .container .col-image .media-container .btn-video {
    height: 120px;
    width: 120px;
    border-radius: 60px;
  }
  body main #page-content .main-section.texte-image-section .container .col-image .media-container .btn-video i {
    font-size: 260%;
  }
}