@charset "UTF-8";
/*****************************************************************/
/*BOOTSTRAP ADDS */
/*****************************************************************/


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  font-family: var(--bs-heading-font-family);
  /*font-size:var(--bs-heading-font-size);
  font-weight:var(--bs-heading-font-weight);*/
}

/*BALISE SPEC. ================================================*/
/*node*/
article h1{font-size: 2.5rem;color:var(--bs-primary);}
article h2{font-size: 2rem;color:var(--bs-primary);}
article h3{font-size: 1.75rem;color:var(--bs-primary);}
article h4{font-size: 1.5rem;color:var(--bs-gray);}
article h5{font-size: 1.25rem;color:var(--bs-primary);}
article h6{font-size: 1rem;color:var(--bs-gray);}


/*FONT SIZE=============================================*/
.title-1{font-size:10rem!important;}
.title-2{font-size:9rem!important;}
.title-3{font-size:8rem!important;}
.title-4{font-size:7rem!important;}
.title-5{font-size:6rem!important;}


@media (max-width: 991px){
  .fs-1{font-size:1.75rem!important;}
  .fs-2{font-size:1.5rem!important;}
  .fs-3{font-size:1.25rem!important;}
  .fs-4{font-size:1rem!important;}
  .fs-5{font-size:.75rem!important;}
  .fs-6{font-size:.5rem!important;}
}
/*FORM=============================================*/
input[type="search"] {
  box-sizing: border-box;
}
/*GRID=============================================*/
.d-grid-1{grid-template-columns: auto;}
.d-grid-2{grid-template-columns: auto auto;}
.d-grid-3{grid-template-columns: auto auto auto;}
.d-grid-4{grid-template-columns: auto auto auto auto;}
.d-grid-5{grid-template-columns: auto auto auto auto auto;}
.d-grid-6{grid-template-columns: auto auto auto auto auto auto;}
.d-grid-7{grid-template-columns: auto auto auto auto auto auto auto;}
.d-grid-8{grid-template-columns: auto auto auto auto auto auto auto auto;}
.d-grid-9{grid-template-columns: auto auto auto auto auto auto auto auto auto;}
.d-grid-10{grid-template-columns: auto auto auto auto auto auto auto auto auto auto;}


/*Z-INDEX=============================================*/
.z-index--1{z-index:-1!important}
.z-index-0{z-index:0!important}
.z-index-1{z-index:1!important}
.z-index-2{z-index:2!important}
.z-index-3{z-index:3!important}
.z-index-4{z-index:4!important}
.z-index-5{z-index:5!important}
.z-index-100{z-index:100!important}
.z-index-200{z-index:200!important}
.z-index-900{z-index:900!important}
.z-index-1000{z-index:1000!important}
.z-index-2000{z-index:2000!important}

/*POSITION===========================================*/
.position-inherit{
  position:inherit!important;
}
.top-inherit{top: inherit!important;}
.bottom-inherit{bottom:inherit!important;}
.start-inherit{left:inherit!important;}
.end-inherit{right:inherit!important;}

.top-5{top:5%!important}
.bottom-5{bottom:5%!important}
.start-5{left:5%!important}
.end-5{right:5%!important}

.top-10{top:10%!important}
.bottom-10{bottom:10%!important}
.start-10{left:10%!important}
.end-10{right:10%!important}

.top-25{top:25%!important}
.bottom-25{bottom:25%!important}
.start-25{left:25%!important}
.end-25{right:25%!important}
/* negatig */
.bottom--25{bottom:-25%!important}
.top--25{top:-25%!important}

@media (min-width: 992px){
.end-lg-50{right:50%!important}
}
@media (max-width: 991px){
    .position-sm-absolute{
        position:absolute;
        z-index:99;
        bottom:0;
        left:0;
        right:0;
    }
    .position-sm-fixed {position:fixed;}
    .start-sm-0{left:0;}
    .end-sm-0{right:0;}
    .bottom-sm-0{bottom:0;}
    .top-sm-0{top:0;}
}

/*HEIGHT===============================================*/
.h-10{height:10%!important}
.h-20{height:20%!important}
.h-30{height:30%!important}
.h-40{height:40%!important}

.h-60{height:60%!important}
.h-70{height:70%!important}
.h-80{height:80%!important}
.h-90{height:90%!important}

.h-1{height:1rem!important}
.h-2{height:2rem!important}
.h-3{height:3rem!important}
.h-4{height:4rem!important}
.h-5{height:5rem!important}

/*WIDTH===============================================*/
.w-1{width:1rem!important}
.w-2{width:2rem!important}
.w-3{width:3rem!important}
.w-4{width:4rem!important}
.w-5{width:5rem!important}

.w-5{width:5%!important}
.w-10{width:10%!important}
.w-15{width:15%!important}
.w-20{width:20%!important}
.w-30{width:30%!important}
.w-35{width:35%!important}
.w-40{width:40%!important}
.w-45{width:45%!important}
.w-60{width:60%!important}
.w-70{width:70%!important}
.w-80{width:80%!important}
.w-90{width:90%!important}

@media (max-width: 991px){
  .w-md-100{width:100%!important}  
}

/*PADDING=======================================*/
.p-10{padding:10rem!important;}
.p-20{padding:20rem!important;}
.p-30{padding:30rem!important;}
.p-40{padding:40rem!important;}
.p-50{padding:50rem!important;}

.ps-10{padding-left:10rem!important;}
.ps-20{padding-left:20rem!important;}
.ps-30{padding-left:30rem!important;}
.ps-40{padding-left:40rem!important;}
.ps-50{padding-left:50rem!important;}

