body {
  font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;}
header.masthead {
    width: 100%;
  padding-top: 10rem;
  padding-bottom: calc(10rem - 56px);
    background-color: #ee2255;
  /*background-image: url("../img/FondHaut-02.jpg");*/
    /**/background-repeat: no-repeat;
  background-position: center center;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
    background-size: 100% contain;}
header.masthead p {font-size: 3em;}

header.bastarded { width: 100%;
    height: auto;
    padding-top: 10rem;
    background-position: center center;
    background-repeat: no-repeat;
background-image: url("../img/FondHaut-02.jpg"); }

.navbar-brand {
  float: left;
  height: auto;
  padding: 0 15px;
  font-size: 18px;
  line-height: 20px;
    width: 20%;
}
.navbar-brand img {width: 100%;}
@media (min-width: 1200px) {header.bastarded {width: 100%;}}
@media (min-width: 992px) {header.bastarded {width: 100%;}}
@media (min-width: 768px) {header.bastarded {width: 100%;}}

.text-noir {color: #000;}
.text-actif {color: #ee2255;}
.bg-noir-opass {background-color: rgba(0, 0, 0, 0.4);}
.bg-noir {background-color: #000;}
.bg-blanc-opass {background-color: rgba(255, 255, 255, 0.9);}
.bg-blanc {background-color: #FFF;}

/******* POLICE BATARD CONNAUD *******/

.bc-font {font-family: 'batard-connaud_4regular';
font-size: 3em;}
.bc-font-2 {font-family: 'batard-connaud_4regular';
font-size: 2em;}
@font-face {
    font-family: 'batard-connaud_4regular';
    src: url('../fonts/batard-connaud-4-webfont.eot');
    src: url('../fonts/batard-connaud-4-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/batard-connaud-4-webfont.woff') format('woff'),
         url('../fonts/batard-connaud-4-webfont.ttf') format('truetype'),
         url('../fonts/batard-connaud-4-webfont.svg#batard-connaud_4regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**********             *******************/
.mt-x {margin-top: 4em}
.mt-7 {margin-top: 7em;}
.mt-8 {margin-top: 8em;}
.mt-9 {margin-top: 9em;}
.mt-10 {margin-top: 10em;}
.mt-20 {margin-top: 20em;}
.mt-30 {margin-top: 30em;}
.mt-40 {margin-top: 40em;}
.mt-50 {margin-top: 50em;}
.mt-60 {margin-top: 60em;}
.w-auto {width: auto;}

.section-heading {margin-top: 2em;}

.portfolio-box .portfolio-box-caption:hover {background: rgba(0, 0, 0, 0.7);}/**/

.navbar-toggler {
    font-size: 80%;
    padding: 0.8rem;
    background-color: #999;
  }
.card-title a{color: #000;}

/****** baguette lightbox **********/
.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 0,5;
}