#wrapper {
    min-height: calc(100vh - 345px);
}

.ombre {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}
.ombre:hover {
  box-shadow: 0 4px 16px 0 rgba(8, 32, 96, 0.5), 0 6px 40px 0 rgba(8, 32, 96, 0.5);
}

.h1border {
  border-bottom: 1px solid #163264;
  width: 1000px;
}

.fond-vignette{
  /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3), 0 6px 20px 0 rgba(0,0,0,0.3);*/
}
.fond-vignette img{
  opacity:0.8;
}
.fond-vignette h2{
  position:relative;
  text-align:center;
  top:-50%;
  width:360px;
  left:calc(50% - 180px);
  color:rgba(255,255,255,1);
  background-color:rgba(8,32,96,0.8);
  padding-top:9px;
  padding-bottom:11px;
}
  
.fond-image{
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3), 0 6px 20px 0 rgba(0,0,0,0.3);
}
.fond-image:hover{
  box-shadow: 0 4px 16px 0 rgba(0,0,0,0.5), 0 6px 40px 0 rgba(0,0,0,0.5);
}
.fond-image img{
  opacity:0.6;
}
.fond-image:hover img{
  opacity:1;
}
.fond-image h2{
  position:relative;
  top:-75px;
  color:rgba(8,32,96,1);
  background-color:rgba(255,255,255,0.3);
  padding-top:9px;
  padding-bottom:11px;
}
.fond-image:hover h2{
  position:relative;
  top:-75px;
  color:rgba(255,255,255,1);
  background-color:rgba(8,32,96,0.6);
  padding-top:9px;
  padding-bottom:11px;
}

h1 {
  font-weight:400;
}
h2 {
  font-weight:400;
}
h3 {
  font-weight:400;
}
h4 {
  font-weight:400;
}
h5 {
  font-weight:400;
}
h6 {
  font-weight:400;
}