.pe-10{padding-right:10rem!important;}
.pe-20{padding-right:20rem!important;}
.pe-30{padding-right:30rem!important;}
.pe-40{padding-right:40rem!important;}
.pe-50{padding-right:50rem!important;}

.pt-10{padding-top:10rem!important;}
.pt-20{padding-top:20rem!important;}
.pt30{padding-top:30rem!important;}
.pt-40{padding-top:40rem!important;}
.pt-50{padding-top:50rem!important;}

.pb-10{padding-bottom:10rem!important;}
.pb-20{padding-bottom:20rem!important;}
.pb-30{padding-bottom:30rem!important;}
.pb-40{padding-bottom:40rem!important;}
.pb-50{padding-bottom:50rem!important;}
@media (min-width: 992px){
.p-lg-10{padding:10rem!important;}
.p-lg-20{padding:20rem!important;}
.p-lg-30{padding:30rem!important;}
.p-lg-40{padding:40rem!important;}
.p-lg-50{padding:50rem!important;}

.ps-lg-10{padding-left:10rem!important;}
.ps-lg-20{padding-left:20rem!important;}
.ps-lg-30{padding-left:30rem!important;}
.ps-lg-40{padding-left:40rem!important;}
.ps-lg-50{padding-left:50rem!important;}

.pe-lg-10{padding-right:10rem!important;}
.pe-lg-20{padding-right:20rem!important;}
.pe-lg-30{padding-right:30rem!important;}
.pe-lg-40{padding-right:40rem!important;}
.pe-lg-50{padding-right:50rem!important;}

.pt-lg-10{padding-top:10rem!important;}
.pt-lg-20{padding-top:20rem!important;}
.pt-lg30{padding-top:30rem!important;}
.pt-lg-40{padding-top:40rem!important;}
.pt-lg-50{padding-top:50rem!important;}

.pb-lg-10{padding-bottom:10rem!important;}
.pb-lg-20{padding-bottom:20rem!important;}
.pb-lg-30{padding-bottom:30rem!important;}
.pb-lg-40{padding-bottom:40rem!important;}
.pb-lg-50{padding-bottom:50rem!important;}

.ps-lg-15{padding-left: 14%!important;}
.pe-lg-15{padding-left: 14%!important;}

/*
.inset-lg-1{padding-left: 8.33333333%!important;}
.inset-lg-2{padding-left: 16.66666667%!important;}
.inset-lg-3{padding-left: 14%!important;}
.inset-lg-4{padding-left: 33.33333333%!important;}
.inset-lg-5{padding-left: 41.66666667%!important;}
.inset-lg-6{padding-left: 50%!important;}
.inset-lg-7{padding-left: 58.33333333%!important;}
.inset-lg-8 {padding-left: 66.66666667%!important;}
.inset-lg-9 {padding-left: 75%!important;}
.inset-lg-10 {padding-left: 83.33333333%!important;}
.inset-lg-11 {padding-left: 91.66666667%!important;}
*/

}

/*LETTER SPACING=======================================*/
.ls-1{letter-spacing: .5rem;}
.ls-2{letter-spacing: .75rem;}
.ls-3{letter-spacing: 1rem;}
.ls-4{letter-spacing: 1.25rem;}
.ls-5{letter-spacing: 1.5rem;}

/*TRANSLATE=================================================*/
.translate-start-15 {transform: translateX(-15%)!important;}
.translate-start-25 {transform: translateX(-25%)!important;}

.translate-end-15 {transform: translateX(15%)!important;}
.translate-end-25 {transform: translateX(25%)!important;}
.translate-end-50 {transform: translateX(50%)!important;}
.translate-end-75 {transform: translateX(75%)!important;}
.translate-end-100 {transform: translateX(100%)!important;}

.translate-top-25 {transform: translateY(-25%)!important;}

.translate-bottom-25 {transform: translateY(25%)!important;}
.translate-bottom-50 {transform: translateY(50%)!important;}
.translate-bottom-75 {transform: translateY(75%)!important;}
.translate-bottom-100 {transform: translateY(100%)!important;}



@media (max-width: 991px){
  .translate-start-15 {transform: translateX(0)!important;}
  .translate-start-15 {transform: translateX(0)!important;}
  .translate-end-25 {transform: translateX(0)!important;}
  .translate-end-50 {transform: translateX(0)!important;}
  .translate-end-75 {transform: translateX(0)!important;}
  .translate-end-100 {transform: translateX(0)!important;}

  .translate-bottom-25 {transform: translateY(0)!important;}
  .translate-bottom-50 {transform: translateY(0)!important;}
  .translate-bottom-75 {transform: translateY(0)!important;}
  .translate-bottom-100 {transform: translateY(0)!important;}

 
}
/*BACKGROUND ==============================================*/




/*BORDER-RADIUS ============================================*/
.rounded-4{border-radius:.4rem!important;}
.rounded-5{border-radius:.5rem!important;}

/*TEXT-SHADOW & BOX-SHADOW =================================*/
.box-shadow-top{box-shadow: inset 0 .3rem .4rem -.5rem var(--light-color)}
/*.text-shadow{text-shadow: -0.05rem -0.05rem 0.05rem rgba(var(--white-rgb),.1), 
                          0.1rem 0.1rem 0.1rem rgba(var(--dark-color-rgb),.5)
                          !important;
}*/
.text-shadow{text-shadow: 2px 2px 2px rgba(var(--bs-dark-rgb),1)!important;
}

/**BTN GROUP ,BTN-LG=======================================*/
@media (max-width: 991px){
    .btn-group-lg > .btn, .btn-lg {
      padding: .25rem .5rem;
      font-size: 1rem;
    }
}

