@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?ogt8t9');
  src:  url('../fonts/icomoon.eot?ogt8t9#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?ogt8t9') format('truetype'),
    url('../fonts/icomoon.woff?ogt8t9') format('woff'),
    url('../fonts/icomoon.svg?ogt8t9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-picto_brise-vue:before {
  content: "\e900";
}
.icon-picto_decoratif:before {
  content: "\e901";
}
.icon-scalin-escalier:before {
  content: "\e904";
}
.icon-scalin-piscine:before {
  content: "\e905";
}
.icon-scalin-terrasse:before {
  content: "\e907";
}



.icon-block_realisation{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px;
}


.icon-block_realisation div {
  padding: 10px;
  margin: 5px;

}
.icon-block_realisation a {
  text-decoration: none;
}
.icon-block_realisation a:hover {
  text-decoration: none;
}

.icon-block_realisation i{
  font-size: 50px;
  color:#B694C5;
}
.icon-block_realisation span {
  display: block;
  position: relative;
  padding-top: 10px;
  padding-bottom:8px;
  font-size: 20px;
  font-family: 'rockwell_stdregular';
  color:#6F6F6E;

}
.icon-block_realisation span::after {
  content: "";                      /* Pseudo-élément sans contenu */
  position: absolute;               /* Positionnement absolu */
  bottom: 0;                        /* En bas du conteneur */
  left: 15px;                        /* Centrer horizontalement */
  width: 30px;                      /* Largeur de la bordure */
  height: 2px;                      /* Hauteur de la bordure */
  background-color: #B694C5;          /* Couleur de la bordure */
  transform: translateX(-50%);      /* Centrer la bordure */
}

.bloc_projet i{
  font-size: 60px;
  color:#FFF;
}
.bloc_projet a{
  display: block;
  width:100%;
  height:100%;
  text-align: center;
  padding: 38px;
}
.bloc_projet a:hover{
  text-decoration: none;
}

@media (max-width: 768px){
  .icon-block_realisation{
    flex-wrap: wrap;
    margin:10px;
  }

  .icon-block_realisation i{
    font-size: 40px;
  }
}
.icon-block_realisation .bloc_brise_vue i{
  font-size: 40px;
  line-height: 50px;
}