#carousel-header {
    position: absolute;
    width : 100%;
    z-index: 200;
}

.video-full {    
    overflow: hidden;    
}
.cc-window{
    
    border : 3px solid #00aec7;
}

.simple-nav{
    margin-top: 75px;
}

.double-nav{
    margin-top: 110px;
}

.navbar-dark .navbar-nav .nav-link {
    color : white;
    font-family: 'Roboto', sans-serif;
}

#navbar .nav-link:hover, #navbar .dropdown-item:hover{
    color: #00aec7;
}

#navbar .collapse .nav-link:hover, #navbar .collapse .dropdown-item:hover{
    color: black;
}

.perspective-container{
    perspective: 400px;
}

.perspective-left{
    transform: rotateY(20deg);
}

.perspective-left:hover{
    transform: rotate(0deg);
}

.perspective-right{
    transform: rotateY(-20deg);
}

.perspective-right:hover{
    transform: rotate(0deg);
}

.radius {  
    border-radius: .25rem;
}

.figure{
    padding-top: 1.25rem;
    margin-bottom: 1rem;
    /*border-radius: 5rem;*/
    width : 10rem;
    height : 10rem;
    text-align: center;    
    font-size:2.5rem;
    border-radius: .25rem;
}

.price{
    font-size: 1.25rem;
    border-radius: .25rem;
}

.badge-price{
    background-color: #00aec7;
    color : white;
    padding-top : .4rem;
}

header {
  padding: 50px 0 50px;
}

@media (min-width: 992px) {
  header {
    padding: 50px 0 50px;
  }
}

#hub{
    padding: 45px 0px;
}

#hub a{
    height: 100%;
}

#hub .card {
    transition: all 0.3s ease;
  transform-style: preserve-3d;
    
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
    
}

#hub .card:hover{
    background-color: gainsboro;
}

#hub .card:hover .card-text, #hub .card:hover .card-title{
    color : black;
}

#hub .card-left:hover {
    transform: rotateZ(5deg);
}
#hub .card-right:hover {
    transform: rotateZ(-5deg);
}

#hub .card-body {
    padding: 1rem;
}

#hub i {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 1.5rem;
}

#partners .carousel-indicators{
    position: relative;
    margin: 10px 0px;
    top : 0px;
}

#partners .partner-logo {
    width: 100%;
    height: auto;
    padding: 0px;
}

#partners .carousel-control-next, #partners .carousel-control-prev {
    opacity: 1;
}

section, aside {
  padding: 30px 0px;
}

section header, aside header {
    margin-bottom: 20px 0px;
    padding : 15px 0px;
}

section h1, aside h1{
    font-size: 1.75rem;
}

section h2, aside h2{
    font-size: 1.75rem;
}

section h3, aside h3{
    font-size: 1.5rem;
}

section h4, aside h4{
    font-size: 1.25rem;
}

#team .card-title, #services .card-title  {
    margin-bottom: 0px;
    font-size: 1rem;
}

#team .card-header, #services .card-header {
    padding: 0.25rem;
}

#team .card-body, #services .card-body {
    padding: 0.25rem;
}

#team .card-footer, #services .card-footer{
    padding: 0.5rem;
    font-size: 0.75rem;
}

#team .card-col:nth-child(odd) .card-footer{
    border-top: 3px solid #00aec7;
}

#team .card-col:nth-child(even) .card-footer{
    border-top: 3px solid #cb063b;
}

header .card, section .card, header .card-header, section .card-header , section .card-footer, header .card-footer{
    border: none;
}

.cut-bottom-right:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-bottom: 3rem solid white;
  border-left: 5rem solid #00aec7;
  width: 0;
}

.cut-top-left:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-left: 5rem solid white;
  border-bottom: 2rem solid #00aec7;
  width: 0;
}

abbr[title]{
    text-decoration-line : none;
}

dfn {
     font-weight: bold;
    font-style: normal;
}

#footer-contact .row{
    height: 2.5rem;
}

#footer-contact i{
    color : #00aec7;
    font-size : 1.5rem;
}

#footer{
    font-size: 0.75rem;
}

#footer p{
    margin-bottom: 0px;
}

#footer a{
    color : gray;
}

#footer a:hover{
    color : #00aec7;
}


#footer .news-item{
    border: none;
    padding: .25rem 1rem;
}

#footer .news-item:hover{
    background-color: white;
}

.modal-button, .modal-title {
  font-family: Ubuntu, Helvetica;
}

.modal-header {
  background-color: rgb(0, 174, 199);
  border-bottom: 0;
}

.modal-title {
  color: white;
  font-weight: bolder;
  text-align: center;
}