/* BTN BTN-ICON =======================================================*/
.btn-icon-square,
.btn-icon-circle{
    padding:0;
    background-color: transparent!important;
    border-color: transparent!important;
    border-radius: inherit!important;
    align-self: center!important;
    border:none;
  }
  
.btn-icon-square i,
.btn-icon-circle i{
    padding:.5rem!important;
    background-color:var(--bs-dark)!important;
    color:var(--bs-light)!important;
    margin:0 .5rem;
}
.btn-icon-circle i{border-radius:50%!important;}
.btn-icon-square i{border-radius:.3rem!important;}
  
.btn-icon-square:hover i,
.btn-icon-circle:hover i{
    background-color:var(--bs-light)!important;
    color:var(--bs-primary)!important;
  }
  
.btn-primary.btn-icon-square:hover,
.btn-primary.btn-icon-circle:hover,
.btn-secondary.btn-icon-square:hover,
.btn-secondary.btn-icon-circle:hover,
.btn-tertiary.btn-icon-square:hover,
.btn-tertiary.btn-icon-circle:hover,
.btn-light.btn-icon-square:hover,
.btn-light.btn-icon-circle:hover,
.btn-dark.btn-icon-square:hover,
.btn-light.btn-icon-circle:hover,

.btn-primary.btn-icon-square:focus,
.btn-primary.btn-icon-circle:focus,
.btn-secondary.btn-icon-square:focus,
.btn-secondary.btn-icon-circle:focus,
.btn-tertiary.btn-icon-square:focus,
.btn-tertiary.btn-icon-circle:focus,
.btn-light.btn-icon-square:focus,
.btn-light.btn-icon-circle:focus,
.btn-dark.btn-icon-square:focus,
.btn-light.btn-icon-circle:focus{background-color: transparent!important;border-color: transparent!important;}
  
  /*btn-primary*/
  .btn-primary.btn-icon-square,.btn-primary.btn-icon-circle{color:var(--bs-dark)!important;}
  .btn-primary.btn-icon-square i,.btn-primary.btn-icon-circle i{background-color:var(--bs-primary)!important;color:var(--bs-light)!important;}
  .btn-primary.btn-icon-square:hover i,.btn-primary.btn-icon-circle:hover i{color:var(--bs-light)!important;background-color:var(--bs-dark)!important;}
  /*btn-secondary*/
  .btn-secondary.btn-icon-square,.btn-secondary.btn-icon-circle{color:var(--bs-dark)!important;}
  .btn-secondary.btn-icon-square i,.btn-secondary.btn-icon-circle i{background-color:var(--bs-secondary)!important;color:var(--bs-light)!important;}
  .btn-secondary.btn-icon-square:hover i,.btn-secondary.btn-icon-circle:hover i{color:var(--bs-light)!important;background-color:var(--bs-dark)!important;}
  /*btn-tertiary*/
  .btn-tertiary.btn-icon-square,.btn-tertiary.btn-icon-circle{color:var(--bs-dark)!important;}
  .btn-tertiary.btn-icon-square i,.btn-tertiary.btn-icon-circle i{background-color:var(--bs-tertiary)!important;color:var(--bs-light)!important;}
  .btn-tertiary.btn-icon-square:hover i,.btn-tertiary.btn-icon-circle:hover i{color:var(--bs-light)!important;background-color:var(--bs-dark)!important;}
  
  /*btn-light*/
  .btn-light.btn-icon-square,.btn-light.btn-icon-circle{color:var(--bs-light)!important;}
  .btn-light.btn-icon-square i,.btn-light.btn-icon-circle i{background-color:var(--bs-dark)!important;color:var(--bs-light)!important;}
  .btn-light.btn-icon-square:hover i,.btn-light.btn-icon-circle:hover i{color:var(--bs-dark)!important;background-color:var(--bs-light)!important;}
  /*btn-dark*/
  .btn-dark.btn-icon-square,.btn-dark.btn-icon-circle{color:var(--bs-dark)!important;}
  .btn-dark.btn-icon-square i,.btn-dark.btn-icon-circle i{background-color:var(--bs-light)!important;color:var(--bs-dark)!important;}
  .btn-dark.btn-icon-square:hover i,.btn-dark.btn-icon-circle:hover i{color:var(--bs-light)!important;background-color:var(--bs-dark)!important;}

/* BTN BTN-EXTEND =======================================================*/

.btn-extend {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  position: relative;
}
.btn-extend .btn-title{

  display:none;
  transition: display 0.3s ease-in-out;
}

.btn-extend:hover .btn-title {
  display:block;
}

 

