#seo{}
@media (max-width:1500px){#seo .section-3 .container-column-1{width:50%;overflow:hidden}}
@media (max-width:1200px){#seo .section-3 .container-column-1{width:38%}}
@media (max-width:1500px){#seo .section-3 .container-column-1 img{width:100%}}
@media (max-width:1300px){#seo .section-3 .container-column-1 img{height:100%;object-fit:cover;object-position:center}}
#seo .section-3 .container-column-2{width:50%}
@media (max-width:1500px){#seo .section-3 .container-column-2{width:50%}}
@media (max-width:1200px){#seo .section-3 .container-column-2{width:62%}}
@media (max-width:991px){#seo .section-3 .container-column-2{width:100%}}
#seo .section-3 .container-column-2 .cards-container{width:100%;height:auto}
#seo .section-3 .container-column-2 .cards-container .card{margin-left:30%}
@media (max-width:1600px){#seo .section-3 .container-column-2 .cards-container .card{margin-left:20%}}
@media (max-width:1500px){#seo .section-3 .container-column-2 .cards-container .card{margin-left:15%}}
@media (max-width:991px){#seo .section-3 .container-column-2 .cards-container .card{margin-left:0;width:auto}}
#seo .section-3 .container-column-2 .cards-container .card2{margin-left:50%}
@media (max-width:1600px){#seo .section-3 .container-column-2 .cards-container .card2{margin-left:44%}}
@media (max-width:1500px){#seo .section-3 .container-column-2 .cards-container .card2{margin-left:25%}}
@media (max-width:991px){#seo .section-3 .container-column-2 .cards-container .card2{margin-left:0;width:auto}}
#seo #section-6{margin-bottom:200px}
#seo #section-6 .projet{margin-bottom:80px}
#seo #section-6 .projet img{width:100%;height:540px;object-fit:cover;object-position:top;border-radius:3px;box-shadow:rgba(0,0,0,0.2) 0px 5px 15px;transition:1s ease-in-out,border-radius 2s}
#seo #section-6 .projet .card-projet{position:absolute;height:auto;width:700px;padding:40px;background-color:#fff;border-radius:3px;box-shadow:rgba(0,0,0,0.2) 0px 5px 15px;transition:1s ease-in-out,border-radius 2s}
@media screen and (max-width:960px){#seo #section-6 .projet .card-projet{width:80%}}
#seo #section-6 .projet .card-projet h3{margin-bottom:20px}
#seo #section-6 .projet .card-projet .btn-link{border:3px solid #00a8a9;padding:10px 25px;color:#757575}
#seo #section-6 .projet:hover img{border-radius:20px}
#seo #section-6 .projet:nth-child(odd) .card-projet{bottom:-45px;left:-45px}
@media screen and (max-width:1200px) and (min-width:960px){#seo #section-6 .projet:nth-child(odd) .card-projet{left:0px}}
@media screen and (max-width:960px){#seo #section-6 .projet:nth-child(odd) .card-projet{left:-5px}}
@media screen and (max-width:600px){#seo #section-6 .projet:nth-child(odd) .card-projet{left:0px}}
#seo #section-6 .projet:nth-child(odd):hover .card-projet{border-radius:20px;bottom:15px;left:30px}
#seo #section-6 .projet:nth-child(even) .card-projet{bottom:-45px;right:-45px}
@media screen and (max-width:1200px) and (min-width:960px){#seo #section-6 .projet:nth-child(even) .card-projet{right:0px}}
@media screen and (max-width:960px){#seo #section-6 .projet:nth-child(even) .card-projet{right:-5px}}
@media screen and (max-width:600px){#seo #section-6 .projet:nth-child(even) .card-projet{right:0px}}
#seo #section-6 .projet:nth-child(even):hover .card-projet{border-radius:20px;bottom:15px;right:30px}
#seo #section-6 .projet:last-child{margin-bottom:0}
#seo #section-7{display:flex;flex-flow:row nowrap;background-color:#fff;height:auto;margin-top:100px;margin-bottom:100px}
#seo #section-7 .row-avis{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;flex:1;width:100%}
@media (max-width:992px){#seo #section-7 .row-avis{height:100%;flex:auto}}
#seo #section-7 .row-avis .col-img{position:relative;width:500px;height:600px}
#seo #section-7 .row-avis .col-img .rectangle-border{position:absolute;bottom:0;background:#fff;width:50%;height:30%;border-bottom:4px solid #00a8a9;border-left:4px solid #00a8a9}
#seo #section-7 .row-avis .col-img img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center;padding-bottom:20px;padding-left:20px;z-index:5}
@media (max-width:767px){#seo #section-7 .row-avis .col-img img{padding-left:15px}}
@media (max-width:992px){#seo #section-7 .row-avis .col-img{width:100%}#seo #section-7 .row-avis .col-img img{padding-right:20px}}
#seo #section-7 .row-avis .col-content-avis{position:relative;width:60%;height:100%}
#seo #section-7 .row-avis .col-content-avis h2{position:absolute;top:-18px;left:-100px;background-color:#fff;padding:10px;font-size:30px;z-index:5}
@media (max-width:1200px){#seo #section-7 .row-avis .col-content-avis h2{top:40px}}
@media (max-width:992px){#seo #section-7 .row-avis .col-content-avis{width:100%;height:auto;text-align:center}#seo #section-7 .row-avis .col-content-avis h2{position:relative;inset:auto}}
#seo #section-7 .row-avis .col-content-avis .slider-avis-clients{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;height:100%;width:100%;padding:0 15px}
#seo #section-7 .row-avis .col-content-avis .slider-avis-clients .card-avis{width:346px;height:auto;margin-right:12px}
#seo #section-7 .row-avis .col-content-avis .slider-avis-clients .card-avis p{margin:0}
#seo #section-7 .row-avis .col-content-avis .slider-avis-clients .card-avis .card-content{position:relative;padding:15px;background:#fafafa}
#seo #section-7 .row-avis .col-content-avis .slider-avis-clients .card-avis .card-content p{font-size:14px}
#seo #section-7 .row-avis .col-content-avis .slider-avis-clients .card-avis .card-content::before{content:"";position:absolute;bottom:-12px;left:16px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #fafafa}
#seo #section-7 .row-avis .col-content-avis .slider-avis-clients .card-avis .profile-avis{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;padding-top:15px;padding-left:8px}
#seo #section-7 .row-avis .col-content-avis .slider-avis-clients .card-avis .profile-avis img{width:40px;height:40px;object-fit:cover;object-position:center;margin:0 15px 0 0}
#seo #section-7 .row-avis .col-content-avis .slider-avis-clients .card-avis .profile-avis .nom-avis{display:flex;flex-direction:column}
#seo #section-7 .row-avis .col-content-avis .slider-avis-clients .card-avis .profile-avis .nom-avis .nom{margin:0;color:#757575}
#seo #section-7 .row-avis .col-content-avis .slider-avis-clients .card-avis .profile-avis .nom-avis .date{margin:0;font-size:12px;color:#757575}
#seo #section-8{margin-bottom:100px}
#seo #section-8 .content-devis{display:flex;flex-flow:row nowrap;justify-content:space-evenly;align-items:center;border-left:15px solid #00a8a9}
#seo #section-8 .content-devis p{width:40%;font-size:14px}
#seo #section-8 .content-devis a{padding:20px 40px;border:3px solid #00a8a9;color:#000}
#seo .section-5{background-color:#fafafa}
@media (max-width:767px){#seo .section-5{padding-left:0;padding-right:0}}
#seo .section-5 .container-masonry{display:flex;flex-flow:row wrap;align-content:space-between}
#seo .section-5 .container-masonry>img{width:100%}
@media screen and (max-width:600px){#seo .section-5 .container-masonry>img{height:250px;object-fit:cover}}
#seo .section-5 .container-masonry-last{display:flex;flex-flow:row wrap;justify-content:center}
#seo .section-5 .item{width:25%;height:500px;padding:8px 16px}
@media (max-width:1024px){#seo .section-5 .item{width:50%;padding:10px}}
@media (max-width:767px){#seo .section-5 .item{padding:10px 15px}}
@media (max-width:480px){#seo .section-5 .item{width:100%}}
#seo .section-5 .item img{width:100%;object-position:50% 32%}
#seo .section-faq{padding:100px 0}
#seo .section-faq .row-faq{text-align:center;padding:0 42px}
@media (max-width:992px){#seo .section-faq .row-faq{padding:0 15px}}
#seo .section-faq .row-faq .topic{padding:20px;padding-top:0px;padding-bottom:0px;border-bottom:solid 1px #ebebeb;text-align:left}
#seo .section-faq .row-faq .topic .open{cursor:pointer;display:block;padding:0px}
#seo .section-faq .row-faq .topic .open:hover{opacity:0.7}
#seo .section-faq .row-faq .topic .open .question{padding-top:30px;padding-right:40px;padding-bottom:20px;font-size:18px;font-weight:500;color:#000}
#seo .section-faq .row-faq .topic .open .faq-t{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);display:inline-block;float:right;position:relative;top:-55px;right:10px;width:10px;height:10px;background:transparent;border-left:2px solid #00a9a8;border-bottom:2px solid #00a9a8;transition:all 0.3s ease-in-out}
#seo .section-faq .row-faq .topic .open .faq-o{top:-50px;-moz-transform:rotate(-224deg);-ms-transform:rotate(-224deg);-webkit-transform:rotate(-224deg);transform:rotate(-224deg)}
#seo .section-faq .row-faq .expanded{background-color:#fafafa;transition:all 0.3s ease-in-out}
#seo .section-faq .row-faq .answer{font-size:16px;line-height:26px;display:none;margin-bottom:30px;text-align:justify;padding-left:20px;padding-right:20px}
#seo .section-faq .row-faq .answer a{color:#00a9a8}
#seo .container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
@media (min-width:768px){#seo .container{max-width:750px}}
@media (min-width:992px){#seo .container{max-width:970px}}
@media (min-width:1200px){#seo .container{max-width:1170px}}
@media (min-width:1430px){#seo .container{max-width:1400px}}
#seo .container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}
#seo .row{display:flex;flex-flow:row wrap}
#seo .row .col-md-12{position:relative;height:auto;width:100%;display:flex;padding-left:15px;padding-right:15px}
#seo .row .col-md-8{position:relative;width:70%}
#seo .row .col-md-7{position:relative;width:60%}
#seo .row .col-md-6{position:relative;width:50%;display:flex;padding-left:15px;padding-right:15px}
@media (max-width:1199px){#seo .row .col-md-6{width:100%}}
#seo .row .col-md-5{position:relative;width:40%}
#seo #section-1 h3,#seo #section-2 h3,#seo #section-5 h3,#seo #section-4 h3,#seo #section-3 h3,#seo #section-6 h3{position:relative;z-index:5;background-color:transparent;font-size:33px;font-weight:700;line-height:0.98;letter-spacing:1.65px;text-align:left;color:#161716;margin-top:0;margin-bottom:30px}
@media (max-width:992px){#seo #section-1 h3,#seo #section-2 h3,#seo #section-5 h3,#seo #section-4 h3,#seo #section-3 h3,#seo #section-6 h3{font-size:25px}}
#seo #section-1 p,#seo #section-2 p,#seo #section-5 p,#seo #section-4 p,#seo #section-3 p,#seo #section-6 p{font-size:14px;line-height:1.18;letter-spacing:0.55px;text-align:left;color:#757575;margin-bottom:40px}
#seo #section-1 .btn-link,#seo #section-2 .btn-link,#seo #section-5 .btn-link,#seo #section-4 .btn-link,#seo #section-3 .btn-link,#seo #section-6 .btn-link{background:#fff;border:3px solid #00a8a9;padding:10px 25px;font-size:15px;color:#757575}
#seo #section-1,#seo #section-3{margin-top:160px;margin-bottom:160px}
@media (max-width:1199px){#seo #section-1,#seo #section-3{height:auto}}
#seo #section-1 .row,#seo #section-3 .row{justify-content:center;align-items:stretch}
#seo #section-1 .row .equal-height,#seo #section-3 .row .equal-height{flex-flow:column;align-items:flex-start;justify-content:flex-start;height:100%}
#seo #section-1 .row.height-max,#seo #section-3 .row.height-max{height:100%}
#seo #section-1 .col-content,#seo #section-3 .col-content{padding:40px}
#seo #section-1 .rectangle-border,#seo #section-3 .rectangle-border{background-color:transparent;position:absolute;bottom:0;right:0;width:50%;height:100%;border-top:4px solid #00a8a9;border-right:4px solid #00a8a9;border-bottom:4px solid #00a8a9}
#seo #section-1 img,#seo #section-3 img{object-fit:cover;object-position:center;width:70%;height:100%;margin-left:40px;box-shadow:rgba(0,0,0,0.2) 0px 5px 15px}
@media (max-width:1440px){#seo #section-1 img,#seo #section-3 img{max-width:100%;width:100%;margin-left:0px}}
@media (max-width:1199px){#seo #section-1 img,#seo #section-3 img{width:50%;margin:auto;margin-bottom:40px}}
#seo #section-2{margin-bottom:260px}
#seo #section-2 .col-md-6{position:relative;flex-flow:column}
#seo #section-2 .col-content{align-items:flex-start;padding-top:40px;padding-left:40px;padding-right:140px}
@media (max-width:1430px){#seo #section-2 .col-content{padding-right:15px}}
#seo #section-2 .col-content .rectangle-border{position:absolute;top:0;left:0;width:50%;height:30%;background-color:transparent;border-top:4px solid #00a8a9;border-left:4px solid #00a8a9}
#seo #section-2 .col-img img{object-fit:cover;object-position:center;width:500px;height:500px}
#seo #section-2 .col-img img.imgFront{z-index:5;margin:0 80px 0 auto}
@media (max-width:1429px){#seo #section-2 .col-img img.imgFront{margin:0 auto 0 0}}
@media (max-width:1300px){#seo #section-2 .col-img img.imgFront{margin:0;margin-left:auto;padding-right:25px;padding-bottom:40px}}
@media (max-width:1199px){#seo #section-2 .col-img img.imgFront{margin:40px auto;padding-right:0;padding-bottom:0}}
@media (max-width:767px){#seo #section-2 .col-img img.imgFront{width:100%;padding-right:25px;padding-left:25px}}
#seo #section-2 .col-img img.imgBackward{position:absolute;top:40px;right:40px;z-index:0;box-shadow:rgba(0,0,0,0.2) 0px 5px 15px}
@media (max-width:1429px){#seo #section-2 .col-img img.imgBackward{top:20px}}
@media (max-width:1300px){#seo #section-2 .col-img img.imgBackward{display:none}}
#seo #section-2 .col-img .rectangle-border{background-color:transparent;position:absolute;bottom:-80px;right:0px;width:50%;height:50%;border-bottom:4px solid #00a8a9;border-right:4px solid #00a8a9}
@media (max-width:1429px){#seo #section-2 .col-img .rectangle-border{bottom:-60px}}
@media (max-width:1300px){#seo #section-2 .col-img .rectangle-border{bottom:0px}}
#seo #section-4{margin-bottom:160px}
#seo #section-4 .col-md-12{flex-direction:column;align-items:baseline;padding-right:40px;padding-bottom:40px}
#seo #section-4 p{margin-bottom:0}
#seo #section-4 .rectangle-border{position:absolute;bottom:0px;right:0px;width:20%;height:72%;background-color:transparent;border-bottom:4px solid #00a8a9;border-right:4px solid #00a8a9}
#seo #section-5{margin-bottom:200px}
#seo #section-5 h3{width:40%;padding-left:25px;margin-top:40px}
#seo #section-5 .col-md-8{display:flex;flex-flow:column;background:#fafafa;margin-top:20px;padding:40px}
@media (max-width:1429px){#seo #section-5 .col-md-8{width:80%}}
@media (max-width:1199px){#seo #section-5 .col-md-8{width:100%;padding:0}}
#seo #section-5 h4{position:relative;z-index:5;background-color:transparent;font-size:24px;font-weight:700;line-height:0.98;letter-spacing:1.65px;text-align:left;color:#161716;margin-top:0;margin-bottom:30px}
@media (max-width:1199px){#seo #section-5 h4{margin-bottom:15px;padding-left:40px}}
#seo #section-5 .text-descriptif{width:56%}
@media (max-width:1499px){#seo #section-5 .text-descriptif{width:50%}}
@media (max-width:1199px){#seo #section-5 .text-descriptif{width:100%;padding:0 40px}}
#seo #section-5 img{position:absolute;top:-90px;right:calc(-50% + 240px);box-shadow:rgba(0,0,0,0.2) 0px 5px 15px}
@media (max-width:1429px){#seo #section-5 img{right:-24%;max-width:600px;object-fit:cover;object-position:center}}
@media (max-width:1199px){#seo #section-5 img{position:relative;inset:auto;width:100%;max-width:100%;max-height:300px;order:-1;margin-bottom:40px}}
#seo #section-5 .etapes{position:relative;bottom:-100px;background:#00a8a9;padding:30px 15px;display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center;width:800px;margin-top:-100px;margin-left:auto;margin-right:auto;box-shadow:rgba(0,0,0,0.2) 0px 5px 15px}
@media (max-width:1199px){#seo #section-5 .etapes{width:100%;inset:auto;margin:0}}
@media (max-width:767px){#seo #section-5 .etapes{flex-flow:row wrap}}
#seo #section-5 .info-etape{display:flex;flex-direction:column;align-items:center}
@media (max-width:767px){#seo #section-5 .info-etape{margin-bottom:15px}}
@media (max-width:600px){#seo #section-5 .info-etape{width:44%}}
#seo #section-5 .info-etape .icone{background-position:center;background-repeat:no-repeat;background-size:60%;width:70px;height:70px;border-radius:500px;border:3px solid #fff}
@media (max-width:767px){#seo #section-5 .info-etape .icone{width:50px;height:50px}}
#seo #section-5 .info-etape .cahier-des-charges{background-image:url("../themes/v1/assets/images/cahier-des-charges.svg")}
#seo #section-5 .info-etape .developpement{background-image:url("../themes/v1/assets/images/devloppement.svg")}
#seo #section-5 .info-etape .globe{background-image:url("../themes/v1/assets/images/globe.svg")}
#seo #section-5 .info-etape .pen-design{background-image:url("../themes/v1/assets/images/pen-design.svg")}
#seo #section-5 .info-etape p{color:#fff;margin-bottom:0}
#seo #section-5 .rectangle-border{position:absolute;top:0px;left:0px;width:20%;height:72%;background-color:transparent;border-top:4px solid #00a8a9;border-left:4px solid #00a8a9}
#seo #header-page{height:100%;background:#00a8a9}
#seo #header-page .row{height:100%}
#seo #header-page .col-content-1,#seo #header-page .col-content-2{height:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}
#seo #header-page .col-content-1{padding:60px 60px 0 60px}
@media (max-width:1024px){#seo #header-page .col-content-1{flex-flow:column}}
@media (max-width:500px){#seo #header-page .col-content-1{padding:30px 30px 0 30px}}
#seo #header-page .col-content-1 .card-content{width:50%}
@media (max-width:1024px){#seo #header-page .col-content-1 .card-content{width:100%}}
#seo #header-page .col-content-1 .card-content h1{font-size:53px;font-weight:800;line-height:1.2;letter-spacing:2px;color:#fff;margin-bottom:25px}
@media (max-width:1540px){#seo #header-page .col-content-1 .card-content h1{font-size:43px}}
@media (max-width:767px){#seo #header-page .col-content-1 .card-content h1{font-size:30px}}
#seo #header-page .col-content-1 .card-content p{font-size:18px;font-weight:300;line-height:1.2;color:#fff;margin-bottom:20px}
#seo #header-page .col-content-1 .card-content #popup,#seo #header-page .col-content-1 .card-content .popup-button{padding:10px 25px;background-color:#fff;border:1px solid #fff;font-size:16px;margin-bottom:30px;display:inline-block;color:#000}
#seo #header-page .col-content-1 .card-img{width:50%;display:flex;flex-flow:row;justify-content:center}
@media (max-width:1024px){#seo #header-page .col-content-1 .card-img{width:100%}}
#seo #header-page .col-content-1 .card-img .box-image{position:relative;display:flex;width:400px;height:400px;margin-bottom:20px;transition:0.5s;animation-delay:4s}
@media (max-width:1024px){#seo #header-page .col-content-1 .card-img .box-image{width:350px;height:350px}}
@media (max-width:1024px){#seo #header-page .col-content-1 .card-img .box-image{width:300px;height:300px}}
#seo #header-page .col-content-1 .card-img .box-image img{position:absolute;width:100%;height:auto;object-fit:cover;object-position:center}
#seo #header-page .col-content-1 .card-img .box-image img:nth-child(4){animation:imageEffect4 1.2s;opacity:0}
#seo #header-page .col-content-1 .card-img .box-image img:nth-child(3){animation:imageEffect3 1.2s;opacity:0}
#seo #header-page .col-content-1 .card-img .box-image img:nth-child(2){animation:imageEffect2 1.2s;opacity:0}
#seo #header-page .col-content-1 .card-img .box-image img:nth-child(1){animation:imageEffect1 1.2s}
@keyframes imageEffect1{from{transform:translate(40px,-40px);opacity:0.4}to{transform:translate(0px,0px);opacity:1}}
@keyframes imageEffect2{from{transform:translate(80px,-80px);opacity:0.6}to{transform:translate(0px,0px);opacity:1}}
@keyframes imageEffect3{from{transform:translate(120px,-120px);opacity:0.8}to{transform:translate(0px,0px);opacity:1}}
@keyframes imageEffect4{from{transform:translate(160px,-160px);opacity:1}to{transform:translate(0px,0px);opacity:1}}
@media (max-width:1540px){#seo #header-page .col-content-1 .card-img .box-image img{width:80%}}
@media (max-width:1199px){#seo #header-page .col-content-1 .card-img .box-image img{margin-bottom:0}}
@media (max-width:600px){#seo #header-page .col-content-1 .card-img .box-image img{width:100%}}
#seo #header-page .col-content-2{padding:20px 60px 60px 60px}
@media (max-width:1199px){#seo #header-page .col-content-2{padding:20px 30px 0px 30px}}
@media (max-width:1024px){#seo #header-page .col-content-2{flex-flow:column;align-items:center}}
@media (max-width:767px){#seo #header-page .col-content-2{padding:0 30px}}
#seo #header-page .col-content-2 .card-img{display:flex;flex-flow:row nowrap;justify-content:center;width:50%;height:auto}
@media (max-width:1024px){#seo #header-page .col-content-2 .card-img{width:100%}}
#seo #header-page .col-content-2 .card-img img{width:50%;height:auto;object-fit:cover;object-position:center}
@media (max-width:1540px){#seo #header-page .col-content-2 .card-img img{width:60%}}
@media (max-width:1024px){#seo #header-page .col-content-2 .card-img img{width:44%}}
@media (max-width:600px){#seo #header-page .col-content-2 .card-img img{width:60%}}
#seo #header-page .col-content-2 .card-content{display:flex;flex-direction:column;width:50%;padding-left:16%}
@media (max-width:1199px){#seo #header-page .col-content-2 .card-content{margin-bottom:0px;padding-left:8%}}
@media (max-width:1024px){#seo #header-page .col-content-2 .card-content{width:50%;order:-1;margin-bottom:30px;padding-left:0}}
@media (max-width:800px){#seo #header-page .col-content-2 .card-content{width:100%;align-items:center}}
#seo #header-page .col-content-2 .card-content .ancre{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;padding:8px 0;animation-delay:1.5s;transform:translateX(50vw);opacity:0.2;animation-fill-mode:forwards}
@media (max-width:1024px){#seo #header-page .col-content-2 .card-content .ancre{width:362px}}
#seo #header-page .col-content-2 .card-content .ancre:first-child{animation-duration:1.5s;animation-name:slideFromLeft}
#seo #header-page .col-content-2 .card-content .ancre:nth-child(2){animation-duration:1.8s;animation-name:slideFromLeft}
#seo #header-page .col-content-2 .card-content .ancre:nth-child(3){animation-duration:2.1s;animation-name:slideFromLeft}
#seo #header-page .col-content-2 .card-content .ancre:nth-child(4){animation-duration:2.4s;animation-name:slideFromLeft}
#seo #header-page .col-content-2 .card-content .ancre:nth-child(5){animation-duration:2.7s;animation-name:slideFromLeft}
@keyframes slideFromLeft{0%{transform:translateX(50vw);opacity:0.2}75%{transform:translateX(50vw);opacity:0.2}100%{transform:translateX(0px);opacity:1}}
#seo #header-page .col-content-2 .card-content .ancre img{height:auto;width:34px;margin-right:20px;transform:rotate(180deg)}
#seo #header-page .col-content-2 .card-content .ancre a{position:relative;font-size:18px;font-weight:600;line-height:1.2;letter-spacing:1.1px;color:#fff;text-decoration:none}