/*
Theme Name: mism
Author: Ton Nom
Description: Thème WordPress minimaliste et optimisé
Version: 1.0
Text Domain: vma
*/


@font-face {
    font-family: 'Space Grotesk';
    src: url('../mism/fonts/space-grotesk.woff2') format('woff2');
}

@media (min-width: 992px) {
    .mb-lg-7 {
        margin-bottom: 6rem !important;
    }

        .py-lg-6 {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }

    .pb-lg-6 {
         padding-bottom: 4.5rem !important;
    }
}

body,html {
    overflow-x:hidden
}

.site-header {
position: relative;
    width: 100%;
    z-index: 1000;
    transition: transform .3s 
ease-in-out, position .3s 
ease-in-out;
background: #000;
}

#lc-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
}





.img-fluid, 
.img-fluid img, 
.img-fluid picture, 
.img-fluid picture img {
    display: block;
    max-width: 100%;
    height: auto;
}


.bleu {
     color:#366aea
}

.bg-bleu {
    background:#366aea
}

.bg-gris {
    background: #939596
}

.noir-light,
.noir-light p,
.bg-gris h2,
.bg-gris p {
color:#221F20
}

body {
    background: #000;
   font-family: 'Space Grotesk';
   color:#FFF
}

p, a,
.breadcrumb-item.active {
    color:#FFF
}

#ubermenu-main-3-main_menu-2 {
    text-align:end;
}

.link-tel-header {
    font-size: 24px;
font-weight: 700;
line-height: normal;
text-decoration:none
}

.link-tel-header:hover {
    color:#366aea
}

.btn-mism-bleu {
  font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-radius: 21px;
background: #366AEA;
text-decoration:none;
text-transform:uppercase;
display:inline-block;
padding:5px 10px;
border:1px solid #366AEA;
}

.btn-mism-bleu:hover,
.link-servives:hover .btn-mism-bleu,
.link-real:hover .btn-mism-bleu {
background: transparent;
}

.hr-mism {
        opacity: 1;
}

.text-gris p,
.text-gris{
    color: #A1A3A4
}


.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 0;
    left: 15%;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #fff;
    text-align: center; 
}

.carousel-caption h1,
.carousel-caption p {
font-size:53px;
    position: relative;
    line-height:normal
}

#bandeauSlider {
    position:relative;
    height:80vh
}

#bandeauSlider:before {
    content : "";
    position : absolute;
    background: url('/wp-content/uploads/2025/04/before-badneau.png');
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
}


.before-title-bandeau {
    position:relative;
    display:inline-block;
    padding: 10% 0;
    max-width: 650px;
    width: 100%;
}


.before-title-bandeau:before {
    content : "";
    position : absolute;
    background: url('/wp-content/uploads/2025/04/before-title.png');
    width: 750px;
    height: 400px;
    top: 5%;
    left: -15%;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-size: contain;
}

.mySwiperServices img,
.img-liste-services img{
    border-radius:100%;
    border: 2px solid #366AEA;
    margin:auto;
}


.overlay-inner-presentation {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #212124 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    opacity:0
}

.link-servives {
    overflow: hidden;
}

.overlay-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: transparent;
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
    border:2px solid #FFF;
}

.overlay-plus .plus {
    font-size: 2rem;
    line-height: 1;
    text-align:center
}

.link-servives:hover .overlay-plus,
.link-real:hover .overlay-plus,
.link-servives:hover .overlay-inner-presentation  {
    opacity: 1;
}


.liste-services {
    position:relative;
}

.liste-services:before {
    content : "";
    position : absolute;
    background: url('/wp-content/uploads/2025/04/motif-croix.svg');
    width:115px;
    height:210px;
    top: 5%;
    right:5%;
}

.before-left {
    position:relative;
}

.before-left:before {
    content : "";
    position : absolute;
    background: url('/wp-content/uploads/2025/04/motif-croix.svg');
    width:115px;
    height:210px;
    top: 5%;
    left:5%;
}

.cta-mism {
    position:relative
}