/*CARD ======================================================*/
.card.bg-none,
.card.bg-none .card-header,
.card.bg-none .card-body,
.card.bg-none .card-footer{
  background-color: transparent!important;
  border:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

/*FLIP-CARD====================================================*/
/*conteneur unitaire (ajouter a la class COL)*/
*:has(>.card-flip){
  perspective: 100rem;
  overflow: hidden;
}
.card-flip{ 
  display:grid;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.card-flip .card-front, .card-flip .card-back {
  grid-area: 1/1;
  flex-direction: column!important;
  display: flex!important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-y:hover ,
.flip-y .card-back {
  transform: rotateY(180deg);
}
.flip-x:hover ,
.flip-x .card-back {
  transform: rotateX(180deg);
}

/*FADE-CARD====================================================*/


.card-fade {
  overflow: hidden;
  display:grid!important;
  transition:all 0.6s;
}
  
.card-fade .card-front,
.card-fade .card-back{
  grid-area: 1/1;
  flex-direction: column!important;
  display: flex;
  transition:all 0.6s;
}
.card-fade .card-front{
  opacity: 1;
  visibility: visible;
}
.card-fade:hover .card-front,
.card-fade .card-back{
  opacity: 0;
  visibility: hidden;
}
.card-fade:hover .card-back{opacity: 1;visibility: visible;}


/* BADGE CIRCLE SQUARE =============================================*/

.badge-square,
.badge-circle {

  position: relative;
  display: flex;
  align-items: center;
  width: 10rem;
  height: 10rem;
}

.badge-square *,
.badge-circle * {
  z-index: 11;
  text-align: center;
}
.badge-square span,
.badge-circle span {
  width: 70%;
}

.badge-square::before,
.badge-square::after,
.badge-circle::before,
.badge-circle::after {
  content: "";
  background-color: var(--bs-light);
  position: absolute;
  display: block;
  z-index: 10;
  width: 7rem;
  height: 7rem;
}
.badge-square::after,
.badge-circle::after{
  z-index:0;
}

.badge-shadow::before {
  box-shadow: 0 0.5rem 1rem rgba(var(--bs-dark-rgb), 0.15) !important;
}
.badge-md {
  width: 8rem;
  height: 8rem;
}
.badge-md::before,
.badge-md::after {
  width: 5rem;
  height: 5rem;
}

.badge-lg {
  width: 14rem;
  height: 14rem;
}
.badge-lg::before,
.badge-lg::after {
  width: 10rem;
  height: 10rem;
}

.badge-border::before {
  border: 2px solid;
}

.badge-circle,
.badge-circle::before,
.badge-circle::after {
  border-radius: 50%;
}

.badge-square.badge-rounded::before,
.badge-square.badge-rounded::after {
  border-radius: var(--bs-border-radius);
}
@media (max-width: 991px){
    .badge-text{
      font-size:.75rem!important;
    }
}

/*color*/
.badge-white {color: var(--bs-primary) !important;}

.badge-primary,
.badge-secondary,
.badge-tertiary,
.badge-dark,
.badge-blue,
.badge-indigo,
.badge-purple,
.badge-pink,
.badge-red,
.badge-orange,
.badge-yellow,
.badge-green,
.badge-teal,
.badge-cyan{color: var(--bs-light) !important;}

.badge-light{color: var(--bs-dark) !important;}
/*bg-color*/
/*before--after*/
.badge-white::before,
a .rotate.badge-white::after{background-color: var(--bs-white) !important;}
.badge-primary::before,
a .rotate.badge-primary::after{background-color: var(--bs-primary) !important;}
.badge-secondary::before,
a .rotate.badge-secondary::after{background-color: var(--bs-secondary) !important;}
.badge-tertiary::before,
a .rotate.badge-tertiary::after{background-color: var(--bs-tertiary) !important;}
.badge-light::before,
a .rotate.badge-light::after{background-color: var(--bs-light) !important;}
.badge-dark::before,
a .rotate.badge-dark::after{background-color: var(--bs-dark) !important;}
.badge-blue::before,
a .rotate.badge-blue::after{background-color: var(--bs-blue) !important;}
.badge-indigo::before,
a .rotate.badge-indigo::after{background-color: var(--bs-indigo) !important;}
.badge-purple::before,
a .rotate.badge-purple::after{background-color: var(--bs-purple) !important;}
.badge-pink::before,
a .rotate.badge-pink::after{background-color: var(--bs-pink) !important;}
.badge-red::before,
a .rotate.badge-red::after{background-color: var(--bs-red) !important;}
.badge-orange::before,
a .rotate.badge-orange::after{background-color: var(--bs-orange) !important;}
.badge-yellow::before,
a .rotate.badge-yellow::after{background-color: var(--bs-yellow) !important;}
.badge-green::before,
a .rotate.badge-green::after{background-color: var(--bs-green) !important;}
.badge-teal::before,
a .rotate.badge-teal::after{background-color: var(--bs-teal) !important;}
.badge-cyan::before,
a .rotate.badge-cyan::after{background-color: var(--bs-cyan) !important;}
/**/

a .bagde-circle,
a .badge-square,
a .badge-circle::before,
a .badge-circle::after,
a .badge-square::before,
a .badge-square::after {
  -webkit-transition: all 0.2s ease-out 0.2s;
  transition: all 0.2s ease-out 0.2s;
}
/*FX*/
/*ZOOM*/
a .zoom.badge-square::after,
a .zoom.badge-circle::after {
  content: none;
}
a:hover .zoom.badge-square::before,
a:hover .zoom.badge-circle::before {
  transform: scale(1.05);
}
/*ROTATE*/
a .rotate.badge-square::after {
  opacity: 0.4;
  -webkit-transform: rotate(23deg);
  transform: rotate(23deg);
}
a:hover .rotate.badge-square::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*ROTATE*/
a .rotate.badge-circle::after {
  opacity: 0.6;
  -webkit-transform: skew(10deg, 20deg);
  transform: skew(10deg, 20deg);
}
a:hover .rotate.badge-circle::after {
  -webkit-transform: skew(-10deg, -20deg);
  transform: skew(-10deg, -20deg);
}

/*COLOR*/
a .color.badge-square::after,
a .color.badge-circle::after{content:none;}

a:hover .color.badge-white::before{background-color: var(--bs-primary) !important;}

a:hover .color.badge-primary::before,
a:hover .color.badge-secondary::before,
a:hover .color.badge-tertiary::before,
a:hover .color.badge-dark::before,
a:hover .color.badge-blue::before,
a:hover .color.badge-indigo::before,
a:hover .color.badge-purple::before,
a:hover .color.badge-pink::before,
a:hover .color.badge-red::before,
a:hover .color.badge-orange::before,
a:hover .color.badge-yellow::before,
a:hover .color.badge-green::before,
a:hover .color.badge-teal::before,
a:hover .color.badge-cyan::before{background-color: var(--bs-light) !important;}

a:hover .color.badge-light::before{background-color: var(--bs-dark) !important;}

a:hover .color.badge-white{color: var(--bs-white) !important;}
a:hover .color.badge-primary{ color: var(--bs-primary) !important;}
a:hover .color.badge-secondary {color: var(--bs-secondary) !important;}
a:hover .color.badge-tertiary {color: var(--bs-tertiary) !important;}
a:hover .color.badge-light {color: var(--bs-light) !important;}
a:hover .color.badge-dark {color: var(--bs-dark) !important;}
a:hover .color.badge-blue {color: var(--bs-blue) !important;}
a:hover .color.badge-indigo {color: var(--bs-indigo) !important;}
a:hover .color.badge-purple {color: var(--bs-purple) !important;}
a:hover .color.badge-pink {color: var(--bs-pink) !important;}
a:hover .color.badge-red {color: var(--bs-red) !important;}
a:hover .color.badge-orange {color: var(--bs-orange) !important;}
a:hover .color.badge-yellow {color: var(--bs-yellow) !important;}
a:hover .color.badge-green {color: var(--bs-green) !important;}
a:hover .color.badge-teal {color: var(--bs-teal) !important;}
a:hover .color.badge-cyan {color: var(--bs-cyan) !important;}

@media (max-width: 991px) {
  .badge-square,
  .badge-circle {
    width: 5rem;
    height: 5rem;
  }

  .badge-square::before,
  .badge-square::after,
  .badge-circle::before,
  .badge-circle::after {
    width: 4rem;
    height: 4rem;
  }
}


/* CAROUSSEL - ======================================================*/
.carousel .carousel-caption img{max-height:var(--bs-brand-img)}

.circle.carousel-indicators [data-bs-target],
.square.carousel-indicators [data-bs-target] {
    width:2rem!important;
    height:2rem!important;
    border:0!important;
}

.circle-md.carousel-indicators [data-bs-target],
.square-md.carousel-indicators [data-bs-target] {
    width:1rem!important;
    height:1rem!important;
    border:0!important;
}
.circle-md.carousel-indicators [data-bs-target],
.circle.carousel-indicators [data-bs-target]{
  border-radius: 50%!important;
}

/*CAROUSSEL MULTI - A ASSOCIER AVEC carousel-multi.js ===============*/
.carousel-multi .carousel-inner{
  -webkit-transition: all .5s ease-out .2s;
  transition: all .5s ease-out .2s;
  overflow: scroll;
  scroll-behavior: smooth;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
/*
.carousel-multi .carousel-control-prev,
.carousel-multi .carousel-control-next{ top: 50%;bottom:inherit;width:auto;opacity:1;}

.carousel-multi .control-circle{border-radius:50%}
.carousel-multi .control-square{border-radius:.3rem}

.carousel-multi .carousel-control-prev{left:-5%;}
.carousel-multi .carousel-control-next{right:-5%;}

.carousel-multi .carousel-control-prev:hover,
.carousel-multi .carousel-control-next:hover{background-color:var(--bs-light)!important;color:var(--bs-primary)!important;}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    width: 3rem;
    height: 3rem;
}

@media (max-width: 991px){
  .carousel-control-prev-icon,
  .carousel-control-next-icon{
      width: 2.5rem;
      height: 2.5rem;
  }
}*/

.carousel-md-multi{display:flex;}

.carousel-md-multi .carousel-inner {display:flex;width:70%}
.carousel-md-multi.multi-2 .carousel-item {margin-right: 0;display: block;flex: 0 0 50%;}
.carousel-md-multi.multi-3 .carousel-item {margin-right: 0;display: block;flex: 0 0 33.3333%;}
.carousel-md-multi.multi-4 .carousel-item {margin-right: 0;display: block;flex: 0 0 25%;}
.carousel-md-multi.multi-5 .carousel-item {margin-right: 0;display: block;flex: 0 0 20%;}
.carousel-md-multi.multi-6 .carousel-item {margin-right: 0;display: block;flex: 0 0 16.6666%;}
.carousel-md-multi.multi-8 .carousel-item {margin-right: 0;display: block;flex: 0 0 12.5%;}

.carousel-md-multi .control{display:flex;width:15%}

@media (min-width: 768px) {
    .carousel-multi .carousel-inner {
      display: flex;
    }
    .carousel-multi .carousel-item {
      margin-right: 0;
      display: block;
    }
    .carousel-multi.multi-1 .carousel-item {flex: 0 0 100%;} 
    .carousel-multi.multi-2 .carousel-item {flex: 0 0 50%;}
    .carousel-multi.multi-3 .carousel-item {flex: 0 0 33.3333%;}
    .carousel-multi.multi-4 .carousel-item {flex: 0 0 25%;}
    .carousel-multi.multi-5 .carousel-item {flex: 0 0 20%;}
    .carousel-multi.multi-6 .carousel-item {flex: 0 0 16.6666%;}
    .carousel-multi.multi-8 .carousel-item {flex: 0 0 12.5%;}
}

/*FX IMG HOVER =================================================================*/
.zoom {transition: transform .2s ease;}
.zoom:hover {transform: scale(1.05);}
.zoom:active {transform: scale(.95);}

.rotate {overflow:hidden}
.rotate img{
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.rotate:hover img{
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
}


/*BACKGROUND FX  =================================================================*/
.dot-end::after{
    content: '';
    width:25%;
    height:2px;
    border-top:5px dotted var(--bs-primary);
    display:inline-block;
    margin-left:1rem;
  }
  .dot-start::before{
    content: '';
    width:25%;
    height:2px;
    border-top:5px dotted var(--bs-primary);
    display:inline-block;
    margin-right:1rem;
}

.bg-transition-primary{
    transition:background-color 1s,color 1s;
  }
  .bg-transition-primary:hover{
    background-color:var(--bs-primary)!important;
    color:var(--bs-light)!important
  }
  

/*SVG COLOR défilé GALLERY HOME, ... */
.fill-white-rgb{fill:rgba(var(--bs-white-rgb),var(--bs-bg-opacity));}
.fill-color-rgb{fill:rgba(var(--bs-fill-rgb),var(--bs-bg-opacity));}
.fill-primary-rgb{fill:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity));}
.fill-secondary-rgb{fill:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity));}


.fill-100{--bs-bg-opacity: .1!important;}
.fill-200{--bs-bg-opacity: .2!important;}
.fill-300{--bs-bg-opacity: .3!important;}
.fill-400{--bs-bg-opacity: .4!important;}
.fill-500{--bs-bg-opacity: .5!important;}
.fill-600{--bs-bg-opacity: .6!important;}
.fill-700{--bs-bg-opacity: .7!important;}
.fill-800{--bs-bg-opacity: .8!important;}
.fill-900{--bs-bg-opacity: .9!important;}
/*SVG COLOR défilé GALLERY HOME,, ...  */


/* BG FX 1 */
.bg-fx1-primary::before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    left:30%;
    right:30%;
    width: auto;
    height: 120%;
    background: linear-gradient(0deg, 
      rgba(var(--bs-primary-rgb),0) 0% , 
      rgba(var(--bs-primary-rgb),.1) 20% , 
      rgba(var(--bs-primary-rgb),.1) 80% ,
      rgba(var(--bs-primary-rgb),0) 100% );
    transform: skew(30deg, 0deg);
    top: -10%;
    bottom: -10%;
    
}
.bg-fx1-secondary::before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    left:30%;
    right:30%;
    width: auto;
    height: 120%;
    background: linear-gradient(0deg, 
      rgba(var(--bs-secondary-rgb),0) 0% , 
      rgba(var(--bs-secondary-rgb),.1) 20% , 
      rgba(var(--bs-secondary-rgb),.1) 80% ,
      rgba(var(--bs-secondary-rgb),0) 100% );
    transform: skew(30deg, 0deg);
    top: -10%;
    bottom: -10%;
}
.bg-fx1-tertiary::before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    left:30%;
    right:30%;
    width: auto;
    height: 120%;
    background: linear-gradient(0deg, 
      rgba(var(--bs-tertiary-rgb),0) 0% , 
      rgba(var(--bs-tertiary-rgb),.1) 20% , 
      rgba(var(--bs-tertiary-rgb),.1) 80% ,
      rgba(var(--bs-tertiary-rgb),0) 100% );
    transform: skew(30deg, 0deg);
    top: -10%;
    bottom: -10%;
}
.bg-fx1-light::before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    width: 40%;
    height: 120%;
    background: linear-gradient(0deg, 
      rgba(var(--bs-light-rgb),0) 0% , 
      rgba(var(--bs-light-rgb),1) 20% , 
      rgba(var(--bs-light-rgb),1) 80% ,
      rgba(var(--bs-light-rgb),0) 100% );
    transform: skew(30deg, 0deg);
    top: -10%;
    bottom: -10%;
}
/* BG FX 2 */
.bg-fx2-primary{position: relative;}
.bg-fx2-primary::before {
   z-index: -1;
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 120%;
  background: 
    linear-gradient(
      90deg, 
      rgba(var(--bs-primary-rgb),0) 5% , 
      rgba(var(--bs-primary-rgb),.09) 5% , 
      rgba(var(--bs-primary-rgb),.09) 10%,
      rgba(var(--bs-primary-rgb),0) 10%,

      rgba(var(--bs-primary-rgb),0) 15% , 
      rgba(var(--bs-primary-rgb),.06) 15% , 
      rgba(var(--bs-primary-rgb),.06) 20%,
      rgba(var(--bs-primary-rgb),0) 20%,

      rgba(var(--bs-primary-rgb),0) 25% , 
      rgba(var(--bs-primary-rgb),.03) 25% , 
      rgba(var(--bs-primary-rgb),.03) 30%,
      rgba(var(--bs-primary-rgb),0) 30%,

      rgba(var(--bs-primary-rgb),0) 35% , 
      rgba(var(--bs-primary-rgb),.03) 35% , 
      rgba(var(--bs-primary-rgb),.03) 40%,
      rgba(var(--bs-primary-rgb),0) 40%,

      rgba(var(--bs-primary-rgb),0) 45% , 
      rgba(var(--bs-primary-rgb),.06) 45% , 
      rgba(var(--bs-primary-rgb),.06) 50%,
      rgba(var(--bs-primary-rgb),0) 50%,
      
      rgba(var(--bs-primary-rgb),0) 55% , 
      rgba(var(--bs-primary-rgb),.09) 55% , 
      rgba(var(--bs-primary-rgb),.09) 60%,
      rgba(var(--bs-primary-rgb),0) 60%,

      rgba(var(--bs-primary-rgb),0) 65% , 
      rgba(var(--bs-primary-rgb),.09) 65% , 
      rgba(var(--bs-primary-rgb),.09) 70%,
      rgba(var(--bs-primary-rgb),0) 70%,
      
      rgba(var(--bs-primary-rgb),0) 75% , 
      rgba(var(--bs-primary-rgb),.09) 75% , 
      rgba(var(--bs-primary-rgb),.09) 80%,
      rgba(var(--bs-primary-rgb),0) 80%,

      rgba(var(--bs-primary-rgb),0) 85% , 
      rgba(var(--bs-primary-rgb),.09) 85% , 
      rgba(var(--bs-primary-rgb),.09) 90%,
      rgba(var(--bs-primary-rgb),0) 90%,

      rgba(var(--bs-primary-rgb),0) 95% , 
      rgba(var(--bs-primary-rgb),.09) 95% , 
      rgba(var(--bs-primary-rgb),.09) 100%,
      rgba(var(--bs-primary-rgb),0) 100%
      
      
    )
  ;
  transform: skew(0deg, 5deg);
  left: 0;
  right:0;
  top:-10%;
}
.bg-fx2-secondary::before {
   z-index: -1;
  content: '';
  display: block;
  position: absolute;
  width: 120%;
  height: 120%;
  background: 
    linear-gradient(
      90deg, 
      rgba(var(--bs-secondary-rgb),0) 5% , 
      rgba(var(--bs-secondary-rgb),.06) 5% , 
      rgba(var(--bs-secondary-rgb),.06) 10%,
      rgba(var(--bs-secondary-rgb),0) 10%,

      rgba(var(--bs-secondary-rgb),0) 15% , 
      rgba(var(--bs-secondary-rgb),.04) 15% , 
      rgba(var(--bs-secondary-rgb),.04) 20%,
      rgba(var(--bs-secondary-rgb),0) 20%,

      rgba(var(--bs-secondary-rgb),0) 25% , 
      rgba(var(--bs-secondary-rgb),.02) 25% , 
      rgba(var(--bs-secondary-rgb),.02) 30%,
      rgba(var(--bs-secondary-rgb),0) 30%,

      rgba(var(--bs-secondary-rgb),0) 70% , 
      rgba(var(--bs-secondary-rgb),.02) 70% , 
      rgba(var(--bs-secondary-rgb),.02) 75%,
      rgba(var(--bs-secondary-rgb),0) 75%,

      rgba(var(--bs-secondary-rgb),0) 80% , 
      rgba(var(--bs-secondary-rgb),.04) 80% , 
      rgba(var(--bs-secondary-rgb),.04) 85%,
      rgba(var(--bs-secondary-rgb),0) 85%,
      
      rgba(var(--bs-secondary-rgb),0) 90% , 
      rgba(var(--bs-secondary-rgb),.06) 90% , 
      rgba(var(--bs-secondary-rgb),.06) 95%,
      rgba(var(--bs-secondary-rgb),0) 95%

    )
  ;
  transform: skew(30deg, 0deg);
  left: -10%;
  right:-10%;
  top:-10%;
}
.bg-fx2-light::before {
   z-index: -1;
  content: '';
  display: block;
  position: absolute;
  width: 120%;
  height: 120%;
  background: 
    linear-gradient(
      90deg, 
      rgba(var(--bs-light-rgb),0) 5% , 
      rgba(var(--bs-light-rgb),1) 5% , 
      rgba(var(--bs-light-rgb),1) 10%,
      rgba(var(--bs-light-rgb),0) 10%,

      rgba(var(--bs-light-rgb),0) 15% , 
      rgba(var(--bs-light-rgb),.8) 15% , 
      rgba(var(--bs-light-rgb),.8) 20%,
      rgba(var(--bs-light-rgb),0) 20%,

      rgba(var(--bs-light-rgb),0) 25% , 
      rgba(var(--bs-light-rgb),.6) 25% , 
      rgba(var(--bs-light-rgb),.6) 30%,
      rgba(var(--bs-light-rgb),0) 30%,

      rgba(var(--bs-light-rgb),0) 70% , 
      rgba(var(--bs-light-rgb),.6) 70% , 
      rgba(var(--bs-light-rgb),.6) 75%,
      rgba(var(--bs-light-rgb),0) 75%,

      rgba(var(--bs-light-rgb),0) 80% , 
      rgba(var(--bs-light-rgb),.8) 80% , 
      rgba(var(--bs-light-rgb),.8) 85%,
      rgba(var(--bs-light-rgb),0) 85%,
      
      rgba(var(--bs-light-rgb),0) 90% , 
      rgba(var(--bs-light-rgb),1) 90% , 
      rgba(var(--bs-light-rgb),1) 95%,
      rgba(var(--bs-light-rgb),0) 95%

    )
  ;
  transform: skew(30deg, 0deg);
  left: -10%;
  right:-10%;
  top:-10%;
}


