@charset "UTF-8";
/* CSS Document */

.tel-ok {
  display: none;
}    
@media (max-width: 1400px) {
    .tel {
      display: none;
    }    
    .tel-ok {
      display:inherit;
    }     
}



@media (max-width: 576px) {
    .carousel-item {
      height: 200px;
    }
}


.text-1200 {
  font-size: 1.75rem;
}

@media (max-width: 1540px) {
    .text-1200 {
      font-size: 1.5rem!important;
    }
}

@media (max-width: 1380px) {
    .text-1200 {
      font-size: 1.3rem!important;
    }
}

@media (max-width: 1253px) {
    .text-1200 {
      font-size: 1.2rem!important;
    }
}

@media (max-width: 1199px) {
    .text-1200 {
      font-size: 1.75rem!important;
    }
}

@media (max-width: 864px) {
    .text-1200 {
      font-size: 1.5rem!important;
    }
}


.bg-bleu-fonce {
    background-color: #002536;
}
.bg-gris {
    background-color: #ededed;
}
.btn-rouge-cerise {
    background-color: #EF0D16;
    color: #fff;
}
.btn-rouge-cerise:hover {
    color: #fff;
    background-color: #af1d14;
}


/* ---------------------------------------------------
    NAVBAR STYLE
----------------------------------------------------- */

#navbarpsv .nav-link {
    font-size: 1.2em;
    font-weight: 400;
    padding: 0.5rem 1.2rem !important;
    color: #143d51;
}
#navbarpsv .nav-link:hover {
    color: #7bb13a !important;
}
#navbarpsv .nav-link:active {
    color: #7bb13a !important;
}
#navbarpsv .dropdown-item {
    font-size: 1.2em;
    font-weight: 400;
}
#navbarpsv .dropdown-menu {
  background-color: #7bb13a !important;
  border: none !important;
  border-radius: 0 !important;
}
#navbarpsv .dropdown-item {
  color: #fff!important;
}
#navbarpsv .dropdown-item:hover {
  color: #fff!important;
  background-color: #659526 !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


@media (max-width: 1400px) {

#navbarpsv .navbar-collapse {
}
#navbarpsv .nav-link {
    padding: 0.5rem 0rem !important;
}

}


.navbar-toggler {
  background-color: #7bb13a !important;
  border: none !important;
  border-radius: 0 !important;
  color: #7bb13a !important;    
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}


/* ---------------------------------------------------
    CAROUSEL STYLE
----------------------------------------------------- */
.marge-menu {
    margin-top: 156px;
}
.carousel-item {
  height: 500px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 768px) {
    .carousel-item {
      height: 350px;
    }
}





@media (max-width: 576px) {
    .container-tel {
      padding: 0px !important;
    }
    
.container, .container-fluid {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    }   
    
}


/*.card-actu {
    height: 100%;
}
@media (max-width: 768px) {
.card-actu {
    height: auto;
}
}
*/

.img-item {
  height: 25vh;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.img-cover {
  height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.img-cover-commerces {
  height: 400px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-cover-rub {
  height: 200px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.img-chapeau {
  height: 50vh;
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dddfeb;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


@media (max-width: 1199px) {
    .text-center-xl {
        text-align: center !important;
    }    
}
@media (max-width: 768px) {
    .text-center-md {
        text-align: center !important;
    }    
}

@media (max-width: 576px) {
    #action .text-center-xl img {
        width: 100px;
    }    
}


.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eaecf4;
  border-radius: 0.35rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item::before {
  color: #fff !important;
}


.breadcrumb-item.active {
  color: #143d51 !important;
}


.btn-floating {
    margin: 0 10px 0 0;
    padding: 0;
}

.btn-floating i {
    margin: 0;
    width: 3.8rem;
    line-height: 1.6rem;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 10rem;
    padding: 1rem;
}

.btn-floating i:hover {
    color: #000;
    background-color: #fff;
    transition-property: background-color; /* Active la transition sur background-color */
    transition-duration: 1s; /* La transition dure 1s */
}


.fh5co-animated {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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















.contenu-text {
    margin-top: 0;
}
.contenu-text p {
    font-size: 1.1rem;
}
.contenu-text h1 {
    color: #143d51;
}
.contenu-text h2 {
    color: #7bb13a;
}
.contenu-text h3 {
    color: #143d51;
    background-color: #f4ce00 !important;
    font-weight: 400;
    padding: 0.5rem 1rem;
}
.contenu-text h4 {
    color: #7bb13a;
    font-weight: 800;
}
.contenu-text h5 {
    color: #143d51;
}
.contenu-text h6 {
    font-weight: 600;
    
    text-decoration: underline solid #f4ce00 2px;
    text-decoration-color: #f4ce00;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
}

.contenu-text a {
    font-weight: 600;
    color: #7bb13a;
    text-decoration: underline solid #143d51 1px;
    text-decoration-color: #143d51;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
}
.contenu-text a:hover {
    color: #143d51;
    text-decoration: underline solid #7bb13a 1px;
    text-decoration-color: #7bb13a;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
}



.contenu-text .mailto {
    font-weight: 400;
    color: #FFF!important;
    text-decoration: none!important;
    text-decoration-line: none!important;
}


.contenu-text .colonnedroite {
  float:left!important;
  width: 50%!important;
  padding-left: 1rem;
}
.contenu-text .colonnegauche {
  float:left!important;
  width: 50%!important;
  padding-right: 1rem;
}

.contenu-text img {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dddfeb;
  max-width: 100%;
  height: auto!important;
}

.contenu-text .chapeau {
    font-weight: 100;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}


.contenu-text .colonnedroite {
  float:left!important;
  width: 50%!important;
  padding-left: 1rem;
}
.contenu-text .colonnegauche {
  float:left!important;
  width: 50%!important;
  padding-right: 1rem;
}

@media (max-width: 768px) {
    
    .contenu-text .colonnedroite {
      float:none!important;
      width: 100%!important;
      padding-left: 0rem;
    }
    .contenu-text .colonnegauche {
      float:none!important;
      width: 100%!important;
      padding-right: 0rem;
    }    
}