<br />
<b>Deprecated</b>:  Array and string offset access syntax with curly braces is deprecated in <b>/www/wwwroot/cibeins.fr/wp-content/themes/idcomweb/lib/less/lessc.inc.php</b> on line <b>1433</b><br />
<br />
<b>Deprecated</b>:  Array and string offset access syntax with curly braces is deprecated in <b>/www/wwwroot/cibeins.fr/wp-content/themes/idcomweb/lib/less/lessc.inc.php</b> on line <b>3535</b><br />
<br />
<b>Deprecated</b>:  Array and string offset access syntax with curly braces is deprecated in <b>/www/wwwroot/cibeins.fr/wp-content/themes/idcomweb/lib/less/lessc.inc.php</b> on line <b>4847</b><br />
<br />
<b>Deprecated</b>:  Array and string offset access syntax with curly braces is deprecated in <b>/www/wwwroot/cibeins.fr/wp-content/themes/idcomweb/lib/less/lessc.inc.php</b> on line <b>4955</b><br />
.formation-domaine {
  margin: 4rem auto;
  overflow: hidden;
}
.formation-domaine .container-titre .wrapper-picto {
  height: 50px;
  width: 55px;
  clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.formation-domaine .container-titre .wrapper-titre .titre {
  font-size: 2.375rem;
  font-weight: 700;
  color: #373F41;
}
.formation-domaine .wrapper-description .description {
  color: #585D5E;
  font-size: 1.125rem;
}
.formation-domaine .container-situations-formations .titre-situation {
  color: #F59C24;
  font-size: 1.375rem;
}
.formation-domaine .container-situations-formations .lien {
  color: #737B7D;
  font-size: 1.125rem;
}
.formation-domaine .container-image {
  position: relative;
}
.formation-domaine .container-image::before {
  content: '';
  position: absolute;
  background-color: var(--couleur);
  opacity: 0.1;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  z-index: -1;
  height: 90%;
  width: 600px;
}
.formation-domaine .container-image::after {
  content: '';
  position: absolute;
  background-color: var(--couleur);
  top: 50%;
  left: 53%;
  transform: translate(-50%,-50%);
  margin: auto;
  width: 300px;
  height: 250px;
  z-index: -1;
  clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
}
.formation-domaine .container-image .wrapper-image {
  clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
  width: 300px;
  height: 250px;
}
.formation-domaine .container-image .wrapper-image .image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 1400px) {
  .formation-domaine .container-image::after {
    width: 550px;
    height: 500px;
    left: 75%;
  }
  .formation-domaine .container-image .wrapper-image {
    width: 550px;
    height: 500px;
  }
}