.cta-mism:after {
    content : "";
    position : absolute;
    background: url('/wp-content/uploads/2025/04/Vector-17.svg');
    width: 170px;
    height: 115px;
   bottom: 100%;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.link-list-services,
.mySwiperSecteurs a {
    text-decoration: none;
    transition: transform .3s ease;
}

.link-list-services:hover,
.mySwiperSecteurs a:hover {
transform: translateY(-10px);
}

.cta-mism {
    background: #366AEA; 
}

.btn-cta {
    font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-radius: 21px;
background: #000;
text-decoration:none;
text-transform:uppercase;
display:inline-block;
padding:5px 10px;
border:1px solid #000;  
}

.btn-cta:hover {
    background:transparent;
}

.mySwiperSecteurs {
    padding:20px 0px !important
}


.secteurs-activite {
    position: relative;
}

.secteurs-activite:before {
     content : "";
    position : absolute;
    background: url('/wp-content/uploads/2025/04/motif-croix.svg');
    width:115px;
    height:210px;
    top: 5%;
    left:5%;
}


.section-confiance {
    background:#FFF;
}

.section-confiance h2 {
    color: #000
}

.fa-bars {
    font-size: 25px;
    color: #FFF !important;
}

.link-servives span {
    width:60%;
}

@media (max-width: 992px) { 

    .faq-accordeon {
    padding:20px !important;
}

.link-servives span {
    width:80%;
}

.liste-services:before,
.cta-mism:after,
.secteurs-activite:before,
.nos-valeurs:before,
.nos-valeurs:after,
#bandeauSlider:before,
.before-title-bandeau:before,
.before-left:before {
    display:none;
}

 .chiffre-cle {
    width: 65% !important;
 }

 .margin-equipe {
    margin-bottom: 50px !important;
}

.carousel-caption {
    left:inherit !important;
    right:inherit !important;
}

.carousel-caption h1, .carousel-caption p {
    font-size:35px;
}

.container bandeau-content {
   display: flex;
    height: 100%;
    align-items: center; 
}

#bandeauSlider {
        height: 60vh;
}

.btn-mism-slider {
        width: 100%;
    display: inline-block;
}

.linear-gradiant-svg {
            bottom: 20% !important;
        height: 162px;
        width: 100%;
}

.carousel-item img {
    height:320px;
    objet-fit:cover;
}

.page-template-expertises .carousel-item img,
.page-template-qui-sommes-nous .carousel-item img{
    height: 100%;
}
 }


 .page-template-qui-sommes-nous .carousel-caption {
    height:100%;
 }

 .breadcrumb-item+.breadcrumb-item::before {
    display:none
 }

 .liste-chiffres-cle {
   display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
 }

 .chiffre-cle {
    padding: 15px;
    border: 2px solid #366AEA;;
    border-radius: 50px;
    width: 70%;
 }

  .equipe_qsn .card {
    border:none;
    background: none;
    border-radius:10px;
  }

 .equipe_qsn img {
    width:100%;
        border-top-left-radius: 10px;
            border-top-right-radius: 10px;
 }

   .equipe_qsn .card .card-body{
   background:#FFF;
    border-bottom-left-radius: 10px;
            border-bottom--right-radius: 10px;
  }

  .margin-equipe {
    margin-bottom:150px;
  }

  .bck-equipe {
    background-image: url('/wp-content/uploads/2025/04/fond-equipe.png');
    background-size: contain;
    background-repeat: no-repeat;
       background-position-y: 50%;
  }


  .liste_valeurs img {
    border-radius:50%;
    border:10px solid #FFF;
    height: 200px;
    margin: auto;
  }

  .nos-valeurs {
    position:relative
  }

  .nos-valeurs:before {
    content:"";
    position: absolute;
    background: url('/wp-content/uploads/2025/04/forme-2.png');
    height:100%;
        width: 500px;
    top:0;
    left:0;
  }

   .nos-valeurs:after {
    content:"";
    position: absolute;
    background: url('/wp-content/uploads/2025/04/motif-croix.svg');
    width: 115px;
    height: 210px;
    top:5%;
    right:5%;
  }


footer ul {
    list-style:none;
    padding-left:0px;
}

footer ul li a{
    position:relative;
}

footer ul li a:before{
   content:"//";
       padding-right: 10px;
}

footer ul li a{
   text-decoration:none
}

footer ul li a:hover,
.copyright a:hover{
  color:#366aea
}

.footer-link-coordonees {
    text-decoration:none
}


.inner-ref {
    height:250px;
    overflow:auto
}

.mySwiperSecteurs img {
    margin:auto;
    width:145px;
}

.bg-white h2,
.bg-white h3,
.bg-white p {
    color:#221F20
}

.partenairesSwiper img {
       height: 80px;
    object-fit: contain; 
}


.masonry-gallery {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.masonry-item {
    width: calc(33.333% - 10px);
    margin: 5px;
    box-sizing: border-box;
}

.masonry-item img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

#custom-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.close-lightbox {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

#custom-lightbox img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
    border-radius: 5px;
}

.lightbox-nav {
    display: flex
;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

#prev-image, #next-image {
    background: rgba(0, 0, 0, 0);
    border: none;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    padding: 0 20px;
}

.link-real {
    text-decoration:none
}

.link-real img {
    width:100%;
    objet-fit:cover;
}

.list-type span{
    color:#221F20;
    padding:5px 10px;
    border:1px solid #FFF;
    border-radius:50px;
}

.galerie-swiper img {
       height: 300px;
    object-fit: cover;
    width: 100%;
}

.faq-font {
    font-size: 121px;
}

.faq-item {
    border-bottom: 1px solid #ccc;
    padding: 1rem 0;
}

