body,html{width:100%;height:100%;color:#6d808d;font-family:Barlow,sans-serif}a{color:#00f;text-decoration:underline}h1{font-family:Montserrat,sans-serif;font-size:1.8em;line-height:1.3em;font-weight:700;color:#00f}h2{font-family:Montserrat,sans-serif;color:#00f;font-size:1.7em;margin-top:35px;margin-bottom:35px;font-weight:600}h3{font-family:Montserrat,sans-serif;color:#00f;margin-top:40px;margin-bottom:40px;font-weight:700;font-size:1.5em}p{margin-top:20px;margin-bottom:20px;font-size:18px}ul{margin-left:10px}ul li{font-size:1.2em;margin-top:18px}button{border:0;background-color:#ffc928;font-size:18px;font-weight:600;padding:8px 20px;border-radius:30px;color:#00f}button:hover{background-color:#00f;transition:1s ease-out;color:#fff}.banner{background-color:#ffc928;padding:30px 50px;color:#fff;text-align:right;background-image:url(../images/fond-banner.jpg);background-repeat:no-repeat,repeat;background-size:auto}a button{color:#fff}footer{padding:50px 0}.footer2{background-color:#706f6f;padding-top:10px;height:140px}.lp-row,.lp-row1{display:inline-block;margin-bottom:15px;display:relative;width:49%;vertical-align:top}.lp-row label{display:block;font-size:1.2em}.lp-row .lp-input{width:70%}.lp-row input,.lp-row select,.lp-row textarea{background-color:#f2f2ff;border:1px solid #ccc;width:100%;border-radius:20px;height:40px;padding:5px 5px 5px 10px;font-size:1.2em;color:#6d808d}.lp-row select option{color:#fff;background-color:#00f}.lp-row select option:hover{color:#6d808d;background-color:#00f}.lp-row input::placeholder{color:#6d808d}button.lp-button{background:url(https://www.docaposte.com/lp/images/fleche.png) 6px 6px no-repeat #ffc928;padding:10px 20px 10px 54px}button.lp-button:hover{background-color:#00f}.example{float:left}.error{float:right}.lp-row input.invalid,.lp-row select.invalid{border:1px solid red}.invalide{font-weight:500;font-size:14px;float:right}.colorInvalide{color:red!important}.youtube_player{width:560px;height:315px}.youtube_player iframe{width:100%;height:100%}@media screen and (max-width:1199px){.banner{padding:20px;background-size:40% 100%}.footer3{display:none}}@media screen and (max-width:768px){.banner{text-align:left;background-position:bottom;height:450px;background-size:100% 200px}button:hover{background-color:#ffc928;transition:1s ease-out;color:#00f}button.lp-button:hover{background-color:#ffc928}}@media screen and (max-width:480px){h1{font-size:1.7em}h2{font-size:1.3em}.youtube_player{max-width:100%!important}.banner{height:350px;background-size:100% 160px}.banner h1,.banner p{text-align:center}button{font-size:18px}.lp-100,.lp-row .lp-input{width:100%}.lp-row input,.lp-row select{width:95%}.docaposte img{width:180px}.docaposte{text-align:center}.footer2{padding-top:15px;padding-bottom:15px;height:140px}.footer3{display:none}.mentions{text-align:center}}