.card-fx-primary::after {
  content: " ";
  display: block;
  position: absolute;
  z-index:-1;
  left: 0;
  top: 0;
  width: 99%;
  height: 99%;
  border-radius: .375rem;
  background: linear-gradient(to right bottom, rgba(var(--bs-primary-rgb),1), rgba(var(--bs-primary-rgb),1));
  transform: rotate(4deg);
  transform-origin: 40% 70%;
  box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .15), 0 50px 100px -20px rgba(50, 50, 93, .3), 0 30px 60px -30px rgba(0, 0, 0, .5), -10px 10px 60px -10px rgba(103, 178, 111, .3);
}
/*
.bg-linear-start-primary::before {
  z-index: -1;
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    rgba(var(--bs-primary-rgb),1) 0% , 
    rgba(var(--bs-primary-rgb),.6) 30% , 
    rgba(var(--bs-light-rgb),1) 60% ,
    rgba(var(--bs-light-rgb),.8) 100% );
  transform: skew(0deg, 0deg);
  top: 0;
  left: 0;
}*/



.bg-section-start-primary::before {
  z-index: -2;
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 90%;
  background: linear-gradient(90deg, rgba(var(--bs-primary-rgb),.8) 0% , rgba(var(--bs-primary-rgb),.6) 30% , rgba(var(--bs-primary-rgb),.0) 60% ,rgba(var(--bs-primary-rgb),0) 100% );
  transform: skew(360deg, 5deg);
  top: 5%;
  left: 0;
}