.faq-question {
    background: none;
    border: none;
    font-size: 1.1rem;
    cursor: pointer;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}

.faq-answer {
    padding-top: 0.5rem;
    color: #444;
    font-size: 0.95rem;
}

.faq-accordeon {
    background: #F4F4F4;
    padding:50px;
    border-radius:25px;
}

.faq-icon {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.faq-question[aria-expanded="true"] .line-vertical {
    opacity: 0;
    transition: opacity 0.2s ease;
}


#backToTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background-color: #366AEA;
  color: #000;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 24px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, transform 0.3s ease;
  z-index: 1000;
  display: flex;
    align-items: center;
    justify-content: center;
}

#backToTop.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

#backToTop:hover {
  transform: scale(1.1);
}


.phone-float {
  position: fixed;
  top: 40%;
  right: 0;
  width: 60px;
  height: 60px;
  background-color: #366AEA;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start; /* pour que l'icône suive le mouvement */
  padding-left: 10px;
  text-decoration: none;
  z-index: 1000;
  transition: width 0.3s ease;
  overflow: hidden;
}

.phone-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #000;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: margin-left 0.3s ease;
}

.phone-float:hover {
  width: 100px; /* ouverture vers la gauche */
}

.phone-float:hover .phone-icon {
  margin-left: 0px; /* recalcule sa position pour rester centrée */
}


.linear-gradiant {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 5.6%, #000 55.79%);
}

.btn-mism-slider {
    color: #FFF;
text-align: center;
font-family: "Space Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
border-radius: 100px;
border: 1px solid #FFF;
background: transparent;
padding: 6px 39px;
text-decoration:none;
z-index-1000;
}

.btn-mism-slider:hover {
    color: #000 !important;
background: #FFF
}

.z-index-10 {
    z-index:10
}

.discover-link {
      position: absolute;
    width: 100%;
    bottom: 3%;
    z-index: 20;  
}

.before-gradiant {
    position:relative;
}

.linear-gradiant-svg {
    position: absolute;
    bottom: -15%;
    z-index: 10;
}

.img-marques {
    z-index:11;
    position:relative;
}

.carousel-control-next, .carousel-control-prev {
    z-index:15;
}

.chiffre-cle .nombre {
    width:76px;
}

.ubermenu-skin-minimal.ubermenu-mobile-modal.ubermenu-mobile-view {
    background: #000 !important;
}

.link-footer-title {
    text-decoration:none;
}

.link-footer-title:hover {
    text-decoration:underline;
}

.svg-coordonees {
    width:23px;
}

@media screen and (max-width: 840px) {
.btn-mism-slider {
    font-size:16px;
}

}


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

.img-before-secteur,
.img-after-secteur {
   display:none
}

.inner-text-secteur-carrousel {
       position: relative !important;
    top: inherit !important;
    transform: inherit !important;
    padding-left: inherit !important;
}
}

.mySwiperSecteurs .swiper-pagination-bullet {
    background:#366AEA
}

.mySwiperSecteurs {
    padding-bottom:40px !important;
}



.img-before-secteur {
    top: 0;
    opacity: 0.8;
    height: 100%;
}

.img-before-secteur img{
    height: 100%;
}

.inner-text-secteur-carrousel {
    padding-left:15%;
}

@media screen and (max-width: 1440px) {
    .inner-text-secteur-carrousel {
        padding-left:11%;
    }
}

.img-after-secteur {
    height: 100%;
    top: 0;
    right: 0;
}

.img-after-secteur img {
    height: 100%;
}

/*24/06/2025*/

.hero-secteur, 
.hero-secteur img {
	height:400px;
    width: 100%;
	object-fit:cover;
}

/*.bandeau-img-secteur img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/

.hero-expertise {
    height: 200px;
    margin-bottom: 2rem;
}

.black-overlay {
    background: rgba(0, 0, 0, .4);
}

/*.partenairesSwiper img {
    filter: grayscale(1);
}*/

@media screen and (max-width:575.98px) {
    .visible--desktop {
        display: none;
    }
}


.masonry-item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.masonry-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25); /* voile sombre */
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.masonry-item:hover::before {
  opacity: 1;
}

.masonry-item img {
  transition: transform 0.3s ease;
  display: block;
  width: 100%;
  height: auto;
}

.masonry-item:hover img {
  transform: scale(1.05);
}


.breadcrumb-item+.breadcrumb-item {
    padding-left:0px;
}

.breadcrumb li::after {
    color:#FFF;
    content: '>'
}

.texte b {
	color: #366aea;
}


.w-80-inner-equipe {
	width:90%;
	margin:auto
}

.bg-blue {
    background: #366aea;
}

.gform-theme--foundation .gform_fields {
    row-gap :10px !important
}

.gform-theme--framework input {
    border:0px;
}

#gform_submit_button_1 {
    background : #000;
}

.ubermenu-current-menu-item  a{
    color:#366aea !important;
}