.elementor-324 .elementor-element.elementor-element-50efc58:not(.elementor-motion-effects-element-type-background), .elementor-324 .elementor-element.elementor-element-50efc58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #061E82 0%, #050A1F 100%);}.elementor-324 .elementor-element.elementor-element-50efc58 > .elementor-background-overlay{background-color:#483623;opacity:0.2;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-324 .elementor-element.elementor-element-50efc58{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-93px;margin-bottom:0px;padding:100px 0px 100px 0px;}.elementor-324 .elementor-element.elementor-element-1b628c4 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-324 .elementor-element.elementor-element-96cd0af{text-align:center;}.elementor-324 .elementor-element.elementor-element-96cd0af .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:900;color:#FFFFFF;}.elementor-324 .elementor-element.elementor-element-5de720bf{margin-top:100px;margin-bottom:100px;}.elementor-bc-flex-widget .elementor-324 .elementor-element.elementor-element-67f517d2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-324 .elementor-element.elementor-element-67f517d2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-324 .elementor-element.elementor-element-af7c9c0 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-324 .elementor-element.elementor-element-af7c9c0 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-324 .elementor-element.elementor-element-af7c9c0 .elementskit-section-title-wraper .elementskit-border-divider{width:100px;}.elementor-324 .elementor-element.elementor-element-af7c9c0 .elementskit-section-title-wraper .elementskit-border-divider.elementskit-style-long{width:100px;height:4px;}.elementor-324 .elementor-element.elementor-element-af7c9c0 .elementskit-section-title-wraper .elementskit-border-star{width:100px;height:4px;}.elementor-324 .elementor-element.elementor-element-af7c9c0 .elementskit-section-title-wraper .elementskit-border-divider, .elementor-324 .elementor-element.elementor-element-af7c9c0 .elementskit-border-divider::before{height:4px;}.elementor-324 .elementor-element.elementor-element-2204e9bc{text-align:justify;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#444444;}.elementor-324 .elementor-element.elementor-element-579bc08e img{border-radius:0px 0px 0px 0px;}.elementor-324 .elementor-element.elementor-element-5f007e1{--display:flex;}.elementor-324 .elementor-element.elementor-element-2409d28{--display:flex;}.elementor-324 .elementor-element.elementor-element-8165cfd{--spacer-size:25px;}body.elementor-page-324:not(.elementor-motion-effects-element-type-background), body.elementor-page-324 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-324 .elementor-element.elementor-element-5de720bf{margin-top:50px;margin-bottom:50px;padding:0px 20px 0px 20px;}.elementor-324 .elementor-element.elementor-element-2204e9bc{font-size:13px;}}@media(max-width:767px){.elementor-324 .elementor-element.elementor-element-96cd0af .elementor-heading-title{font-size:45px;}}/* Start custom CSS for html, class: .elementor-element-64e1eb0 */:root {
    --accent: #3498db; /* Couleur du bouton actif */
    --bg-light: #f8f9fa;
    --text-dark: #0f294d;
}

.portfolio-section { font-family: 'Inter', sans-serif; padding: 20px; }

/* Filtres */
.filter-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.filter-btn {
    padding: 10px 20px;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease;
    color: #666;
}

.filter-btn.active, .filter-btn:hover {
    background: var(--accent);
    color: #fff;
    border-color: var(--accent);
}

/* Grille */
.project-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-width: 1000px;
    margin: auto;
}

.project-item {
    text-decoration: none;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    transition: transform 0.3s ease;
}
.project-item:hover {
    transform: scale(1.05); /* Zoom de 5% */
}

.project-image {
    height: 300px;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
}

/* Carte Info Blanche */
.project-info {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: #f1f1f1; /* Gris très clair comme sur ton image */
    padding: 20px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
}

.category-tag {
    color: var(--accent);
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
}

.project-title {
    color: var(--text-dark);
    margin: 0;
    font-size: 18px;
    font-weight: 800;
}

.arrow-circle {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: #0f294d;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

/* Responsive */
@media (max-width: 768px) {
    .project-grid { grid-template-columns: 1fr; }
}/* End custom CSS */