/******************************/
/********** CLEAR *************/
/******************************/

*,*:after,*:before {
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
   outline : none;
}
ul, ol {padding-left: 0;}
a{text-decoration:none;}
h1, h2, h3, p{margin:0;}
li {list-style-type: none;}
embed, iframe, object{max-width: 100%;}
img{display: inline-block;}
.row{margin:0;}
.hidden{display:none;}
.clear{clear:both; height:0;}
.left{float:left;}
.right{float:right;}
.tleft{text-align: left;}
.tright{text-align: right;}
.center{text-align: center;}
.center-block{margin:0 auto; display: inline-block;}
.block{display:block;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/******************************/
/********** FONTS *************/
/******************************/

@font-face {
  font-family: 'Univers LT Std';
  src: url('../fonts/UniversLTStd.eot');
  src: url('../fonts/UniversLTStd.eot?#iefix') format('embedded-opentype'),
    url('../fonts/UniversLTStd.woff') format('woff'),
    url('../fonts/univers-lt-55-roman.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Univers LT Std Bold';
  src: url('../fonts/UniversLTStd-Bold.eot');
  src: url('../fonts/UniversLTStd-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/UniversLTStd-Bold.woff') format('woff'),
    url('../fonts/UniversLTStd-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Univers LT Std Light';
  src: url('../fonts/UniversLTStd-Light.eot');
  src: url('../fonts/UniversLTStd-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/UniversLTStd-Light.woff') format('woff'),
    url('../fonts/univers-ce-45-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Univers 45 Light";
  src: url("../fonts/c99d04dc4650c4fb0f40bf7c41fc4d36.eot"); /* IE9*/
  src: url("../fonts/c99d04dc4650c4fb0f40bf7c41fc4d36.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/c99d04dc4650c4fb0f40bf7c41fc4d36.woff2") format("woff2"), /* chrome、firefox */ 
  url("../fonts/c99d04dc4650c4fb0f40bf7c41fc4d36.woff") format("woff"), /* chrome、firefox */
  url("../fonts/c99d04dc4650c4fb0f40bf7c41fc4d36.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/c99d04dc4650c4fb0f40bf7c41fc4d36.svg#Univers 45 Light") format("svg"); /* iOS 4.1- */
}

/********** Univers C *************/
@font-face {
    font-family: 'UniversC';
    src: url('../fonts/UniversC.eot');
    src: url('../fonts/UniversC.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UniversC.woff2') format('woff2'),
        url('../fonts/UniversC.woff') format('woff'),
        url('../fonts/UniversC.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniversLightC';
    src: url('../fonts/UniversLightC.eot');
    src: url('../fonts/UniversLightC.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UniversLightC.woff2') format('woff2'),
        url('../fonts/UniversLightC.woff') format('woff'),
        url('../fonts/UniversLightC.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'UniversCBold';
    src: url('../fonts/UniversC-Bold.eot');
    src: url('../fonts/UniversC-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UniversC-Bold.woff2') format('woff2'),
        url('../fonts/UniversC-Bold.woff') format('woff'),
        url('../fonts/UniversC-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/******************************/
/********** BASE **************/
/******************************/

body{margin:0; padding:0; max-width:100%; background: white; color:black;}

.content{width:1140px; /*max-width:1140px; min-width:320px; width:100%;*/ min-height: 100vh; margin:0 auto; position: relative; text-align: center;}
a.block{width:100%; height:100%; display:inline-block; background:transparent!;}
a:link, a:visited, a:hover, a:active {color:white;}

#logo{margin:35px auto;}

#fragrances{height: 640px}
#fragrance1{position: absolute; z-index: 1;}
#fragrance2{display: none; position: absolute; z-index: 3;}
#fragrance3{display: none; position: absolute; z-index: 3;}
#fragrance1 a#fragrance-lien1{position: absolute; cursor:pointer; z-index: 2; margin: 173px 0 0 145px;}
#fragrance1 a#fragrance-lien2{position: absolute; cursor:pointer; z-index: 2; margin: 479px 0 0 773px;}
#fragrance1 a#fragrance-lien1 h1{font-size:19px; color:#b51b26; text-decoration: underline; font-weight: normal;}
#fragrance1 a#fragrance-lien2 h1{font-size:19px; color:#b51b26; text-decoration: underline; font-weight: normal;}
#fragrance1 a#fragrance-cta1{position: absolute; cursor:pointer; z-index: 2; margin: 213px 0 0 145px;}
#fragrance1 a#fragrance-cta2{position: absolute; cursor:pointer; z-index: 2; margin: 529px 0 0 773px;}

#fragrances .fragrance-close{position: absolute; z-index: 10; cursor:pointer; margin: 26px 0 0 1072px;}
#fragrance2 .fragrance2-cta{position: absolute; z-index: 4; margin:490px 196px;}
#fragrance3 .fragrance3-cta{position: absolute; z-index: 4; margin:540px 196px;}
#fragrance2 .descr h2{font-size: 18px;display: inline;font-weight: normal;}
#fragrance3 .descr h2{font-size: 18px;display: inline;font-weight: normal;}
#fragrance3 .descr{
    position: absolute;
    font-family: 'UniversC';
    font-size: 18px;
    width: 323px;
    text-align: justify;
    margin: 240px 131px;
    line-height: 1.2 !important;
}
#fragrance2 .descr{
    position: absolute;
    font-family: 'UniversC';
    font-size: 18px;
    width: 310px;
    text-align: justify;
    margin: 228px 131px;
    line-height: 1.4 !important;
}

#video-close{
    height: auto;
    z-index: 9999999999999999;
    position: relative;
    top: 40px;
    right: 542px;
    cursor: pointer;
}

/* Gestion Video */
#titan-video{cursor: pointer;}
img.btn-video{position: absolute; cursor: pointer;}
img#btn1-video{margin:138px 0 0 12px;} /*GET OFF*/
img#btn2-video{margin:397px 0 0 229px;} /*TRY SOMETHING*/
img#btn3-video{margin:11px 0 0 405px;} /*WHAT ARE YOU*/
img#btn4-video{margin:390px 0 0 750px;} /*GO WHAT*/

video, #bossvideo{width:100%; height:auto;}
#titan-player, #video1-player, #video2-player, #video3-player, #video4-player{display: none;}