#cta{background:#FFF;text-align:center}
.faq_wrapper{padding-top:50px}
#faq{background:#f7f7f7;text-align:center;font-size:1rem;line-height:1.2rem;font-weight:300}
#faq.white_back{background:#FFF}
#faq h2{display:inline-block;color:#860067;font-size:1.5rem;line-height:1.7rem;cursor:pointer;position:relative;font-weight:400}
#faq h2 + p{max-height:0;overflow:hidden;padding-top:0;transition:all 500ms ease-out}
#faq h2.active + p{max-height:1000px;padding-top:30px;transition:all 500ms ease-in}
#faq h2:hover,#faq h2.active{color:#d20921}
#page_creations #cta .m4u_title,#page_creations #cta .purple_link{opacity:1}
#newsletter_subscription{overflow:hidden;width:1100px;margin:0 auto;padding:130px 150px 50px;text-align:center;position:relative}
#newsletter_subscription::before,#newsletter_subscription::after{content:'';width:130px;height:100px;position:absolute;z-index:1;top:100px}
#newsletter_subscription::before{left:0;background:url('https://www.madeforyou-agency.com/medias/imports/newsletter_arrow_left.svg') no-repeat center center;background-size:contain;opacity:1}
#newsletter_subscription::after{right:0;background:url('https://www.madeforyou-agency.com/medias/imports/newsletter_arrow_right.svg') no-repeat center center;background-size:contain}
#newsletter_subscription form{background:#ff595a;padding:70px 90px 35px;border-radius:40px 0 40px 0}
#newsletter_subscription form::before{content:'';width:190px;height:135px;background:url('https://www.madeforyou-agency.com/medias/imports/newsletter_letter.svg') no-repeat center center;background-size:contain;position:absolute;z-index:2;top:30px;left:calc(50% - 95px)}
#newsletter_subscription strong{font-weight:600;text-transform:uppercase;color:#FFF;font-size:1.5rem;display:inline-block;margin-bottom:20px;letter-spacing:0.01rem}
#newsletter_subscription input{border:none}
#news_in{text-align:center;display:inline-block;padding:15px 10px;font-family:'Signika',sans-serif;background:#FFF;font-size:0.9375rem;width:380px;border-radius:10px 0 10px 0;font-weight:300;cursor:pointer;transition:all 500ms;letter-spacing:0.02rem}
.inf-input{margin-bottom:30px}
#newsletter_subscription .purple_link{border-color:#FFF;opacity:1}
#newsletter_subscription .purple_link > *{background:linear-gradient(to right,#FFF 50%,#860067 50%);background-size:200% 100%;background-position:right bottom}
#newsletter_subscription .purple_link:hover > *{background-position:left bottom}
#newsletter_subscription .purple_link input{text-transform:uppercase;font-weight:600;color:#FFF;letter-spacing:0.1rem;cursor:pointer}
#newsletter_subscription .purple_link:hover input{color:#ff595a}
input#infmailv{display:none}
footer{padding:40px 50px 30px;background:#481FEC;position:relative;font-size:0.9375rem;color:#FFF}
footer a{color:#FFF}
footer a:hover{color:#ff595a}
footer .title{width:100%;font-size:1.25rem;letter-spacing:0.1rem;text-transform:uppercase;font-weight:600;display:block;margin-bottom:10px}
#sitemap{text-align:left;display:flex;flex-wrap:wrap}
#part_1,#part_2{margin-right:50px}
.part{display:inline-block}
#sitemap li{margin-bottom:10px}
#sitemap li.one{margin-top:0}
#sitemap a{font-family:'Signika',sans-serif;text-transform:uppercase;color:#FFF;display:inline-block}
#sitemap li ul li{margin-bottom:0;line-height:1.15rem;margin:2px 0}
#sitemap li ul li a{font-family:'Thasadith',sans-serif;font-weight:700;font-size:0.875rem;text-transform:none;margin-bottom:0}
#sitemap li ul li a::before{content:'•';display:inline-block;margin-right:5px}
#sitemap a:hover{color:#ff595a}
footer #bottom_cta{margin:0 50px;font-size:1.1rem;letter-spacing:0.05rem;text-align:center;background:none}
.or{display:block;width:100%;margin:10px 0 20px;font-size:1.4rem}
#gps_social{text-align:right}
#gps{margin-bottom:30px}
#social a.side{display:inline-block;margin:0 5px}
#social a.side:hover i{color:#ff595a!important}
#social a.side i{font-size:1.2rem;background:none}
#social mark{width:100%;background:none}
#social mark a{cursor:default;color:#FFF}
#social mark a u:hover{cursor:pointer;transition:color 500ms;color:#ff595a}
#copyright{font-family:'Signika',sans-serif;text-align:center;width:100%;font-size:0.8375rem;font-weight:400;margin-top:30px;color:rgba(255,255,255,0.6)}
#copyright a{color:rgba(255,255,255,0.6)}
@media screen and (max-width:1320px){#newsletter_subscription{width:100%;padding:130px 200px 50px}
#newsletter_subscription::after{right:50px}
#newsletter_subscription::before{left:50px}
footer.fxjb{padding:40px 40px 30px;justify-content:center;flex-direction:column}
footer .title{text-align:center;margin-bottom:30px}
footer #bottom_cta{margin:0;order:1;width:100%;margin-bottom:50px}
#sitemap{order:2;width:100%;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:row}
#part_1{order:1;width:300px}
#part_2{order:3;width:200px}
#part_2 ul.sub{display:flex;flex-wrap:wrap;justify-content:space-between}
#part_2 ul.sub li{width:100%}
#part_3{order:2;width:300px}
#part_1,#part_2{margin:0 0 30px}
#sitemap a{font-size:1.2rem}
#gps_social.fxje{order:3;width:100%;justify-content:center;text-align:center}
#copyright{order:4}}
@media screen and (max-width:900px){#faq{padding-top:50px}
#faq h2{padding-left:20px}
#faq h2::before{left:-10px}
#newsletter_subscription{padding:90px 20px 170px}
#newsletter_subscription::before,#newsletter_subscription::after{top:auto;bottom:40px}
#newsletter_subscription::before{left:20px}
#newsletter_subscription.active::before{animation:none;opacity:1;transform:rotate(-80deg)}
#newsletter_subscription::after{right:20px}
#newsletter_subscription.active::after{animation:none;opacity:1;transform:rotate(80deg)}
#newsletter_subscription form{padding:70px 20px 35px}
#newsletter_subscription strong{line-height:1.8rem}
#newsletter_subscription input{width:100%}
footer.fxjb{padding:40px 20px 30px}
#sitemap{justify-content:space-between}
#part_1{width:auto}
#part_2{width:auto}
#part_2 ul.sub li{width:calc(50% - 10px)}
#part_3{width:auto}
#gps_social.fxje{width:100%;margin:30px 0}}
@media screen and (max-width:450px){#faq h2{font-size:1.1rem;line-height:1.3rem}}#references_navigation{padding:30px 50px}
#references_navigation .note{font-size:0.8rem;color:#ff595a;width:100%;text-align:center;line-height:1rem;margin-bottom:10px}
a.navi,#sharingLinks a{color:#FFF;font-weight:600;height:40px;width:40px;padding:0;margin:0 5px}
a.navi{background:#860067!important}
a.navi:first-child,a.navi:first-of-type{background-size:200% 100%;background-image:linear-gradient(to right,#5b6670 50%,#ff595a 50%)}
a.navi:last-child,a.navi:last-of-type{background-size:200% 100%;background-position:100% 0;background-image:linear-gradient(to left,#5b6670 50%,#ff595a 50%)}
a.navi:first-child:hover,a.navi:first-of-type:hover{background-position:100% 0}
a.navi:last-child:hover,a.navi:last-of-type:hover{background-position:0 0}
a.navi .fas{font-size:1.7rem;text-indent:0}
#sharingLinks{display:flex;justify-content:center}
#sharingLinks a{display:flex;justify-content:center;align-items:center;align-content:center;background:#5b6670}
#sharingLinks a:hover{background:#ff595a}
@media screen and (max-width:450px){#references_navigation{padding:30px 0!important}}#planets_section.main_padding{padding-top:80px}
#planets_content{position:relative;width:1190px;height:530px;margin:0 auto;background-repeat:no-repeat;background-size:280px auto}
#planets_content .relative{width:0;height:100%;transition:width 1600ms}
#planets_content.inview .relative{width:100%}
.planet{position:absolute;z-index:5}
.planet h3{font-family:'Signika',sans-serif;text-align:center;max-width:140px;margin:0 auto;font-size:1rem;line-height:1rem;letter-spacing:0.05rem}
.planet h3 span{color:#ff595a;text-transform:uppercase;font-weight:600}
img.background{height:auto}
#points_section.main_padding{padding-bottom:0}
#points_content{width:1190px;margin:0 auto;background:url('https://www.madeforyou-agency.com/medias/imports/expertise-background-points.svg') no-repeat 170px 120px;background-size:757px 1195px}
.point{width:510px;background:#FFF;padding:20px;margin-right:calc(100% - 510px);margin-bottom:50px;border-radius:40px 0 40px 0}
.point.right{margin-right:0;margin-left:calc(100% - 510px)}
.point .absolute_num{top:45px;left:20px}
.point .title{padding-top:140px;width:250px;font-size:1.25rem;line-height:1.4rem}
.point .title span{display:block;text-transform:uppercase;font-size:1.4375rem;letter-spacing:0.05rem}
.point .title span:first-child,.point .title span:first-of-type{font-family:'Signika',sans-serif;font-weight:600;font-size:1.5625rem;color:#ff595a;margin-bottom:2px;letter-spacing:0.05rem}
.point picture{display:block;width:220px;height:250px}
.point img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}
#points_ending{font-family:'Thasadith',sans-serif;text-align:center}
.points_intro{font-size:1.5rem;line-height:1.7rem;font-weight:600;color:#aa001d;text-transform:uppercase;margin-bottom:50px}
.points_chapo{margin-bottom:30px;font-weight:600}
.points_text{font-size:.9375em}
@media screen and (max-width:1320px){#planets_content,#points_content{margin-left:-95px;transform:scale(0.9)}
#newsletter_subscription{background:#f7f7f7}}
@media screen and (max-width:1050px){#planets_content,#points_content{margin-left:0}
#planets_content{margin-left:auto;transform:none;width:280px;height:auto;display:flex;justify-content:space-between;background-position:0 top!important}
.planet{width:180px;position:relative;bottom:auto!important;left:auto!important;margin-bottom:30px}
.planet.right{margin-left:calc(100% - 180px)}
.planet:last-child,.planet:last-of-type{margin-bottom:0}
img.background{display:none}
#points_content{width:100%;background:none}
.point,.point.right{width:280px;height:auto;background:transparent;padding:0;margin:0 calc((100% - 560px) / 4) 80px}
.point .absolute_num{top:0;left:0}
.point .title{padding-top:0;padding-left:85px;width:100%;font-size:1.1875rem;line-height:1.4rem;margin-bottom:30px;height:auto;min-height:90px}
.point .title span{font-size:1.6875rem;line-height:1.7rem}
.point .title span:first-child,.point .title span:first-of-type{font-size:1.6875rem}
.point picture{background:#FFF;width:280px;height:280px;text-align:center;display:flex;justify-content:center;align-items:center;align-content:center;border-radius:40px 0 40px 0}
.point img{width:90%;height:90%}}
@media screen and (max-width:900px){.point,.point.right{margin:0 30px 80px}}
@media screen and (max-width:450px){.point,.point.right{margin:0 calc((100% - 280px) / 2) 80px}
#points_section .title_with_bar{margin-bottom:0}}#references{text-align:center}
#references .title{font-family:'Thasadith',sans-serif;color:#ff595a;font-weight:300;font-size:1.875rem;line-height:2rem;text-transform:uppercase;margin-bottom:50px}
#references .title span{font-family:'Signika',sans-serif;display:block;font-weight:600}
.thisRef{width:350px;margin:0 20px}
.thisRef iframe,.thisRef picture,.thisRef img{display:block;margin-bottom:10px;width:100%;height:260px;object-fit:cover;object-position:center center}
.thisRef iframe{height:190px}
.thisRef h4{font-family:'Signika',sans-serif;font-weight:300;font-size:0.9375rem;line-height:1.1rem;margin-bottom:20px}
.thisRef h4 a{color:#5b6670}
.thisRef h4 a:hover{color:#ff595a}
.thisRef h4 strong{display:block;text-transform:uppercase;line-height:1.5rem;font-size:1rem;font-weight:600}
.thisRef a.purple_link{font-size:0.75rem}
.thisRef a.purple_link span{padding:10px 20px}
@media screen and (max-width:1360px){.thisRef{margin-bottom:60px}}
@media screen and (max-width:450px){#references.main_padding{padding-bottom:0}
.faq_wrapper{padding-top:0}}@keyframes vibrate-1{0%{transform:translate(0)}
54%{transform:translate(0)}
55%{transform:translate(-2px,2px)}
56%{transform:translate(-2px,-2px)}
57%{transform:translate(2px,2px)}
58%{transform:translate(2px,-2px)}
59%{transform:translate(0)}
100%{transform:translate(0)}}
.vibrate-1{animation:vibrate-1 5s linear infinite both}
@keyframes vibrate-2{0%{transform:translate(0)}
24%{transform:translate(0)}
25%{transform:translate(-2px,2px)}
26%{transform:translate(-2px,-2px)}
27%{transform:translate(2px,2px)}
28%{transform:translate(2px,-2px)}
29%{transform:translate(0)}
100%{transform:translate(0)}}
.vibrate-2{animation:vibrate-2 5s linear infinite both}
@keyframes slide-in-elliptic-right-fwd{0%{transform:translateX(800px) rotateY(-30deg) scale(0);transform-origin:-100% 50%;opacity:0}
100%{transform:translateX(0) rotateY(0) scale(1);transform-origin:-1800px 50%;opacity:1}}
.slide-in-elliptic-right-fwd{animation:slide-in-elliptic-right-fwd 0.7s cubic-bezier(0.250,0.460,0.450,0.940) both}
@keyframes slide-in-elliptic-left-fwd{0%{transform:translateX(-800px) rotateY(30deg) scale(0);transform-origin:-100% 50%;opacity:0}
100%{transform:translateX(0) rotateY(0) scale(1);transform-origin:1800px 50%;opacity:1}}
.slide-in-elliptic-left-fwd{animation:slide-in-elliptic-left-fwd 0.7s cubic-bezier(0.250,0.460,0.450,0.940) both}
@keyframes slide-in-elliptic-top-bck{0%{transform:translateY(-600px) rotateX(30deg) scale(6.5);transform-origin:50% 200%;opacity:0}
100%{transform:translateY(0) rotateX(0) scale(1);transform-origin:50% -500px;opacity:1}}
.slide-in-elliptic-top-bck{animation:slide-in-elliptic-top-bck 0.7s cubic-bezier(0.250,0.460,0.450,0.940) both}
@keyframes slide-in-blurred-right{0%{transform:translateX(1000px) scaleX(2.5) scaleY(0.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}
100%{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}
.slide-in-blurred-right{animation:slide-in-blurred-right 0.6s cubic-bezier(0.230,1.000,0.320,1.000) both}
@keyframes slide-in-blurred-left{0%{transform:translateX(-1000px) scaleX(2.5) scaleY(0.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}
100%{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}
.slide-in-blurred-left{animation:slide-in-blurred-left 0.6s cubic-bezier(0.230,1.000,0.320,1.000) both}
@keyframes swing-in-bottom-fwd{0%{transform:rotateX(100deg);transform-origin:bottom;opacity:0}
100%{transform:rotateX(0);transform-origin:bottom;opacity:1}}
.swing-in-bottom-fwd{animation:swing-in-bottom-fwd 0.5s cubic-bezier(0.175,0.885,0.320,1.275) both}
@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}
10%{transform:scale(0.91);animation-timing-function:ease-in}
17%{transform:scale(0.98);animation-timing-function:ease-out}
33%{transform:scale(0.87);animation-timing-function:ease-in}
45%{transform:scale(1);animation-timing-function:ease-out}}
.heartbeat{animation:heartbeat 1.5s ease-in-out infinite both}
@keyframes vibrate-rocket{0%{transform:translate(0)}
20%{transform:translate(2px,-2px)}
40%{transform:translate(2px,2px)}
60%{transform:translate(-2px,2px)}
80%{transform:translate(-2px,-2px)}
100%{transform:translate(0)}}
.vibrate-rocket{animation:vibrate-rocket 0.3s linear infinite both}
@keyframes vibrate-fire{0%{transform:translate(0)}
10%{transform:translate(-2px,-2px)}
20%{transform:translate(2px,-2px)}
30%{transform:translate(-2px,2px)}
40%{transform:translate(2px,2px)}
50%{transform:translate(-2px,-2px)}
60%{transform:translate(2px,-2px)}
70%{transform:translate(-2px,2px)}
80%{transform:translate(-2px,-2px)}
90%{transform:translate(2px,-2px)}
100%{transform:translate(0)}}
.vibrate-fire{animation:vibrate-fire 0.3s linear infinite both}
@keyframes slide-in-elliptic-bottom-fwd{0%{transform:translateY(600px) rotateX(30deg) scale(0);transform-origin:50% 100%;opacity:0}
100%{transform:translateY(0) rotateX(0) scale(1);transform-origin:50% -1400px;opacity:1}}
.slide-in-elliptic-bottom-fwd{animation:slide-in-elliptic-bottom-fwd 0.7s cubic-bezier(0.250,0.460,0.450,0.940) both}