.shadow-s{
    box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)
}
.shadow-in-s{
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.12),inset 0 1px 2px rgba(0,0,0,0.24)
}
.shadow-m{
    box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)
}
.shadow-in-m{
    box-shadow:inset 0 10px 20px rgba(0,0,0,0.19),inset 0 6px 6px rgba(0,0,0,0.23)
}
.shadow-l{
    box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)
}
.shadow-in-l{
    box-shadow:inset 0 14px 28px rgba(0,0,0,0.25),inset 0 10px 10px rgba(0,0,0,0.22)
}

.circle{
    border-radius:50%
}
.rounded-s{
    border-radius:1px
}
.rounded-m{
    border-radius:4px
}
.rounded-l{
    border-radius:8px
}




@media only screen and (max-device-width:768px){
    .container.rounded-s,.block.rounded-s,.container.rounded-m,.block.rounded-m,.container.rounded-l,.block.rounded-l{
        border-radius:0
    }
}
.btn{
    cursor:pointer;
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
.shadow-s.btn:hover{
    box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)
}
.btn-interface{
    background:rgba(0,0,0,0.7);
    color:#fff;
    cursor:pointer
}

/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    visibility:hidden
}
.animated.infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
@-webkit-keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%, 0, 0);
        transform:translate3d(-100%, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes zoomIn{
    from{
        opacity:0;
        -webkit-transform:scale3d(.3, .3, .3);
        transform:scale3d(.3, .3, .3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    from{
        opacity:0;
        -webkit-transform:scale3d(.3, .3, .3);
        transform:scale3d(.3, .3, .3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
.separator{
    width:80%;
    margin:auto
}
.separator div{
    display:inline-block;
    vertical-align:meedle
}
.separator div:nth-child(1),.separator div:nth-child(3){
    width:40%;
    height:.1em;
}
.separator div:nth-child(2){
    width:20%;
    text-align:center;
    font-size:.8em
}
@media only screen and (min-device-width:768px){
    .separator div:nth-child(1),.separator div:nth-child(3){
        width:45%
    }
    .separator div:nth-child(2){
        width:10%
    }
}


#virtual-viewport{
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    position:relative;
    left:0;
    top:0
}
#virtual-viewport.unfocus{
    left:-128px
}

#shade-all{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    pointer-events:none;
    z-index:30;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
#shade-all.shade{
    background:rgba(0,0,0,0.5);
    pointer-events:auto
}

.fixed{
    position:fixed !important
}
.icon-s,.icon-m,.icon-l{
    display:inline-block;
    text-align:center
}
.icon-s{
    width:32px !important;
    height:32px !important;
    margin-left:1em;
    line-height:32px
}
.icon-m{
    width:48px !important;
    height:48px !important;
    margin-left:1em;
    line-height:48px
}
.icon-l{
    width:64px !important;
    height:64px !important;
    margin-left:1em;
    line-height:64px
}
.icon-s:first-child,.icon-m:first-child,.icon-l:first-child{
    margin-left:0
}
.thumb-s{
    width:64px;
    height:64px
}
.thumb-m{
    width:128px;
    height:128px
}
.thumb-l{
    width:256px;
    height:256px
}


#partenaires-ctn {
    background: #ccc;
}

#return-to-top{
    display:none;
    position:fixed;
    bottom:1em;
    right:1em;
    z-index:29;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
#return-to-top:hover{
    background:rgba(0,0,0,0.9)
}
#menu-responsive{
    position:fixed;
    top:0;
    right:-240px;
    bottom:100%;
    width:240px;
    height:100%;
    background:#fff;
    box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    z-index:32;
    overflow: scroll;
}
#menu-responsive.display{
    right:0
}
#menu-responsive ul{
    margin:0;
    padding:0
}
#menu-responsive li{
    list-style:none;
    margin-bottom:1em;
    padding-bottom:1em;
    margin-top:1em;
    border-bottom:1px solid #aaa;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
#menu-responsive li a{
    width:100%;
    cursor:pointer;
    line-height:1.7rem;
    padding-left:2em;
    padding-right:1em;
    padding-top:.3em;
    padding-bottom:.3em;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
#menu-responsive li .sub-ctn {
    margin-left:3em;   
}
#menu-responsive li a.sub {
    width:100%;
    cursor:pointer;
    font-size:9px;
    line-height:1.3rem;
    padding-left:0;
    padding-right:0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
#menu-responsive-icon{
    position:fixed;
    top:1em;
    right:1em;
    width:60px;
    height:45px;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    cursor:pointer;
    z-index:31
}
#menu-responsive-icon.open{
    right:256px
}
#menu-responsive-icon span{
    display:block;
    position:absolute;
    height:1px;
    width:50%;
    left:25%;
    background:#fff;
    opacity:1;
    -webkit-transform-origin:left center;
    -moz-transform-origin:left center;
    -o-transform-origin:left center;
    transform-origin:left center;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -moz-transition:all .3s cubic-bezier(.21, 1.6, .57, -0.56);
    -o-transition:all .3s cubic-bezier(.21, 1.6, .57, -0.56);
    -webkit-transition:all .3s cubic-bezier(.21, 1.6, .57, -0.56);
    transition:all .3s cubic-bezier(.21, 1.6, .57, -0.56)
}
#menu-responsive-icon span:nth-child(1){
    top:25%
}
#menu-responsive-icon span:nth-child(2){
    top:50%
}
#menu-responsive-icon span:nth-child(3){
    top:75%
}
#menu-responsive-icon.open span:nth-child(1){
    width:70.71067812%;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
#menu-responsive-icon.open span:nth-child(2){
    width:0;
    opacity:0
}
#menu-responsive-icon.open span:nth-child(3){
    width:70.71067812%;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.wave-fx{
    position:absolute;
    border-radius:50%;
    border:#952e2e 1px solid;
    pointer-events:none;
    z-index:16;
    width:96px;
    height:96px;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:wave-fx;
    animation-name:wave-fx
}
@-webkit-keyframes wave-fx{
    from{
        opacity:1;
        -webkit-transform:scale3d(.3, .3, .3);
        transform:scale3d(.3, .3, .3)
    }
    to{
        opacity:.5
    }
}
@keyframes wave-fx{
    from{
        opacity:1;
        -webkit-transform:scale3d(.3, .3, .3);
        transform:scale3d(.3, .3, .3)
    }
    to{
        opacity:.5
    }
}
.do_not_display_it{
    display:none
}
.display_it{
    display:block
}
.opacity_zero{
    opacity:0
}
.opacity_one{
    opacity:1
}

.box-transp {
    background: rgba(255,255,255,.79);
    padding: 1rem;
}

.spacer{
    padding:6em 0 4em
}
.transparent{
    background:rgba(255,255,255,0.83)
}
.shadow-s:hover{
    box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)
}


.parallax-window {
    min-height: 400px;
    background: transparent;
}