/* @keyframes */
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}

@keyframes blink {
    0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;}
}

/* LAYOUT */
body {-webkit-font-smoothing: antialiased;text-rendering: optimizelegibility;position: relative;background-color: #230517 !important; color: #e2d8bd; height: 100%;font-family: loos-normal, sans-serif;font-weight: 400;font-style: normal;}
ul {margin:0;padding:0;list-style:none;}
ul, ol, dl {position:relative;}

/* COLORS */
.dark {color: #230517;}
.white {color: #e2d8bd;}
.bgwhite {background-color: #e2d8bd;}

/* ANIMATIONS */
.blink {animation: blink 2s infinite;}

/* BUTTONS */
.btn-custom {background-color: #ae1a38;color:#ffffff;text-decoration: none;border-radius: 2px;}
.btn-custom:hover {background-color: #ae1a38;color:#ffffff;}

/* DISPLAY */
.db {display:block;}
.dib {display:inline-block;}
.up {text-transform: uppercase;}
.cap {text-transform: capitalize;}

/* FONTS STYLE */
p, h1, h2, h3, h4, li {padding: 0px; margin: 0px;}
a {color:#e2d8bd;}
a, a:hover, a:active, a:visited, a:focus {text-decoration:none;}
a:hover {text-decoration:none;}

/* FONT SIZE */
.fs07 {font-size: 0.70em;} .fs08 {font-size: 0.80em;} .fs09 {font-size: 0.90em;} .fs10 {font-size: 1.00em;} .fs11 {font-size: 1.10em;} .fs12 {font-size: 1.20em;} .fs13 {font-size: 1.30em;} .fs14 {font-size: 1.40em;} .fs15 {font-size: 1.50em;} .fs16 {font-size: 1.60em;} .fs17 {font-size: 1.70em;} .fs18 {font-size: 1.80em;} .fs19 {font-size: 1.90em;} .fs20 {font-size: 2.00em;} .fs21 {font-size: 2.10em;} .fs22 {font-size: 2.20em;} .fs23 {font-size: 2.30em;} .fs24 {font-size: 2.40em;} .fs25 {font-size: 2.50em;} .fs30 {font-size: 3.00em;}

/* FONT WEIGHT */
.fw400 {font-weight: 400;}
.fw700 {font-weight: 700;}

/* BANDO */
.banner {display: flex;justify-content:center;align-items: end;min-height: 60vh;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center;}
.banner .content {background-image: linear-gradient(180deg, rgba(255,0,0,0) 20%, rgba(37,41,43,1) 90%);padding-bottom: 50px;padding-left:50px;padding-right:50px;}
.bg-home {background-image: url('https://www.caveleclercsaintnazaire.fr/images/banner/bg-home.jpg')}



header {
    position: relative;
    height: 65vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
  }
  
  header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
  header .container {
    position: relative;
    z-index: 2;
  }
  
  header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 1;
  }
  
  
  



/* ACTUALITE */
.thumb-actu {margin-bottom: 40px;padding:10px; background-color: #391e2e;}



/* Form */
.form {padding:40px; border: 1px solid #4f3745;background-color: #2e1223;}
.form-label {font-size: 1.00em;margin-bottom: 10px;}
.form-control {background-color: #391e2e; color: #FFFFFF; border: 1px solid #4f3745;border-radius: 0px;margin-bottom: 20px;padding: 10px 10px;}

/* FOOTER */
.footer ul {}
.footer ul li {font-size: 0.80em;display: inline;margin: 0px 10px;}


/* WEB */
.web {text-align: center;background-color: #2e1223;}
.web p {padding:0px;margin: 0px 0px 5px 0px; font-size: 0.70em;text-transform: uppercase;color: #FFFFFF;}