Redirection vers la version française principale...

* { box-sizing: border-box; } /* ============================ */ /* ESTRUCTURA BASE */ /* ============================ */ body { margin: 0; font-family: 'Source Sans Pro', sans-serif; background: #A8F8E8; overflow-x: hidden; } /* Cada fila = sección completa (bleu + vert) */ .section-row { display: flex; width: 100%; min-height: 15vh; } /* Colonne bleue 1/3 (avec flex, pour ne pas envahir le vert) */ .col-left { flex: 0 0 33.33%; max-width: 33.33%; background: #006E91; color: #ffffff; padding: 60px 80px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; /* tout aligné à droite */ text-align: right; } /* Colonne bleue UNIQUEMENT pour sections (Solutions, etc.) */ .col-left-section-title { justify-content: flex-start; } /* Colonne bleue — titre de section */ .col-left-section-title .section-label { font-size: 1.6rem; font-weight: 700; } /* Colonne bleue ACCUEIL (branding) */ .col-left-inicio h1 { font-size: 4.6rem; /* ESPACE_BIM grand presque tout 1/3 */ line-height: 1.05; margin: 0 0 10px 0; } .col-left-inicio h2 { font-size: 2.3rem; /* environ moitié de ESPACE_BIM */ font-weight: 400; margin: 0 0 20px 0; } .col-left-inicio p { font-size: 1.3rem; /* texte introductif plus grand */ line-height: 1.5; margin: 0 0 10px 0; max-width: 360px; } #idiomas { margin-top: 10px; font-size: 1rem; } #idiomas strong { margin-right: 8px; } #idiomas a { color: #ffffff; text-decoration: none; margin: 0 4px; } #idiomas a:hover { text-decoration: underline; } /* Colonne verte 2/3 */ .col-right { flex: 0 0 66.67%; max-width: 66.67%; background: #A8F8E8; padding: 60px 80px; /* ← 80px des deux côtés */ color: #003b4d; } .col-right p { font-size: 1.15rem; line-height: 1.55; margin: 0 0 8px 0; /* marge inférieure réduite (plus compact) */ color: #777777 !important; } /* Ajustement spécifique ACCUEIL: le carrousel occupe tout, sans padding */ #inicio .col-right { padding: 0; } /* ============================ */ /* MENU SUPERIEUR CENTRÉ */ /* ============================ */ #main-nav { position: fixed; top: 20px; left: 33.33%; /* commence où commence la zone verte */ width: 66.67%; /* occupe toute la largeur de la zone verte */ z-index: 50; } #main-nav ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; gap: 60px; align-items: center; } #main-nav li { position: relative; } #main-nav a { text-decoration: none; color: #333333 !important; /* GRIS FONCÉ */ font-weight: 400 !important; /* FIN */ font-size: 0.9rem; cursor: pointer; } #main-nav a:hover { color: #28f4ad !important; /* VERT AU HOVER */ } /* Sous-menus: centrés sous le mot, sans fond */ .submenu { position: absolute; top: 150%; /* un peu en dessous du mot */ left: 50%; transform: translateX(-50%); display: flex; gap: 30px; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, transform 0.2s ease; pointer-events: none; /* s'active seulement quand le parent est en hover */ z-index: 100; } .submenu a { color: #333333 !important; /* GRIS */ font-size: 0.9rem !important; white-space: nowrap !important; text-decoration: none; } .submenu a:hover { color: #28f4ad !important; /* VERT CLAIR AU HOVER */ } /* Zone de tolérance invisible pour ne pas perdre le hover */ .has-submenu { position: relative; } .has-submenu::before { content: ""; position: absolute; left: -20px; right: -20px; top: 100%; height: 40px; display: block; } .has-submenu:hover .submenu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); pointer-events: auto; } /* ============================ */ /* LIENS BLEUS */ /* ============================ */ .enlace { color: #006E91 !important; font-weight: 600 !important; cursor: pointer; text-decoration: none; } .enlace:hover { color: #28f4ad !important; } .texto-descriptivo { color: #777777 !important; /* Gris */ font-weight: 400 !important; /* Peso normal */ display: inline; /* Para que esté en la misma línea */ margin-left: 4px !important; font-style: normal !important; } /* ============================ */ /* CARROUSEL SWIPER */ /* ============================ */ #carrusel { width: 100%; height: 70vh; } .swiper { width: 100%; height: 100%; } .swiper-wrapper { width: 100%; height: 100%; } .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } /* FLÈCHES CARROUSEL */ .swiper-button-next, .swiper-button-prev { color: #006E91 !important; font-size: 80px !important; top: 50% !important; transform: translateY(-50%); background: none !important; border: none !important; width: 60px !important; height: 60px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* Supprime les flèches par défaut de Swiper */ .swiper-button-next:after, .swiper-button-prev:after { display: none !important; } /* Tes flèches personnalisées pour CARROUSEL */ .swiper-button-next:before { content: '›' !important; } .swiper-button-prev:before { content: '‹' !important; } /* ============================ */ /* MODAL HORIZONTAL */ /* ============================ */ .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); display: none; justify-content: center; align-items: center; z-index: 9999; } .modal-contenido { width: 75%; height: 70vh; background: #7DE3CD; padding: 50px 90px; /* plus de padding latéral pour que les flèches n'écrasent pas le texte/photo */ box-sizing: border-box; display: flex; position: relative; } .modal-texto { width: 50%; height: 100%; overflow-y: auto; padding-right: 70px; /* Plus de padding pour le scroll */ margin-right: 30px; /* Plus de séparation de l'image */ font-size: 1.05rem; line-height: 1.55; color: #003b4d; border-right: 1px solid rgba(0, 110, 145, 0.2); /* Ligne subtile optionnelle */ } .modal-texto h2 { margin-top: 0; margin-bottom: 14px; color: #006E91; } .modal-texto ul { padding-left: 20px; margin: 8px 0 0 0; } .modal-texto li { margin-bottom: 6px; } .modal-img { width: 50%; height: 100%; object-fit: cover; border-radius: 4px; } .cerrar { position: absolute; top: 18px; right: 40px; font-size: 40px; color: #006E91; cursor: pointer; } /* Flèches du modal: grandes, mais hors de la zone de texte/photo */ .flecha { position: absolute; top: 50%; transform: translateY(-50%); font-size: 80px; color: #006E91; cursor: pointer; } .flecha.prev { left: 20px; } .flecha.next { right: 20px; } /* ============================ */ /* FOOTER LOGO BANDE 2/3 */ /* ============================ */ footer { background: #006E91; padding: 40px 0; width: 100%; /* Bande bleue occupe toute la largeur */ display: flex; justify-content: flex-end; /* Aligne le contenu à droite (zone verde) */ } footer .logo-container { width: 66.67%; /* Largeur de la zone verde */ display: flex; justify-content: center; /* Centre le logo dans la zona verde */ } footer img { height: 110px; } /* OCULTAR TODAS LAS VERSIONES MOBILE EN ORDENADOR */ .mobile-version { display: none !important; } @media (max-width: 960px) { /* 1. HEADER MOBILE VISIBLE Y PEQUEÑO */ .mobile-header { display: flex !important; height: 60px; padding: 8px 20px; } @media (max-width: 960px) { /* ... código existente ... */ /* ============================ */ /* ACORDEONES MÓVIL - NUEVO */ /* ============================ */ /* OCULTAR TÍTULO ORIGINAL EN MÓVIL */ .col-left-section-title .section-label { display: none !important; } /* MOSTRAR ESTRUCTURA DE ACORDEÓN */ .col-left-section-title.mobile-accordion { display: flex !important; flex-direction: column; } /* SOLUTIONS - Acordeón específico */ #soluciones .col-left-section-title::before { content: "SOLUTIONS"; font-size: 1.6rem; font-weight: 700; color: #ffffff; margin-bottom: 15px; } /* MÉTHODOLOGIE - Acordeón específico */ #metodologia .col-left-section-title::before { content: "MÉTHODOLOGIE"; font-size: 1.6rem; font-weight: 700; color: #ffffff; margin-bottom: 15px; } } .mobile-header img { height: 40px; } /* 2. MENU DESKTOP OCULTO */ #main-nav { display: none !important; } /* 3. OCULTAR SECCIONES ESCRITORIO EN MÓVIL */ #soluciones, #metodologia, #temoignages .col-left, #valeurs .col-left, #contacto .col-left { display: none !important; } /* 4. MOSTRAR SECCIONES MÓVIL */ .mobile-version { display: flex !important; } /* 4. ESTRUCTURA PRINCIPAL COLUMNAS */ .section-row { flex-direction: column; min-height: auto; } .col-left, .col-right { flex: 0 0 100%; max-width: 100%; padding: 40px 25px; align-items: flex-start !important; text-align: left !important; } /* 5. MARGIN TOP PARA LA PRIMERA SECCIÓN (debajo del header mobile) */ /* Por esto: */ @media (max-width: 960px) { #inicio { margin-top: 140px !important; } } /* 6. TEXTO MOBILE */ .col-left-inicio h1 { font-size: 2.8rem; text-align: left; } .col-left-inicio h2 { font-size: 1.4rem; text-align: left; } .col-left-inicio p { text-align: left; max-width: 100%; } /* 7. ENLACES EN ZONA AZUL FUNCIONALES */ .col-left .enlace { color: #ffffff !important; cursor: pointer; font-weight: 600 !important; } .col-left .enlace:hover { color: #28f4ad !important; } .col-left .texto-descriptivo { color: #ffffff !important; font-weight: 400 !important; } /* 8. TEXTO CONSISTENTE EN ZONA VERDE */ .col-right p { color: #777777 !important; font-weight: 400 !important; } .col-right .enlace { color: #006E91 !important; font-weight: 600 !important; } .col-right .texto-descriptivo { color: #777777 !important; font-weight: 400 !important; } /* 9. MODAL MOBILE */ .modal-contenido { flex-direction: column !important; height: 90vh !important; width: 95% !important; padding: 20px !important; } .modal-texto, .modal-img { width: 100% !important; } .modal-texto { height: 60% !important; padding-right: 0 !important; overflow-y: auto; } .modal-img { height: auto !important; max-height: 300px !important; object-fit: contain !important; margin-top: 20px; } /* 10. FOOTER MOBILE */ footer { width: 100%; margin-left: 0; justify-content: center; } footer .logo-container { width: 100%; } /* 11. IDIOMAS ALINEADO IZQUIERDA */ #idiomas { text-align: left; align-self: flex-start; } } /* ============================ */ /* ACORDEÓN EN SECCIONES EXISTENTES - MOBILE */ /* ============================ */ @media (max-width: 960px) { /* Banda azul unificada */ .mobile-accordion { width: 100% !important; background: #006E91 !important; padding: 20px 25px !important; margin: 0; box-sizing: border-box; } /* Títulos grandes alineados a la derecha */ .accordion-title-mobile { font-size: 1.5rem !important; /* mucho más grande */ font-weight: 700 !important; color: #fff !important; text-align: right !important; /* alineación a la derecha */ padding-right: 40px !important; /* espacio para la flecha */ position: relative; } /* Flecha bien colocada */ .accordion-title-mobile::after { content: '▼'; font-size: 1.3rem !important; /* flecha más grande */ position: absolute; right: 0; /* flecha al borde */ top: 50%; /* centrada */ transform: translateY(-50%); transition: transform 0.25s ease; } /* Flecha al abrir */ .accordion-title-mobile.active::after { transform: translateY(-50%) rotate(180deg); } /* Submenú transparente */ .accordion-content-mobile { display: none; padding-top: 12px; background: transparent; } .accordion-content-mobile a { display: block; margin-bottom: 8px; color: #fff; text-decoration: none; } } /* ============================ */ /* RESPONSIVE PANTALLAS MEDIANAS (16") */ /* ============================ */ @media (max-width: 1400px) { .col-left, .col-right { padding: 40px 50px; /* Reduce padding lateral */ } .col-left-inicio h1 { font-size: 3.5rem; /* Reduce tamaño ESPACE_BIM */ } .col-left-inicio h2 { font-size: 1.8rem; /* Reduce subtítulo */ } .col-left-inicio p { font-size: 1.1rem; /* Reduce texto introductorio */ max-width: 320px; /* Ajusta ancho máximo */ } #main-nav ul { gap: 40px; /* Reduce espacio entre items del menú */ } } /* ============================ */ /* RESPONSIVE PANTALLAS PEQUEÑAS (13"-14") */ /* ============================ */ @media (max-width: 1200px) { .col-left, .col-right { padding: 30px 40px; } .col-left-inicio h1 { font-size: 2.8rem; } .col-left-inicio h2 { font-size: 1.4rem; } .col-left-inicio p { font-size: 1rem; max-width: 280px; } #main-nav ul { gap: 30px; } #main-nav a { font-size: 0.8rem; } } /* ============================ */ /* HEADER MOBILE VISIBLE SOLO EN MOBILE */ /* ============================ */ .mobile-header { display: none; /* Oculto por defecto */ background: #006E91; padding: 8px 20px; text-align: center; position: fixed; top: 0; width: 100%; z-index: 1000; box-shadow: 0 2px 5px rgba(0,0,0,0.1); height: 160px; align-items: center; justify-content: center; } .mobile-header img { height: 80px; width: auto; } /* ============================ */ /* RESPONSIVE MOBILE (max-width: 960px) */ /* ============================ */ @media (max-width: 960px) { .mobile-header { display: flex !important; height: 80px !important; /* Reducir altura */ padding: 10px 20px !important; } .mobile-header img { height: 60px !important; /* Logo más grande */ width: auto; } /* MOBILE TEXT */ .col-left-inicio h1 { font-size: 2.8rem; } .col-left-inicio h2 { font-size: 1.4rem; } /* MOBILE MODAL */ .modal-contenido { flex-direction: column !important; height: 90vh !important; width: 95% !important; padding: 20px !important; } .modal-texto, .modal-img { width: 100% !important; } .modal-texto { height: 60% !important; padding-right: 0 !important; overflow-y: auto; } .modal-img { height: auto !important; max-height: 300px !important; object-fit: contain !important; margin-top: 20px; } #inicio { margin-top: 160px !important; /* 80px header + 80px nav */ } /* Asegurar que no se vea fondo verde */ body { background: #006E91 !important; /* Azul en móvil para que no se vea verde */ } .section-row { background: #006E91 !important; } .col-right { background: #A8F8E8 !important; /* Solo la columna derecha verde */ } }

ESPACE_BIM

Votre département BIM externe, disponible quand vous en avez besoin.

Reprenez le contrôle de vos délais avec notre équipe spécialisée en modélisation et documentation technique. Nous prenons vos projets à n'importe quel stade et les livrons prêts à l'emploi, avec la rigueur qu'exige la profession.

Langue: FR | ES | EN | DE

SOLUTIONS

Renfort BIM Implémentation Expertise

Lorsque votre équipe est débordée, nous apportons de la capacité supplémentaire. Lorsqu'un concours nécessite de l'impact visuel, nous créons des rendus et des visites virtuelles. Lorsque vous avez besoin de documentation d'exécution, nous livrons des plans prêts pour la construction.

Renfort de capacité BIM : Plus de mains, mêmes standards.

Évolution digitale / Implémentation BIM : Du CAD au BIM sans friction.

Services hautement spécialisés : Expertise technique quand la complexité dépasse l’ordinaire.

SOLUTIONS

Renfort de capacité BIM : Plus de mains, mêmes standards.

Évolution digitale / Implémentation BIM : Du CAD au BIM sans friction.

Services hautement spécialisés : Expertise technique quand la complexité dépasse l'ordinaire.

MÉTHODOLOGIE

Flux de travail Formats acceptés Engagement qualité

Une méthodologie claire, collaborative et sans stress.

Flux de travail : Un processus clair garantissant des résultats dès le premier jour.

Formats acceptés : Nous travaillons avec ce que vous avez déjà.

Engagement qualité : Nous garantissons cohérence et professionnalisme.

MÉTHODOLOGIE

Une méthodologie claire, collaborative et sans stress.

Flux de travail : Un processus clair garantissant des résultats dès le premier jour.

Formats acceptés : Nous travaillons avec ce que vous avez déjà.

Engagement qualité : Nous garantissons cohérence et professionnalisme.

TÉMOIGNAGES

L’expérience de ceux qui nous font déjà confiance.

VALEURS

Lorsque les délais se réduisent, que l'équipe est saturée ou que vous avez besoin d'une expertise BIM spécifique, nous intervenons.

Nous ne sommes pas un prestataire de plus : nous sommes votre studio parallèle, spécialisé dans la partie technique qui consomme vos ressources les plus précieuses.

CONTACT

Parlons de votre projet

Vous avez un défi architectural ou d'ingénierie ? Nous analysons votre cas sans engagement et vous proposons la solution la plus adaptée.

Nous offrons une consultation initiale gratuite pour comprendre vos besoins et définir ensemble le meilleur chemin digital pour votre projet.

Email
bimespace@gmail.com

Téléphone
+41 78 331 81 14

WhatsApp
Écrire sur WhatsApp