body {
    padding:0;
    margin:0;
    color: #ffffff;
}

 .visibleDesktop {
    display:block;  
 }

 
.noscroll {              
   overflow-y: hidden;
}


*:focus {outline:none !important;}
button:focus {
  outline:none !important;
  box-shadow: none !important;
}


/**
* General Style
*/
#containerGlobal {          
        max-width: 100%; 
}

#containerApp {
        color:black;       
        max-width: 600px;          
        margin:auto;      
        
}

.positionrelative {
    position:relative;
}

#divVideoHome {width:100%; max-width:1200px; margin:auto; display:block; position: relative;} /* This has been changed */
#homepageVideo{width:100%; height:auto } 

#divVideoapply {width:100%; max-width:1200px; margin:auto; display:block; } /* This has been changed */
#productApplyVideo{width:100%; height:auto } 

.nav-link {
        color:#DDBA95 !important;
        margin:0px !important;
        padding:0px !important;   
        
        letter-spacing:0.75 !important;
}
    
.active {
        color: #000 !important;
        border-bottom: 2px solid #DDBA95 !important;
        
}
    
.inactive {
        color: #DDBA95 !important;
        border-bottom: 1px solid #DDBA95 !important;
        
}

.tbold {
    font-weight:bold;
}
    
.nodecoration {
    text-decoration:none;
} 

    
.homePageSlideHeight {
        min-height:190px;
}
    
    
.colorDark {
       color:#000 !important;
}

.color363636 {
    color:#363636;
}


