.nav-footer {
  min-height: 150px;
}

main{
  margin-top: 0 !important;
}

#quarto-content > * {
  padding-top: 0 !important;
}

#special{
  min-height:400px;
  background:
    linear-gradient(rgb(44 62 80 / 90%), rgb(255 255 255 / 25%)),
    url("../resources/images/datacenter.jpg") center/cover no-repeat;
  background-attachment:fixed;
  width:100vw;
  margin-left:calc(50% - 50vw);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4rem 2rem;
  box-sizing:border-box;
}

#news{
  min-height:400px;
  
  width:100vw;
  margin-left:calc(50% - 50vw);

  display:flex;
  align-items:center;
  justify-content:center;

  padding:4rem 2rem;
  box-sizing:border-box;
}



.badge-new {
  background: #e74c3c !important;   /* rouge */
}

.badge-month {
  background: #18bc9c !important;   /* orange */
}

.badge-old {
  background: #95a5a6 !important;   /* bleu */
}

.badge-archive {
  background: #d5dbdb !important;   /* gris */
  color: #2c3e50 !important;
}

#title{
  color:white;
  text-align:center;
}

#title img{
  vertical-align:middle;
  margin-right:20px;
}

.services{
  margin-top:4rem;
  display:flex;
  gap:2rem;
}

.service{
  padding:1rem;
}

.service i{
  margin-bottom:1rem;
}

.service a{
  color:white;
  text-decoration:none;
}

.main-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  color: white;
  font-size: 42px;
  font-weight: 500;
}

.isc-logo {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

@media (max-width: 768px) {
  .main-title {
    flex-direction: column;
    font-size: 32px;
  }
}



.news-card {
  position: relative;
  width: 320px;
  height: 100%;
  border-radius: 12px;
  /*overflow: hidden;*/
  background: var(--bs-body-bg);
  /*box-shadow: 0 3px 10px var(--box-shadow-lg);*/
}

.news-badge {
  position: absolute;
  top: -9px;
  right: -18px;
  background: var(--bs-body-bg);
  color: white;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  z-index: 10;
}


.news-card img {
  width: 100%;
  /*height: 180px;*/
  object-fit: cover;
}

.news-content{
  padding:1rem;
}

.news-date{
  color: var(--bs-info);
  font-size:.85em;
}


.news-title{
  font-size:1.2em;
  font-weight:bold;
  margin-top:.4em;
}

.news-description{
  margin-top:.6em;
}

.pastroplarge{
  margin: 0% 10% 0% 10%;
}