#page_dossier {
  max-width: 100%;
}
#bnd-surfrider {
  width: 100%;
  background-color: #93D5F6;
  color: #0D3880;
  position: relative;
  padding: 18px 10px;
  margin-bottom: 30px;
}
#bnd-surfrider .bandeau-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}
#bnd-surfrider .txtexlu{
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 3px;
}
#bnd-surfrider .containerSurf {
  width: 1366px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#bnd-surfrider .bandeau-content .img {
  display: flex;
}

#bnd-surfrider .bandeau-content .remiseDate {
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  text-align: left;
}
#bnd-surfrider .bandeau-content .remiseDate span{
  font-weight: 600;
}
#bnd-surfrider .bandeau-content a.cta{
    font-size: 10px;
    font-weight: 500;
    text-decoration: underline;
    text-transform: uppercase;
}
#bnd-surfrider .bandeau-content a.cta:hover{
    text-decoration: none;
}
.no-desk{display: none;}
@media only screen and (max-width: 992px) {
    .no-desk{display: inline-block;}
}
@media only screen and (max-width: 480px) {
  #bnd-surfrider{
    padding: 14px 6px;
    margin-bottom: 20px;
  }
  #bnd-surfrider .txtexlu {
    display: none;
  }
}
@media only screen and (max-width: 390px) {
  #bnd-surfrider .bandeau-content .remiseDate{
    font-size: 9px;
    line-height: 12px;
  }
  #bnd-surfrider .bandeau-content .img img {
        width: 30px;
    }
    #bnd-surfrider .bandeau-content a.cta{
        font-size: 9px;
    }

}