.topmenu:after {
    position: absolute;
    z-index: -1;
    top: 100%; left: 0%;
    width: 100%;
    height: 3px;
    background: linear-gradient(transparent,  #C1C1C1);
    opacity:0.5;
    
    content: '';
}
    
.navbar:after {
    position: absolute;
    z-index: -1;
    top: 100%; left: 0%;
    width: 100%;
    height: 3px;
    background: linear-gradient(transparent,  #C1C1C1);
    opacity:0.5;
    
    content: '';
}
    
        
    .boxShadow {
position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height:100%;
    
    border: 00px solid black;
-webkit-box-shadow:  0px 10px 13px -8px #E1E1E1; 
box-shadow:  0px 10px 13px -8px #E1E1E1;
    

}
  
  
.footerApp {
        
        bottom: 0;
        width: 100%;
  
    }
    
    .fontSizeDesktop {}
    
    .font7 {
        font-size:7px;
    }
    
    .font8 {
        font-size:8px;
    }
    
    .font10 {
        font-size:10px;
    }
    .font11 {
        font-size:11px;
    }
    
    .font12 {
        font-size:12px;
    }
    .font14 {
        font-size:14px;
    }
    .font15 {
        font-size:15px;
    }
    
    .font16 {
        font-size:16px;
    }
    
    .font18 {
        font-size:18px;
    }
    
    
    
    
    .font20 {
        font-size:20px;
    }
    
    .font27 {
        font-size:27px;
    }
    
    .font32 {
        font-size:32px;
    }
    
    .txtbeige {
        color: #DDBA95;
    }
    
    .beige {
        background-color:#DDBA95;
        opacity : 0.5;
    }
    
    .bg-white {
        background-color:#ffffff;
    }
    
    .bg-noir {
        background-color:#000;
    }
    
    .colorGris {
        color:#363636;
        
    }
    
    .W25prcent {
        width:25%;
        margin:auto;
    }
    
    .W50prcent {
        width:50%;
        margin:auto;
    }
    
    
    .h85 {
        height:85px
    }
    
    .h100 {
        height:100px
    }
    
    .policeFuturaPtLight {
        font-family: FuturaPT;
    }
    
    .policeFuturaPtMedium {
        font-family: FuturaPTMedium;
    }
    
    .policeFuturaPtBold {
        font-family: FuturaPTBold
    }
    
    @font-face {
        font-family: FuturaPT;
        src: url("../fonts/Futura/FuturaPTLight.otf") format("opentype");
    }
    
    @font-face {
        font-family: FuturaPTMedium;
        src: url("../fonts/Futura/FuturaPTMedium.otf") format("opentype");
    }
    
    @font-face {
        font-family: FuturaPTBold;
        src: url("../fonts/Futura/FuturaPTBold.otf") format("opentype");
    }
    
    .fontLighter {
        font-weight: lighter;
    }
    
    .textUppercase {
        text-transform: uppercase;
    }
    
    .textLower {
        text-transform: lowercase;
    }
    
    .colorText {
        color:#363636;
    }
    
    .margeLeftMoins90 {
        
        margin-left:-120px;
    }
    
    .margeLeftMoins902 {
        
        margin-left:-80px;
    }
    
    .margeSlideDesktop {}
    
    .margeLeftShadeTexte {
        margin: 0;
    }
    
    .navbar {     
        -webkit-box-shadow:  0px 10px 13px -8px #C1C1C1 !important; 
        box-shadow:  0px 10px 13px -8px #C1C1C1 !important;

    }
    
    
    .btover:hover {
       
    }
    
  .slideMaxDesktop {
        
    }
    
    .logoBlanc { 
      filter: invert(100%); 
      -webkit-filter: invert(100%);
      } 


.figure {
        position:relative;
        display: inline-block;
        
    }

    .figure img {
        width: 100%;
    }
    
    .figure .span1:before {
            content : '';
            position: absolute;
            top:0%;
            left:0;
            right:0;
            width:100%;
            height:1px;
            background-color: transparent;
    }
    .figure .span1:after {
            content : '';
            position: absolute;
            top:0%;            
            right:0;
            width:1px;
            height:100%;
            background-color: transparent;
    }


    .figure .span2:before {
            content : '';
            position: absolute;
            bottom:0%;
            left:0;
            right:0;
            width:100%;
            height:1px;
            background-color: transparent;
    }

    .figure .span2:after {
            content : '';
            position: absolute;            
            top:0%;
            left:0;
            right:0;
            width:1px;
            height:100%;
            background-color: transparent;
    }

    /** animation hover */
    .figure-active .span1:before {
        animation: border-top 0.1s linear;
        transform-origin: left;
        background-color: #DDBA95;
    }


    @keyframes border-top {
        0%{
            transform: scaleX(0);
        }
    }

    .figure-active .span1:after {
        animation: border-right 0.4s linear;
        transform-origin: top;
        background-color: #DDBA95;
    }


    @keyframes border-right {
        0%, 50%{
            transform: scaleY(0);
        }
    }

    .figure-active .span2:before {
        animation: border-bottom 0.7s linear;
        transform-origin: right; /* right to left */
        background-color: #DDBA95;
    }


    @keyframes border-bottom {
        0%, 75%{
            transform: scaleX(0);
        }
    }

    .figure-active .span2:after {
        animation: border-left 1.s linear;
        transform-origin: bottom;
        background-color: #DDBA95;
    }


    @keyframes border-left {
        0%, 80%{
            transform: scaleY(0);
        }
    }



.nodisplay {
    display:none;
}

.todisplay {
    display:block;
}
    

.liImage {
    position:relative;
    /*border:1px solid black;*/
    text-align:center;    
}

.textureSelectionne {
    position:absolute;
    top:0;
    left:0;
    z-index:10;


}

.letterspacing05 {
    letter-spacing: 0.5;
}

.noround {
    border-radius:0px !important;
}

.nodeco {
    text-decoration: none;
}

.margeAuto {
    margin:auto;
}
.w-85{width:85%!important}


.margintop25px {
    margin-top:25px;
}
.margintop22px {
    margin-top:22px;
}

.margintop30px {
    margin-top:30px;
}

.margintop35px {
    margin-top:35px;
}

.margintop45px {
    margin-top:45px;
}

.margeLeft10 {
    margin-left:10px;
    
}

.margeRight10 {
    margin-right:10px;
    
}



.margeTop10 {
    margin-top:10px;
    
}

.margeBottom10 {
    margin-bottom:10px;
    
}

.margeBottom30 {
    margin-bottom:30px;
    
}

.margeAll10 {
    margin:10px;
}

.paddAll5 {
    padding:5px;
}

.padleft5 {
    padding-left:25px;
}
.padright5 {
    padding-right:25px;
}

.padtop5 {
    padding-top:5px;
    
}

.padtop10 {
    padding-top:10px;
    
}
.padtop15 {
    padding-top:15px;
    
}

.padtop20 {
    padding-top:20px;
    
}
.padtop25 {
    padding-top:25px;
    
}
.padtop30 {
    padding-top:30px;
    
}

.padtop40 {
    padding-top:40px;
    
}
.padtop45 {
    padding-top:45px;
    
}


.padleft40 {
    padding-left:40px;
}

.padright40 {
    padding-right:40px;
}


.footerHeight {
    height:140px;
}

.twhite {
    color:#ffffff !important;
}

.tnoir {
    color:#000;
}

.imgShadow {
    box-shadow: 5px 5px 5px #ccc;
      -moz-box-shadow: 5px 5px 5px #ccc;
      -webkit-box-shadow: 5px 5px 5px #ccc;
      -khtml-box-shadow: 5px 5px 5px #ccc;
}


.reveal-loaded .reveal [class*="reveal-"] {
  opacity: 0!important;
  animation: none!important;
  transition: 0s!important;
}

.reveal-loaded [class*="reveal-"]{
  animation: revealAnimation 1s cubic-bezier(.5, 0, 0, 1) both;
}

.reveal-loaded .reveal {
  animation-delay: .1s;
}

.reveal-loaded .reveal-2 {
  animation-delay: .2s;
}

.reveal-loaded .reveal-3 {
  animation-delay: .4s;
}

.reveal-loaded .reveal-4 {
  animation-delay: .6s;
}

.reveal-loaded .reveal-5 {
  animation-delay: .8s;
}

.reveal-loaded .reveal-6 {
  animation-delay: 1s;
}

.reveal-loaded .reveal-7 {
  animation-delay: 1.2s;
}

.reveal-loaded .reveal-8 {
  animation-delay: 1.4s;
}

.reveal-loaded .reveal-9 {
  animation-delay: 1.6s;
}

.reveal-loaded .reveal-10 {
  animation-delay: 1.8s;
}

.reveal-loaded .reveal-11 {
  animation-delay: 2s;
}


/**
Slider style
*/
.sliderTeinteLargeurImage {
    width:55px !important;
    margin:5px;
}


/* MEDIA */
@media (prefers-reduced-motion: reduce) {
  .reveal-loaded  [class*="reveal-"] {
    animation: none!important;
  }
}

@keyframes revealAnimation {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}


:root {
  --jumbotron-padding-y: 3rem;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-color: #fff;
}

@media (max-width: 375px) {
  
     html, body {
        overflow-x: hidden !important;   
    
   } 
    
  .prd3Space {
      height:26px !important;
  }
  
  .margeLeftMoins902 {
      margin-left:-100px;
  }
  
  .step2Ico {
      max-height:60px;
  }
  
  .step2Texte {
      font-size:11px !important;
  }
       
  
}

@media (max-width: 390px) {
  
     html, body {
        overflow-x: hidden !important;   
    
   } 
    
  .prd3Space {
      height:26px !important;
  }
  
  .margeLeftMoins902 {
      margin-left:-100px;
  }
       
  
}


@media (max-width: 480px) {
  
     html, body {
        overflow-x: hidden !important;   
    
   } 
    
    
  .margeLeftMoins90 {
      margin:-90;
  }
  
  .margeLeftMoins902 {
      margin-left:-90;
  }
  
  .nav-item {
       margin-right:10px !important; 
        
        
  }
  
  .liImage {
      margin-right:7px !important;
  }
  
  .nav-link {
      font-size:13px !important
  }
  
  
}

@media (min-width: 576px) { 
    .margeLeftShadeTexte {
        padding-left: 60px;
    }
    
     .margeLeftMoins90 {
      margin-right:0;
     }
     
     .nav-item {
       margin-right:10px !important; 
        
        
    }
     
    
    
    
}

@media (min-width: 768px) {
  
   
    
    
    .nav-link {
        font-size:16px !important;
    }
    
    .nav-item {
        margin-right:30px !important; 
    }
    
    .slide-inner {
        width:80% !important;
        margin:auto;
    }
    
    .fontSizeDesktop {
        font-size:30px !important;
    }
    
    #collapsebutton {      
        top:14px !important;  
    }
    
    #logoDC {
        max-height:25px !important;
    }
  
    
    .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
  }
  
  .margeLeftMoins90 {
      margin-right:-50px;
      text-align: right;
      border:0px solid black;
  }
  
   .margeLeftShadeTexte {
        padding-left: 60px;
    }
    
  
  .margeLeftMoins902 {
      margin-left:0px !important;
      
     
     }
     
  .slideAlignright {
      
      margin-right:0;
      border:0px solid black;
  }
   
 
    .homePageSlideHeight {
    min-height:295px !important;
    border:0px solid black;
    
   }

   .productSlideHeight {
    max-height:200px !important;
    border:0px solid black;
    
   }
   
   .slideMaxDesktop {
       max-width:500px;
       margin:auto;
       
   }
   
   
   #divVideoHome {
       max-width:600px !important;
   }
   
   
   .footerHeight {
       min-height:200px !important;
   }
  
}

