/*
PIASER bruno
*/
.navbar .navbar-brand {
    color:#FFF;
    font-weight: 900;
    height: auto;
    outline: 0;
}
.navbar .navbar-brand:hover {
    color: #4cddf3;
}
/* ======== GENERAL ========== */
 *, *:hover, *:focus, *:active {
    outline: 0;
}
body, html {
    height: 100%;
    width: 100%;
    margin : auto;
}
body {
    color: #1d2023;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}
a {
    outline: 0;
    color: #202020;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:hover {
    text-decoration: none;
    color: #AAA;
}
code {
    white-space: inherit;
}
pre {
    margin-top: 20px;
    margin-bottom: 10px;
}
p {
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 23px;
}
.section {
    outline: 0;
    color: #FFF;
    padding-bottom: .5rem;
}
.section:hover {
    color: #AAA;
}
.infofo {
    margin-top: 15px;
}
.plead {
    margin-bottom: 15px;
}
.carousel-indicators li {
    width: 60px !important;
    height: 10px !important;
    margin-left: 20px;
    border-bottom: 4px solid #1d2023;
}
.carousel-control-next-icon, .carousel-control-prev-icon  {
    width: 25px;
    height: 25px;
  }
.navbg-dark {
    background-color: #151618 !important;
}
.titlebp {
    font-size: 1rem;
	/*padding-left: 25px;*/
	 font-weight: 300;
}
.totop {
    position: fixed;
    right: 0;
    top: 100%;
    margin-top: -35px;
    color: #FFF !important;
}
.centretop {
    padding-left: 3em;
}
.white {
    color: #FFF !important;
}
.light {
    font-weight: 100 !important;
}
.medium {
    font-weight: 300 !important;
}
.main-color {
    color: #4cddf3;
}
.piaser {
  max-width: 500px;
  height: auto;
}
.widvid {
    max-width: 900px;
    height: auto;
    margin : auto;
  }
/* spacer */
 .spacer {
    display: block;
    width: 100%;
}
.spacer.big {
    height: 100px;
}
.spacer.small {
    height: 20px;
}
.spacer.medium {
    height: 3.5rem;
}



.cadr1a {
    position: absolute;
    width: 50%;
    height: 50%;
    background: rgba(121, 98, 100, 0.7);
    }
.cadr1 {
position: absolute;
width: 33%;
height: 50%;
background: rgba(121, 98, 100, 0.8);
}
.cadr1 :hover {
    position: absolute;
    width: 33%;
    height: 50%;
    background: rgba(121, 98, 100, 1);
    }
.cadr2 {
    margin-left:33%;
    width: 33%;
    height: 50%;
    position: absolute;
    background: rgba(3, 23, 63, 0.7);
    }
.cadr3 {
    margin-left:66%;
    width: 33%;
    height: 50%;
    position: absolute;
    background: rgba(90, 65, 98, 0.7);
        }
       
            .cadr5 {
                margin-top:330px;
                width: 33%;
                height: 50%;
                position: absolute;
                background: rgba(3, 196, 255, 0.5);
                                }
               .cadr4 {
                                    margin-top:330px;
                                    margin-left:33%;
                                    
                                    width: 33%;
                                    height: 50%;
                                   position: absolute;
                                    background: rgba(255, 247, 5, 0.5);
                                    }
                    .cadr6 {
                        margin-top:330px;
                        margin-left:66%;
                        
                        width: 33%;
                        height: 50%;
                       position: absolute;
                        background: rgba(29, 207, 12, 0.5);
                        }
                        .cadr50 {
                            width: 50%;
                            position: absolute;
                            background: rgba(3, 196, 255, 0.5);
                                            }
/*
    SECTION FILL    
*/
.contactbp{
    font-size: 12px;
    margin: 0 10px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.subi {
    padding: 0 2em 0 2em;
    margin: 10px auto 5px auto;
    display: inline-block;
}
.sub {
    margin: 20px auto 5px auto;
    display: inline-block;
}
.sub-break {
	text-align: center;
    border-top: 3px solid #CCC;
    width: 80px;
    margin: 20px auto 20px auto;
    display: inline-block;
}
.title-break {
	text-align: center;
    border-top: 3px solid #CCC;
    width: 80px;
    margin: 40px auto 100px auto;
    display: inline-block;
}
.pado {
    padding-right: 4px;
    padding-left: 4px;
}
.condetaille{
   /* max-width: 90%;*/
    margin:0 auto;
}
.detaille {
    min-width: 100%;
    margin:0 auto;
}
.ind-divider {
    margin: .5rem 0; /* Space out the Bootstrap <hr> more */
  }
.fill-wrapper {
    padding: 33px 0;
}
/*
     TESTI
*/
 .section-testimonial {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.testimonial-list {
    padding: 0;
    margin: 0;
    width: 90%;
    margin: 0 auto;
    font-size: 0;
}
.testimonial-list .testimonial-item {
    display: inline-block;
    height: 64px;
    width: 64px;
    white-space: nowrap;
    position: relative;
}
.testimonial-list .testimonial-item .testimonial-icon {
    position: absolute;
    left: 0px;
    top: -10px;
    opacity: 0;
    z-index: 4;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.testimonial-list .testimonial-item a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: rgba(0, 0, 0, 0);
    outline: 0;
}
.testimonial-list .testimonial-item .testi-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -15px;
    z-index: 3;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.testimonial-list .testimonial-item a.current ~ .testi-link, .testimonial-list .testimonial-item a:hover ~ .testi-link {
    bottom: 0;
    background: rgba(76, 221, 243, 1);
}
.testimonial-list .testimonial-item a.current ~ .testimonial-icon, .testimonial-list .testimonial-item a:hover ~ .testimonial-icon {
    top: 0px;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}
.testimonial-slider {
    margin: 5px auto;
    max-width: 800px;
	text-align: center;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.testimonial-slider p {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    line-height: 30px;
}
.testimonial-slider .testimonial-author {
    display: block;
    color: #333333;
    font-size: 18px;
    margin-top: 15px;
    line-height: 32px;
}

/*section*/
 .section-testbp  {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.testbp-list {
    padding: 0;
    margin: 0;
    width: 90%;
    margin: 0 auto;
    font-size: 0;
}
.testbp -list .testbp -item {
    display: inline-block;
    height: 128px;
    width: 128px;
    white-space: nowrap;
    position: relative;
}
.testbp-list .testbp-item .testbp-icon {
    position: absolute;
    left: 0px;
    top: -10px;
    opacity: 0;
    z-index: 4;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.testbp-list .testbp-item a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: rgba(0, 0, 0, 0);
    outline: 0;
}
.testbp-list .testbp-item .testi-link {
    position: absolute;
    width: 128px;
    height: 128px;
    left: 0;
    bottom: -15px;
    z-index: 3;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.testbp-list .testbp-item a.current ~ .testi-link, .testbp-list .testbp-item a:hover ~ .testi-link {
    bottom: 0;
    background: rgba(76, 221, 243, 1);
}
.testbp-list .testbp-item a.current ~ .testbp-icon, .testbp-list .testbp-item a:hover ~ .testbp-icon {
    top: 0px;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}
.testbp-slider {
    margin: 5px auto;
    max-width: 800px;
	text-align: center;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.testbp-slider p {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    line-height: 30px;
}
.testbpslider .testbp-author {
    display: block;
    color: #333333;
    font-size: 16px;
    margin-top: 10px;
    line-height: 32px;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}
    
    .reveal-loaded .reveal [class*=reveal-] {
        opacity: 0!important;
        transform: translateY(30px)!important;
        transition: 0s!important
    }
    
    .reveal-loaded [class*=reveal-] {
        transition: 1s cubic-bezier(.5,0,0,1)
    }
    
    .reveal-loaded .reveal-2 {
        transition-delay: .15s
    }
    
    .reveal-loaded .reveal-3 {
        transition-delay: .3s
    }
    
    .reveal-loaded .reveal-4 {
        transition-delay: .45s
    }
    .reveal-loaded .reveal-5 {
        transition-delay: .6s
    }
    .reveal-loaded .reveal-6 {
        transition-delay: .75s
    }
    
    @media (prefers-reduced-motion:reduce) {
        .reveal [class*=reveal-] {
            opacity: 1!important;
            transform: translateY(0)!important
        }
    
        [class*=reveal-] {
            transition-duration: 0s!important;
            transition-delay: 0s!important
        }
    }  
    /*op*/
    .reveal-loaded .reveal [class*=op-] {
        opacity: 0!important;
        scale: .5!important;
        transition: 0s!important
    }
    
    .reveal-loaded [class*=op-] {
        transition: 1s cubic-bezier(.5,0,0,1)
    }
    
    .reveal-loaded .op-2 {
        transition-delay: .15s
    }
    
    @media (prefers-reduced-motion:reduce) {
        .reveal [class*=op-] {
            opacity: 1!important;
            scale: 1!important;
        }
    
        [class*=op-] {
            transition-duration: 0s!important;
            transition-delay: 0s!important
        }
    }  
    
    /*sc*/
    .reveal-loaded .reveal [class*=sc-] {
        opacity: 0!important;
        scale: 6.1!important;
        transition: 0s!important
    }
    
    .reveal-loaded [class*=sc-] {
        transition: 1.75s cubic-bezier(.5,0,0,1)
    }
    
    .reveal-loaded .sc-2 {
        transition-delay: .25s
    }
    
    
    @media (prefers-reduced-motion:reduce) {
        .reveal [class*=sc-] {
            opacity: 1!important;
            scale: 1!important;
        }
    
        [class*=sc-] {
            transition-duration: 0s!important;
            transition-delay: 0s!important
        }
    }  
    @media (max-width: 720px) {
        .condetaille {
            min-width: 100%;
        }
        .subi {
            margin: 20px auto 5px auto;
            display: inline-block;
        }     
        .centretop {
            padding-left: .1em;
        }  
        }