/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */
.video-container {
  width:100%;
  height:0;
  padding-bottom:56.25%;
  overflow:hidden;
  position:relative;
}

.video-container iframe {
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
}

.marronclairfonce { 
background: #C99D5E !important; 
color: #4F3723 !important;
}

.marronclairfonce:hover { 
background: #4F3723 !important; 
color: #C99D5E !important;
}

.marronfoncebleu { 
background: #4F3723 !important; 
color: #86CCD0 !important;
}

.marronfoncebleu:hover { 
background: #86CCD0 !important; 
color: #4F3723 !important;
}

.marronclairbleu { 
background: #C99D5E !important; 
color: #4F3723 !important;
}

.marronclairbleu:hover { 
background: #86CCD0 !important; 
color: #4F3723 !important;
}
  
.filtre_img {
filter: grayscale(100%);
opacity: 50%;
}

.filtre_img:hover {
filter: none;
opacity: 100%;
}