body {
    font-size: 1rem;
}

body:not(.pt-5) {
    padding-top: 170px;
}

.scroll-top {
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

#bandeauContact h1 {
    font-size: 0.9375rem;
}

nav.navbar {
    background-color: rgb(236, 240, 241);
    transition: background-color 0.4s ease-in-out;
}

nav.navbar.navbar-shrink {
    background-color: rgba(236, 240, 241, 0.75);
}

nav.navbar.navbar-shrink:hover {
    background-color: rgb(236, 240, 241);
}

nav.navbar img.navbar-logo {
    height: 75px;
    transition: height 0.4s ease-in-out;
}

nav.navbar.navbar-shrink img.navbar-logo {
    height: 40px;
}

.nav-link {
    font-size: 1.2rem;
    transition: font-size 0.2s ease-in-out;
}

.nav-link:hover,
.nav-link:active,
.nav-link:focus,
.nav-link.active {
    font-size: 1.4rem;
}

.sidebar .nav-link {
    padding: .5rem 0;
}

.sidebar .nav-link:hover,
.sidebar .nav-link:active,
.sidebar .nav-link:focus,
.sidebar .nav-link.active,
.sidebar .nav-item.active .nav-link {
    font-size: 1.2rem;
    color: #31773a;
}

.text-white a {
    color: #fff;
}

.text-white a:active,
.text-white a:focus,
.text-white a:hover {
    color: #d2f9f1;
}

.opacity-85 {
    opacity: 0.85;
}

.parallax {
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-horizons {
    background-image: url(../img/evasion-voile-grenadines.jpg);
}

.parallax-skipper {
    background-image: url(../img/evasion_voile_skipper_long.jpg);
}

.parallax-voilier {
    background-image: url(../img/capo_di_fora_carribean.jpg);
}

.parallax-formation {
    background-position: center top;
    background-image: url(../img/evasion_voile_formation.jpg);
}

#carouselVoilier .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}

#carouselVoilier .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    justify-content: space-between;
}

#carouselVoilier .carousel-indicators > li {
    width: initial;
    min-width: 80px;
    height: initial;
    text-indent: initial;
}

#carouselVoilier .carousel-indicators > li.active img {
    opacity: 0.7;
}

.step-circle {
    width: 90px;
    height: 90px;
}

.step-bar-left,
.step-bar-right {
  position: absolute;
  top: 45px;
  height: 1px;
  border-top: 2px solid #dee2e6;
}

.step-bar-right {
  right: 0;
  left: 50%;
  margin-left: 50px;
}

.step-bar-left {
  left: 0;
  right: 50%;
  margin-right: 50px;
}

.fb-page-container {
    min-height: 500px;
}

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
    width: 100% !important;
}


@media screen and (max-width: 768px) {
    .table-responsive-stack tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }


    .table-responsive-stack td,
    .table-responsive-stack th {
        display:block;
        /* flex-grow | flex-shrink | flex-basis   */
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .table-responsive-stack .table-responsive-stack-thead {
        font-weight: bold;
    }
    .table-responsive-stack tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: 3px solid #ccc;
        display:block;
    }
    /*  IE9 FIX   */
    .table-responsive-stack td {
      float: left\9;
      width:100%;
    }
}

@media (max-width: 576px) {
    body {
        padding-top: 200px;
    }

    .step-circle {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 992px) {
    .parallax {
        height: 150px;
    }
}

.pulseBigger {
    -webkit-animation-name: pulseBigger;
    animation-name: pulseBigger;
}

@keyframes pulseBigger {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.hover-fade-container:hover .hover-fadeIn-element,
.hover-fade-container:focus .hover-fadeIn-element,
.hover-fade-container:active .hover-fadeIn-element {
    display: block !important;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.hover-fade-container:hover .hover-fadeOut-element,
.hover-fade-container:focus .hover-fadeOut-element,
.hover-fade-container:active .hover-fadeOut-element {
    display: none !important;
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

.hover-fadeIn:hover,
.hover-fadeIn:focus,
.hover-fadeIn:active {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.hover-fadeOut:hover,
.hover-fadeOut:focus,
.hover-fadeOut:active {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.hover-jello:hover,
.hover-jello:focus,
.hover-jello:active {
    -webkit-animation-name: jello;
    animation-name: jello;
}

.hover-rubberBand:hover,
.hover-rubberBand:focus,
.hover-rubberBand:active {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

.hover-tada:hover,
.hover-tada:focus,
.hover-tada:active {
    -webkit-animation-name: tada;
    animation-name: tada;
}