body {
    display: flex;
    background-color: #f2f0e3;
    min-height: 100vh;
    flex-direction: column;
}

p{
    font-size: 1.25rem;
}
/*
.navbar-fixed nav {
    position: relative;
}
*/
/* Navbar */
nav{
    background-color: #f2f0e3;
    /*z-index: 1;*/
}

nav ul li{
    transition: background-color .3s;
}

nav ul li.link:hover,
ul .side-nav:hover {
    background-color:#fff;
    -moz-box-shadow:inset 0 -2px 0 0 #fbc02d;
    -webkit-box-shadow:inset 0 -2px 0 0 #fbc02d;
    box-shadow:inset 0 -2px 0 0 #fbc02d
}

.logo-img {
    max-height: 65px;
}

.link a {
    font-weight: 300 !important;
}

.link.selected {
    background-color:#fff;
    -moz-box-shadow:inset 0 -2px 0 0 #fbc02d;
    -webkit-box-shadow:inset 0 -2px 0 0 #fbc02d;
    box-shadow:inset 0 -2px 0 0 #fbc02d
}

.intro{
    margin-top: 100px;
}

.caption{
    text-align: center;
}

.caption i{
    margin: 40px 0px;
    color: #dfa41c;
}

.caption .captiontitle{
    font-size: 1.7rem;
    font-weight: 500;
}

/* Carousel */

.tabs-content.carousel .carousel-item {
    height: 100%;
}

/* Fading box */

#entreprise{
    background-image: url("../images/cosy_side.jpg");
}

#dual{
    height: 70%;
    z-index: 0;
    margin: 5rem 0;
}

.fade-box {
    position: relative;
    background-color: transparent;
    border: 1px solid rgb(4, 4, 4);
    border-radius: 0px;
    height: 100%;
    overflow: hidden;
}

.fade-box img{
    position: absolute;
    top: 0%;
    left: 0;
    height: 100%;
    width: auto;
    transition: transform .8s ease;
    /*z-index: -1;*/
}

.fade-box:hover img{
    transform-origin: center;
    transform: /*translateY(-50%) translateX(-50%)*/ scale(1.1);
    transition: transform .8s ease;
}

.fade-box .mask{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: black;
    opacity: .2;
}

.fade-box:hover .mask{
    opacity: .75;
    transition: opacity linear .3s;
}

.fade-box .content{
    z-index: 1;
}

.fade-box.row{
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
/*
.fade-box:hover,
.fade-box.selected {
    outline: solid;
    outline-color: rgba(223, 164, 28, 0.95);
    outline-width: 5px;
    transition: outline outline-width ease .8s;
}
*/
/*
#particuliers.fade-box:hover{
    background-color: rgba(223, 164, 28, 0.95);
    /*background-color: rgba(253, 216, 53, .95);
}
*/
.fade-box div{
    color: white;
}
/*
.fade-box:hover div,
.fade-box:focus div,
.fade-box.selected div{
    color: #f2f0e3;
}
*/
.underlining h4 {
    text-decoration: none;
}

.underlining h4 div{
    content: "";
    position: relative;
    width: 50%;
    height: 2px;
    bottom: 0;
    left: 25%;
    background: white;
    visibility: hidden;
    border-radius: 5px;
    transform: scaleX(0);
    margin: 2rem 0;
    transition: all .8s ease;
}

.underlining:hover h4 div,
.underlining:focus h4 div {
    visibility: visible;
    transform: scaleX(1);
}

.description{
    font-weight: 300;
    font-size: 2rem;
    visibility: hidden;
    transform: translateX(-50px);
    margin-bottom: 1.14rem;
}

.underlining:hover .description,
.underlining:focus .description{
    visibility: visible;
    transform: translateX(0);
    transition: .5s linear;

}

#map {
    height: 90vh;
    z-index: 0;
}

.subtitle{
    /*margin-top: 70px;*/
}

