@keyframes rotate{0%{transform:rotateY(0deg);}100%{transform:rotateY(360deg);}}@keyframes slide-in-left{from{transform:translateX(-100%);}to{transform:translateX(0);}}@keyframes slide-in-right{from{transform:translateX(100%);}to{transform:translateX(0);}}body{background:linear-gradient(90deg, #32b0f1, #6edfd0);color:white;margin:0;padding:0;}.container-top{position:relative;background:url(../img/accueil/debut.webp) center center/cover no-repeat fixed;width:100%;height:850px;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;}.container-top::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1;}.container-top > *{position:relative;z-index:2;}@media (max-width:768px){.container-top{height:800px;width:100%;}}.container-left{animation:slide-in-left 2s;height:250px;}.title{text-shadow:2px 2px #6be1d4;font-size:3rem;margin-top:3rem;background-clip:text;-webkit-text-fill-color:transparent;}.info-enterprise, .siret{font-size:1.8rem;text-align:center;transform:skew(-25deg);width:70%;}.contact-mail{text-decoration:none;color:#010101;text-transform:none;border:1px solid #6be1d4;padding:0.5rem;margin:0 0 0 2rem;background-color:#36e4cd;}.contact-mail:hover{cursor:pointer;box-shadow:rgba(0, 204, 255, 0.527) 4px 4px;background-color:rgba(205, 106, 106, 0.2);color:#fff;}.logo-phone{width:5.9rem;height:10.8rem;padding:1rem;display:inline-block;font-size:48px;transform-style:preserve-3d;animation:rotate 5s infinite linear;}.container-right{top:5rem;display:flex;align-items:center;justify-content:flex-end;padding:20px;background-color:rgba(240, 240, 240, 0.0588235294);border-radius:8px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}.container-right > div{flex:1;color:#333;}.container-right a{text-decoration:none;color:#007bff;font-size:1.2rem;}#need{font-size:1.1rem;margin-top:5px;color:#cdc7c7;}.telappel{margin-top:10px;}.container-middle{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;}.depannage{font-size:1.5rem;color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px;background-color:rgb(99, 181, 200);box-shadow:-3px 5px 10px 5px #0f0f0f;border-radius:10px;width:95%;}.depannage .depan{padding:1rem 0;margin:0.5rem;font-size:1.5rem;text-align:center;}#pme{padding:10px;margin-left:auto;margin-right:auto;font-size:2rem;font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;width:80%;text-align:center;}.partiedeux{display:flex;flex-wrap:wrap;gap:2px;padding:16px;}.card{background-color:rgb(99, 181, 200);border:1px solid #000;border-radius:8px;box-shadow:2px 4px 8px rgba(0, 0, 0, 0.1);flex:1 1 calc(60% - 2px);padding:16px;text-align:center;margin:16px;width:100%;max-width:calc(35% - 8px);max-height:auto;margin-left:auto;margin-right:auto;}.card-img{display:block;border:1px solid #000;border-radius:8px;box-shadow:1px 2px #000;width:100%;height:auto;object-fit:cover;}.card-title{font-size:2em;margin:16px 0;color:#000;text-decoration:underline;}.card-text{color:#010101;font-size:2em;margin:0 0 16px;}@media (max-width:768px){.card{flex:1 1 100%;max-width:100%;}}.gridContainer{background-image:url(../img/accueil/clip-path21.webp);background-repeat:no-repeat;background-attachment:fixed;background-position:center center;background-size:cover;margin:0 auto;padding:20px;color:blue;font-size:large;}.number{font-weight:bolder;font-size:32px;animation:blink 0.5s infinite;}@keyframes blink{0%, 50%{opacity:1;}51%, 100%{opacity:0;}}.section-title-col{text-align:center;margin-bottom:40px;}.sstitlegrid{font-size:2.5rem;color:#ffffff;margin-bottom:10px;}.section-title-col .lead{font-size:1.2rem;color:#ffffff;}.row{display:flex;flex-wrap:wrap;justify-content:center;}.service-col{flex:1;max-width:300px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);margin:20px;padding:30px;text-align:center;transition:all 0.3s ease;}.service-col:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0, 0, 0, 0.2);}.service-col img{max-width:100%;height:auto;margin-bottom:20px;}.service-col h3{font-size:1.5rem;color:#333;margin-bottom:10px;}.service-col p{font-size:1rem;color:#666;line-height:1.5;}@media (max-width:768px){.service-col{flex:1 1 100%;max-width:100%;}}