.bg-section-end-secondary::after {
  z-index: -2;
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 90%;
  background: linear-gradient(270deg, rgba(var(--bs-secondary-rgb),.8) 0% , rgba(var(--bs-secondary-rgb),.6) 30% , rgba(var(--bs-secondary-rgb),0) 60% ,rgba(var(--bs-secondary-rgb),0) 100% );
  transform: skew(360deg, 355deg);
  top: 5%;
  right: 0;
}
.bg-section-end-tertiary::after {
  z-index: -1;
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 90%;
  background: linear-gradient(270deg, rgba(var(--bs-tertiary-rgb),.8) 0% , rgba(var(--bs-tertiary-rgb),.6) 30% , rgba(var(--bs-tertiary-rgb),0) 60% ,rgba(var(--bs-tertiary-rgb),0) 100% );
  transform: skew(360deg, 355deg);
  top: 5%;
  right: 0;
}

/** BG LINEAR ***/
 
.bg-linear-top{--bs-deg:180deg}
.bg-linear-bottom{--bs-deg:0deg}
.bg-linear-start{--bs-deg:90deg}
.bg-linear-end{--bs-deg:270deg}

.bg-circle::after,
.bg-circle::before{  
  border-radius:50%;
}

.bg-rounded::after,
.bg-rounded::before{
  border-radius:.375rem;
}
 
.bg-linear-primary,
.bg-linear-secondary,
.bg-linear-tertiary {
  position:relative;
  z-index:0;
}

.bg-linear-primary::after,
.bg-linear-secondary::after,
.bg-linear-tertiary::after {
  position:absolute;
  content:"";
  z-index:-1;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

.bg-linear-primary::after {

  background: linear-gradient(var(--bs-deg),rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)),rgba(var(--bs-primary-rgb),0));
}
.bg-linear-secondary::after {

  background: linear-gradient(var(--bs-deg),rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)),rgba(var(--bs-secondary-rgb),0));
}
.bg-linear-tertiary::after {

  background: linear-gradient(var(--bs-deg),rgba(var(--bs-tertiary-rgb),var(--bs-bg-opacity)),rgba(var(--bs-tertiary-rgb),0));
}



@media (max-width: 991px){
.bg-fx1-primary::before,
.bg-fx1-secondary::before,
.bg-fx1-tertiary::before,
.bg-fx1-light::before,
.bg-fx2-primary::before,
.bg-fx2-secondary::before,
.bg-fx2-light::before,
.bg-section-primary::before, 
.bg-section-secondary::before, 
.bg-section-start-primary::before, 
.bg-section-end-tertiary::before{display:none}
}
/*carousel*/
.bg-caption-center-light{
   background: linear-gradient(
    90deg, 
    rgba(var(--bs-light-rgb),0) 0% , 
    rgba(var(--bs-light-rgb),0) 25% , 
    rgba(var(--bs-light-rgb),.8) 35% , 
    rgba(var(--bs-light-rgb),.8) 65% ,
    rgba(var(--bs-light-rgb),0) 75% ,
    rgba(var(--bs-light-rgb),0) 100% 
  );

}
.bg-carousel-caption::before{
    z-index: 0;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(var(--bs-primary-rgb),.6) 0% , rgba(var(--bs-primary-rgb),.6) 50% , rgba(var(--bs-primary-rgb),0) 50% ,rgba(var(--bs-primary-rgb),0) 100% );
    transform: skew(0deg, 0deg);
    left: 0;
}
@media (max-width: 991px){
  .bg-carousel-caption::before{
      background: linear-gradient(90deg, rgba(var(--bs-primary-rgb),.6) 0% , rgba(var(--bs-primary-rgb),.6) 50% , rgba(var(--bs-primary-rgb),.4) 50% ,rgba(var(--bs-primary-rgb),.4) 100% );
  }
}

