/* Styles supplémentaires pour les nouveaux blocs */
        .influence-block.left-image {
            display: flex;
            align-items: stretch;
        }
        .influence-block.right-image {
            display: flex;
            flex-direction: row-reverse;
            align-items: stretch;
        }
        .block-image {
            flex: 0 0 25%;
            min-height: 200px;
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #888;
            font-style: italic;
            border: 2px dashed #ddd;
            margin: 1rem;
            border-radius: 8px;
            font-size: 0.9rem;
            text-align: center;
            padding: 0.5rem;
        }
        .block-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 6px;
        }
        .block-content {
            flex: 1;
            padding: 2.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .block-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 1rem 2rem;
            font-size: 1.2rem;
            font-weight: bold;
            text-align: center;
            margin-bottom: 1rem;
            border-radius: 3px;
        }
        .block-header.sport { background: linear-gradient(135deg, #FF6B6B, #FF8E8E); }
        .block-header.tech { background: linear-gradient(135deg, #4ECDC4, #6EDDD6); }
        .block-header.creative { background: linear-gradient(135deg, #FA709A, #FEE140); }
        .block-header.entrepreneur { background: linear-gradient(135deg, #F7971E, #FFD200); }
        .block-header.sports { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
        .block-header.cacao {
            background: linear-gradient(135deg, #5C4033, #A0522D);
            color: #fff;
        }
        .block-header.analytic { background: linear-gradient(135deg, #667eea, #764ba2); }
        .block-header.security { background: linear-gradient(135deg, #2d5016, #4CAF50); }
        .block-content h3 {
            color: #333;
            margin-bottom: 1.5rem;
            font-size: 1.6rem;
            font-weight: bold;
        }
        .block-content p {
            color: #666;
            line-height: 1.8;
            margin-bottom: 2rem;
            font-size: 1.1rem;
        }
        .block-link {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            color: #667eea;
            text-decoration: none;
            font-weight: 600;
            padding: 1rem 2rem;
            border: 2px solid #667eea;
            border-radius: 25px;
            transition: all 0.3s ease;
            align-self: flex-start;
            font-size: 1rem;
        }
        .block-link:hover {
            background: #667eea;
            color: white;
            gap: 0.8rem;
            transform: translateX(5px);
        }
        .single-block {
            background: white;
            border-radius: 5px;
            padding: 2rem;
            margin: 3rem 0;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            max-width: 1700px;
            margin-left: auto;
            margin-right: auto;
        }
        .single-block-image {
            width: 100%;
            height: 200px;
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #888;
            font-style: italic;
            border: 2px dashed #ddd;
            margin: 2rem 0;
            font-size: 1rem;
            text-align: center;
            padding: 1rem;
        }
        /* Galerie des Screenshots - Version responsive améliorée */
        .gallery-header {
            text-align: center;
            margin: 4rem 0 3rem 0;
            padding: 0 1rem;
        }
        .gallery-title {
            font-size: 2.5rem;
            color: #333;
            margin-bottom: 1rem;
            font-weight: bold;
        }
        .gallery-subtitle {
            font-size: 1.2rem;
            color: #666;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.6;
        }
        .screenshots-container {
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
            width: 100%;
            max-width: 1600px;
            margin: 3rem auto;
            padding: 0 1rem;
        }
        .screenshot-item {
            flex: 0 1 280px;
            width: 280px;
            max-width: 300px;
            min-width: 250px;
        }
        .screenshot-frame {
            background: white;
            border-radius: 15px;
            padding: 1.5rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        .screenshot-frame:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }
        .screenshot-frame img {
            width: 100%;
            height: auto;
            max-height: 300px;
            object-fit: contain;
            border-radius: 10px;
            margin-bottom: 1rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        .screenshot-label {
            text-align: center;
            font-weight: 600;
            color: #333;
            font-size: 1rem;
            margin-top: auto;
            padding-top: 0.5rem;
        }
        /* Responsivité générale */
        @media (max-width: 1024px) {
            .gallery-title {
                font-size: 2rem;
            }
            
            .gallery-subtitle {
                font-size: 1.1rem;
            }
            
            .screenshots-container {
                gap: 15px;
                padding: 0 2rem;
            }
            
            .screenshot-item {
                flex: 0 1 250px;
                width: 250px;
                max-width: 250px;
            }
        }
        @media (max-width: 768px) {
            .influence-block.left-image,
            .influence-block.right-image {
                flex-direction: column;
            }
            
            .block-image {
                flex: none;
                min-height: 200px;
                margin: 1rem;
            }
            
            .block-content {
                padding: 2rem;
            }
            
            .influence-blocks {
                margin: 2rem 1rem;
            }
            /* Screenshots mobile */
            .gallery-title {
                font-size: 1.8rem;
            }
            
            .gallery-subtitle {
                font-size: 1rem;
            }
            
            .screenshots-container {
                flex-direction: column;
                align-items: center;
                gap: 20px;
                padding: 0 1rem;
            }
            
            .screenshot-item {
                flex: none;
                width: 100%;
                max-width: 350px;
            }
            
            .screenshot-frame {
                padding: 1rem;
            }
        }
        @media (max-width: 480px) {
            .gallery-header {
                margin: 3rem 0 2rem 0;
            }
            
            .gallery-title {
                font-size: 1.5rem;
            }
            
            .gallery-subtitle {
                font-size: 0.9rem;
            }
            
            .screenshots-container {
                gap: 15px;
                margin: 2rem auto;
            }
            
            .screenshot-item {
                max-width: 300px;
            }
            
            .screenshot-frame {
                padding: 0.8rem;
            }
            
            .screenshot-label {
                font-size: 0.9rem;
            }
        }
        /* Styles pour l'affichage large sur body */
        body {
            width: 100%;
            max-width: none;
            margin: 0;
            padding: 0;
        }
        main {
            width: 100%;
            max-width: none;
            padding: 0;
        }
        .influence-blocks {
            width: 100%;
            max-width: 1700px;
            margin: 0 auto;
            padding: 1rem;
        }
        .influence-block {
            width: 100%;
            background: white;
            border-radius: 5px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            margin-bottom: 3rem;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .influence-block:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }
        /* Ajustements pour les activités et autres sections */
        .activities-section,
        .biography-section,
        .single-block {
            width: 100%;
            max-width: 1400px;
            margin-left: auto;
            margin-right: auto;
        }
	.block-header.development {
	    background: linear-gradient(45deg, #667eea, #764ba2);
	    color: white;
	    padding: 8px 16px;
	    border-radius: 20px;
	    font-weight: bold;
	    display: inline-block;
	    margin-bottom: 15px;
	}
	.tech-badges {
	    margin: 15px 0;
	    display: flex;
	    flex-wrap: wrap;
	    gap: 8px;
	}
	.tech-badge {
	    padding: 4px 12px;
	    border-radius: 15px;
	    font-size: 0.85em;
	    font-weight: 500;
	    display: inline-block;
	}
	.tech-badge.html {
	    background-color: #e34f26;
	    color: white;
	}
	.tech-badge.css {
	    background-color: #1572b6;
	    color: white;
	}
	.tech-badge.js {
	    background-color: #f7df1e;
	    color: #333;
	}
	.tech-badge.security {
	    background-color: #2d5016;
	    color: white;
	}
	@media (max-width: 768px) {
	    .tech-badges {
		justify-content: center;
	    }
	}
	.contact-actions {
	    display: flex;
	    gap: 1rem;
	    margin-top: 1rem;
	    flex-wrap: wrap;
	}
	.contact-page-cta {
	    display: inline-flex;
	    align-items: center;
	    gap: 0.5rem;
	    padding: 0.75rem 1.5rem;
	    background: linear-gradient(135deg, #667eea, #764ba2);
	    color: white;
	    text-decoration: none;
	    border-radius: 25px;
	    font-weight: 500;
	    transition: all 0.3s ease;
	    box-shadow: 0 2px 10px rgba(102, 126, 234, 0.3);
	}
	.contact-page-cta:hover {
	    transform: translateY(-2px);
	    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
	    text-decoration: none;
	    color: white;
	}
	.contact-page-cta i {
	    font-size: 1.1rem;
	}
	/* Responsive pour petits écrans */
	@media (max-width: 768px) {
	    .contact-actions {
		flex-direction: column;
	    }
	    
	    .whatsapp-cta,
	    .contact-page-cta {
		width: 100%;
		justify-content: center;
	    }
	    
/* Navigation mobile - Correction complète pour éliminer le débordement */
	@media (max-width: 768px) {
	    /* Container navigation - dimensionnement strict */
	    .nav-container {
		width: 100vw !important;
		max-width: 100vw !important;
	    }
	    
	    .nav-left {
		gap: 4px !important;
		max-width: calc(100vw - 55px) !important;
		min-width: 0 !important;
	    }
	    
	}

	@media (max-width: 480px) {
	    
	    .nav-left {
		gap: 2px !important;
		max-width: calc(100vw - 45px) !important;
	    }
	    
	}

	/* Éliminer tout débordement horizontal sur la page */
	html, body {
	    overflow-x: hidden !important;
	    max-width: 100vw !important;
	}

	.hero-content,
	.header,
	.main-content,
	.skills-grid,
	.reports-section {
	    max-width: 100vw !important;
	    overflow-x: hidden !important;
	}
	
	}