.hero{align-items:center;display:flex;justify-content:center;position:relative}.hero img{height:100vh;object-fit:cover;object-position:top;width:100vw}.hero .text-wrapper{position:absolute}.hero .text-wrapper h1{background-color:rgba(18,134,202,.47);color:#fff;font-size:calc(30px + 1vw);margin:0;padding:50px 25px;text-transform:uppercase}.presentation{align-items:center;display:flex;flex-wrap:wrap;margin:2.5rem 5rem}.presentation .text-wrapper{width:50%}.presentation .text-wrapper .presentation-text{color:#1288ca;font-size:clamp(1rem,2.5vw,1.5rem);letter-spacing:0;margin-bottom:5rem;padding-left:2.5rem;padding-right:2.5rem;text-align:center}.presentation picture{width:50%}.presentation img{height:384px;object-fit:cover;width:100%}.villes{margin:2.5rem 5rem}.villes form{margin-bottom:2.5rem}.villes form,.villes form>div{display:flex;justify-content:center}.villes form>div div{margin-left:15px;margin-right:15px}.villes form>div #name{background-color:#fff;border-color:#1288ca;border-style:solid;color:#1288ca;font-size:clamp(1rem,2.5vw,1.5rem)}.villes form>div #submit{background-color:#1288ca;border:none;color:#fff;cursor:pointer;font-size:clamp(1rem,2.5vw,1.5rem);height:100%;max-height:60px;max-width:60px}.villes form>div #submit:hover{background-color:#10689b;transition:all .5s}.villes form>div #submit:focus{background-color:#0a4466}.villes form>div #name::placeholder{color:#1288ca;opacity:1;text-align:center}.villes form>div #anneeLabel,.villes form>div #label{background-color:#fff;border-color:#1288ca;border-style:solid;color:#1288ca;cursor:pointer;font-size:clamp(1rem,2.5vw,1.5rem)}.villes form>div select{appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-left:40px;padding-right:40px}.villes form>div select::-ms-expand{display:none}.villes .villes-card-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:5rem}.villes .villes-card-list a{margin-bottom:2.5rem;text-decoration:none;width:540px}.villes .villes-card-list a .card img{height:250px;object-fit:cover;width:100%}.villes .villes-card-list a .card .card-title{color:#1288ca;font-size:calc(23px + 1vw);font-weight:900;margin-bottom:0;margin-top:1rem;text-align:center}.villes .pagination-wrapper{display:flex;justify-content:center}.villes .pagination-wrapper .pagination{text-align:center;width:500px}.villes .pagination-wrapper .pagination span{padding:10px 15px}.villes .pagination-wrapper .pagination .current{background-color:#1288ca;color:#fff}.villes .pagination-wrapper .pagination a{color:#1288ca;text-decoration:none}@media (max-width:1240px){.presentation{margin:2.5rem 5rem!important}.presentation picture{width:100%}.villes-card-list a{max-width:450px}}@media (max-width:1060px){.villes-card-list a{max-width:400px;max-width:350px}}@media (max-width:860px){.villes-card-list{justify-content:center!important}.villes-card-list a{max-width:540px}form{display:flex;justify-content:center;margin-bottom:2.5rem}form>div{flex-direction:column}form>div div{margin-left:0!important;margin-right:0!important}form>div #name{background-color:#fff;border-color:#1288ca;border-style:solid;color:#1288ca}form>div #name,form>div #submit{font-size:clamp(1rem,2.5vw,1.5rem)}form>div #submit{background-color:#1288ca;border:none;color:#fff;cursor:pointer;height:100%;max-height:60px;max-width:60px}form>div #submit:hover{background-color:#10689b;transition:all .5s}form>div #submit:focus{background-color:#0a4466}form>div #name::placeholder{color:#1288ca;opacity:1;text-align:left!important}form>div #name::-webkit-input-placeholder{color:#1288ca}form>div #name::-moz-placeholder{color:#1288ca}form>div :-ms-input-placeholder{color:#1288ca}form>div :-moz-placeholder{color:#1288ca}form>div #anneeLabel,form>div #label{background-color:#fff;border-color:#1288ca;border-style:solid;color:#1288ca;cursor:pointer;font-size:clamp(1rem,2.5vw,1.5rem)}form>div select{appearance:none;-moz-appearance:none;-webkit-appearance:none;width:100%!important}form>div select::-ms-expand{display:none}}@media (max-width:1156px){.presentation{justify-content:center;margin:15px}.presentation .text-wrapper{width:100%}.presentation .text-wrapper .presentation-text{font-size:clamp(1rem,2.5vw,1.5rem)!important;padding-left:0!important;padding-right:0!important}.presentation img{width:100%}.villes .filter-wrapper form>div{flex-wrap:wrap}.villes .filter-wrapper form>div div{margin-bottom:2.5rem}.villes .filter-wrapper form>div div input,.villes .filter-wrapper form>div div select{font-size:21px!important;width:320px}.villes .villes-card-list .card{margin:unset!important;width:100%!important}.villes .villes-card-list .card img{width:100%!important}}@media (max-width:420px){.presentation{margin-left:15px;margin-right:15px}.presentation .presentation-text{padding-left:0!important;padding-right:0!important}}