.modal-body {
  color: rgb(100, 100, 100) !important;
  font-size: 1rem;
}

.modal-footer {
  justify-content: center;
}

/* .mj-w-button{
    vertical-align: middle;
    color: white;
    text-align: center;
}

.mj-w-button-content{
    font-family:Ubuntu, Helvetica; 
    text-align: center;
    vertical-align: middle;
} */

#map {
   width: 100%;
   height: 400px;
 }

section, header{
    overflow: hidden;
}


#bloc_rs{
    z-index: 1000;
}

#bloc_rs li {
    list-style: none;
}

#bloc_rs li a {
    display: block;
    margin: auto;
}

#bloc_rs i {
    color : white;
    text-shadow: 2px 2px #00aec7;
    font-size: 2.25rem;
}

#bloc_rs img, #partners .partner-logo {
    width: 100%;
    height: 100%;
    -webkit-filter: invert(1) grayscale(1)  brightness(2);
    filter :invert(1) grayscale(1)  brightness(2);
}

#partners .partner-logo {
    -webkit-filter: grayscale(1) ;
    filter : grayscale(1);
}

#bloc_rs a:hover img, #partners .partner-logo:hover {
    -webkit-filter: none;
    filter: none;
}

#bloc_rs a:hover i {
    color : #cb063b;
}

@media (max-width: 960px){
    #bloc_rs {
        position: relative;
        top:1rem;
    }
    .links-reseaux {
        column-count: 4;
        column-width: 40px;
    }
    #bloc_rs li a {
        width: 3rem;
        height: 3rem;
    }
    #bloc_rs ul {
       padding: 0;
   }
}

@media (min-width: 960px){    
    #bloc_rs{
        position: fixed;
        top: 140px;
    }
    #bloc_rs li {
        margin: 1rem 0;
    }    
    #bloc_rs li a {
        width: 3rem;
        height: 3rem;
    }
}

.list-group-item input{
    border: none;
}




/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
    margin : 0px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider-pink {
  background-color: #cb063b;
}

input:focus + .slider-pink {
  box-shadow: 0 0 1px #cb063b;
}

input:checked + .slider-blue {
  background-color: #00aec7;
}

input:focus + .slider-blue {
  box-shadow: 0 0 1px #00aec7;
}

input:checked + .slider-black {
  background-color: #171717;
}

input:focus + .slider-black {
  box-shadow: 0 0 1px #171717;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 16px;
}

.slider.round:before {
  border-radius: 50%;
}


.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(md) {
    column-count: 3;
  }
    @include media-breakpoint-only(xs) {
    column-count: 2;
  }
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    
  background-color: #cb063b;
}




.cd-image-container {
  position: relative;
  width: 100%;
  margin: 0em;
}
.cd-image-container img {
  display: block;   
    width: 100%;
}

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: #00aec7 url("../images/icons/cd-arrows.svg") no-repeat center center;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
  background-color: #cb063b;
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

/* FLUX RSS */

footer {
   background-color: black;
}

footer .feed-lists {
   padding-left:0 !important;
}

footer .feed-item {
   margin-bottom: 0.5em;
}

footer .feed-item img {
   width: 5em;
   float: left;
   border-radius: 10%;
   margin: 0.25em 1em 1em 0;
}

footer .feed-item .feed-title a {
    color: #00aec7 !important;
}

footer .feed-item .feed-description a {
    color: #cb063b !important;
}

button.tooltip-btn {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color : transparent;
    border: none;
}

button.tooltip-btn:active , button.tooltip-btn:focus {
    outline: none;
    border: none;
}

.caption-overlay {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
}

.navbar {
    min-height : 75px;
    background-color: black;
}

@media (min-width: 992px) {    
    .nav-drop .collapse {
        display: none;
        position: fixed;    
        left : 0px;
        right : 0px;
        top : 70px;
        height : 50px;
        background-color: #00aec7 ;
    }
    .nav-drop.active .collapse {
        display: block;
    }
    .nav-drop .collapse ul {
        display: inline-block;
        /* width: 100%;
        height: 100%; */
    }
    .nav-drop .collapse li {
        float : left;
    }
}



.video-container {    
  position: relative;
  overflow: hidden;
  color: white;
  height: 650px;    
}

.video-container video {
  position: absolute;
  top: -200px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -100;
}

.img-container {  
  overflow: hidden;
}

.img-container video, .img-container img, .img-container iframe{
    object-fit: cover;
    object-position: center;
}

/* Portfolio > Témoignage */
.temoignages {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.2em;
}
.temoignages i {
    font-size: 1.5em;
}
.author {clear:left;}