@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif}.App{font-family:Raleway,sans-serif;text-align:center}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{overflow-x:hidden}.navbar{align-items:center;background-color:#333;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.navbar-logo img{height:40px}.menu-icon{cursor:pointer;display:none}.nav-menu{display:flex;gap:20px;list-style:none}.nav-menu .nav-item a{color:#fff;font-size:18px;text-decoration:none}.nav-menu .nav-item a:hover{text-decoration:underline}@media (max-width:768px){.menu-icon{display:block}.nav-menu{display:none;flex-direction:column}.nav-menu.nav-menu-visible{display:flex}}.navbare{background-color:#e4dddd;height:100px;left:0;position:fixed;right:0;top:0;width:100%;z-index:20}.navbare .navbaresection{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;width:80%}.navbare .navbaresection .navbarlogo{align-items:center;display:flex;height:100px;width:150px}.navbare .navbaresection .navbarlogo .image{max-width:100%;object-fit:cover}.navbare .navbaresection .link .nav-menue{align-items:center;display:flex;gap:30px;justify-content:center;list-style:none}.navbare .navbaresection .link .nav-menue a{color:#534f4f;font-weight:700;list-style:none;text-align:none;text-decoration:none}.navbare .navbaresection .link .nav-menue a:hover{color:brown}.navbare .navbaresection .menu-icone{display:none}@media (max-width:768px){.navbare .navbaresection .link{background-color:#000;bottom:0;left:0;position:fixed;right:0;top:0;transform:translateX(100%);z-index:20}.navbare .navbaresection .link .nav-menue{flex-direction:column;justify-content:start;left:0;margin-top:40px;padding:40px 0;position:fixed;right:0;top:0}.navbare .navbaresection .link .nav-menue a{color:#fff}.navbare .navbaresection .link .nav-menue a:hover{color:#bbb7b7;transition:.2s ease-in-out}.navbare .navbaresection .menu-icone{background-color:#e6e6e6;border-radius:5px;cursor:pointer;display:flex;padding:10px 8px;z-index:1000}.navbare .navbaresection .link.open{left:0;transform:translateX(0)}}.App-header{background-position:50%;background-size:cover;background:linear-gradient(110deg,#000 50%,#0000);font-family:Raleway,sans-serif;font-style:normal;height:85vh;margin-bottom:0;margin-top:100px;position:relative}.App-header,.App-header .slogan{align-items:center;color:#fff;display:flex;justify-content:center;width:100%}.App-header .slogan{background-color:#807c7c;bottom:40px;font-size:20px;font-weight:700;height:50px;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.App-header .what{background-color:red;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.App-header .what .link{bottom:10px;position:absolute;right:10px;z-index:10000}.hero-section{height:100vh;margin:0;padding:0;position:relative;width:100%}.hero-image{height:100vh;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.hero-text{align-items:center;color:#fff;display:flex;font-weight:400;gap:100px;margin:70px auto;padding-top:50px;text-align:start;width:80%}.hero-text .title{align-items:start;display:flex;flex:2 1;flex-direction:column;gap:2px}.hero-text .signature{flex:1 1}.hero-section .title .title2{color:#b32940;font-family:Lato,sans-serif;font-size:55px;font-weight:800}.hero-section .title .text{margin-top:15px}.hero-section .title .text .paragraphe{width:75%}.hero-section .title .every{font-size:30px}.hero-section .title .boutons{align-items:center;display:flex;gap:10px;margin-top:30px}.hero-section .title .bouton{border-radius:5px;color:#fff;font-size:16px;padding:15px 30px;text-decoration:none}.hero-section .title .boutons .one{background-color:#fff;border:1px solid #000;color:#000}.hero-section .title .boutons .one:hover{background-color:#686565;transition:.2s ease-in-out}.hero-section .title .boutons .two:hover{background-color:#333131;transition:.2s ease-in-out}.hero-section .title .boutons .two{background-color:#000;border:1px solid #5a5454;color:#fff}.bouton .hero-section .title .bouton{text-decoration:none}.hero-section .title .bouton .one:hover{background-color:red;cursor:pointer}.hero-section .title .bouton .two{background-color:#000;border:1px solid #6b6868;color:#fff}.hero-text h1{font-size:36px;text-align:start;text-transform:uppercase}.activity-image{background-color:#1c1c1c;width:100%}.activity-image .title{color:#fff;font-size:30px;font-weight:700;padding-top:50px}.activity-image .activity-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;margin:0 auto;min-height:200px;padding-bottom:50px;padding-top:50px;width:80%}.activity-image .activity-section .everycard{background-image:url(/static/media/LightingDesignAndAutomation.4df39fce19e0ecf63083.png);background-size:cover;border-radius:5px;box-shadow:10px;filter:brightness(.7);height:250px;object-fit:cover;position:relative}.activity-image .activity-section .everycard .card-name{background-color:#fffc;border-radius:5px;bottom:0;height:80px;position:absolute;width:100%}.activity-image .activity-section .everycard p{color:#443d3d;font-weight:700;margin:25px auto;text-align:center;width:80%}.activity-image .activity-section .one{background-image:url(/static/media/LightingDesignAndAutomation.4df39fce19e0ecf63083.png)}.activity-image .activity-section .two{background-image:url(/static/media/image0.411c5c25cb306572c249.jpeg)}.activity-image .activity-section .three{background-image:url(/static/media/IndustrialCableTrayInstallation.af0093e7092227943cd6.png)}.activity-image .activity-section .four{background-image:url(/static/media/image3.cf1985251e8262719908.jpeg)}.activity-image .activity-section .five{background-image:url(/static/media/image1.af5bbef57dfeac76f768.jpeg)}.activity-image .activity-section .six{background:linear-gradient(90deg,#b32940,#b32940,#c44056);border-radius:5px;box-shadow:10px;height:250px;position:relative}.activity-image .activity-section .six .card-text{align-items:start;color:#fff;display:flex;flex-direction:column;gap:30px;margin:50px auto;text-align:start;width:80%}.activity-image .activity-section .six .arrow{background-color:#fff;border-radius:50%;bottom:10px;color:#6d4f4f;padding-left:2px;padding-right:2px;padding-top:3px;position:absolute;right:10px}.activity-image .activity-section .six .arrow:hover{background-color:#c58484;transition:.2s ease-in-out}Z

.activity-image .activity-section .six .card-text .tittle{font-size:20px;font-weight:700}.scroll-down{animation:bounce 2s infinite;border:2px solid #b32940;border-radius:50%;bottom:150px;color:#b32940;font-size:30px;height:50px;left:50%;position:absolute;transform:translateX(-50%);width:50px;z-index:1}.arrow-circle,.scroll-down{align-items:center;display:flex;justify-content:center}.arrow-circle{cursor:pointer;height:100%;width:100%}.arrow{color:#fff;font-size:24px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.service{background-position:50%;background-size:cover;background:#1c1c1c;color:#fff;display:flex;flex-direction:column;justify-content:center;padding-bottom:70px;padding-top:30px;position:relative;width:100%}.service .card{background:linear-gradient(90deg,#b32940,#b32940,#c44056);border-radius:5px;bottom:0;height:80px;left:50%;position:absolute;transform:translateX(-50%) translateY(50px);width:400px;z-index:2}.service .card .card-section{align-items:center;display:flex;gap:70px;height:80%;justify-content:center;margin-bottom:4px;margin-top:8px}.service .card .card-section .card-one{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative}.service .card .card-section .card-one .number{font-family:Roboto;font-size:20px;font-weight:700}.service .card .card-section .card-one .plus{transform:translateY(45px);transform:translateX(20px)}.service .card .card-section .card-one .caractere{color:#fff;font-size:14px}.service .service-presentation{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:5px;justify-content:center;margin-bottom:10px}.service .service-presentation .tittle{font-size:30px;font-weight:700}.service .service-presentation .texte{color:#b9b9b9;font-size:20px;font-weight:700;width:30%}.delete{margin:0}.service .service-presentationss{background-color:red;flex:1 1;margin-bottom:20px}.service .service-section{align-items:start;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;min-height:250px;width:80%}.service .service-section .activity{align-items:start;display:flex;flex:1 1;flex-direction:column;gap:3px;justify-content:start;text-align:left}.service .service-section .activity .number{color:#b32940;font-size:20px}.service .service-section .activity .trait{color:#b32940}.service .service-section .activity .sumery{align-items:start;display:flex;flex-direction:column}.service .service-section .activity .sumery .title1{font-weight:700;margin-bottom:6px}.service .service-section .activity .sumery .title2{word-wrap:break-word;color:#b9b9b9;font-size:15px;text-align:start;width:70%}.presentation{background-color:#000;min-height:400px;position:relative;width:100%}.presentation .cartes{align-items:center;border-radius:5px;bottom:0;display:flex;gap:10px;height:140px;justify-content:space-between;left:50%;position:absolute;transform:translateX(-50%) translateY(80px);width:600px;z-index:2}.presentation .cartes .carte2{background-image:url(/static/media/electrique.8dc2656f7c9882bb9d84.jpg)}.presentation .cartes .carte1,.presentation .cartes .carte2{background-repeat:no-repeat;background-size:cover;border-radius:3px;flex:1 1;height:100%}.presentation .cartes .carte1{background-image:url(/static/media/electrique22.59b4a19909aec123feec.jpg)}.presentation .cartes .description{background:linear-gradient(90deg,#b32940,#b32940,#c44056);border-radius:3px;flex:1 1;height:100%}.video{background-color:red;bottom:0;left:0;position:fixed;right:0;top:0;z-index:20}.presentation .presentation-section{align-items:start;display:flex;gap:10px;justify-content:space-between;margin:0 auto;padding-bottom:60px;padding-top:100px;width:80%}.presentation .presentation-section .presentation-one{align-items:start;display:flex;flex:2 1;flex-direction:column;gap:10px;justify-content:start;text-align:start}.presentation .presentation-section .presentation-image{flex:1 1;height:100%;width:100%}.presentation .presentation-section .presentation-image .image{flex:1 1;height:100%;object-fit:cover;width:100%}.presentation .presentation-section .presentation-one .title{word-wrap:break-word;color:#fff;font-size:30px;font-weight:700;width:50%}.presentation .presentation-section .presentation-one .texte{word-wrap:break-word;color:#5c5959;font-size:18px;width:60%}.youtube{align-items:center;display:flex}.youtube .youtube-logo{align-items:center;display:flex;overflow:hidden;position:relative}.youtube .youtube-logo .logo-container{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:60px;justify-content:center;margin-right:10px;position:relative;width:60px}.play-button{border-bottom:12px solid #0000;border-left:18px solid #000;border-top:12px solid #0000;height:0;width:0}.logo-text{color:#fff;font-family:Arial,sans-serif;font-size:18px;font-weight:700}@media screen and (max-width:1000px){.service .service-section{align-items:center;flex-direction:column;width:100%}.service .service-section .activity{align-items:center;flex-direction:column;justify-content:center}.service .service-section .activity .sumery{align-items:center}.service .service-section .activity .sumery .title2{text-align:center}}@media screen and (max-width:900px){.hero-text{color:#fff;display:flex;margin:70px auto;padding:20px;text-align:start;width:98%}.hero-text .title{align-items:center;display:flex;flex-direction:column;font-size:20px;gap:2;text-align:center}.hero-text .signature{display:none}.hero-section .title .text .paragraphe{width:100%}.service .service-presentation .texte{width:80%}.service .service-presentation{margin-top:10px}.service .service-section,.service .service-section .activity{align-items:center;flex-direction:column}.service .service-section .activity{justify-content:center}.service .service-section .activity .sumery{align-items:center}.service .service-section .activity .sumery .title2{text-align:center}.service .card{width:80%}.service .card .card-section{gap:50px}.presentation .presentation-section .presentation-image{display:none}.activity .activity-section{grid-template-columns:1fr!important}}@media screen and (max-width:700px){.hero-section .title .title2{color:#b32940;font-family:Lato,sans-serif;font-size:40px;font-weight:800}.hero-section .title .title1,.hero-section .title .title3{font-size:25px}.hero-section .title .text p{font-size:20px}.service .card .card-section{gap:20px}.presentation .presentation-section .presentation-one{align-items:center;justify-content:center;text-align:center}.presentation .presentation-section .presentation-one .title{width:80%}.presentation .presentation-section .presentation-one .texte{width:100%}.scroll-down{display:none}}.section-video{background-color:aqua;bottom:0;left:0;position:fixed;right:0;top:0}.youtube-player{align-items:center;background:#000c;border-radius:10px;display:flex;justify-content:center;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}.youtube-video{height:100%;position:relative;width:100%}.close-button{align-items:center;background-color:red;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;width:30px;z-index:1}.close-button:hover{background-color:#c00}.footer{background-color:#333;color:#fff;height:200px;padding-top:100px;text-align:center;text-decoration:none}.footer .personnal{display:flex;flex-direction:column;gap:10px}.footer .personnal p a{color:#ccb8b8}.footer .what{bottom:0;height:100vh;position:fixed;right:20px;top:0;width:1px;z-index:10}.footer .what .link{bottom:100px;position:absolute;right:10px;z-index:10000}.footer .what .link a{background-color:#5aa547;border-radius:50%;color:#fff;padding:15px}.footer .what .link a:hover{background-color:#70b35f}.footer .what .link a .icone{font-size:20px;transform:translateY(4px)}.contact-page{background-color:#666060;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:100px 20px 20px;text-align:center}.contact-form-container{background-color:#1a1a1a;border-radius:10px;color:#fff;height:450px;margin:90px auto 10px;padding:20px;width:300px}.contact-form-container h1,.contact-form-container p{color:#b32940}.contact-form-container p{color:#fff}.contact-form{margin-top:20px}.contact-form input,.contact-form textarea{background-color:#333;border:none;border-radius:5px;color:#fff;margin:10px 0;padding:10px;width:100%}.contact-form button,.mail{background-color:#b32940;border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:700;padding:10px;width:100%}.contact-form button:hover{background-color:#b32940}.careers-container{background-color:#1a1a1a;border-radius:10px;color:#fff;float:left;height:280px;margin-left:20px;margin-top:-50px;padding:20px;text-align:left;width:250px}.careers-container h2{color:#b32940}.career-card{margin-top:20px}.career-card img{display:block;margin:0 auto 20px;width:100px}.career-card h3{color:#fff;margin:10px 0}.contact-footer{background-color:#333;box-shadow:0 -2px 5px #0003;color:#fff;height:200px;text-align:center;width:100%}.footer-links a{margin:0 15px}.profile{padding-top:100px;width:100%}.profile .presentation{background-image:url(/static/media/chantier.8423d251b95fe2fa99f8.jpg);background-repeat:no-repeat;background-size:cover;height:90vh;object-fit:cover;width:100%}.presentation .presentation-sectionn{align-items:center;color:#fff;display:flex;flex-direction:column;gap:10px;height:100%;margin:0 auto;padding-top:150px;width:80%}.presentation .presentation-sectionn .tittle1{font-size:50px;font-weight:700;margin-bottom:20px}.presentation .presentation-sectionn .tittle2{font-size:30px;text-align:center;width:60%}.presentation .presentation-sectionn .tittle3{font-size:20px;text-align:center;width:70%}.profile .details{background-color:#1c1c1c;display:flex;width:100%}.profile .details .details-section{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;margin:0 auto;padding-bottom:50px;padding-top:50px;width:60%}.profile .details .details-section .card{background:linear-gradient(90deg,#b32940,#b32940,#c44056);border-radius:10px;color:#fff;height:300px;width:100%}.details-section .card .bloc{align-items:center;display:flex;flex-direction:column;gap:10px;height:90%;justify-content:center;margin:0 auto;width:90%}.details-section .card .bloc .tittle1{font-size:30px;font-weight:700}.details-section .card .bloc .tittle2{font-size:18px}.profile .galery{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.profile .galery .text{color:#fff;font-size:30px;padding:30px 0;text-align:center}.profile .galery .galery-section{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;margin:0 auto;padding-bottom:50px;padding-top:50px;width:80%}.profile .galery .galery-section .card{background-color:red;border-radius:10px;height:300px;overflow:hidden;width:100%}.profile .galery .galery-section .card img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:700px){.presentation .presentation-sectionn{padding-top:80px}.presentation .presentation-sectionn .tittle2{font-size:25px;text-align:center;width:100%}.presentation .presentation-sectionn .tittle3{font-size:18px;width:100%}}body{color:#333;font-family:Helvetica Neue,Arial,sans-serif;margin:0;padding:0;.services{animation:slideIn 1.5s ease-in-out;margin:auto;max-width:1200px;padding:20px}}.overview{background:linear-gradient(90deg,#d43f3a,#c62828);border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;margin-bottom:40px;padding:60px 20px;text-align:center}.overview h1{font-size:3em;margin:0;padding-bottom:10px;text-shadow:0 2px 4px #0000004d}.overview p{font-size:1.2em;line-height:1.6;margin:20px auto 0;max-width:800px}.service-categories{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:40px 20px}.service-categories h2{color:#e53935;font-size:2.5em;margin-bottom:30px;text-align:center}.category{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;margin-bottom:20px;padding:20px;transition:box-shadow .3s,transform .3s}.category:hover{box-shadow:0 6px 15px #0003;transform:translateY(-5px)}.category h3{color:#e53935;font-size:1.8em;margin-bottom:10px}.category p{color:#555;font-size:1.1em;line-height:1.6}.service-gallery{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:40px 20px}.service-gallery h2{color:#e53935;font-size:2em;margin-bottom:20px;text-align:center}.gallery-images{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gallery-images img{border-radius:8px;box-shadow:0 4px 10px #0003;height:auto;transition:transform .3s;width:100%}.gallery-images img:hover{transform:scale(1.05)}.service-footer{background-color:#333;color:#fff;padding:20px;text-align:center}.footer-links{margin-bottom:10px}.footer-links a{color:#fff;margin:0 10px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.contact-info{margin-bottom:10px}
/*# sourceMappingURL=main.0e2efcd2.css.map*/