/**************BARRE DEFILANTE Annonce Flash******************************/
.scroll {
  /*height: 2.2rem;*/
  overflow: hidden;
  /*-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;*/
}
 
.scroll p {
  margin:0;
  white-space: nowrap;
  /*
position: absolute;

overflow: hidden;*/
}
.scroll-left p {
-moz-animation: scroll-left var(--bs-scroll-delay) linear infinite;
-webkit-animation: scroll-left var(--bs-scroll-delayy) linear infinite;
animation: scroll-left var(--bs-scroll-delay) linear infinite;
/*
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
*/
}
 
.scroll-right p {
-moz-animation: scroll-right var(--bs-scroll-delay) linear infinite;
-webkit-animation: scroll-right var(--bs-scroll-delay) linear infinite;
animation: scroll-right var(--bs-scroll-delay) linear infinite;
/*
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
*/
}
 
@-moz-keyframes scroll-left {
0% {
  -moz-transform: translateX(100%);
}
100% {
  -moz-transform: translateX(-100%);
}
}
 
@-webkit-keyframes scroll-left {
0% {
  -webkit-transform: translateX(100%);
}
100% {
  -webkit-transform: translateX(-100%);
}
}
 
@keyframes scroll-left {
0% {
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
100% {
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
}
 
/*right*/
 
@-moz-keyframes scroll-right {
0% {-moz-transform: translateX(-100%);}
100% {-moz-transform: translateX(100%);}
}
 
@-webkit-keyframes scroll-right {
0% {-webkit-transform: translateX(-100%);}
100% {-webkit-transform: translateX(100%);}
}
 
@keyframes scroll-right {
0% {
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
100% {
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
}
 
/******************FIN************************************/