@font-face{font-family:'Roboto Black';src:url("../fonts/Roboto-Black.ttf") format("truetype");font-weight:normal}
@font-face{font-family:'Raleway Black';src:url("../fonts/Raleway-Black.ttf") format("truetype");font-weight:normal}
@font-face{font-family:'Raleway Bold';src:url("../fonts/Raleway-Bold.ttf") format("truetype");font-weight:normal}
@font-face{font-family:'Raleway Regular';src:url("../fonts/Raleway-Regular.ttf") format("truetype");font-weight:normal}
@font-face{font-family:'Raleway SemiBold';src:url("../fonts/Raleway-SemiBold.ttf") format("truetype");font-weight:normal}
html{font-size:62.5%;padding:0;margin:0}
html body{padding:0;margin:0;font-size:1.4rem;overflow-x:hidden}
html body p{font-family:'Raleway Regular',sans-serif}
html body .pink-shadow{-webkit-box-shadow:0 17px 60px 9px rgba(123,67,119,0.1);box-shadow:0 17px 60px 9px rgba(123,67,119,0.1)}
html body .black-shadow{-webkit-box-shadow:0 17px 40px 9px rgba(0,0,0,0.2);box-shadow:0 17px 40px 9px rgba(0,0,0,0.2)}
html body .facebook::after{content:"";display:inline-block;width:18px;height:19px;background:url("../src/img/facebook.png") no-repeat center center;vertical-align:bottom;margin-left:10px}
html body .twitter::after{content:"";display:inline-block;width:18px;height:19px;background:url("../src/img/twitter.png") no-repeat center center;vertical-align:bottom;margin-left:10px}
html body .button-small{font-family:'Raleway SemiBold',sans-serif;font-size:1.8rem;border-radius:30px;color:white;display:inline-block;text-decoration:none;width:200px;padding-top:15px;padding-bottom:15px}
html body header{min-height:38.5vw;background:url("../src/img/header-bg.png") no-repeat top center,-webkit-gradient(linear,left top,left bottom,from(#fffdfe),to(#fffbfd));background:url("../src/img/header-bg.png") no-repeat top center,-webkit-linear-gradient(#fffdfe,#fffbfd);background:url("../src/img/header-bg.png") no-repeat top center,linear-gradient(#fffdfe,#fffbfd);background-size:100%;position:relative}
html body header img{display:block;max-width:100%;position:absolute;top:0;left:19%}
html body header .infos{position:absolute;top:65px;right:22%;text-align:right;color:white}
html body header .infos p{font-family:'Raleway Bold',sans-serif;font-size:2.5rem}
html body header .title{position:absolute;top:39%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:white;text-align:center}
html body header .title h2{font-family:'Raleway Black',sans-serif;font-size:6.5rem;margin:0;text-transform:uppercase}
html body header .title h4{font-family:'Raleway Bold',sans-serif;font-size:5rem;margin:0}
html body header .box-container{position:absolute;left:15%;bottom:-330px;width:900px;height:450px;z-index:9999}
html body header .box-container div{border-radius:15px;text-align:center;background:white}
html body header .box-container div .chiffre{font-family:'Robot Black',sans-serif;display:block;font-weight:bold;font-size:7rem;color:#0f75bd;background:transparent;background:-webkit-linear-gradient(#0f75bd,#c8639f);background:-moz-linear-gradient(#0f75bd,#c8639f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;margin-top:30px;line-height:.9}
html body header .box-container div p{font-family:'Raleway Regular',sans-serif;font-size:2.5rem;color:#0f75bd;margin:0;line-height:.5}
html body header .box-container .top-left{position:absolute;left:80px;top:0;width:312px;height:166px}
html body header .box-container .top-center{position:absolute;top:50px;left:445px;width:204px;height:165px}
html body header .box-container .top-right{position:absolute;right:0;top:-10px;width:204px;height:165px}
html body header .box-container .bottom-left{position:absolute;left:0;bottom:60px;width:317px;height:165px}
html body header .box-container .bottom-center{position:absolute;left:375px;bottom:0;width:311px;height:165px}
html body main .participer{min-height:1075px;background:url("../src/img/volunteer.png") no-repeat bottom right,-webkit-gradient(linear,left top,left bottom,from(#fffbfd),to(#fef7fb));background:url("../src/img/volunteer.png") no-repeat bottom right,-webkit-linear-gradient(#fffbfd,#fef7fb);background:url("../src/img/volunteer.png") no-repeat bottom right,linear-gradient(#fffbfd,#fef7fb);background-size:899px;position:relative}
html body main .participer .content{position:absolute;bottom:210px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:320px;width:960px}
html body main .participer .content h1{font-family:'Raleway Black',sans-serif;font-size:10rem;text-transform:uppercase;color:#0f75bd;text-align:right;margin:0;margin-bottom:55px}
html body main .participer .content .box{width:955px;height:188px;background-color:white;border-radius:45px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
html body main .participer .content .box div{position:relative}
html body main .participer .content .box div h2{font-family:'Raleway Bold',sans-serif;text-transform:uppercase;margin-bottom:10px;margin-top:0}
html body main .participer .content .box div p{font-family:'Raleway SemiBold',sans-serif;color:#999;font-size:1.8rem}
html body main .participer .content .box div .button-small{position:absolute;bottom:-65px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
html body main .participer .content .box div:nth-child(1) h2{color:#90489c}
html body main .participer .content .box div:nth-child(1) .button-small{background-color:#90489c}
html body main .participer .content .box div:nth-child(2){margin-left:40px}
html body main .participer .content .box div:nth-child(2)::before,html body main .participer .content .box div:nth-child(2)::after{display:block;content:'';width:2px;height:80px;background-color:#f9f3f7;position:absolute}
html body main .participer .content .box div:nth-child(2)::before{left:-40px;top:35px;bottom:35px}
html body main .participer .content .box div:nth-child(2)::after{right:-40px;top:35px;bottom:35px}
html body main .participer .content .box div:nth-child(2) h2{color:#0f75bd}
html body main .participer .content .box div:nth-child(2) .button-small{background-color:#0f75bd}
html body main .participer .content .box div:nth-child(3) h2{color:#01ac50}
html body main .participer .content .box div:nth-child(3) .button-small{background-color:#01ac50}
html body main .partager .evenement{position:relative;min-height:858px;background:url("../src/img/event.png") no-repeat center center;z-index:9999}
html body main .partager .evenement .text{position:absolute;bottom:325px;left:27.5%;text-align:right}
html body main .partager .evenement .text h2{font-family:'Raleway Black',sans-serif;font-size:7rem;text-transform:uppercase;color:#0f75bd;background:transparent;background:-webkit-linear-gradient(#0f75bd,#c8639f);background:-moz-linear-gradient(#0f75bd,#c8639f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:35px}
html body main .partager .evenement .text small{font-family:'Raleway Regular',sans-serif;font-size:2rem;color:white}
html body main .partager .evenement .text ul{list-style:none;margin-top:5px;padding-left:0;text-align:left}
html body main .partager .evenement .text ul li{display:inline-block;font-family:'Raleway Bold',sans-serif;font-size:2.9rem;color:white}
html body main .partager .evenement .text ul li:nth-child(even){margin-left:40px;margin-right:40px}
html body main .partager .evenement .box{position:absolute;right:19%;bottom:-20px;width:360px;height:705px;background:white;border-radius:45px;z-index:99999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
html body main .partager .evenement .box div{text-align:center}
html body main .partager .evenement .box div h2{font-family:'Raleway Bold',sans-serif;text-transform:uppercase;margin-bottom:10px;margin-top:0}
html body main .partager .evenement .box div p{font-family:'Raleway SemiBold',sans-serif;font-size:1.8rem;color:#999;margin-bottom:25px}
html body main .partager .evenement .box div:nth-child(1) h2{color:#90489c}
html body main .partager .evenement .box div:nth-child(1) .button-small{background:#90489c}
html body main .partager .evenement .box div:nth-child(2){position:relative}
html body main .partager .evenement .box div:nth-child(2)::before,html body main .partager .evenement .box div:nth-child(2)::after{content:'';width:100%;height:2px;background-color:#f9f3f7;position:absolute}
html body main .partager .evenement .box div:nth-child(2)::before{left:0;top:-25px}
html body main .partager .evenement .box div:nth-child(2)::after{left:0;bottom:-25px}
html body main .partager .evenement .box div:nth-child(2) h2{color:#0f75bd}
html body main .partager .evenement .box div:nth-child(2) .button-small{background-color:#0f75bd}
html body main .partager .evenement .box div:nth-child(3) h2{color:#01ac50}
html body main .partager .evenement .box div:nth-child(3) .button-small{background-color:#01ac50}
html body main .partager .video{min-height:895px;-webkit-transform:translateY(-27px);-ms-transform:translateY(-27px);transform:translateY(-27px);position:relative;background:url("../src/img/bg-video.jpg") no-repeat center center}
html body main .partager .video .content{position:absolute;left:22%;top:175px;width:835px;height:474px;-webkit-box-shadow:0 17px 40px 9px rgba(0,0,0,0.2);box-shadow:0 17px 40px 9px rgba(0,0,0,0.2)}
html body main .partager .video .content .video-container iframe{position:absolute;opacity:1;z-index:5;display:block;width:100%;-webkit-transition:opacity .3s;transition:opacity .3s}
html body main .partager .video .content .video-container iframe.hidden{z-index:1;opacity:0;pointer-events:none}
html body main .partager .video .content .video-container img{position:absolute;opacity:1;z-index:5;display:block;cursor:pointer;-webkit-transition:opacity .3s;transition:opacity .3s}
html body main .partager .video .content .video-container img.hidden{z-index:1;opacity:0;pointer-events:none}
html body main .partager .video .content .video-container img.mobile{display:none}
html body main .partager .video .content .title{position:absolute;right:-155px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:20;color:white}
html body main .partager .video .content .title.hidden{display:none}
html body main .partager .video .content .title h2{font-family:'Raleway Black',sans-serif;font-size:7rem;text-transform:uppercase}
html body main .partager .video .content .share{position:absolute;bottom:-25px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:99999999;text-align:center}
html body main .partager .video .content .share .facebook{background-color:#0f75bd;margin-right:10px}
html body main .partager .video .content .share .twitter{background-color:#1da1f2}
html body main .partager .video .box-inscription{position:absolute;bottom:-160px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1199px;overflow:hidden;border-radius:50px}
html body main .partager .video .box-inscription .content-inscription{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;position:absolute;bottom:20px;left:120px}
html body main .partager .video .box-inscription .content-inscription .left h2{font-family:'Raleway Black',sans-serif;font-size:4rem;color:#0f75bd;margin-bottom:10px;text-transform:uppercase;background:transparent;background:-webkit-linear-gradient(#0f75bd,#c8639f);background:-moz-linear-gradient(#0f75bd,#c8639f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;line-height:1}
html body main .partager .video .box-inscription .content-inscription .left p{font-family:'Raleway SemiBold',sans-serif;font-size:2rem;color:#999;margin-top:0;line-height:1}
html body main .partager .video .box-inscription .content-inscription .right{margin-left:70px;margin-top:5px}
html body main .partager .video .box-inscription .content-inscription .right .button{font-family:'Raleway SemiBold',sans-serif;font-size:1.8rem;border-radius:30px;color:white;display:inline-block;text-decoration:none;padding-left:60px;padding-right:60px;padding-top:15px;padding-bottom:15px;background-color:#0f75bd}
html body main .partager .video .box-inscription img{display:block;width:100%}
html body footer{text-align:center;padding-top:300px}
html body footer .top-footer p{font-family:'Raleway SemiBold',sans-serif;font-size:2.2rem;color:#999;margin-bottom:35px}
html body footer .top-footer ul{list-style:none;padding-left:0;margin-bottom:100px}
html body footer .top-footer ul li{display:inline-block;margin-right:80px}
html body footer .top-footer ul li:last-child{margin-right:0}
html body footer .top-footer ul li a{display:block}
html body footer .top-footer ul li a.facebook-footer{width:40px;height:41px;background:url("../src/img/footer-facebook.png") no-repeat center center}
html body footer .top-footer ul li a.twitte-footer{width:40px;height:41px;background:url("../src/img/footer-twitter.png") no-repeat center center}
html body footer .top-footer ul li a.instagram{width:40px;height:41px;background:url("../src/img/instagram.png") no-repeat center center}
html body footer .top-footer ul li a.youtube{width:39px;height:47px;background:url("../src/img/youtube.png") no-repeat center center}
html body footer .top-footer ul li a.linkedin{width:41px;height:41px;background:url("../src/img/linkedin.png") no-repeat center center}
html body footer .bottom-footer{background:url("../src/img/bottom-footer.jpg") no-repeat center center}
html body footer .bottom-footer ul{padding-top:70px;padding-bottom:60px;margin:0;padding-left:0;list-style:none}
html body footer .bottom-footer ul li{display:inline-block;margin-right:60px}
html body footer .bottom-footer ul li:last-child{margin-right:0}
html body footer .bottom-footer ul li a{font-family:'Raleway SemiBold',sans-serif;color:white;font-size:1.5rem;text-decoration:none}
@media screen and (min-width:1950px){html body main .partager .evenement{background-size:100%}
html body main .partager .video{background-size:100%}
}@media screen and (max-width:1500px){html body header .infos{top:25px}
html body main .participer{background-size:799px}
html body main .partager .evenement .text{left:10.5%}
}@media screen and (max-width:1400px){html body header .infos p{font-size:2rem}
html body header .title h2{font-size:5rem}
html body header .title h4{font-size:3.5rem}
html body header .box-container{height:400px;bottom:-280px;left:8%}
html body header .box-container div .chiffre{font-size:5rem;margin-top:0}
html body header .box-container div p{font-size:2rem}
html body header .box-container .top-left{height:initial;width:initial;padding:30px 60px}
html body header .box-container .top-center{height:initial;width:initial;padding:30px 60px}
html body header .box-container .top-right{height:initial;width:initial;padding:30px 60px}
html body header .box-container .bottom-left{height:initial;width:initial;padding:30px 60px}
html body header .box-container .bottom-center{height:initial;width:initial;padding:30px 60px}
html body main .participer .content h1{font-size:8rem;margin-bottom:20px}
html body main .partager .evenement .text{left:8%}
html body main .partager .evenement .text h2{font-size:5.5rem}
html body main .partager .evenement .box{right:12%}
html body main .partager .video .content{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
html body main .partager .video .content .title{right:-120px}
html body main .partager .video .content .title h2{font-size:5.5rem}
html body main .partager .video .box-inscription{width:1000px;bottom:-100px}
html body main .partager .video .box-inscription .content-inscription .left h2{font-size:3rem}
html body main .partager .video .box-inscription .content-inscription .right{margin-left:30px}
html body footer{padding-top:130px}
html body footer .top-footer ul{margin-bottom:50px}
}@media screen and (max-width:1200px){html body header img{left:10%}
html body header .infos{right:10%}
html body header .box-container{left:8%;height:360px}
html body header .box-container .top-left{padding:15px 30px}
html body header .box-container .top-center{padding:15px 30px;left:38%}
html body header .box-container .top-right{padding:15px 30px;right:initial;left:56%}
html body header .box-container .bottom-left{padding:15px 30px;bottom:125px}
html body header .box-container .bottom-center{padding:15px 30px;left:35%;bottom:68px}
html body main .participer{min-height:1000px}
html body main .partager .evenement .text{left:2%}
html body main .partager .evenement .box{right:5%}
html body main .partager .video .content .title{right:-50px}
html body main .partager .video .box-inscription{width:900px}
html body main .partager .video .box-inscription .content-inscription{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
html body main .partager .video .box-inscription .content-inscription .left{padding-top:20px}
}@media screen and (max-width:1000px){html body .button-small{padding-top:8px;padding-bottom:8px;width:150px}
html body header{min-height:initial;background-size:cover}
html body header img{position:static;left:initial;top:initial;margin:0 auto;width:120px;height:120px;margin-bottom:60px;-webkit-box-shadow:0 17px 40px 9px rgba(0,0,0,0.2);box-shadow:0 17px 40px 9px rgba(0,0,0,0.2)}
html body header .infos{position:static;right:initial;top:initial;text-align:center;margin-bottom:70px}
html body header .infos p{font-size:1.5rem;font-family:'Raleway SemiBold',sans-serif;max-width:500px;margin:0 auto}
html body header .infos p br{display:none}
html body header .title{position:static;top:initial;left:initial;-webkit-transform:none;-ms-transform:none;transform:none;padding-bottom:100px}
html body header .title h2{font-size:4rem}
html body header .title h4{font-size:3rem}
html body header .box-container{width:initial;margin:0 auto;left:8%;right:8%;height:390px;bottom:-340px}
html body header .box-container br{display:none}
html body header .box-container div .chiffre{margin-bottom:5px}
html body header .box-container .top-left{padding:30px;left:25%}
html body header .box-container .top-center{padding:30px;left:56%;top:35px}
html body header .box-container .top-right{padding:30px;top:180px;left:initial;right:25%}
html body header .box-container .bottom-left{padding:30px;left:22%}
html body header .box-container .bottom-center{padding:30px;bottom:-10px;left:30%}
html body main .participer{background:url("../src/img/volunteer-mobile.png") no-repeat right 400px,-webkit-gradient(linear,left top,left bottom,from(#fffbfd),to(#fef7fb));background:url("../src/img/volunteer-mobile.png") no-repeat right 400px,-webkit-linear-gradient(#fffbfd,#fef7fb);background:url("../src/img/volunteer-mobile.png") no-repeat right 400px,linear-gradient(#fffbfd,#fef7fb);background-size:initial;min-height:1490px}
html body main .participer .content{width:80%;margin:0 auto;height:initial;bottom:50px}
html body main .participer .content h1{font-size:5.5rem;text-align:center;margin-bottom:70px}
html body main .participer .content .box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;margin:0 auto;height:700px;border-radius:20px}
html body main .participer .content .box div .button-small{bottom:-40px}
html body main .participer .content .box div:nth-child(1) br{display:none}
html body main .participer .content .box div:nth-child(2){margin-left:0}
html body main .participer .content .box div:nth-child(2)::before,html body main .participer .content .box div:nth-child(2)::after{width:120px;height:2px}
html body main .participer .content .box div:nth-child(2)::before{bottom:initial;top:-25px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
html body main .participer .content .box div:nth-child(2)::after{bottom:-70px;top:initial;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
html body main .partager .evenement{background:url("../src/img/event-mobile.jpg") no-repeat center center;min-height:1080px;background-size:cover}
html body main .partager .evenement .text{position:static;padding-top:95px;max-width:380px;margin:0 auto}
html body main .partager .evenement .text h2{margin-top:0;font-size:4.5rem;margin-bottom:20px}
html body main .partager .evenement .text small{color:#0f75bd}
html body main .partager .evenement .text ul{text-align:right}
html body main .partager .evenement .text ul li:nth-child(even){margin-left:15px;margin-right:0}
html body main .partager .evenement .text ul li{color:#0f75bd}
html body main .partager .evenement .box{width:initial;bottom:-40px;border-radius:20px;left:10%;right:10%}
html body main .partager .evenement .box div:nth-child(2)::before,html body main .partager .evenement .box div:nth-child(2)::after{width:120px}
html body main .partager .evenement .box div:nth-child(2)::before{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
html body main .partager .evenement .box div:nth-child(2)::after{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
html body main .partager .evenement .box div:nth-child(3) .button-small{width:180px}
html body main .partager .video{-webkit-transform:translateY(-14px);-ms-transform:translateY(-14px);transform:translateY(-14px);background:url("../src/img/bg-video-mobile.jpg") no-repeat center center;background-size:cover;min-height:665px}
html body main .partager .video .content{left:0;right:0;bottom:0;height:initial;width:initial;-webkit-transform:none;-ms-transform:none;transform:none;top:75px;-webkit-box-shadow:none;box-shadow:none}
html body main .partager .video .content .video-container{height:365px;width:100%;max-width:640px;margin:0 auto;position:relative;-webkit-box-shadow:0 17px 40px 9px rgba(0,0,0,0.2);box-shadow:0 17px 40px 9px rgba(0,0,0,0.2)}
html body main .partager .video .content .video-container iframe{max-width:640px;max-height:365px}
html body main .partager .video .content .video-container img.mobile{display:block;max-width:100%;height:365px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
html body main .partager .video .content .video-container img{display:none}
html body main .partager .video .content .title{position:static;text-align:center;-webkit-transform:none;-ms-transform:none;transform:none}
html body main .partager .video .content .title h2{font-size:5rem}
html body main .partager .video .content .title h2 br{display:none}
html body main .partager .video .content .share{width:100%;bottom:-15px}
html body main .partager .video .box-inscription{width:100%;bottom:-540px;height:540px;border-radius:0;background:url("../src/img/athelete-mobile.jpg") no-repeat center center;background-size:cover}
html body main .partager .video .box-inscription .content-inscription{top:50px;left:10%;bottom:initial;display:block}
html body main .partager .video .box-inscription .content-inscription .left{margin-bottom:50px}
html body main .partager .video .box-inscription .content-inscription .left h2{font-size:4.5rem}
html body main .partager .video .box-inscription .content-inscription .left p{line-height:1.5;max-width:250px}
html body main .partager .video .box-inscription img{display:none}
html body footer{padding-top:565px}
html body footer .top-footer p{max-width:300px;margin:0 auto;margin-bottom:30px}
html body footer .bottom-footer{background:url("../src/img/bottom-footer-mobile.jpg") no-repeat center center;background-size:cover;padding-top:30px;padding-bottom:30px}
html body footer .bottom-footer ul{padding:0}
html body footer .bottom-footer ul li{display:block;margin-right:0;margin-bottom:15px;padding-top:15px}
html body footer .bottom-footer ul li:last-child{margin-bottom:0}
}@media screen and (max-width:950px){html body header .box-container .top-left{left:15vw}
html body header .box-container .top-center{left:45vw}
html body header .box-container .top-right{right:20vw}
html body header .box-container .bottom-left{left:10vw}
html body header .box-container .bottom-center{left:18vw}
}@media screen and (max-width:700px){html body header .box-container .top-left{left:7vw}
html body header .box-container .top-center{left:48vw}
html body header .box-container .top-right{right:16vw}
html body header .box-container .bottom-left{left:2vw}
html body header .box-container .bottom-center{left:12vw}
}@media screen and (max-width:640px){html body header{background:url("../src/img/header-bg-mobile.png") no-repeat bottom center,-webkit-gradient(linear,left top,left bottom,from(#fffdfe),to(#fffbfd));background:url("../src/img/header-bg-mobile.png") no-repeat bottom center,-webkit-linear-gradient(#fffdfe,#fffbfd);background:url("../src/img/header-bg-mobile.png") no-repeat bottom center,linear-gradient(#fffdfe,#fffbfd);background-size:cover}
}@media screen and (max-width:600px){html body header .infos p{padding:0 10px}
html body header .box-container .top-left{left:0;padding:15px;top:50px}
html body header .box-container .top-center{left:initial;right:0;padding:15px;top:55px}
html body header .box-container .top-right{right:-10px;padding:15px}
html body header .box-container .bottom-left{left:0;bottom:120px;padding:15px}
html body header .box-container .bottom-center{bottom:0;left:3vw;padding:15px}
html body main .partager .evenement .text{max-width:80%}
html body main .partager .video{min-height:760px}
html body footer .top-footer ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
html body footer .top-footer ul li{margin-right:15px}
}@media screen and (max-width:500px){html body main .participer .content h1{font-size:4.5rem}
html body main .partager .evenement .text h2{font-size:4rem;padding-right:5px}
}@media screen and (max-width:450px){html body main .partager .video{min-height:575px}
html body main .partager .video .content .video-container{height:236px}
html body main .partager .video .content .video-container iframe{height:236px;max-height:236px}
html body main .partager .video .content .video-container img.mobile{height:236px}
html body main .partager .video .content .title h2{font-size:4rem}
}@media screen and (max-width:375px){html body header .box-container .bottom-left{left:-16px}
html body main .partager .video .content .video-container{height:214px}
html body main .partager .video .content .video-container iframe{height:214px;max-height:214px}
html body main .partager .video .content .video-container img.mobile{height:214px}
html body main .partager .video .box-inscription .content-inscription .right .button{padding-left:15px;padding-right:15px}
}@media screen and (max-width:320px){html body header .box-container{bottom:-295px}
html body header .box-container .top-center{top:140px}
html body header .box-container .top-right{top:155px;right:initial;left:40px}
html body header .box-container .bottom-left{bottom:40px}
html body header .box-container .bottom-center{bottom:-70px}
html body main .participer{min-height:1310px}
html body main .participer .content h1{font-size:4rem;margin-bottom:20px}
html body main .participer .content .box div:nth-child(1) br{display:block}
html body main .partager .evenement .text{max-width:90%}
html body main .partager .video{min-height:530px}
html body main .partager .video .content .video-container{height:182px}
html body main .partager .video .content .video-container iframe{height:182px;max-height:182px}
html body main .partager .video .content .video-container img.mobile{height:182px}
html body main .partager .video .box-inscription{background:url("../src/img/athelete-mobile.jpg") no-repeat right bottom;background-size:cover}
html body main .partager .video .box-inscription .content-inscription .left h2{font-size:4rem}
html body main .partager .video .box-inscription .content-inscription .right{margin-left:0;max-width:75%}
html body main .partager .video .box-inscription .content-inscription .right .button{padding-left:5px;padding-right:5px}
}