html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.btn{height:60px;width:60px;background-color:#f09e33;border-radius:50%;display:flex;justify-content:center;align-items:center;position:fixed;right:10px;bottom:10px;cursor:pointer;z-index:2}header .navbar{position:fixed;top:0;height:7rem;width:100%;z-index:2;background:#fff;border-bottom:2px solid #f09e33;padding:.5rem}header .img-logo{width:9rem}header .navbar-content{display:none;flex-direction:column;align-items:center;width:100%;background:#fff;position:absolute;top:7rem;left:0;animation:slideDown .3s ease-in-out}header .nav-item{margin:0 2rem;position:relative;display:flex;height:2rem;align-items:center}header .nav-item .nav-link.mail{display:none}header .nav-item .nav-link.phone{display:none}header .nav-item .sub-menu{display:none;position:absolute;background-color:#fff;box-shadow:0 2px 4px rgb(0 0 0 / .1);top:96px;border-top:2.5px solid #f09e33}header .nav-item .sub-menu ul{list-style-type:none;padding:0;margin:0;position:relative;left:0;top:163%;width:240px;text-align:left;z-index:1;-webkit-box-shadow:0 1px 3px rgb(0 0 0 / .3);transition:.5s}header .nav-item .sub-menu ul li a{display:block;padding:10px 20px;text-decoration:none;color:#333;font-weight:500;border-bottom:1px solid rgb(0 0 0 / .1)}header .nav-item .sub-menu ul li a:hover{background-color:#f09e33;color:#fff}header .nav-item:hover .sub-menu{display:block;left:-1.5rem;z-index:20}header .nav-item .nav-link{text-decoration:none;color:#032e40;display:inline-block;transition:color .5s}header .nav-item .nav-link:hover{color:#f09e33}header .nav-item .nav-link::before{font-family:"Font Awesome 5 Free";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900}header .nav-item .nav-link i{font-size:15px;display:inline-block}header .nav-item .fa-angle-down::before{content:""}header .nav-item .nav-link.mail::before{content:""}header .nav-item .nav-link.phone::before{content:""}header .navbar-content.show{display:flex;align-items:end;background-color:#fff;z-index:-1;width:10rem;height:13rem;padding-top:2rem;font-family:"Montserrat"}header .img-toggle{position:relative;width:3rem;float:right;padding-right:1rem;top:2rem}header .menu-icon{display:block}header .close-icon{display:none}header .navbar-content.show~.toggle .menu-icon{display:none}header .navbar-content.show~.toggle .close-icon{display:block}@keyframes slideDown{from{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}.hero{background-image:url(/wp-content/themes/jcdevandcode/assets/images/background_hero.png);background-size:cover;background-repeat:no-repeat;padding:3rem .5rem;display:flex;font-family:"Rajdhani";letter-spacing:1px;margin-top:7rem}.hero .hero-social-icon{margin-bottom:6rem;width:18%}.hero .hero-social-icon a{width:38px;height:38px;display:block;background:#fff0;color:#fff;text-align:center;font-size:16px;line-height:40px;margin:11px 0;border:1px solid #fff;border-radius:100%;transition:.3s;padding:0 1px 0 2px}.hero .hero-social-icon a:hover{background:#f09e33;border:1px solid #f09e33}.hero .hero-social-icon .follow-us{color:#fff;writing-mode:vertical-lr;position:relative;left:.7rem;top:6rem;font-weight:600;letter-spacing:6px}.hero .hero-social-icon span.follow-us:before{position:absolute;content:"";z-index:1;background:#f09e33;width:2.5px;height:65px;left:.5rem;bottom:10.5rem}.hero .hero-social-icon .fab{color:#fff}.hero .hero-social-icon .fab.fa-facebook::before{content:""}.hero .hero-social-icon .fab.fa-instagram::before{content:""}.hero .hero-social-icon .fab.fa-twitter::before{content:""}.hero .hero-presentation{display:flex;flex-direction:column;width:78%;margin-top:1rem}.hero .hero-presentation span{color:#f09e33}.hero .hero-presentation h1{color:#f09e33;font-size:30px;font-weight:600;margin-top:.5rem;text-transform:uppercase}.hero .hero-presentation h3{color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;line-height:1.8;position:relative}.hero .hero-presentation h3::before{content:"";position:absolute;top:0;left:0;width:235px;height:1px;background-color:#f09e33}.hero .hero-presentation h2{color:#fff;font-size:30px;font-weight:500}.hero .hero-presentation h4{color:#fff;font-size:17px;font-weight:500;text-transform:initial;line-height:1.4;margin-top:.3rem}.hero .hero-presentation .hero-buttons{display:flex;margin-top:.5rem}.hero .hero-presentation .hero-buttons .button-item{color:#fff;background-color:#f09e33;border-radius:5px;font-weight:600;padding:1rem;line-height:0;text-decoration:none;font-size:14px;margin-right:.5rem;width:112px;text-align:center}.hero .hero-presentation .hero-buttons .button-item:hover{color:#f09e33;background-color:#fff}.hero .hero-presentation .img-under-button{display:flex;justify-content:flex-start}.hero .hero-presentation .img-logo{width:13rem;padding-left:1rem;padding-top:2rem}.hero .hero-img{display:none}.hero .hero-img .img-logo{width:8rem}.services{font-family:"Rajdhani";letter-spacing:1px;padding:1rem 0 1.5rem}.services .container-services .first-row{display:flex;flex-direction:column;align-items:center}.services .container-services .first-row .title-services{padding-left:.7rem;position:relative}.services .container-services .first-row .title-services h2{color:#f09e33;font-size:20px;text-transform:uppercase;font-weight:600;margin-top:1rem}.services .container-services .first-row .title-services h2:before{content:"";position:absolute;transform:translate(-50%,-50%);width:60px;height:60px;background-color:rgb(240 158 51 / .1294117647);border-radius:50%;z-index:-1;top:5%;left:5%}.services .container-services .first-row .title-services h2:after{position:relative;z-index:1;content:"";display:inline-block;width:40px;height:2px;background:#f09e33;bottom:.1rem;left:.3rem}.services .container-services .first-row .title-services h3{font-size:27px;color:#022034;margin-top:2rem;line-height:2.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.services .container-services .first-row .title-services h3 span{color:#f09e33}.services .container-services .second-row{display:flex;flex-direction:column;align-items:center}.services .container-services .card-services{transition:.5s;position:relative;z-index:1;text-align:center;box-shadow:0 0 2px rgb(26 46 85 / .1);padding:2rem;width:18rem;height:auto;font-size:18px;line-height:1.5rem;text-decoration:none;color:#000}.services .container-services .card-services.vitrine:before{content:url(/wp-content/themes/jcdevandcode/assets/images/vitrine_100_orange.png)}.services .container-services .card-services.vitrine:hover:before{content:url(/wp-content/themes/jcdevandcode/assets/images/vitrine_100_white.png)}.services .container-services .card-services.ecommerce:before{content:url(/wp-content/themes/jcdevandcode/assets/images/ecommerce_98_orange.png)}.services .container-services .card-services.ecommerce:hover:before{content:url(/wp-content/themes/jcdevandcode/assets/images/ecommerce_98_white.png)}.services .container-services .card-services.seo:before{content:url(/wp-content/themes/jcdevandcode/assets/images/seo_100_orange.png)}.services .container-services .card-services.seo:hover:before{content:url(/wp-content/themes/jcdevandcode/assets/images/seo_100_white.png)}.services .container-services .card-services.branding:before{content:url(/wp-content/themes/jcdevandcode/assets/images/test2.png)}.services .container-services .card-services.branding:hover:before{content:url(/wp-content/themes/jcdevandcode/assets/images/test.png)}.services .container-services .card-services.grey{background:#f8fafb}.services .container-services .card-services:hover{background-color:#f09e33;color:#fff}.services .container-services .card-services:hover a{color:#fff}.services .container-services .card-services a{text-decoration:none;color:#022034}.services .container-services .card-services h3{font-size:22px;font-weight:600;margin-bottom:.5rem}.services .container-services .card-services p{line-height:1.8rem;font-size:20px}.process{height:auto;font-family:"Rajdhani";letter-spacing:1px;background:#032e40;padding-bottom:2rem;margin-bottom:1.5rem}.process .title-process{position:relative}.process .title-process h2{color:#f09e33;font-size:20px;text-transform:uppercase;font-weight:600;text-align:center;padding-top:2rem}.process .title-process h2:before{content:"";position:absolute;transform:translate(-50%,-50%);width:60px;height:60px;background-color:rgb(240 158 51 / .3490196078);border-radius:50%;z-index:-1;z-index:1}.process .title-process h2:after{position:relative;z-index:1;content:"";display:inline-block;width:40px;height:2px;background:#f09e33;bottom:.1rem;left:.3rem}.process .title-process p{font-size:15px;line-height:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;padding:1rem}.process .title-process span{color:#f09e33}.process p{color:#fff}.process .cards-process{display:flex;flex-direction:column;align-items:center}.process .cards-process .card-process{text-align:center;box-shadow:0 0 2px rgb(26 46 85 / .1);width:18rem;height:auto;border:1px solid #f09e33;border-radius:10px;padding:1rem;margin-top:1rem}.process .cards-process .card-process.exchange:before{content:url(/wp-content/themes/jcdevandcode/assets/images/1.png)}.process .cards-process .card-process.estimate:before{content:url(/wp-content/themes/jcdevandcode/assets/images/2.png)}.process .cards-process .card-process.construction:before{content:url(/wp-content/themes/jcdevandcode/assets/images/3.png)}.process .cards-process .card-process.delivery:before{content:url(/wp-content/themes/jcdevandcode/assets/images/4.png)}.process .cards-process .card-process h3{font-size:22px;font-weight:600;margin-bottom:.5rem;color:#fff}.projects-section{padding:4rem 2rem;background-color:#f9f9f9}.projects-section h2{color:#f09e33;font-size:20px;text-transform:uppercase;font-weight:600;text-align:center;padding-top:1rem;font-family:"Rajdhani"}.projects-section h2:before{content:"";position:absolute;transform:translate(-50%,-50%);width:60px;height:60px;background-color:rgb(240 158 51 / .3490196078);border-radius:50%;z-index:-1;z-index:1}.projects-section h2:after{position:relative;z-index:1;content:"";display:inline-block;width:40px;height:2px;background:#f09e33;bottom:.1rem;left:.3rem}.projects-section p{font-size:28px;margin-top:3rem;line-height:2.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-align:center;font-family:"Rajdhani"}.projects-section a{text-decoration:none;color:#fff}.projects-section .projects-subtitle{text-align:center;margin-bottom:2rem;font-style:italic}.projects-section .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:7rem}.projects-section .project-card{position:relative;height:260px;background-size:cover;background-position:center;border-radius:1rem;overflow:hidden;box-shadow:0 5px 15px rgb(0 0 0 / .1);transition:transform .3s ease}.projects-section .project-card:hover{transform:scale(1.03)}.projects-section .project-card .card-overlay{position:absolute;bottom:0;width:100%;padding:1rem;background:rgb(0 0 0 / .4);color:#fff;backdrop-filter:blur(2px)}.projects-section .project-card h3{margin:0;font-size:1.5rem;font-family:"Rajdhani"}.projects-section .project-card .tags{margin-top:.5rem}.projects-section .project-card .tags span{display:inline-block;background:rgb(255 255 255 / .2);padding:.2rem .6rem;border-radius:.5rem;margin-right:.5rem;font-size:.85rem}.projects-section .bdb-card{background-image:url(/wp-content/themes/jcdevandcode/assets/images/bdbmaquette.svg)}.projects-section .napolitain-card{background-image:url(/wp-content/themes/jcdevandcode/assets/images/napolitain.svg)}.projects-section .entreveyle{background-image:url(/wp-content/themes/jcdevandcode/assets/images/lentreveyle.svg)}.projects-section .arsef{background-image:url(/wp-content/themes/jcdevandcode/assets/images/arsef.svg)}.projects-section .ateliers{background-image:url(/wp-content/themes/jcdevandcode/assets/images/ateliers.svg)}.projects-section .renov{background-image:url(/wp-content/themes/jcdevandcode/assets/images/jo-garden.svg)}.projects-section .desroches{background-image:url(/wp-content/themes/jcdevandcode/assets/images/bien-etre.svg)}.projects-section .mamie-card{background-image:url(/wp-content/themes/jcdevandcode/assets/images/mamie.svg)}.projects-section .atvs-card{background-image:url(/wp-content/themes/jcdevandcode/assets/images/atvs.svg)}.projects-section .rochas-card{background-image:url(/wp-content/themes/jcdevandcode/assets/images/rochas.svg)}.projects-section .marguerite-card{background-image:url(/wp-content/themes/jcdevandcode/assets/images/marguerite.svg)}.faq{background:#032e40;height:auto;font-family:"Rajdhani";letter-spacing:1px;padding-top:1rem;padding-bottom:2rem}.faq h2{color:#f09e33;font-size:20px;text-transform:uppercase;font-weight:600;text-align:center;padding:1.5rem 0 .5rem}.faq h2:before{content:"";position:absolute;transform:translate(-50%,-50%);width:60px;height:60px;background-color:rgb(240 158 51 / .3490196078);border-radius:50%;z-index:-1;z-index:1}.faq h2:after{position:relative;z-index:1;content:"";display:inline-block;width:40px;height:2px;background:#f09e33;bottom:.1rem;left:.3rem}.faq h3{font-size:28px;line-height:2.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-align:center;color:#fff;margin-bottom:2rem}.faq .faq-part{display:flex;flex-direction:column}.faq .faq-part .image-faq{width:20rem;height:18rem;border-radius:20px 0 20px 0;margin:0 auto}.faq .faq-part .questions{color:#032e40;padding:0rem 1rem 1rem .5rem}.faq .faq-part .questions li{padding:1.5rem 0 0}.faq .faq-part .questions li div{display:flex;justify-content:space-between}.faq .faq-part .questions .active{font-size:16px;font-weight:600;text-decoration:none;color:#fff;position:relative;padding-left:1.5rem;padding-right:1rem}.faq .faq-part .questions p{font-size:16px;padding:.5rem 0 0 0;display:none;color:#fff;padding-left:1.5rem}.faq .faq-part .questions .hidden{display:none}.faq .faq-part .faq-part .plus-icon,.faq .faq-part .faq-part .moins-icon{position:absolute;right:30px;top:30px}.form{background:#fff;height:auto;font-family:"Rajdhani";letter-spacing:1px;padding:2rem 1rem}.container-form .info-contact{z-index:1}.container-form h2{color:#f09e33;font-size:20px;text-transform:uppercase;font-weight:600;margin-top:1rem;margin-bottom:1rem}.container-form h2:before{content:"";position:absolute;transform:translate(-50%,-50%);width:60px;height:60px;background-color:rgb(240 158 51 / .1294117647);border-radius:50%;z-index:1}.container-form h2:after{position:relative;z-index:1;content:"";display:inline-block;width:40px;height:2px;background:#f09e33;bottom:.1rem;left:.3rem}.container-form p{font-size:18px;color:#022034;line-height:2.5rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.container-form p span{color:#f09e33}.container-form .picto-email-avion{width:5rem}.container-form .picto-email-avion img{width:5rem;padding:.1rem;margin-right:.5rem}.container-form .wpcf7{max-width:500px;margin:0 auto;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px rgb(0 0 0 / .1)}.container-form label{color:#f09e33}.container-form .wpcf7 input[type=text],.container-form .wpcf7 input[type=email],.container-form .wpcf7 input[type=tel],.container-form .wpcf7 textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;font-family:"Montserrat"!important}.container-form .wpcf7 textarea{min-height:150px}.container-form .wpcf7 input[type=submit]{background-color:#f09e33!important;color:#fff!important;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.container-form .wpcf7-response-output{margin-top:10px;padding:10px;border-radius:5px}.container-form .wpcf7-validation-errors,.container-form .wpcf7-mail-sent-ok{background-color:#ffcdd2;color:#c62828}.container-form .wpcf7-mail-sent-ok{background-color:#dcedc8;color:#2e7d32}.mentions-legales,.politique-de-confidentialité{font-family:"Montserrat";margin:10rem 1rem 4rem}.mentions-legales h1,.politique-de-confidentialité h1{font-size:44px;font-weight:400;text-decoration:underline 2px;margin-bottom:1.5rem}.mentions-legales h2,.politique-de-confidentialité h2{margin:1rem 0;font-size:24px;color:#f09e33;font-weight:500}.mentions-legales h3,.politique-de-confidentialité h3{margin:1rem 0;font-size:18px;font-weight:500}.mentions-legales p,.mentions-legales li,.politique-de-confidentialité p,.politique-de-confidentialité li{font-size:18px;line-height:1.5rem}.mentions-legales span,.politique-de-confidentialité span{font-weight:600}.mentions-legales a,.politique-de-confidentialité a{color:#000;font-weight:600}.mentions-legales ul,.politique-de-confidentialité ul{margin:1rem 0}.mentions-legales li,.politique-de-confidentialité li{margin-bottom:1rem}.branding-section,.sites-vitrine-section,.sites-ecommerce-section,.seo-section{margin:2rem 6rem 4rem;font-family:"Montserrat";display:flex;flex-direction:column;align-items:center}.branding-section h2,.sites-vitrine-section h2,.sites-ecommerce-section h2,.seo-section h2{font-family:"Montserrat";text-align:center;font-size:32px;margin:2rem 0;width:auto}.branding-section span,.sites-vitrine-section span,.sites-ecommerce-section span,.seo-section span{font-weight:600}.branding-section .branding-services,.sites-vitrine-section .branding-services,.sites-ecommerce-section .branding-services,.seo-section .branding-services{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.branding-section .branding-services .img-services,.sites-vitrine-section .branding-services .img-services,.sites-ecommerce-section .branding-services .img-services,.seo-section .branding-services .img-services{max-width:192px;max-height:192px;border-radius:1.5rem}.branding-section .branding-services .description-services,.sites-vitrine-section .branding-services .description-services,.sites-ecommerce-section .branding-services .description-services,.seo-section .branding-services .description-services{display:flex;flex-direction:column;text-align:center}.branding-section .branding-services .description-services h3,.sites-vitrine-section .branding-services .description-services h3,.sites-ecommerce-section .branding-services .description-services h3,.seo-section .branding-services .description-services h3{font-size:24px;margin:1rem 1rem;font-weight:500}.branding-section .branding-services .description-services p,.sites-vitrine-section .branding-services .description-services p,.sites-ecommerce-section .branding-services .description-services p,.seo-section .branding-services .description-services p{line-height:22px}.contact-services{display:flex;justify-content:center;margin-bottom:4rem}.contact-services .cta a{font-family:"Montserrat";color:#000;background-color:#f09e33;border-radius:5px;font-weight:600;padding:.5rem;line-height:0;text-decoration:none;font-size:18px;text-align:center}.branding-section .img-vitrine,.sites-vitrine-section .img-vitrine,.sites-ecommerce-section .img-vitrine,.seo-section .img-vitrine{display:flex;justify-content:center}.branding-section .img-vitrine img,.sites-vitrine-section .img-vitrine img,.sites-ecommerce-section .img-vitrine img,.seo-section .img-vitrine img{width:18rem}.branding-section .part-text,.sites-vitrine-section .part-text,.sites-ecommerce-section .part-text,.seo-section .part-text{padding:1rem;border-radius:10px;border:1px solid rgb(26 46 85 / .1);box-shadow:0 4px 8px rgb(0 0 0 / .2);margin-top:2rem;min-width:20rem}.branding-section .part-text div,.sites-vitrine-section .part-text div,.sites-ecommerce-section .part-text div,.seo-section .part-text div{display:flex;flex-direction:column}.branding-section p,.sites-vitrine-section p,.sites-ecommerce-section p,.seo-section p{margin-bottom:1rem;line-height:22px}.branding-section li,.sites-vitrine-section li,.sites-ecommerce-section li,.seo-section li{line-height:22px;margin-bottom:1rem}.sites-ecommerce-section img,.seo-section img{width:18rem}.error-404{margin-top:14rem;margin-bottom:10rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.error-404 .img-error{width:20rem}.error-404 p{margin-bottom:1rem}.error-404 p a{color:#f09e33;font-family:"Rajdhani";font-size:30px;font-weight:600}footer{background:#032e40;height:auto;font-family:"Rajdhani";letter-spacing:1px;padding:1rem;color:#fff;font-weight:500}footer .container-footer{border-bottom:1px solid #f09e33}footer .container-footer .footer-logo{display:flex;justify-content:center}footer .container-footer h2{font-size:28px;margin-bottom:.8rem}footer .container-footer span{color:#f09e33}footer .container-footer .img-logo{width:8rem}footer .container-footer .intro-footer{height:9.5rem;line-height:1.5rem}footer .container-footer .intro-footer span{color:#f09e33;font-size:22px;font-weight:600;text-transform:uppercase}footer .container-footer .intro-footer p{margin-bottom:.5rem}footer .container-footer .intro-footer .social-footer a{display:inline-block;margin:15px 6px 0;font-size:16px;width:35px;height:35px;line-height:38px;background:#3a5a73;text-align:center;position:relative;z-index:1;border-radius:3px}footer .container-footer .intro-footer .social-footer a .fab{color:#fff}footer .container-footer .intro-footer .social-footer a:before{position:absolute;content:"";z-index:-1;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:#f09e33;transform:scale(0);margin:auto;transition:.5s;border-radius:3px}footer .container-footer .intro-footer .social-footer a:hover:before{transform:scale(1);background:#f09e33}footer .container-footer .bloc-services{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:13rem}footer .container-footer .bloc-services ul{margin-left:1rem;width:16rem}footer .container-footer .bloc-services ul li{padding:.5rem;list-style-type:disc}footer .container-footer .bloc-services ul li a{color:#fff;text-decoration:none;display:inline-block;transition:.5s;background-size:200% 100%;background-position:100%;-webkit-text-fill-color:#fff0;-webkit-background-clip:text;font-weight:600;background-image:linear-gradient(to right,#f09E33,#f09E33,50%,#ffffff 50%)}footer .container-footer .bloc-services ul li a:hover{background-position:0%,100%;padding-left:3px}footer .container-footer .bloc-contact{display:flex;flex-direction:column;justify-content:center;height:11.5rem}footer .container-footer .bloc-contact .info-contact{display:flex}footer .container-footer .bloc-contact .footer-social-icon{display:inline-block;font-size:18px;color:#f09e33;padding:.5rem .5rem .5rem 0}footer .container-footer .bloc-contact .footer-social-info{padding:.5rem}footer .footer-bottom{margin-top:1rem}footer .footer-bottom .copyright{font-size:13px}footer .footer-bottom .copyright span{color:#f09e33}footer .footer-bottom .legale-notices{font-size:11px;margin-top:.5rem}footer .footer-bottom .legale-notices ul{display:flex}footer .footer-bottom .legale-notices ul li a{text-decoration:none;color:#fff;padding-left:.2rem}@media screen and (min-width:768px){.process .title-process p{text-align:center}.process .cards-process{flex-direction:row;justify-content:space-evenly}.process .cards-process .card-process{height:13rem}.project .cards-project{display:flex;flex-wrap:wrap;justify-content:center;padding:0 3rem}.project .cards-project .card-project{padding:0 1rem}.faq .faq-part{flex-direction:row;margin:0 20% 0 12%}.faq .faq-part .questions{width:65%}.faq .faq-part .questions p{padding-right:1.5rem}.form .container-form{display:flex;flex-direction:row-reverse;padding-top:3rem;justify-content:center}}@media only screen and (min-width:768px)and (max-width:1055px){.process .cards-process{flex-wrap:wrap}.process .cards-process .card-process{width:22rem}}@media only screen and (min-width:1055px)and (max-width:1300px){.process .cards-process{flex-direction:row;justify-content:space-evenly}.process .cards-process .card-process{width:14rem}}@media only screen and (min-width:1032px)and (max-width:1423px){.project .cards-project{display:flex;flex-wrap:wrap;justify-content:center;padding:0 3rem}.project .cards-project .card-project{padding:0 5rem}}@media screen and (min-width:1301px){.process .cards-process{flex-direction:row;justify-content:space-evenly}.process .cards-process .card-process{width:19rem}}@media only screen and (min-width:600px)and (max-width:1024px){header .img-toggle{top:2rem}}@media screen and (min-width:1024px){header .navbar{height:7rem}header .container{display:flex;justify-content:space-evenly;align-items:center;height:6rem;position:fixed;top:0;background:#fff;width:100%;z-index:2}header .img-logo{width:10rem;position:relative;top:2rem}header .img-toggle{display:none}header .navbar-content{display:flex;font-family:"Montserrat";color:#032e40;font-weight:500;position:static}header .navbar-content .navbar-nav{display:flex}header .navbar-content .navbar-nav .nav-item{margin:0 2rem;position:relative;display:flex;height:6rem;align-items:center;top:1rem}header .navbar-content .navbar-nav .nav-item .nav-link.mail{display:none}header .navbar-content .navbar-nav .nav-item .nav-link.phone{display:none}header .navbar-content .navbar-nav .nav-item .sub-menu{display:none;position:absolute;background-color:#fff;box-shadow:0 2px 4px rgb(0 0 0 / .1);top:96px;border-top:2.5px solid #f09e33}header .navbar-content .navbar-nav .nav-item .sub-menu ul{list-style-type:none;padding:0;margin:0;position:relative;left:0;top:163%;width:240px;text-align:left;z-index:1;-webkit-box-shadow:0 1px 3px rgb(0 0 0 / .3);transition:.5s}header .navbar-content .navbar-nav .nav-item .sub-menu ul li a{display:block;padding:10px 20px;text-decoration:none;color:#333;font-weight:500;border-bottom:1px solid rgb(0 0 0 / .1)}header .navbar-content .navbar-nav .nav-item .sub-menu ul li a:hover{background-color:#f09e33;color:#fff}header .navbar-content .navbar-nav .nav-item:hover .sub-menu{display:block;left:-1.5rem}header .navbar-content .navbar-nav .nav-item .nav-link{text-decoration:none;color:#032e40;display:inline-block;transition:color .5s}header .navbar-content .navbar-nav .nav-item .nav-link:hover{color:#f09e33}header .navbar-content .navbar-nav .nav-item .nav-link::before{font-family:"Font Awesome 5 Free";display:inline-block;padding-right:3px;vertical-align:middle;font-weight:900}header .navbar-content .navbar-nav .nav-item .nav-link i{font-size:15px;display:inline-block}header .navbar-content .navbar-nav .nav-item .fa-angle-down::before{content:""}header .navbar-content .navbar-nav .nav-item .nav-link.mail::before{content:""}header .navbar-content .navbar-nav .nav-item .nav-link.phone::before{content:""}.hero{margin-top:5rem}.hero .hero-presentation h3{font-size:28px}.hero .hero-presentation h3::before{width:440px}.hero .hero-presentation h1{font-size:68px}.hero .hero-presentation h2{text-transform:lowercase;font-size:68px}.hero .hero-presentation h4{font-size:23px}.hero .hero-presentation .img-logo{display:none}.hero .hero-presentation .hero-buttons{margin-top:3rem}.hero .hero-presentation .hero-buttons .button-item{padding:1.5rem 2.5rem;font-size:18px;margin-right:3rem;width:auto}.hero .hero-img{display:block}.hero .hero-img .img-logo{width:26rem}.services{padding:3rem 50%}.services .container-services{display:flex;justify-content:center;flex-wrap:wrap}.services .container-services .first-row{flex-direction:row;width:73rem}.services .container-services .first-row .title-services{width:40rem}.services .container-services .first-row .title-services h2{margin-top:0;margin-bottom:3rem}.services .container-services .first-row .title-services h3{font-size:34px}.services .container-services .second-row{flex-direction:row;width:73rem}.services .container-services .card-services{width:20rem;height:19rem}.branding-section,.sites-vitrine-section,.sites-ecommerce-section,.seo-section{margin:2rem 5rem 4rem}.branding-section h2,.sites-vitrine-section h2,.sites-ecommerce-section h2,.seo-section h2{font-size:38px}.branding-section img,.sites-vitrine-section img,.sites-ecommerce-section img,.seo-section img{width:40rem}.branding-section .img-vitrine img,.branding-section .img-seo img,.sites-vitrine-section .img-vitrine img,.sites-vitrine-section .img-seo img,.sites-ecommerce-section .img-vitrine img,.sites-ecommerce-section .img-seo img,.seo-section .img-vitrine img,.seo-section .img-seo img{width:35rem}.branding-section .branding-services,.sites-vitrine-section .branding-services,.sites-ecommerce-section .branding-services,.seo-section .branding-services{display:flex;flex-direction:row}.branding-section .branding-services.reverse,.sites-vitrine-section .branding-services.reverse,.sites-ecommerce-section .branding-services.reverse,.seo-section .branding-services.reverse{flex-direction:row-reverse}.branding-section .branding-services .description-services,.sites-vitrine-section .branding-services .description-services,.sites-ecommerce-section .branding-services .description-services,.seo-section .branding-services .description-services{padding:0 3rem;justify-content:center;text-align:left}.branding-section .branding-services .description-services h3,.sites-vitrine-section .branding-services .description-services h3,.sites-ecommerce-section .branding-services .description-services h3,.seo-section .branding-services .description-services h3{margin:1rem 0rem}.error-404 .img-error{width:30rem}footer{background:#032e40;height:auto;font-family:"Rajdhani";letter-spacing:1px;padding:1rem 1rem;color:#fff;font-weight:500}footer .container-footer{display:flex;justify-content:space-between;border-bottom:1px solid #f09e33}footer .container-footer h2{font-size:28px;margin-bottom:.8rem}footer .container-footer span{color:#f09e33}footer .container-footer .img-logo{width:12rem}footer .container-footer .intro-footer{display:flex;flex-direction:column;justify-content:center;height:9.5rem;line-height:1.5rem;padding-top:1.5rem}footer .container-footer .intro-footer span{color:#f09e33;font-size:22px;font-weight:600;text-transform:uppercase}footer .container-footer .intro-footer p{margin-bottom:.5rem}footer .container-footer .intro-footer .social-footer a{display:inline-block;margin:15px 6px 0;font-size:16px;width:35px;height:35px;line-height:38px;background:#3a5a73;text-align:center;position:relative;z-index:1;border-radius:3px}footer .container-footer .intro-footer .social-footer a .fab{color:#fff}footer .container-footer .intro-footer .social-footer a:before{position:absolute;content:"";z-index:-1;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:#f09e33;transform:scale(0);margin:auto;transition:.5s;border-radius:3px}footer .container-footer .intro-footer .social-footer a:hover:before{transform:scale(1);background:#f09e33}footer .container-footer .bloc-services{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:13rem}footer .container-footer .bloc-services ul{margin-left:1rem;width:16rem}footer .container-footer .bloc-services ul li{padding:.5rem;list-style-type:disc}footer .container-footer .bloc-services ul li a{color:#fff;text-decoration:none;display:inline-block;transition:.5s;background-size:200% 100%;background-position:100%;-webkit-text-fill-color:#fff0;-webkit-background-clip:text;font-weight:600;background-image:linear-gradient}footer .container-footer .bloc-services ul li a:hover{background-position:0%,100%;padding-left:3px}footer .container-footer .bloc-contact{display:flex;flex-direction:column;justify-content:center;height:12.5rem}footer .container-footer .bloc-contact .info-contact{display:flex}footer .container-footer .bloc-contact .footer-social-icon{display:inline-block;font-size:18px;color:#f09e33;padding:.5rem .5rem .5rem 0}footer .container-footer .bloc-contact .footer-social-info{padding:.5rem}footer .footer-bottom{display:flex;margin-top:1.5rem;justify-content:space-between}footer .footer-bottom .copyright span{color:#f09e33}footer .footer-bottom .legale-notices{margin-top:0;font-size:13px}footer .footer-bottom .legale-notices ul{display:flex}footer .footer-bottom .legale-notices ul li a{text-decoration:none;color:#fff}}@media screen and (min-width:1111px){footer .container-footer .intro-footer{padding-top:0}}@media screen and (min-width:1241px){.hero .hero-social-icon{width:12%}}@media screen and (min-width:1378px){header .navbar-content .navbar-nav .nav-item .nav-link.mail{display:block}header .navbar-content .navbar-nav .nav-item .nav-link.phone{display:block}.services .first-row .title-services{width:60rem}.services .second-row{width:29rem}}@media screen and (max-width:1023px){header .navbar-content{flex-direction:column;align-items:center;width:100%;background:#fff;position:absolute;top:7rem;left:0;animation:slideDown .3s ease-in-out}}