.hero-search{position:relative;width:100%;height:420px;color:#fff;text-align:center;-webkit-background-size:cover;background-size:cover}.hero-search .filter{opacity:0.2}.hero-search .search{position:relative;margin:95px auto 0 auto;padding:35px;width:90%;height:auto;max-width:1170px;background:#222933;box-sizing:border-box;z-index:2}.hero-search .search div{position:relative;width:100%;height:50px;background:#fff}.hero-search .search div form{display:flex}.hero-search .search div input,.hero-search .search div select,.hero-search .search div div{position:relative;width:calc(20% - 1px);height:50px;line-height:20px;text-align:left;box-sizing:border-box;-webkit-appearance:none}.hero-search .search div input div,.hero-search .search div select div,.hero-search .search div div div{width:100%}.hero-search .search div div input[type="text"]{position:relative;padding:0 15px;width:calc(100% - 20px);font-size:16px;border:none;-webkit-appearance:none}.hero-search .search div div span{display:block;position:absolute;top:16px;right:0px;width:20px;float:right;font-size:18px;color:#222933}.hero-search .search div input[type="submit"]{position:relative;width:calc(20% + 4px);text-align:center;font-size:16px;font-weight:bold;color:#fff;background:#1987ce;border:none;cursor:pointer;transition:all .3s;-webkit-appearance:none}.hero-search .search div input[type="submit"]:hover{background:#249eec}.hero-search .search div .border,.hero-search .search div .select{border-right:1px solid #DDD}.hero-search .search-acheter-louer div input,.hero-search .search-acheter-louer div select,.hero-search .search-acheter-louer div div,.hero-search .search-acheter-louer div input[type="submit"]{position:relative;width:25%}#hero-rent{background:url(../img/backgrounds/courcelles-immobilier-bg4.jpg) no-repeat center}#hero-buy{background:url(../img/backgrounds/courcelles-immobilier-bg5.jpg) no-repeat center}#hero-results{background:url(../img/backgrounds/courcelles-immobilier-bg2.jpg) center center}.announces-list{margin-top:55px}.announces-list ul li.announces{display:flex;flex-wrap:wrap;height:370px;margin:15px;cursor:pointer}.announces-list ul li.announces div{display:block;padding:50px 30px;width:calc(100% - 720px);cursor:pointer}.announces-list ul li.announces div span.announces-title{overflow:hidden;width:100%;max-height:24px;font-size:24px;cursor:pointer}.announces-list ul li.announces div p{top:10px;margin-bottom:50px;height:130px;font-size:16px;line-height:22px;cursor:pointer}.announces-list ul li.announces div.c_img{padding:0;width:720px;height:370px;overflow:hidden;cursor:pointer}.announces-list ul li.announces img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;transition:ease .5s;cursor:pointer}.announces-list ul li:hover img{width:103%}@media (max-width: 1300px){.announces-list ul a li.announces div ul{margin-bottom:15px}.announces-list ul a li.announces div p{margin-bottom:35px}.announces-list ul a li.announces div span.announces-charges,.announces-list ul a li.announces span.announces-price{display:block;margin:0;float:inherit;width:100%}.announces-list ul a li.announces div span.announces-charges{margin-bottom:10px}}@media (max-width: 1200px){.hero-search .search{max-width:980px}.announces-list ul a{display:block;margin:15px;width:calc(50% - 32px);height:auto;box-sizing:border-box}.announces-list ul a li.announces{margin:0;width:100%;height:auto}.announces-list ul a li.announces div.c_img{position:relative;width:100%;height:auto}.announces-list ul a li.announces div.c_img img{position:relative;top:0;left:0;margin:0;transform:inherit}.announces-list ul a li.announces div{width:100%}.announces-list ul a li.announces div span.announces-title{font-size:22px;max-height:22px;cursor:pointer}.announces-list ul a li.announces div p{height:130px}.announces-list ul a li.announces div ul{margin-bottom:25px}.announces-list ul a li.announces div p{margin-bottom:35px}.announces-list ul a li.announces div span.announces-charges{margin-bottom:15px}.announces-list ul li{transition:all .3s}.announces-list ul li:hover{box-shadow:0px 6px 12px rgba(0,0,0,0.1)}.announces-list ul li:hover img{width:100%}}@media (max-width: 1100px){.hero-search{margin-bottom:100px}.hero-search .search{height:260px;width:100%;max-width:inherit}.hero-search .search div form{flex-wrap:wrap}.hero-search .search div input,.hero-search .search div select,.hero-search .search div div{position:relative;width:50%;margin-bottom:20px}.hero-search .search div input[type="submit"]{margin-bottom:0;width:250px;margin-left:calc(100% - 250px)}.hero-search{margin-bottom:60px}.hero-search .search-acheter-louer{height:192px}.hero-search .search-acheter-louer div{position:relative}.hero-search .search-acheter-louer div input[type="submit"]{position:absolute;top:70px;width:50%;margin-left:50%}}@media (max-width: 900px){.hero-search .search{padding-left:25px;padding-right:25px}.hero-search .search div input[type="submit"]{width:100%;margin-left:0}.hero-search .search *,.hero-search .search div div input[type="text"],.hero-search .search div input[type="submit"]{font-size:14px}.hero-search .search-acheter-louer div input[type="submit"]{position:absolute;top:70px;width:50%;margin-left:50%}.announces-list ul a{margin:0 0 30px 0;width:100%}.announces-list ul a:last-child{margin:0 0 0 0}}