@media only screen and (max-width: 960px){

    .logo-img  {
        max-height: 50px;
    }

    #map{
        margin-top: 2rem;
    }

    #dual{
        margin-top: 2rem;
    }

    .fade-box {
        height: 50%;
        margin-bottom: 1.5rem;
    }

    .fade-box img{
        width: 100%;
        height: auto;
    }

    .fade-box h4 {
        font-size: 1.65rem;
    }

    .carousel .carousel-item{
        width: 300px !important;
    }

    .carousel-item .content h4{
        font-size: 1.4rem;
    }
  }

.no-margin-left{
    margin-left: 0 !important;
}

.no-margin-right{
    margin-right: 0 !important;
}

.no-margin-bottom{
    margin-bottom : 0 !important;
}

main {
flex: 1 0 auto;
}

.no-pad-top {
    padding-top: 0px;
}

.tabs .tab a{
    color: #000000;
}

.tabs .tab a:hover{
    color: #dfa41c;
}

.tabs .tab a.active{
    color: #000000;
    font-weight: bold;
}

.tabs .indicator {
    background-color:/*#fbc02d*/ #040404;
} /*Color of underline*/

.tabs-content.carousel.initialized{
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
}

.title{
    font-weight: bold;
}

.subtitle{
    font-family: "Roboto", sans-serif;
    font-weight: 100;
}

blockquote{
    border-color: #fbc02d;
    text-align: justify;
    margin-bottom: 1rem;
}

blockquote.top{
    padding-left: 0;
    padding-top: 1.5rem !important;
    border-left: none;
    border-top: 5px solid #fbc02d;
}

blockquote.question {
    font-size: 18px;
    font-weight: bold;
}

blockquote.right{
    text-align: right;
    padding-left: 0;
    padding-right: 1.5rem;
    border-left: none;
    border-right: 5px solid #3949ab
}

.separator{
    height: 1px;
    background-color: rgba(0, 0, 0, 0.6);
    margin: 3rem 0;
}

.align-justify{
    text-align: justify;
}

.collapsible{
    background-color: white;
}

.carousel.no-perspective{
    perspective: none;
    -webkit-perspective: none;
    -moz-perspective: none;
}

.carousel.small{
    height: 40rem;
}

.carousel.medium{
    height: 50rem;
}

.carousel.large{
    height: 55rem;
}

.carousel .carousel-item{
    top: 20px;
    width: 500px;
    height: 100%;
    background-color: #fff;
}

.carousel .carousel-item:not(.active) .content span,
.carousel .carousel-item:not(.active) .content span strong
{
    text-shadow: 0 0 5px black;
    color: transparent;
}

.carousel .carousel-item .btn{
    position: absolute;
    bottom: 50px;
    left: 20%;
    right: 20%;
    opacity: 0;
}

.carousel .carousel-item.active .btn{
    opacity: .5;
}

.carousel .carousel-item.active:hover .btn{
    opacity: 1;
    transition: all .3s;
}

.carousel .carousel-item h4{
    font-size: 1.3rem;
}

.carousel .carousel-item .content{
    margin: 0 1rem;
    text-align: justify;
}

.carousel .carousel-item .content strong,
.collapsible-body strong{
    color: /*#fbc02d*/#235f9b;
}

.col ul{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.flow-text, .list{
    font-size: 1rem !important;
}

.contact-item{
    left: 0 !important;
    margin-top: 2rem;
}

.contact-item .content{
    padding-left: 0;
}

.collection.with-header{
    border-top: none;
}

.list{
    margin-top: 1rem;
    font-weight: 300;
    text-align: left;
}

.list.vertical{
    border-left: 1px solid #040404;
    padding-left: 2rem;
}

.list.vertical .row{
    margin-bottom: 0 !important;
}

.list.horizontal{
    border-top: 1px solid #040404;
    padding-top: 1rem;
}

.list.horizontal div{
    margin: .5rem;
}

.list-title{
    text-align: left;
}

.list strong{
    font-weight: 500;
}

#muriel{
    margin-top: 1rem;
}

.underline{
    text-decoration: underline;
}

.tooltipped{
    color: black;
}

.tooltipped:hover{
    cursor: help;
}

/*
.collection.with-header,
.collection.with-header .collection-item,
.collection.with-header .collection-header
{
    border: none;
}*/