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:2.3em;line-height:1.3em;font-weight:700;color:#fff}h2{font-family:Montserrat,sans-serif;color:#00f;font-size:1.7em;margin-top:35px;margin-bottom:25px;font-weight:600}h3{font-family:Montserrat,sans-serif;color:#00f;margin-top:10px;margin-bottom:25px;font-weight:700;font-size:1.5em}h4{font-family:Montserrat,sans-serif;color:#00f;margin-top:10px;font-weight:700;font-size:1.1em}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:#00f;padding:50px;color:#fff;text-align:right;background-image:url(../images/fond-banner.jpg);background-repeat:no-repeat,repeat;background-size:auto}.flexDiv{display:flex;flex-wrap:wrap}#gratuit1,#gratuit2,#gratuit3{overflow:hidden;order:1!important;display:none;width:100%}button.gratuit{border-radius:10px;border:0;width:100%;font-size:20px;margin-bottom:0;max-width:480px;min-height:100px}p.fleche{margin-top:-45px;margin-bottom:0;font-weight:700;color:#fff;font-size:2.4em;text-align:right;margin-right:20px;cursor:pointer}button.gratuitOn{background-color:#ffc928;color:#00f}.flecheOn{color:#00f;font-size:40px;text-align:center;margin-top:0;margin-bottom:0}.flecheOff{color:#fff;font-size:40px;text-align:center;margin-top:0;margin-bottom:0}button.gratuitOff{background-color:#00f;color:#fff}button.gratuitOff:hover{background-color:#ffcb05;color:#00f}a button{color:#00f}ul.puce{margin-bottom:30px}ul.puce li{list-style:url(https://www.docaposte.com/lp/images/puce.png)}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}@media screen and (max-width:1199px){.banner{padding:20px;background-size:40% 100%}.flexDiv{display:block}p.fleche{text-align:left;margin-left:425px}.footer3{display:none}.flecheOn{text-align:left;margin-left:225px}}@media screen and (max-width:768px){button.gratuitOff:hover{background-color:#00f;color:#fff}.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:500px){p.fleche{text-align:right;margin-left:0}}@media screen and (max-width:480px){h1{font-size:1.7em}h2{font-size:1.3em}.banner{height:380px;background-size:100% 160px}.banner h1{text-align:left}.flexDiv{display:block}button{font-size:18px}button.gratuit{font-size:22px;min-height:110px}.flecheOn{text-align:center;margin-left:0}.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}}