body{font-size:15px;margin:0;padding:0;font-family:"Helvetica", sans-serif;}header{align-items:center;display:flex;justify-content:space-between;margin:0 20px;max-width:1200px;padding:20px 0;}a{color:#256bb4;text-decoration:none;}.logo{width:100px;}.btnContact{background-color:#f0b60c;border-radius:8px;color:#ffffff;display:inline-block;font-size:14px;font-family:sans-serif;text-align:center;text-decoration:none;line-height:42px;padding:0 5px;border:1px solid #f0b60c;font-weight:bold;width:130px;}.btnContact a{color:#ffffff;}.background{align-items:center;background:url("/images/landingpage/teljeunes/img-hero-desktop.jpg") no-repeat 100%;background-size:cover;background-position:center top;background-color:white;display:block;flex-direction:column;height:100%;padding:25px 0 25px 0;position:relative;text-align:left;width:100vw;z-index:1;}.background .title{font-family:acumin-pro-wide, sans-serif;font-weight:800;font-style:normal;display:block;line-height:1.2;width:100%;}.background .title div{color:#ffffff;font-size:40px;font-weight:bold;}.background .title div{padding:0 20px 0 0;}.background .secTitle{display:flex;flex-direction:column;}.background .subTitle{font-family:acumin-pro-wide, sans-serif;font-weight:800;font-style:normal;padding:10px 0 0 0;font-size:20px;font-weight:bold;color:#ffffff;}.infoBanner{margin:0 20px 20px 20px;position:relative;}.infoBanner .logoFree{right:0;top:14px;position:absolute;width:90px;}.infoBanner .logoTeljeunes img{margin:20px 0 0 0;width:158px;}.overlay{background:rgba(255, 255, 255, 0.8);width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0;}.content{margin:0 20px;max-width:1440px;}.contentBleu{background-color:#246ab4;}.contentInfo1{align-items:center;color:#246ab4;display:flex;font-size:16px;flex-direction:column-reverse;padding:25px 0 0 0;}.contentInfo1 .imgInfo1{display:flex;}.contentInfo1 .titles{font-family:acumin-pro-wide, sans-serif;font-style:normal;display:flex;flex-direction:column;font-size:30px;font-weight:900;}.contentInfo1 .titles span{line-height:1;}.contentInfo1 .txtInfo1{margin:50px 0 0 0;}.contentInfo1 p{max-width:560px;}.contentInfo1 img{width:100%;}.contentInfo2{align-items:center;color:#ffffff;display:flex;justify-content:space-between;font-size:16px;flex-direction:column-reverse;margin:0 auto;max-width:1210px;padding:40px 20px 0 20px;}.contentInfo2 div:first-child{margin-bottom:30px;max-width:510px;}.contentInfo2 h1{font-size:24px;font-family:acumin-pro-wide, sans-serif;line-height:1;}.contentInfo2 img{width:100%;}.contentInfo3{align-items:center;color:#246ab4;display:flex;justify-content:space-between;font-size:16px;flex-direction:column-reverse;margin:20px auto;max-width:1210px;padding:25px 8px 0 8px;}.contentInfo3 h1{font-size:24px;font-family:acumin-pro-wide, sans-serif;line-height:1;}.contentInfo3 div:first-child{max-width:510px;}.contentInfo3 img{width:100%;}.contentInfo4{color:#ffffff;justify-content:space-between;font-size:16px;margin:20px auto 0 auto;max-width:510px;padding:20px;}.contentInfo4 h1{font-family:acumin-pro-wide, sans-serif;line-height:1;}.contentInfo4 .info{font-weight:bold;}.txtExemple{display:flex;flex-direction:column;margin:20px 20px 20px 0;max-width:510px;}.txtExemple .exemple{display:flex;padding:12px 0;}.txtExemple .exemple div{margin-right:10px;}.cta{padding-top:20px;}.btnYellow span{background:#f0b60c;border-radius:8px;color:#ffffff;display:inline-block;font-size:14px;font-family:sans-serif;text-align:center;text-decoration:none;line-height:42px;padding:0 45px;border:1px solid #f0b60c;font-weight:bold;width:130px;}.btnBlue span{background:#246ab4;border-radius:8px;color:#ffffff;display:inline-block;font-size:14px;font-family:sans-serif;text-align:center;text-decoration:none;line-height:42px;padding:0 45px;border:1px solid #246ab4;font-weight:bold;width:130px;}.link{font-size:12px;}.link a{color:#ffc828;text-decoration:underline;}footer{background-color:#ffffff;}footer .contentFooter{color:#246ab4;margin:0 auto;max-width:800px;padding:15px 20px;text-align:center;}@media only screen and (max-width:375px){.background .title div{font-size:30px;}.background .subTitle{font-size:15px;}}@media only screen and (min-width:500px){.background{padding:50px 0 25px 0;}.background .title div{font-size:60px;}.background .subTitle{font-size:34px;padding:10px 0 0 0;}.logo{width:125px;}.btnContact{font-size:16px;padding:0 20px;}.infoBanner .logoFree{width:120px;}.infoBanner .logoTeljeunes img{margin:20px 0 0 10px;width:198px;}.contentInfo .titleInfo{line-height:initial;}.contentInfo1 .titles{font-size:48px;}.contentInfo2 h1, .contentInfo3 h1{font-size:36px;font-weight:900;}.contentInfo4 .info{max-width:500px;}}@media only screen and (min-width:800px){header{margin:20px 8px;}.title div{font-size:60px;}.background .secTitle{flex-direction:row;}.boxInfo{display:block;}.infoBanner{max-width:1200px;margin:0 auto;width:100%;}.contentInfo .titleInfo{font-size:28px;}.infoBanner img{width:auto;}.infoBanner .logoFree{right:8px;}.background .title div, .background .subTitle{padding-left:5px;}}@media only screen and (min-width:915px){.content{margin:0 auto;}header{margin:0 auto;padding:20px 8px;}.logo{width:163px;}.background .title div{font-size:75px;}.infoBanner .logoFree{width:140px;}.contentInfo1, .contentInfo2, .contentInfo3{align-items:initial;flex-direction:row;}.contentInfo1 img, .contentInfo2 img{width:auto;}.contentInfo3 img{width:553px;}.btnContact{padding:0 40px;}.contentInfo2{padding:40px 8px 0 8px;}.contentInfo4{max-width:1210px;padding:20px 8px;}.txtExemple{flex-direction:initial;max-width:initial;}.txtExemple .contentExemple{margin-right:40px;max-width:525px;}}@media only screen and (min-width:1210px){.infoBanner .logoFree{right:0;}.background .title div, .background .subTitle{padding-left:0;}}