/**************************
***** 6 POLES ACTIVITES 
************************** */
#c328 > header {
  background: url(../../Icons/vivadour/border-title-sky.jpg) repeat-x left
    center transparent;
  text-align: center;
  margin: 30px 0 0 0;
}
#c328 > header h2 {
  background: #ffffff;
  font-size: 36px;
  display: inline-block;
  padding: 0 10px;
  margin: 0;
  color: var(--color-ciel);
}
#c328 .ce-gallery .ce-row {
  position: relative;
  display: flex;
  justify-content: center;
  row-gap: 10px;
  column-gap: 20px;
}

#c328 .ce-gallery .ce-column {
  display: flex;
  justify-content: center;
  margin: 0;
}

@media only screen and (max-width: 800px) {

  #c328 .ce-gallery .ce-row {
    flex-wrap: wrap;
  }

  #c328 .ce-gallery .ce-column {
    width: calc(33% - 14px);
  }
}

/**************************
***** ACTUS
************************** */
#c2 {
  border-bottom: 5px solid var(--color-mineral);
  margin: 50px 0 30px 0;
}

#c2 > header {
  background: url(../../Icons/vivadour/border-title-blue.jpg) repeat-x left
    center transparent;
  text-align: center;
}

#c2 > header h2 {
  background: #ffffff;
  font-size: 36px;
  display: inline-block;
  padding: 0 10px;
  margin: 0;
  color: var(--color-mineral);
}

/**************************
***** LOGIN AREA
************************** */
#mid-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

#mid-content img{
  width: 100%;
  height: auto;
}