#content-container {
   padding: 20px 20px 0;
 }
 .content-menu-real > a {
  /* padding: 10px 12px; */
  border-radius: 6px;
  background-color: var(--blue-w-color);
}
.content-menu-real div a > div {
  height: 110px;
  padding: 20px 20px;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
  color: #fff;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
}
#content-container .content-menu-real #colone1 a div:hover {
   background-color: var(--orange-color);
   transition: background-color 150ms ease-out;
}
#content-container .content-menu-real #colone2 a div:hover {
   background-color: var(--blue-color);
   transition: background-color 150ms ease-out;
}
#content-container .content-menu-real #colone3 a div:hover {
   background-color: var(--dark-color);
   transition: background-color 150ms ease-out;
}
#content-container .content-menu-real #colone1 a div {
    background-color: var(--orange-w-color);
}
#content-container .content-menu-real #colone2 a div {
    background-color: var(--blue-w-color);
}

#content-container .content-menu-real #colone3 a div {
    background-color: var(--dark-w-color);
}
#content-container .content-menu-real a div:nth-child(1) {
   font-size: 26px;
   margin-bottom: 20px;
}
#content-real .content-menu-real a > div > div:nth-child(2) {
   font-size: 18px;
}
.contnet-text-real {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.contnet-text-real .text {
   width: 100%;
   display: flex;
   justify-content: center;
}
.title-veille{
  background-color: var(--dark-w-color);
  font-size: 35px;
  color: #fff;
  font-weight: 900;
  border-radius: 6px;
  text-align: center;
  padding: 20px 0;
  margin-top: 10px;
  margin-bottom: 20px;
}