@media (min-width: 992px) { 
      .visibleDesktop {
        display:block;  
      }
    
    
    
   .fontSizeDesktop {
        font-size:32px !important;
    }
    
    .btover:hover {
        background-color:#cab08f !important;
        color:#000 !important;
    }
    
   #collapsebutton {      
        top:16px !important;  
    }
    
    
    
     .homePageSlideHeight {
    min-height:300px;
    border:0px solid black;
    
   }
   
   .margeLeftMoins902 {
      margin-left:0px;;
      
     }
    
   
   
   
   .slideMaxDesktop {
       max-width:500px;
       margin:auto;
       
   }
   
   #containerApp {
       max-width:600px !important;
   }
   
   
   
   
}

@media (min-width: 1200px) { 
    
    .fontSizeDesktop {
        font-size:32px !important;
    }
    
    .btover:hover {
        background-color:#cab08f !important;
        color:#000 !important;
    }
    
   .margeLeftMoins902 {
      margin-left:0;;
      
     }
     
     #collapsebutton {      
        top:16px !important;  
    }
    
    
}

@media (min-width: 1400px) { 
   
    .fontSizeDesktop {
        font-size:32px !important;
    }
     
    .btover:hover {
        background-color:#cab08f !important;
        color:#000 !important;
    }
    
    #collapsebutton {      
        top:16px !important;  
    }
    
   
   .margeLeftMoins902 {
      margin-left:0;
     }
     
     
    
    
    
}




.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }


.homePageSlideHeight {
    height:140px;
}


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */




/* LANG */
#lang{
    position:fixed;
    top:-110%;
    opacity:0;
    left:0;
    z-index:100000;
    width:100%;
    height: 100%;
    transition: all 0.3s ease-out;
    background:rgba(255,255,255,0.95);
}

#lang.active{        
    top:0;
    opacity:1;
}

#lang #lang-close{
    position:absolute;
    top:15px;
    right:15px;
    width:30px;
    height:30px;
    text-decoration:none;
    z-index:100000;
    
}

#lang #lang-close span{
    width:30px;
    height:2px;
    background:#000;
    position:absolute;
    transform:rotate(45deg);
    top:15px;
    right:0;
    z-index:100000;
}

#lang #lang-close span:nth-child(2){
    transform:rotate(-45deg);
}

#lang #lang-content{
    width:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    
} 


#lang #lang-content a{
    display:block;
    width:100%;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    padding:10px 0;
    font-weight:700;
    color:#000;
} 


#lang #lang-content a:hover{
    
    
}