@import url("https://fonts.googleapis.com/css?family=Roboto");*{padding:0;margin:0;line-height:1;font-family:'Roboto', sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;cursor:default}body{background:#fff;margin:0;width:100%;overflow-x:hidden}a{color:#222933;text-decoration:none}a:hover{text-decoration:none}.btn{display:inline-block;position:relative;padding:15px 25px 14px 25px;color:#fff;cursor:pointer;transition:all .3s}.btn-blue{background:#1987ce}.btn-blue:hover{background:#249eec}input{-webkit-appearance:none}input:focus,textarea:focus{outline:none}.select-hidden{display:none;visibility:hidden;padding-right:10px;box-sizing:border-box}.select{cursor:pointer;display:inline-block;position:relative;font-size:16px;color:#222933;width:26.66%;height:45px;box-sizing:border-box}.select-styled{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;padding:15px 15px}.select-styled:after{content:"";width:0;height:0;border:6px solid transparent;border-color:#222933 transparent transparent transparent;position:absolute;top:20px;right:10px}.select-styled:hover{background-color:#fafafa}.select-styled:active,.select-styled.active{background-color:#f2f2f2}.select-styled:active:after,.select-styled.active:after{top:13px;border-color:transparent transparent #222933 transparent}.select-options{display:none;position:absolute;top:100%;right:0;left:0;height:auto;max-height:200px;z-index:999;margin:0;padding:0;list-style:none;background-color:#f2f2f2;overflow:auto}.select-options li{margin:0;padding:12px 0;text-indent:15px;border-top:1px solid #f7f7f7}.select-options li:hover{color:#222933;background:#CCC}.select-options li[rel="hide"]{display:none}.hide{display:none}header .top-header{display:block;position:relative;padding:20px;top:0;left:0;width:100%;box-sizing:border-box;text-align:left;font-size:15px;z-index:1}header .top-header img#l-menu{display:none;position:absolute;top:20px;right:20px;z-index:99;cursor:pointer}header .top-header ul li{display:inline-block;margin-right:15px;color:#fff;text-shadow:0 0 8px rgba(0,0,0,0.25);transition:all .3s;cursor:pointer}header .top-header ul li:hover{opacity:0.65}header .top-header .top-header-right{position:absolute;top:16px;right:20px}header .top-header .top-header-right li{margin-right:0;margin-left:15px;transition:all .3s}header .top-header .top-header-right li i{font-size:20px;cursor:pointer}header .logo-nav{position:relative;margin-top:15px;z-index:1}header .logo-nav a{cursor:pointer}header .logo-nav img{position:relative;margin-bottom:30px;height:160px;cursor:pointer}header .logo-nav ul{position:relative}header .logo-nav ul li{display:inline-block;position:relative;margin:0 12px;font-size:16px;color:#fff;transition:all .3s;cursor:pointer}header .logo-nav ul li:hover{opacity:0.65}@media (max-width: 765px){header .top-header ul,header .logo-nav ul{display:none}header .top-header img#l-menu{display:block}header .logo-nav img{margin-top:35px;margin-bottom:0;height:125px}}#filtre-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#222933;opacity:0.8;z-index:9998}#menu{position:fixed;top:0;right:-330px;width:300px;max-width:85%;height:100%;text-align:center;background:#fff;z-index:9999;box-shadow:0 0 30px rgba(0,0,0,0.5);transition:all .5s}#menu #logo-menu{position:relative;margin:30px auto 0 auto;height:32px}#menu ul{position:absolute;top:calc(50% - 190px);left:25%;width:50%}#menu ul a li{display:block;position:relative;margin:30px 0;font-size:20px;color:#222933;transition:all .3s;cursor:pointer;text-align:center}#menu ul a li.selected,#menu ul a li:hover{opacity:0.5}#menu ul.social-menu{position:absolute;top:calc(100% - 45px);left:0;width:100%;text-align:center}#menu ul.social-menu li{display:inline-block;margin:0 10px;font-size:18px;color:#222933}#menu div{position:absolute;right:30px;top:30px;color:rgba(55,57,65,0.5);font-size:18px;transition:all .3s;cursor:pointer}#menu div img{position:relative;top:1px;margin-left:6px;width:14px;transition:all .3s;cursor:pointer}#menu div:hover{color:#373941}footer{position:relative;padding:30px 65px;box-sizing:border-box;display:block;background:#222933}footer span{color:#fff}footer ul{display:flex;margin-top:2px;float:right}footer ul li{display:block;position:relative;margin-left:30px;color:#fff;font-size:15px;transition:all .3s;cursor:pointer}footer ul li:hover{opacity:0.65}@media (max-width: 700px){footer span{display:block;width:100%;text-align:center}footer ul{display:none}}.content{position:relative;margin:0 auto;max-width:1200px;width:90%}.flex{display:flex}.hero .filter{position:absolute;top:0;left:0;width:100%;height:100%;background:#222933;opacity:0.2}section{position:relative;padding:110px 0}section .title-section{position:relative;margin-bottom:70px}section .title-section h2{font-size:32px}section .title-section span{display:block;margin-top:20px;font-size:16px;line-height:24px}section .title-section-center{text-align:center}.announces-list{position:relative;display:block;width:100%}.announces-list ul{position:relative;width:100%;flex-wrap:wrap}.announces-list ul .announces{display:block;position:relative;width:100%;height:auto;background:#F2F2F2;border:1px solid rgba(151,151,151,0.2)}.announces-list ul .announces img{position:relative;width:100%}.announces-list ul .announces div{position:relative;padding:35px;width:100%;box-sizing:border-box}.announces-list ul .announces div span.announces-title{position:relative;display:block;margin-bottom:20px;font-weight:bold;font-size:24px;color:#124F74}.announces-list ul .announces div ul{position:relative;margin-bottom:20px;display:flex;width:100%}.announces-list ul .announces div ul li{position:relative;display:block;font-weight:bold;opacity:0.6;font-size:15px}.announces-list ul .announces div ul li i{position:relative;margin-right:4px}.announces-list ul .announces div ul li:first-child{margin-right:20px}.announces-list ul .announces div p{position:relative;margin-bottom:30px;display:block;width:100%;height:45px;font-size:16px;line-height:22px;overflow:hidden;text-overflow:ellipsis;opacity:0.5}.announces-list ul .announces div span.announces-charges{position:relative;display:block;font-weight:bold}.announces-list ul .announces div span.announces-price{float:right;margin-top:-17px;font-weight:bold;font-size:20px;color:#249eec}.announces-list ul .announces div span.announces-price font{margin-left:3px;font-size:12px}.announces-list ul .announces-50{width:calc(50% - 32px);margin:15px}#contact{position:relative;width:100%;background:url(../img/backgrounds/courcelles-immobilier-bg3.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover}#contact .filter{position:absolute;top:0;left:0;width:100%;height:100%;background:#222933;opacity:0.2;z-index:0}#contact .contact-block{display:flex;position:relative;width:100%;background:#fff;z-index:2}#contact .contact-block .contact-block-left{position:relative;padding:70px 55px;width:50%;box-sizing:border-box}#contact .contact-block .contact-block-left h1,#contact .contact-block .contact-block-left h3{display:block;position:relative;margin-bottom:30px;font-size:26px;color:#124F74}#contact .contact-block .contact-block-left span{display:block;position:relative;margin-bottom:50px;font-size:18px;line-height:24px}#contact .contact-block .contact-block-left ul{display:block}#contact .contact-block .contact-block-left ul a{display:block;position:relative;margin-bottom:18px}#contact .contact-block .contact-block-left ul a.pointer li{cursor:pointer}#contact .contact-block .contact-block-left ul li{position:relative;display:block}#contact .contact-block .contact-block-left ul li i{position:relative;margin-right:3px}#contact .contact-block .contact-block-left ul li:last-child{margin-bottom:0}#contact .contact-block .contact-block-right{position:relative;padding:70px 55px;width:50%;box-sizing:border-box;background:#222933}#contact .contact-block .contact-block-right h3,#contact .contact-block .contact-block-right h2{display:block;position:relative;margin-bottom:35px;font-size:24px;color:#fff}#contact .contact-block .contact-block-right form{display:block;position:relative;width:100%}#contact .contact-block .contact-block-right form input[type="text"],#contact .contact-block .contact-block-right form textarea{position:relative;margin-bottom:20px;padding:2px 20px 0 20px;width:100%;height:52px;font-size:15px;box-sizing:border-box;border:none;-webkit-appearance:none}#contact .contact-block .contact-block-right form textarea{padding:22px 20px;height:auto;max-height:130px}#contact .contact-block .contact-block-right form input[type="submit"]{position:relative;height:50px;width:140px;font-size:16px;color:#fff;background:#1987ce;border:none;cursor:pointer;transition:all .3s;-webkit-appearance:none}#contact .contact-block .contact-block-right form input[type="submit"]:hover{background:#249eec}