@charset "UTF-8";.agency .photo-agence .hexagon4.overlay .hexagon-in2,.header .fond-home .hexagon-in2,.header .fond-home .hexagon2{filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb813', endColorstr='#fdeb13', GradientType=1 )}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400;vertical-align:middle}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@-webkit-keyframes UpAndDown{0%,100%{height:0}50%{height:100px}}@keyframes UpAndDown{0%,100%{height:0}50%{height:100px}}@-webkit-keyframes TopToBottom{0%,100%{top:0}50%{top:90px}}@keyframes TopToBottom{0%,100%{top:0}50%{top:90px}}@-webkit-keyframes LeftToRight{0%,100%,50%,55%,60%,65%,70%,75%,80%,85%,90%,95%{transform:rotate(0)}15%,30%,5%{transform:rotate(10deg)}10%,35%{transform:rotate(20deg)}20%,40%{transform:rotate(-10deg)}25%,45%{transform:rotate(-20deg)}}@keyframes LeftToRight{0%,100%,50%,55%,60%,65%,70%,75%,80%,85%,90%,95%{transform:rotate(0)}15%,30%,5%{transform:rotate(10deg)}10%,35%{transform:rotate(20deg)}20%,40%{transform:rotate(-10deg)}25%,45%{transform:rotate(-20deg)}}@-webkit-keyframes yAxis{from{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateY(-900px);transform:translateY(-900px)}}@keyframes yAxis{from{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateY(-900px);transform:translateY(-900px)}}@-webkit-keyframes xAxis{from{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(670px);transform:translateX(670px)}}@keyframes xAxis{from{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateX(670px);transform:translateX(670px)}}@-webkit-keyframes draw{0%,100%{stroke-dashoffset:100%}50%{stroke-dashoffset:0}}@keyframes draw{0%,100%{stroke-dashoffset:100%}50%{stroke-dashoffset:0}}body{font-family:Raleway,sans-serif;background:url(../images/background-rond.jpg) no-repeat #FFF;background-size:100%}.agency .ruche,.happy .clientele,.humain .abeilles,.mentions-legales .clientele{font-family:'Kaushan Script',cursive}body.happy-client{background:0 0}.container{width:1170px;margin:auto;position:relative}@media screen and (max-width:1190px){.container{width:990px}}@media screen and (max-width:998px){.container{width:768px}}.contain-loader,.header{width:100%;height:100vh}@media screen and (max-width:768px){.container{width:100%;max-width:100%}}.contain-loader{background:#FFF;z-index:2000}.contain-loader .counter{font-size:15pt;font-weight:200}.header .burger .text,.header .retour .text{font-weight:300;font-size:13pt;color:#252525;letter-spacing:2pt}.contain-loader svg path{fill:#FFF;stroke:#FED015;stroke-width:4px;stroke-dasharray:100%;stroke-dashoffset:100%;-webkit-animation:draw 2s infinite ease-in forwards;animation:draw 2s infinite ease-in forwards}.header{position:relative;background:0 0}.header .burger,.header .retour{position:absolute;right:100px;top:60px}.header .retour .text{transition:all .5s ease-in-out}.header .retour img{max-width:40px;margin-right:10px}.header .burger{text-align:right;height:100px;cursor:pointer;z-index:1000}.header .burger .bar,.header .burger .bar2,.header .burger .bar3{height:3px;background:#252525;right:0;transition:all .5s ease-in-out;position:absolute;display:block}.header .burger .text{transition:all .5s ease-in-out}.header .burger .bar{width:55px;bottom:70px;transform-origin:top right}.header .burger .bar2{width:45px;bottom:60px}.header .burger .bar3{width:35px;bottom:50px;transform-origin:bottom right}.header .burger.is-active .text{opacity:0;padding-right:25px}.header .burger.is-active .bar{transform:rotate(-45deg)}.header .burger.is-active .bar2{opacity:0;right:25px}.header .burger.is-active .bar3{width:55px;transform:rotate(45deg);bottom:32px}.header .logo{position:absolute;top:60px;left:100px;z-index:950}.header .logo img{width:200px}.header .menu{width:100%;height:100%;overflow:hidden;position:absolute;transition:all .5s ease-in-out;visibility:hidden}.header .menu .hexagon{overflow:hidden;visibility:hidden;-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(180deg)}.header .menu .hexagon-in1{overflow:hidden;width:100%;height:100%;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg)}.header .fond-home .hexagon-in1,.header .menu .hexagon-in2{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);-o-transform:rotate(-60deg)}.header .menu .hexagon-in2{width:100%;height:100%;background:#FDD013;visibility:visible;transform:rotate(-60deg)}.header .menu .hexagon1{position:absolute;top:-20%;width:100%;height:140%;margin:auto;background:#FDD013;transition:all .5s ease-in-out;opacity:0}.header .menu ul{position:absolute;top:150px;left:50%;transform:translate(-50%,50%) rotate(180deg);visibility:hidden;transition:all .5s ease-in-out 1s}.header .menu.open,.header .menu.open ul{visibility:visible}.header .menu ul li{color:#FFF;font-weight:900;font-size:30pt;letter-spacing:4pt;position:relative;padding:0 10px;text-align:center;margin-bottom:40px}.header .menu ul li a,.header .menu ul li a:hover{color:#FFF}.header .menu ul li .pointille{width:0;position:absolute;border-bottom:dashed 4px #252525;top:18px;left:0;transition:all .5s ease-in-out}.header .menu ul li.ba .pointille,.header .menu ul li.bh .pointille{left:20px}.header .menu ul li.ba:hover .pointille,.header .menu ul li.bh:hover .pointille{width:86%}.header .menu ul li.bh2 .pointille{left:35px}.header .menu ul li.bh2:hover .pointille{width:78%}.header .menu ul li.bg .pointille{left:78px}.header .menu ul li.bg:hover .pointille{width:55%}.header .menu ul li:hover .pointille{width:100%}.header .menu.open{background:#FFF;z-index:100}.header .menu.open .hexagon1{opacity:1}.header .fond-home{width:100%;height:100%;position:relative;overflow:hidden}.header .fond-home .hexagon{overflow:hidden;visibility:hidden;-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}.header .fond-home .hexagon-in1{overflow:hidden;width:100%;height:100%;transform:rotate(-60deg)}.header .fond-home .hexagon-in2,.header .fond-home .hexagon3 .hexagon-in1{height:100%;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);-o-transform:rotate(-60deg)}.header .fond-home .hexagon-in2{width:100%;background:#fdb813;background:-moz-linear-gradient(45deg,#fdb813 20%,#fdeb13 100%);background:-webkit-linear-gradient(45deg,#fdb813 20%,#fdeb13 100%);background:linear-gradient(45deg,#fdb813 20%,#fdeb13 100%);visibility:visible;transform:rotate(-60deg)}.header .fond-home .hexagon2,.header .fond-home .hexagon3{position:absolute;top:-20%;right:-45%;height:140%;margin:auto;transition:all .5s ease-in-out .3s;width:100%}.header .fond-home .hexagon2{background:#fdb813;background:-moz-linear-gradient(45deg,#fdb813 20%,#fdeb13 100%);background:-webkit-linear-gradient(45deg,#fdb813 20%,#fdeb13 100%);background:linear-gradient(45deg,#fdb813 20%,#fdeb13 100%);z-index:2;opacity:.8}.header .fond-home .hexagon3{background:#FDB813}.header .fond-home .hexagon3 .hexagon-in1{overflow:hidden;width:100%;transform:rotate(-60deg)}.agency .photo-agence .hexagon4 .hexagon-in1,.header .fond-home .hexagon3 .hexagon-in2{height:100%;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);-o-transform:rotate(-60deg)}.header .fond-home .hexagon3 .hexagon-in2{width:100%;background:url(../images/background-home.jpg) 100% 100%;background-size:110%;visibility:visible;transform:rotate(-60deg)}.header .fond-home .text-home{padding:14% 0}.header .fond-home .text-home h1{color:#252525;font-weight:900;font-size:60pt;letter-spacing:8pt;position:relative;padding:0 10px;z-index:10;line-height:85pt;margin-bottom:70px}.header .fond-home .text-home p{font-weight:200;font-size:15pt;letter-spacing:2.5pt;line-height:25pt;z-index:11;position:absolute}.header .scroll{position:absolute;left:100px;bottom:15px}.header .scroll .text-scroll{font-weight:200;letter-spacing:2pt;transform:rotate(-90deg);display:block;position:absolute;left:-37px;top:-65px}.header .scroll .bar{height:100px;width:4px;background-color:#252525;opacity:.2}.header .scroll .bar2{height:0;width:4px;background-color:#252525;position:absolute;top:0;left:0;-webkit-animation:UpAndDown 2.5s infinite;animation:UpAndDown 2.5s infinite}.header .scroll .hexagon-indicator{position:absolute;top:0;-webkit-animation:TopToBottom 2.5s infinite;animation:TopToBottom 2.5s infinite}.header .scroll .hexagon-indicator .hexagon-plein{width:11px;height:11px;position:absolute;top:0;left:-4px;background:url(../images/hexagon-plein.png);background-size:cover}.header .scroll .hexagon-indicator .hexagon-border{width:20px;height:18px;position:absolute;top:-3px;left:-8px;background:url(../images/hexagon-border.png);background-size:cover}.header .contact-reseaux{position:absolute;left:150px;bottom:15px}.header .contact-reseaux .icon{width:20px;height:20px;display:inline-block;font-size:1.3em;transform:rotate(0);margin-right:30px}.header .contact-reseaux .icon:hover{-webkit-animation:LeftToRight 1s infinite backwards;animation:LeftToRight 1s infinite backwards}.header .contact-reseaux .icon:hover a,.header .contact-reseaux .icon:hover.phone{color:#FDD013}.header .contact-reseaux .icon a,.header .contact-reseaux .icon.phone{color:#252525;transition:all .4s ease-in}.header .contact-reseaux .icon.facebook{margin-right:25px}.header .contact-reseaux .icon.phone{font-size:1.2em;margin-right:10px;cursor:pointer}.agency .contenu-text .pointille .trait:not(last-child),.services .titre-services .pointille .trait:not(last-child){margin-right:15px}.header .contact-reseaux .phone-number{display:inline-block;color:#FDD013;background:#FFF;padding:5px 10px;border-radius:3px;box-shadow:0 0 20px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:.5s ease-in}.header .contact-reseaux .phone-number.open{opacity:1;visibility:visible}.header.happy{height:auto;background:0 0}.agency{padding:350px 0;overflow:hidden;position:relative}.agency .rond{width:700px;height:700px;border-radius:50%;background-color:#F5F5F5;position:absolute;right:-10%;bottom:250px}.agency .ruche{color:#F5F5F5;font-size:175pt;position:absolute;left:-65px;bottom:340px;letter-spacing:20pt}.agency .photo-agence{position:relative;width:100%;height:800px}.agency .photo-agence .hexagon{overflow:hidden;visibility:hidden;-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}.agency .photo-agence .hexagon4{width:80%;height:80%;position:absolute;right:-10%;top:0;background:#FDB813;transition:all .5s ease-in-out .3s}.agency .photo-agence .hexagon4 .hexagon-in1{overflow:hidden;width:100%;transform:rotate(-60deg)}.agency .photo-agence .hexagon4 .hexagon-in2,.agency .photo-agence .hexagon4.overlay .hexagon-in1{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);-o-transform:rotate(-60deg);width:100%;height:100%}.agency .photo-agence .hexagon4 .hexagon-in2{background:url(../images/visuel-agence.jpg) 50% 100% no-repeat;background-size:80%;visibility:visible;transform:rotate(-60deg)}.agency .photo-agence .hexagon4.overlay{z-index:3}.agency .photo-agence .hexagon4.overlay .hexagon-in1{overflow:hidden;transform:rotate(-60deg)}.agency .photo-agence .hexagon4.overlay .hexagon-in2{width:100%;height:100%;background:#fdb813;background:-moz-linear-gradient(45deg,#fdb813 20%,#fdeb13 100%);background:-webkit-linear-gradient(45deg,#fdb813 20%,#fdeb13 100%);background:linear-gradient(45deg,#fdb813 20%,#fdeb13 100%);transition:all .5s ease-in-out .3s;z-index:2;opacity:.8;visibility:visible;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);-o-transform:rotate(-60deg);transform:rotate(-60deg)}.services .creatif:hover .icon-creatif img,.services .interactive:hover .icon-interactive img,.services .strategie:hover .icon-strategie img{transform:rotate(360deg)}.agency .contenu-text{position:absolute;top:50px;z-index:10}.agency .contenu-text h2{color:#252525;font-weight:900;font-size:40pt;letter-spacing:7pt;position:relative;z-index:10;margin-bottom:25px}.agency .contenu-text .pointille .trait{width:30px;height:4px;border-bottom:solid 4px #FDD013;margin-bottom:55px;display:inline-block}.agency .contenu-text p{font-weight:300;font-size:12pt;letter-spacing:2.2pt;line-height:25pt;width:100%}.agency .contenu-text p b{font-weight:900}.agency .contenu-text p .lettrine{font-weight:900;color:#FDD013;font-size:13pt}.services{padding:100px 0;overflow:hidden;position:relative;background:#FDD013;font-size:0}.services .rond,.services .rond2{background-color:#FFF;position:absolute;border-radius:50%}.services .rond{width:500px;height:500px;left:-22%;bottom:-245px}.services .rond2{width:100px;height:100px;right:70px;top:85px}.services .titre-services{padding-left:60px}.services .titre-services h2{color:#252525;font-weight:900;font-size:40pt;letter-spacing:7pt;position:relative;z-index:10;margin-bottom:25px}.services .creatif p,.services .interactive p,.services .strategie p{letter-spacing:2.2pt;line-height:25pt}.services .titre-services .pointille .trait{width:30px;height:4px;border-bottom:solid 4px #FFF;margin-bottom:55px;display:inline-block}.services .strategie{width:30%;display:inline-block;margin-left:5%;margin-right:2.5%;text-align:center;vertical-align:top;height:455px;transition:.5s ease-in-out;padding:20px 0}.services .creatif,.services .interactive{height:455px;padding:20px;text-align:center;transition:.5s ease-in-out;display:inline-block}.services .strategie .icon-strategie{width:100%;text-align:center;margin-bottom:40px}.services .strategie .icon-strategie img{max-width:100px;margin:auto;transition:.5s ease-in-out}.services .strategie h3{font-size:20pt;font-weight:900;color:#FFF;margin-bottom:35px}.services .strategie p{font-weight:200;font-size:12pt}.services .creatif{width:30%;margin-right:2.5%;vertical-align:top}.services .creatif .icon-creatif{width:100%;text-align:center;margin-bottom:40px}.services .creatif .icon-creatif img{max-width:100px;margin:auto;transition:.5s ease-in-out}.services .creatif h3{font-size:20pt;font-weight:900;color:#FFF;margin-bottom:35px}.services .creatif p{font-weight:200;font-size:12pt}.services .interactive{width:30%}.services .interactive .icon-interactive{width:100%;text-align:center;margin-bottom:40px}.services .interactive .icon-interactive img{max-width:100px;margin:auto;transition:.5s ease-in-out}.services .interactive h3{font-size:20pt;font-weight:900;color:#FFF;margin-bottom:35px}.services .interactive p{font-weight:200;font-size:12pt}.humain{padding:200px 0 450px;overflow:hidden;position:relative;background-color:#F5F5F5}.humain .rond{width:550px;height:550px;border-radius:50%;background-color:#FFF;position:absolute;right:-10%;top:50px}.humain .abeilles{color:#FFF;font-size:135pt;position:absolute;left:-30px;top:290px;letter-spacing:20pt}.humain .honeycomb{width:200px;height:196px;background:url(../images/honeycomb.png);background-size:cover;position:absolute;right:100px;bottom:100px}.humain .titre-humain{text-align:right}.humain .titre-humain h2{color:#252525;font-weight:900;font-size:40pt;letter-spacing:7pt;position:relative;z-index:10;margin-bottom:25px}.humain .portrait p,.humain .titre-humain p{font-weight:200;font-size:12pt;letter-spacing:2.2pt}.humain .titre-humain .pointille .trait{width:30px;height:4px;border-bottom:solid 4px #FDD013;margin-bottom:55px;display:inline-block}.humain .titre-humain .pointille .trait:not(last-child){margin-right:15px}.humain .titre-humain p{line-height:25pt;width:60%}.humain .portrait .item{height:690px}.humain .portrait img{max-height:600px;width:auto}.humain .portrait p{line-height:20pt;width:50%;position:absolute;left:40px;top:370px;opacity:1!important}.humain .portrait p b{font-weight:900}.humain .portrait p .title-abeille{margin-bottom:30px;display:block}.humain .portrait p .title-abeille .lettrine{font-weight:900;color:#FDD013;font-size:13pt}.humain .owl-theme .owl-dots .owl-dot span{width:25px;height:4px;border-radius:0;background:#252525;transition:background .5s ease-in-out}.humain .owl-theme .owl-dots .owl-dot.active span{background:#FDD013}.creative{background-color:#FFF;padding:380px 0 150px;background-image:url(../images/fond-crea-2.png);background-size:140%;background-repeat:no-repeat;background-position:75% 0;position:relative}.creative .honey{width:200px;height:199px;background:url(../images/honey.png);background-size:cover;position:absolute;left:-40px;top:500px}.creative .hexagon-c{width:417px;height:457.5px;background:url(../images/hexagon-creative.png);background-size:cover;position:absolute;top:160px;left:150px;z-index:2}.creative .titre-creative{text-align:left;margin-bottom:170px}.creative .titre-creative h2{color:#252525;font-weight:900;font-size:40pt;letter-spacing:7pt;position:relative;z-index:10;margin-bottom:25px;margin-left:170px}.creative .titre-creative p{font-weight:300;font-size:19pt;letter-spacing:2.2pt;line-height:20pt;color:#252525;margin-left:240px}.creative .titre-creative p b{font-weight:700}.creative .titre-creative p b a{color:#252525}.creative .carousel-crea .item{height:670px}.creative .carousel-crea .rond{width:670px;height:670px;background-color:#FFF;border-radius:50%;visibility:visible!important;transform:none!important;position:absolute;top:0;right:50px;z-index:1}.creative .carousel-crea .rond img{position:absolute;top:0;left:-40px}.creative .carousel-crea .text{z-index:10;position:relative}.creative .carousel-crea .text h3{font-weight:900;font-size:30pt;letter-spacing:5pt;margin-bottom:50px;margin-top:80px}.creative .carousel-crea .text p{font-weight:400;font-size:12pt;letter-spacing:2.2pt;line-height:20pt;width:50%;color:#252525;margin-bottom:30px}.creative .carousel-crea .text .savoir-plus{color:#FFF;font-weight:300;font-size:14pt;letter-spacing:3pt}.creative .carousel-crea .text .pointille{margin-top:15px}.creative .carousel-crea .text .pointille .trait{width:20px;height:2px;border-bottom:solid 2px #FFF;margin-bottom:55px;display:inline-block}.creative .carousel-crea .text .pointille .trait:not(last-child){margin-right:5px}.creative .carousel-crea .text .number{color:#FFF;font-size:17pt;font-weight:300}.creative .carousel-crea .text .number .trait{width:60px;height:3px;display:inline-block;background-color:#FFF;margin-bottom:5px;margin-right:15px}.happy{padding:50px 0 100px;position:relative;overflow:hidden}.happy .couronne{width:180px;height:150px;background:url(../images/couronne.png);background-size:cover;position:absolute;bottom:270px;right:50px}.happy .clientele{color:#F5F5F5;font-size:120pt;position:absolute;right:-110px;top:100px;letter-spacing:20pt}.happy .titre-happy{text-align:left;margin-bottom:80px}.happy .titre-happy h2{color:#252525;font-weight:900;font-size:40pt;letter-spacing:7pt;position:relative;z-index:10;margin-bottom:25px}.happy #categories{overflow:hidden;width:100%;margin:0 auto;height:780px;position:relative}.happy #categories li{position:relative;list-style-type:none;width:16.857%;padding-bottom:19.45%;float:left;overflow:hidden;visibility:hidden;-webkit-transform:rotate(30deg) skewY(30deg) translateY(0);-ms-transform:rotate(30deg) skewY(30deg) translateY(0);transform:rotate(30deg) skewY(30deg) translateY(0)}.happy #categories li:nth-child(3n+2){margin:0}.happy #categories li:nth-child(6n+3),.happy #categories li:nth-child(6n+4),.happy #categories li:nth-child(6n+5){margin-top:0;margin-bottom:-6.9285714285%;-webkit-transform:translateX(0) rotate(30deg) skewY(30deg) translateY(0);-ms-transform:translateX(0) rotate(30deg) skewY(30deg) translateY(0);transform:translateX(0) rotate(30deg) skewY(30deg) translateY(0)}.happy #categories li:nth-child(6n+4):last-child,.happy #categories li:nth-child(6n+5):last-child,.happy #categories li:nth-child(6n+6):last-child{margin-bottom:0}.happy #categories li.siegwald{margin-left:12.2%}.happy #categories li.sdmh{margin-left:-1.5%}.happy #categories li.charlatte{margin-top:-12.3%}.happy #categories li.roma{margin-top:-12.3%;margin-left:-1.5%}.happy #categories li.i-a{margin-top:-5.3%;margin-left:-4.6%}.happy #categories li.ov{margin-top:-5.3%;margin-left:-1.5%}.happy #categories li.duc{margin-top:-17.6%}.happy #categories li.cci{margin-top:-17.6%;margin-left:-5.2%}.happy #categories li.volefi{margin-top:-17.6%;margin-left:1.2%}.happy #categories li.cifa{margin-top:-30%;margin-left:-5.7%}.happy #categories li.yltec{margin-top:-22.8%;margin-left:-5.2%}.happy #categories li.i-o-r-l-r{margin-top:-40.8%;margin-left:-5.7%}.happy #categories li.plus{margin-top:-33.7%;margin-left:30.8%}.happy #categories li.active-sante{margin-top:-33.7%;margin-left:6.6%}.happy #categories li.adage{margin-top:-33.7%;margin-left:12.8%}.happy #categories li.arbor{margin-top:-40.8%;margin-left:25.1%}.happy #categories li.ardn{margin-top:-33.6%;margin-left:37.3%}.happy #categories li.auxerre-2019{margin-left:-35.9%;margin-top:-33.7%}.happy #categories li.bsl{margin-top:-19.55%;margin-left:-36%}.happy #categories li.businessens{margin-top:-12.4%;margin-left:-23.8%}.happy #categories li.cabinet-jpg{margin-top:-5.2%;margin-left:-11.6%}.happy #categories li.cavoise{margin-top:2%;margin-left:-4.7%}.happy #categories li.comauxerrois{margin-top:-5.2%;margin-left:-4.7%}.happy #categories li.consult-ingenierie{margin-top:9%;margin-left:-16.7%}.happy #categories li.debruin{margin-top:16.3%;margin-left:-4.7%}.happy #categories li.egc{margin-top:9%;margin-left:-4.7%}.happy #categories li.embalbois{margin-top:-23%;margin-left:6.3%}.happy #categories li.etc{margin-top:-15.8%;margin-left:-5.8%}.happy #categories li.foret-othe{margin-top:-8.8%;margin-left:-18%}.happy #categories li.gda{margin-top:-1.6%;margin-left:-5.8%}.happy #categories li.g-v{margin-top:5.5%;margin-left:-4.6%}.happy #categories li.handispo{margin-top:12.5%;margin-left:-4.6%}.happy #categories li.h-f{margin-top:5.5%;margin-left:-4.6%}.happy #categories li.i-s{margin-top:12.5%;margin-left:-4.6%}.happy #categories li.ifag{margin-top:19.5%;margin-left:-4.6%}.happy #categories li.isosta{margin-top:-26.5%}.happy #categories li.iut-dijon{margin-top:1.65%;margin-left:10.5%}.happy #categories li.l-c-d{margin-left:36.7%;margin-top:-26.5%}.happy #categories li.menu-fromage{margin-left:24.5%;margin-top:-19.3%}.happy #categories li.mma{margin-left:12.3%;margin-top:-12.2%}.happy #categories li.mobhome{margin-left:19.8%;margin-top:-19.4%}.happy #categories li.p-c{margin-left:32.1%;margin-top:-12.35%}.happy #categories li.p-m{margin-left:-78%;margin-top:-5%}.happy #categories li.rotary{margin-left:-4.6%;margin-top:-5.25%}.happy #categories li.rothe{margin-top:1.9%}.happy #categories li.sms89{margin-top:9.1%;margin-left:-4.6%}.happy #categories li.sncf{margin-top:-12.43%;margin-left:-4.6%}.happy #categories li.te{margin-top:1.85%;margin-left:-16.9%}.happy #categories li.t-p{margin-top:16%;margin-left:-16.8%}.happy #categories li.yes{margin-top:8.85%;margin-left:-4.6%}.happy #categories li.dss{margin-top:16%;margin-left:-4.6%}.happy #categories li.acrt{margin-top:23.2%;margin-left:-4.7%}.happy #categories li.maya{margin-top:16%;margin-left:-4.7%}.happy #categories li.abbaye{margin-left:-4.6%;margin-top:-5.2%}.happy #categories li.eneo{margin-top:9.2%;margin-left:24.45%}.happy #categories li.c-d-p{margin-top:2%;margin-left:-4.6%}.happy #categories li.m-p{margin-top:-5.2%;margin-left:-4.6%}.happy #categories li.tom{margin-top:-12.35%;margin-left:-4.6%}.happy #categories li.sp2a{margin-top:-17.4%;margin-left:-38.1%}.happy #categories li.pusher{width:9%}.happy #categories li *{position:absolute;visibility:visible}.happy #categories li>div{width:100%;height:100%;text-align:center;color:#fff;overflow:hidden;-webkit-transform:skewY(-30deg) rotate(-30deg);-ms-transform:skewY(-30deg) rotate(-30deg);transform:skewY(-30deg) rotate(-30deg);-webkit-backface-visibility:hidden}.happy #categories li img{left:-100%;right:-100%;width:100%;height:auto;margin:0 auto;top:12.5%}.happy #categories .et-vous{position:absolute;bottom:125px;left:360px;color:#252525;text-decoration:none;font-weight:900;font-size:20pt}.happy #categories.full{height:auto}.happy .clr:after{content:"";display:block;clear:both}.happy .autre-client{margin:auto}.happy .autre-client h4{text-align:center;font-size:16pt;letter-spacing:2.5pt;font-weight:200;cursor:pointer}.happy .autre-client .pointille{margin:5px 0 0;text-align:center}.happy .autre-client .pointille .trait{width:20px;height:2px;border-bottom:solid 2px #FDD013;display:inline-block}.happy .autre-client .pointille .trait:not(last-child){margin-right:5px}.happy .autre-client .logo-autre-client{opacity:0;visibility:hidden;transition:.5s ease-in}.happy .autre-client .logo-autre-client.open{opacity:1;visibility:visible}.happy .autre-client .logo-autre-client .owl-carousel .owl-item img{width:60%;margin:auto}.beegin .droite,.beegin .gauche{display:inline-block;width:50%;height:100%}.happy .full-client{padding:280px 0 100px}.happy .full-client .clientele{top:330px}.beegin{font-size:0;position:relative;background-color:#FDD013}.beegin .bee-contact{position:absolute;bottom:0;left:50px}.beegin .bee-contact img{max-width:205px}.beegin .bee-contact img.vole{-webkit-animation:yAxis 1s ease-in forwards;animation:yAxis 1s ease-in forwards}.beegin .bee-contact.vole{-webkit-animation:xAxis 1s ease-out forwards;animation:xAxis 1s ease-out forwards}.beegin .gauche{position:relative}.beegin .droite{background-color:#252525;padding:80px;vertical-align:top;position:relative}.beegin .droite .titre-beegin{text-align:left;margin-bottom:80px}.beegin .droite .titre-beegin h2{color:#FFF;font-weight:900;font-size:40pt;letter-spacing:7pt;position:relative;z-index:10;margin-bottom:25px}.beegin .droite .form label{display:block;color:#FFF;font-size:13pt;letter-spacing:2.5pt;font-weight:200;margin-bottom:15px}.beegin .droite .form .input-form,.beegin .droite .form .textarea-form{background:0 0;margin-bottom:100px;color:#FDD013;font-size:13pt;padding:.5em 0;box-shadow:none}.beegin .droite .form .input-form{border:none;border-bottom:2px solid #FFF}.beegin .droite .form .textarea-form{border:none;border-bottom:2px solid #FFF;resize:vertical}.beegin .droite .form .btn-form{background-color:#FDD013;color:#252525;padding:8px 30px;border-radius:30px;font-size:15pt;font-weight:600;letter-spacing:3pt}.beegin .droite .form .error,.beegin .droite .form .success{margin:auto auto 35px;padding:20px 0;display:none;text-align:center}.beegin .droite .form .error p,.beegin .droite .form .success p{color:#FFF;font-size:12pt;letter-spacing:2.5pt;font-weight:200}.beegin .droite .form .success{width:70%;background:#00C853}.beegin .droite .form .error{width:80%;background:#B71C1C}.beegin .droite .form #erreur,.beegin .droite .form #erreur_mail{display:none;background:#b71c1c;margin:auto auto 40px;text-align:center;color:#fff;width:35%;padding:10px;font-size:10pt}.footer .adresse,.footer .contact-reseaux,.footer .contact-reseaux .icon,.footer p{display:inline-block}.footer{background:#FFF;margin:0;padding:30px 0 25px;position:relative;overflow:hidden}.footer .rond-j{width:600px;height:600px;border-radius:50%;background-color:#FDD013;position:absolute;right:-10%;top:-260px}.footer .contact-reseaux .icon{width:20px;height:20px;font-size:1.3em;transform:rotate(0);margin-right:30px}.footer .contact-reseaux .icon:hover{-webkit-animation:LeftToRight 1s infinite backwards;animation:LeftToRight 1s infinite backwards}.footer .contact-reseaux .icon:hover a,.footer .contact-reseaux .icon:hover.phone{color:#FDD013}.footer .contact-reseaux .icon a,.footer .contact-reseaux .icon.phone{color:#252525;transition:all .4s ease-in}.footer .contact-reseaux .icon.facebook{margin-right:25px}.footer .contact-reseaux .icon.phone{font-size:1.2em;margin-right:10px;cursor:pointer}.footer .contact-reseaux .phone-number-2{display:inline-block;color:#FDD013;background:#FFF;padding:5px 10px;border-radius:3px;box-shadow:0 0 20px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:.5s ease-in}.footer p,.footer p a{color:#252525}.footer .contact-reseaux .phone-number-2.open{opacity:1;visibility:visible}.footer .adresse{margin-left:40px}.footer p{margin-right:30px;float:right;vertical-align:top}.footer p img{max-width:100px}.footer.client{background:#FDD013}.mentions-legales{padding:50px 0 100px;position:relative;overflow:hidden}.mentions-legales .couronne{width:180px;height:150px;background:url(../images/couronne.png);background-size:cover;position:absolute;bottom:270px;right:50px}.mentions-legales .clientele{color:#F5F5F5;font-size:120pt;position:absolute;right:-110px;top:100px;letter-spacing:20pt}.mentions-legales .titre-happy{text-align:left;margin-bottom:80px}.mentions-legales .titre-happy h1{color:#252525;font-weight:900;font-size:40pt;letter-spacing:7pt;position:relative;z-index:10;margin-bottom:25px}.mentions-legales .mentions h2{color:#FDD013;font-weight:700;font-size:17pt;letter-spacing:2pt;position:relative;z-index:10;margin-bottom:20px}.mentions-legales .mentions p{color:#252525;font-size:12pt;letter-spacing:2.5pt;font-weight:200;margin-bottom:40px}