.elementor-1232 .elementor-element.elementor-element-118f9f85 > .elementor-container{max-width:1600px;}.elementor-1232 .elementor-element.elementor-element-118f9f85{margin-top:080px;margin-bottom:0px;padding:0px 75px 0px 75px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1232 .elementor-element.elementor-element-682b2a77{--divider-border-style:solid;--divider-color:#FFCB01;--divider-border-width:35px;z-index:0;}.elementor-1232 .elementor-element.elementor-element-682b2a77 > .elementor-widget-container{margin:0px 0px 0px -7px;}.elementor-1232 .elementor-element.elementor-element-682b2a77 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-1232 .elementor-element.elementor-element-682b2a77 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1232 .elementor-element.elementor-element-a1bb073 > .elementor-widget-container{margin:-75px 0px 0px 0px;}.elementor-1232 .elementor-element.elementor-element-a1bb073{z-index:1;text-align:center;}.elementor-1232 .elementor-element.elementor-element-a1bb073 .elementor-heading-title{font-family:"Maven Pro (Custom)", Sans-serif;font-size:35px;font-weight:700;text-transform:uppercase;color:#001930;}.elementor-1232 .elementor-element.elementor-element-1074cf8 > .elementor-container{max-width:1600px;}.elementor-1232 .elementor-element.elementor-element-1074cf8{margin-top:0px;margin-bottom:0px;padding:0px 75px 0px 75px;}.elementor-1232 .elementor-element.elementor-global-6286 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1232 .elementor-element.elementor-element-7760d96{margin-top:075px;margin-bottom:50px;padding:0px 0px 0px 0px;z-index:0;}.elementor-1232 .elementor-element.elementor-element-71087aa > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1232 .elementor-element.elementor-element-7760d96{padding:0px 30px 0px 30px;}}@media(max-width:767px){.elementor-1232 .elementor-element.elementor-element-118f9f85{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-1232 .elementor-element.elementor-element-682b2a77 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1232 .elementor-element.elementor-element-1074cf8{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-1232 .elementor-element.elementor-element-7760d96{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}}/* Start custom CSS for divider, class: .elementor-element-682b2a77 */.realisations .elementor-divider-separator {
  width: 0 !important;
  background-color: #000;
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 1.5s linear;
}

.realisations .elementor-divider-separator.animated {
  transform: scaleX(1);
  width: 355px !important;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-6286 */.rankMathBreadCrumb a{color: #001930;}
.rankMathBreadCrumb{text-align: center}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a37ee34 *//* Style des colonnes */
.colonne {
    display: inline-block;
    width: 33.33%;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 767px){
    .colonne{width: 100%;}
    .filtres{flex-direction:column;align-content: center;text-align:center;margin-right: 40px;font-size: 20px;}
    
}
@media screen and (min-width: 768px) and (max-width: 1024px){
    .colonne{width: 50%;}
    .filtres{flex-direction:column;align-content: center;text-align:center;}
}
/* Conteneur pour l'image carrée */
.colonne .image-container {
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* Hauteur égale à la largeur pour créer un carré */
    overflow: hidden;
}

/* Style de l'image carrée */
.colonne .image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 1;
}

/* Style de la superposition sur l'image au survol */
.colonne .image-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 25, 48, 0.8);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}

/* Style du contenu au survol */
.colonne .infos {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateY(100%);
    z-index: 3;
}

.colonne:hover .infos {
    opacity: 1;
    transform: translateY(0);
}

.colonne:hover .image-container:before {
    opacity: 1;
}

.colonne:hover .image-container img {
    transform: translateY(-4%) scale(1.1);
    z-index: -1;
}


/* Styles pour les filtres de catégorie */
.realisation-filters {
    text-align: center;
    margin-bottom: 20px;
}

.filter-button {
    display: inline-block;
    margin: 5px;
    padding: 8px 16px;
    background-color: #eee;
    color: #333;
    border: none;
    cursor: pointer;
}

.filter-button.active {
    background-color: #333;
    color: #fff;
}
.filtres {
    list-style: none;
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
    background: none;
    position: relative;
}
.filtres li {
    margin-right: 10px;
}
.filtres a {
    padding: 10px 15px;
    text-decoration: none !important;
    color: #001930;
    font-weight: 500;
    text-transform: uppercase;
}
.filtres a.active {
    padding: 10px 15px;
    background-color: none;
    color: #FFCB01;
    text-decoration: underline;
    text-underline-offset: 8px;
    text-transform: uppercase;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Maven Pro (Custom)';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.shebam.fr/wp-content/uploads/2023/02/MavenPro-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Maven Pro (Custom)';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.shebam.fr/wp-content/uploads/2023/02/MavenPro-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Maven Pro (Custom)';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.shebam.fr/wp-content/uploads/2023/02/MavenPro-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Maven Pro (Custom)';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.shebam.fr/wp-content/uploads/2023/02/MavenPro-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Maven Pro (Custom)';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.shebam.fr/wp-content/uploads/2023/02/MavenPro-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Maven Pro (Custom)';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.shebam.fr/wp-content/uploads/2023/02/MavenPro-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */