/* @keyframes */
@keyframes fadein {from {opacity:0;}to {opacity:1;}}
@keyframes slidein {from {margin-top: 50px; opacity: 0;} to {opacity: 1;}}


/* Layout */
body {-webkit-font-smoothing: antialiased;text-rendering: optimizelegibility;position: relative;font-family: greycliff-cf, sans-serif;font-style: normal;font-weight: 400;background-color: #f8f8f8;color: #606060; height: 100%;}
ul {margin:0;padding:0;list-style:none;}
ul, ol, dl {position:relative;}
.db {display:block;}
.up {text-transform: uppercase;}

/* @keyframes elements */
.slidein {animation: slidein 2s;}
.fade {animation-name: fadein; animation-duration: 1s;}

/* BORDER */
.bd {border: 1px solid #8c8c8c;}
.bt {border-top: 3px dotted #8c8c8c;}
.bb {border-bottom: 3px dotted #8c8c8c;}

/* Youtube Player */
.vid {position: relative;padding-bottom: 56.25%;height: 0; overflow: hidden;margin-bottom: 10px;}
.vid iframe, .vid object, .vid embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Colors */
.black {color: #3a3a3a;}
.bgblack {background-color: #3a3a3a;}
.bggrey {background-color: #f2f2f2;}

/* BUTTONS */
.btn-custom {padding: 10px 25px;border: 0px;border-radius: 3px;background-color: #ff3c3c;color:#ffffff;}
.btn-custom:hover {background-color: #25292B;color:#ffffff;}

/* FONTS STYLE */
p, h1, h2, h3, h4, li {padding: 0px; margin: 0px;}
a, a:hover, a:active, a:visited, a:focus {text-decoration:none;}
a {color: #606060;}
.josefin {font-family: "josefin-sans", sans-serif;font-weight: 700;}
.title-page {font-size:4.00em;}

/* 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;}
.fs40 {font-size: 4.00em;}
.fs30 {font-size: 3.00em;}

/* NAV LG */
.nav-lg {padding: 10px;background-color: #f2f2f2;}
.nav-lg li {display:inline;margin-left: 20px;margin-right:20px; font-size: 1.00em;}

/* GALLERY */
.gallery {margin-bottom: 200px;}
.gallery .photo {padding: 10px;background-color: #FFFFFF;margin-bottom: 40px;}
.gallery h2 {margin-bottom: 10px;font-size: 1.40em; letter-spacing: -0.02em;}
.gallery p {font-size: 1.10em;}

/* Banner */
.banner {display: flex;justify-content:center;align-items: center;min-height: 25vh;color:#FFFFFF;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center;}


/* Footer */
.footer {padding: 20px; background-color: #f2f2f2;}
.footer .logo {margin-bottom: 40px;}
.footer h4 {margin-bottom: 10px; color: #7c7f80;font-size: 0.90em;text-transform: uppercase;}
.footer li {font-size: 0.85em;line-height: 1.90em;}
.footer li a {color: #FFFFFF;}
.footer li a .icon {margin-right: 5px;color: #3DC8E8;}
.copyright {text-align: center;}
.copyright p {font-size: 0.80em;color: #ffffff;}
.copyright a {color: #ffffff;}

/* Mentions Légales */
.mentionslegales {}
.mentionslegales h2 {font-size: 1.10em;padding: 0px;margin-bottom:5px;text-transform: uppercase;}
.mentionslegales p {font-size: 1.10em;padding: 0px;margin-bottom: 20px;text-align: justify;line-height: 1.40em;}
.mentionslegales ul {margin-bottom: 20px;}
.mentionslegales li {font-size: 1.10em;padding: 0px;margin: 0px;}


/* VIDEO PLAYER */
.vid {position: relative;padding-bottom: 56.25%;height: 0; overflow: hidden;margin-bottom: 10px;}
.vid iframe, .vid object, .vid embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ina {background-color: #25292B;}
.vid-vertical {padding-bottom: 178%;position: relative;display: block;width: 100%;}
.vid-vertical iframe {position: absolute; top: 0;left:0;}