*{padding:0;margin:0;border:0;line-height:normal;text-decoration:none;vertical-align:top} header,footer,article,nav,aside,section{display:block;overflow:hidden;zoom:1} @font-face { font-family: HelveticaNeueLT; src: url('/fonts/HelveticaNeue-Roman.eot'); src: url('/fonts/HelveticaNeue-Roman.ttf') format('truetype'), url('/fonts/HelveticaNeue-Roman.woff') format('woff'), url('/fonts/HelveticaNeue-Roman.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: HelveticaNeueBold; src: url('/fonts/HelveticaNeue-Bold.eot'); src: url('/fonts/HelveticaNeue-Bold.ttf') format('truetype'), url('/fonts/HelveticaNeue-Bold.woff') format('woff'), url('/fonts/HelveticaNeue-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } html{width:100%;background:#e7e7e8;} body{font-size:12px;width:100%;font-family:HelveticaNeueLT,Helvetica,Arial,Verdana, Sans-Serif;line-height:18px;color:#000;} p,ul li{line-height:18px} input,select,textarea{font-family:HelveticaNeueLT,Helvetica,Arial,Verdana, Sans-Serif;font-size:13px;color:#c2c1c0} input:hover,select:hover,textarea:hover{color:#424242} input.rempli,select.rempli,textarea.rempli{color:#424242} u{text-decoration:underline} a{color:#000} a:hover{text-decoration:underline} .center{width:1000px;position:relative;margin:0 auto} .left{float:left;} .right{float:right} .clear{clear:both;} .nomargin{margin:0 !important} .noborder{border:0 !important} .nopadding{padding:0 !important} .nodisplay{display:none} .marginrigth{margin-right:15px} .marginleft{margin-left:15px} .margintop{margin-top:15px} .marginbottom{margin-bottom:15px} .textcenter{text-align:center} .errorS{color:red} .error{color:red} .ui-menu-item a{display:block} .arrondis{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px} .FieldError{color:#de493d !important;border:solid 1px #de493d} .isOk{color:#278b00;font-size:18px;background:url(/img/isok.png) left no-repeat;padding:5px 0 5px 35px} #Body{background:#ececec;;position:relative} .container_cookies{background:#424242;width:97%;padding:5px 1.5%;color:#fff;font-size:11px;position:fixed;bottom:0;left:0;z-index:950} .container_cookies .text_cookies{float:left;margin-right:1.5%;max-width:95%} .container_cookies .button_submit{background:#de493d;color:#fff;padding:5px} #header{background:#de493d;position:fixed;top:0;left:0;height:58px;overflow:visible;z-index:900;padding-left:1.5%;width:98.5%} #header .logo{margin-top:10px;margin-bottom:10px;} #header #Menu{font-size:14px;text-transform:uppercase;font-family:'HelveticaNeueLT';} #header #Menu ul{float:right;font-size:14px;text-transform:uppercase;} #header #Menu ul li.principal{float:left;background:url(/img/menu_separator.gif) right no-repeat;display:inline;overflow:visible;height:58px} #header #Menu ul li.principal:last-child{background:none} #header #Menu ul li a{padding:22px 35px 15px 35px;display:block;font-weight:normal} #header #Menu ul li a:hover{text-decoration:none;border-bottom:solid 3px #fff;padding:22px 35px 12px 35px;} #header #Menu ul li.selected a{text-decoration:none;border-bottom:solid 3px #fff;padding:22px 35px 12px 35px;} #Menu ul li .SousMenu{display:none;position:absolute;left:0;width:100%;background:url(/img/fond_ssmenu.png) top left repeat;z-index:950;height:1000px;top:57px;} #Menu ul li .SousMenu li{float:none;} #Menu ul li .SousMenu li a{} #header #Menu a{color:#fff;} #header #Selection{float:right;font-family:'HelveticaNeueLT';background:#57575a url(/img/selection_fbas.gif) 156px 28px no-repeat;padding-right:29px;} #header #Selection a.btn{padding:20px 11px 20px 29px;display:block;color:#fff;font-size:14px;text-transform:uppercase;line-height:18px} #header #Selection a.btn #countSelection{font-size:12px;;background:#de493d;padding:6px 5px 4px 4px;margin-left:15px;border-radius:90%;width:16px;height:16px;text-align:center;line-height:12px} #header #Selection a.btn:hover {text-decoration:none} #header #Selection a.btn .moinsde10{padding:6px 8px 4px 7px !important;} .noel2023 { position: absolute; z-index: 450; top: 0; left: 50px; } #Menu ul li .SousMenu .content {background:#fff;padding:2.5% 1.5%;width:97%;} #Menu ul li .SousMenu .close{float:right;padding:5px} #Menu ul li .SousMenu .content .titre{background:#57575a;font-size:13px;color:#fff;width:235px;padding:15px;border-radius:6px;line-height:18px;margin-bottom:15px} #Menu ul li .SousMenu .FindHome{float:left;margin-right:2.5%;width:calc(57.5% - 1px)} .FindHome .h1{float:left;margin-right:35px;font-weight:normal;font-size:13px} .FindHome .cartefrancesmall{float:right;position:relative;width:300px;height:311px;background:url(/img/carte/maps.png) top left no-repeat;} .FindHome #SelectDep2{position:absolute;top:0px;right:0;width:300px;height:311px;z-index:-100;} .FindHome #SelectDep2 .departement{position:absolute;top:0;left:0;} #AutresDestinations{width:calc(40% - 80px);padding:0 40px} #AutresDestinations #AutresPays2{position:relative;width:100%;padding:0;margin:0;float:left;overflow:unset} #AutresDestinations #AutresPays2 .liste{position:relative;width:100%;padding:0;margin:0;float:left;overflow:hidden} #AutresDestinations #AutresPays2 .liste ul{float:none!important;padding:0} #AutresDestinations #AutresPays2 .fleche{position:absolute;top:calc(50% - 20px);} #AutresDestinations #AutresPays2 .sprev{left:-30px;display:inline-block;padding:0!important;} #AutresDestinations #AutresPays2 .snext{right:-30px;display:inline-block;padding:0!important;} #AutresDestinations .destination{float:left!important;width:125px;margin-right:25px;position:relative;clear:unset; } #AutresDestinations .destination a{display:block;margin:1px;transition: 0.7s;padding:0!important} #AutresDestinations .destination:hover a{margin:0 } #AutresPays2 .liste ul li.selected a{margin:0;border:solid 1px #de493d } #AutresPays2 .liste ul li.selected .title{background-color:#de493d;color:#fff} #AutresDestinations .destination img{display:block;width:100%;height:auto;border-radius:6px} #AutresDestinations .destination .title{background-color:rgba(255,255,255,0.7);padding:10px 5%;position:absolute;bottom:0;left:0;width:90%;text-transform:uppercase;color:#000} #Menu ul li .SousMenu .FindHome #InfosDepSmall{position:absolute;top:100px;right:50px;width:150px} #Menu ul li .SousMenu .FindHome #InfosDepSmall .infosdep2{display:none;text-align:center;color:#db4b43;font-size:22px;} #Menu ul li .SousMenu .FindHome #InfosDepSmall .infosdep2 .numero{font-size:26px;font-weight:bold;display:block;margin-bottom:10px} #Menu ul li .SousMenu .content .close{position:absolute;top:0;right:0;} #Menu ul li .SousMenu .content .topville{float:left;clear:both;font-size:11px;width:calc(100% - 325px);margin:0 0% 0 0} #Menu ul li .SousMenu .content .topville h2{margin-bottom:25px;font-weight:normal} #Menu ul li .SousMenu .content .topville ul{width:100%} #Menu ul li .SousMenu .content .topville ul li{float:left;width:calc(50% - 25px);margin:2px 0;background:url(/img/fond_acheter_puce.jpg) 0 0 no-repeat;padding-left:25px;padding-top:2px} #Menu ul li .SousMenu .content .topville ul li a{padding:0 !important;font-size:11px !important;color:#a7a8ac !important;} #Menu ul li .SousMenu .content .topville ul li a:hover{text-decoration:underline;color:#000 !important;} #Menu ul li .SousMenu .topactions{width: calc(40% - 80px); padding: 15px 40px 0 40px;} #Menu ul li .SousMenu .topactions ul{width:100%;float:left} #Menu ul li .SousMenu .topactions ul li{float:left;width:45%;margin-right:5%} #Menu ul li .SousMenu .topactions ul li a{background-color:#57575a;font-size:13px;text-transform:uppercase;padding:15px 25px!important} #Menu ul li .SousMenu .basContent{width:100%;height:100%} #Menu ul li .SousMenu .content #FormAchat{float:right;width:50%;padding-left:2.5%;border-left:solid 1px #333;position:relative} #SelectionContent{float:right;background:#fff;width:29.5%;border-bottom-left-radius:6px;border-bottom-right-radius:6px} #SelectionContent .libelle{background:#57575a;padding:15px 50px;color:#fff;text-transform:uppercase;line-height:24px} #SelectionContent .liste{padding:30px 50px;text-transform:none;font-size:13px} .FormSaveSelection{clear:both;border:solid 1px #c2c1c0;padding:15px 0 15px 15px;margin:0 0 15px 0;border-bottom-left-radius:6px;border-bottom-right-radius:6px} .FormSaveSelection .titre{font-size:14px;margin-bottom:10px;} .FormSaveSelection .field{float:left;padding:2%;width:80%;color:#424242;background:#ececec;margin-right:4%;font-size:12px} .FormSaveSelection .submit{background:#de493d;color:#fff;font-size:12px;padding:2%} #SelectionContent .liste .options{width:100%;} #SelectionContent .liste .options li{float:left;font-size:13px;padding:5px 10px;} #SelectionContent .liste .options li:hover{cursor:pointer} #SelectionContent .liste .options li.selected{background:#c2c1c0;color:#fff;border-top-left-radius:6px;border-top-right-radius:6px;} #SelectionContent .liste .item_selection{width:100%;padding:0 0 15px 0;margin:0 0 15px 0;color:#c2c1c0;border-bottom:solid 1px #c2c1c0} #SelectionContent .liste .item_selection .photo{float:left;width:100px;margin-right:25px;display:inline;padding:0} #SelectionContent .liste .item_selection h3 {margin-bottom:10px;text-transform:uppercase;max-height:26px} #SelectionContent .liste .item_selection h3 a{color:#1d1d1b !important;} #SelectionContent .liste .item_selection .recap div{float:left;border-right: solid 1px #b3b2b2;width:45%;padding-left:4%;;margin-bottom:10px;text-transform:none} #SelectionContent .liste .item_selection .recap .localisation{background:url(/img/picto_localisation.png) 0 0 no-repeat;margin-right:5%;width:40%;padding-top:2px} #SelectionContent .liste .item_selection .recap .prix{background:url(/img/picto_prix.png) 0 0 no-repeat;padding-top:2px} #SelectionContent .liste .item_selection a.detail{background:url(/img/fond_puce_rouge.png) 0 0 no-repeat;padding-left:15px;color:#de493d !important} #SelectionContent .seeSelection{background:#424242;padding:10px 20px;font-size:14px;text-transform:uppercase;display:inline-block} #SelectionContent .seeSelection:hover{background:#de493d} header .snsm{float:left;margin-left:20px;color:#fff;text-transform:uppercase} header .snsm a{color:#fff} header .snsm a span{float:left;line-height:60px;display:inline-block;margin-right:10px;font-size:14px} header .snsm a img{height:50px;width:auto;margin-top:5px} #SnsM{position:fixed;top:0px;left:0;width:100%;z-index:600;background:rgba(236, 236, 236,0.9);height:100%;z-index:1000} #SnsM .content{margin:0 auto;width:980px;background-color:#fff;overflow-y:scroll} #SnsM .content .gal{width:100%;height:140px;position:relative;overflow:unset} #SnsM .content .gal ul{width:100%;overflow:unset} #SnsM .content .gal ul li{width:20%;float:left;} #SnsM .content .gal ul li img{display:block;width:100%;height:auto} #SnsM .content .gal ul li:last-child img{border-right:none} #SnsM .content .gal ul li.li0{transform: rotate(-10deg);overflow:unset} #SnsM .content .gal ul li.li1{} #SnsM .content .gal ul li.li2{transform: rotate(-2deg);height:130px!important;overflow:hidden;position:absolute;top:0;left:39.5%;width:21%;z-index:50} #SnsM .content .gal ul li.li3{height:140px!important;overflow:hidden;margin-top:-5px;;margin-left:20%} #SnsM .content .gal ul li.li4{transform: rotate(10deg);position:absolute;top:15px;right:-2%;width:23%;height:140px;overflow:hidden} #SnsM .content .texte{color:#333;padding:30px 5%;font-size:14px;text-align:justify;clear:both} #SnsM .content .texte p{line-height:24px} #SnsM .content .texte .titre{text-transform:uppercase;font-size:20px;text-transform:uppercase;margin-bottom:20px;line-height:30px;text-align:center} #SnsM .content .texte ul{list-style-type:square;list-style-position:inside;margin:5px 0} #SnsM .content .texte ul li{margin:5px 0;line-height:18px} #SnsM .content .don{padding-bottom:25px;} #SnsM .close{position:fixed;top:2.5%;right:5%;z-index:620} .PopupHeader{position:fixed;top:0px;left:0;width:100%;z-index:600;background:rgba(236, 236, 236,0.9);height:100%;z-index:1000} .PopupHeader .close{float:right;margin:15px;} .PopupHeader .content{clear:both;margin:0 auto;width:980px;background-color:#fff;overflow-y:scroll;padding:15px;} .PopupHeader .content iframe{margin:0 20px} .breadcrumb{padding:10px 0;height:40px} #ProContent{float:right;background:#fff;width:520px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;overflow:hidden} #ProContent .libelle{background:#57575a;padding:15px 25px;color:#fff;text-transform:uppercase} #ProContent .liste{padding:10px;width:440px;font-size:12px;line-height:18px;margin:0 25px;overflow:hidden} #ProContent .liste p{line-height:20px} #ProContent .liste i{font-size:10px} #ProContent .liste .options{width:100%;} #ProContent .liste .options li{float:left;font-size:13px;padding:8px 10px 5px 10px;} #ProContent .liste .options li:hover{cursor:pointer} #ProContent .liste .options li.actif{background:#de493d;color:#fff;border-top-left-radius:6px;border-top-right-radius:6px;} #ProContent .liste .btninscription{background:#de493d;color:#fff;font-size:16px;display:inline-block;text-align:center;margin-top:15px;width:340px} #FondFlash{background:#fff;width:100%;position:relative} #Flash{clear:both;position:relative;margin:1.5%;width:97%;display:block;background:#fff;text-align:center;background:#d9dbdc} #Flash .item{width:100%;border-radius:6px;} #Flash .item .titre{position:absolute;bottom:0;left:0;z-index:500;width:98%;padding:1%;background:rgba(255,255,255,0.6);text-align:left} #Flash .item .titre h2{font-size:16px !important;text-transform:uppercase;background:url(/img/fond_acheter_puce.png) 0 0 no-repeat;padding-left:25px;font-weight:normal;line-height:22px;height:24px} #Flash .item .titre h2 a{color:#424242} #Next{position:absolute;right:1.45%;z-index:600;} #Next:hover{cursor:pointer} #Prev{position:absolute;left:1.45%;z-index:600;} #Prev:hover{cursor:pointer} .lienrives{display:block;position:relative} .lienrives img{width:100%;height:auto;display:block} #BandeauDetail{background:#d9dbdc;position:fixed;left:0;;text-transform:uppercase;font-size:13px;color:#424241;top:58px;width:100%;overflow:visible;z-index:800;max-height:48px} #BandeauDetail .titre{padding:15px 25px 10px 25px;float:right;line-height:24px;max-height:47px;max-width:150px} #BandeauDetail .titre2{padding:15px 25px 10px 25px;float:right;line-height:30px;max-height:30px;max-width:150px} #BandeauDetail .titre span{font-family:'HelveticaNeueBold';font-size:16px;margin-right:10px;} #BandeauDetail .BtnSelection{float:right;color:#424242;font-size:13px;font-weight:normal;text-transform:uppercase;padding:18px 20px 13px 20px;font-size:13px !important;border-left:solid 3px #fff;text-align:center} #BandeauDetail .filterfield{float:right;color:#424242;font-size:13px;font-weight:normal;text-transform:uppercase;} #BandeauDetail .filterfield .filtre{float:left;display:inline-block;font-size:13px;max-width:150px} #BandeauDetail .filterfield .filtre .entete{padding:18px 20px 13px 20px;font-size:13px !important;border-left:solid 3px #fff;text-align:center;max-height:47px;overflow:hidden} #BandeauDetail .filterfield .filtre .entete2{padding:20px 20px 3px 20px;font-size:13px !important;border-left:solid 3px #fff;text-align:center;height:27px;overflow:hidden} #BandeauDetail .filterfield .filtre:hover{cursor:pointer;color:#333;background:#fff;} #BandeauDetail .filterfield .over{cursor:pointer;color:#333;background:#fff;} #BandeauDetail .filterfield .filtre ul.liste{display:none;position:absolute;background:#fff;z-index:800;padding:5px 10px 10px 10px;max-height:255px;overflow-y : scroll;font-size:12px;min-width:110px;border-bottom-left-radius:6px;border-bottom-right-radius:6px} #BandeauDetail .filterfield .filtre ul.liste li{padding:2px 0;background:url(/img/fond_acheter_puce.jpg) 0 4px no-repeat;padding-left:25px;color:#a7a8ac} #BandeauDetail .filterfield .filtre ul.liste li:hover{color:#424242} #BandeauDetail .filterfield .filtre ul.liste li a{color:#a7a8ac} #BandeauDetail .filterfield .filtre ul.liste li:hover a{color:#424242} #BandeauDetail .filterfield .filtre ul.liste li i{font-size:10px;padding-top:3px} #BandeauDetail .filterfield .filtre ul.liste li .caseacocher{float:right;border:solid 1px #9c9d9d;width:10px;height:10px;margin:4px 0 5px 5px} #BandeauDetail .filterfield .filtre ul.liste li .caseacocher-s{float:right;border:solid 1px #9c9d9d;width:10px;height:10px;margin:4px 0 5px 5px;background:#db4b43} #BandeauDetail .filterfield .submit{width:30px;margin:5px 30px 5px 10px} #BandeauDetail .filterfield .separator{float:left;background:#fff;width:1px;margin:12px 25px 0 10px;height:18px } .prelative{position:relative !important;z-index:0;top:0!important} .RechercheBien {margin:0;float:left;border-radius:6px;background:#fff;border-top-left-radius:0px;border-bottom-left-radius:0px} .RechercheBien .field{float:left;border-right:solid 3px #e9eaea;color:#b3b2b2;text-transform:none;font-size:14px;} .RechercheBien .fieldtext{float:left;border:solid 1px #e9eaea;color:#b3b2b2;text-transform:none;font-size:14px;padding:5px} .RechercheBien .field p{height:18px} .RechercheBien .field:hover{cursor:pointer;color:#424242} .RechercheBien .fields{color:#424242} .RechercheBien .fields .multiple{display:block;padding:18px 36px 10px 16px;height:10px} .RechercheBien .flocalisation{ background: url(/img/picto_localisation.png) 100px 15px no-repeat #fff; padding: 15px 36px 15px 16px; width: 75px;border-top-left-radius:0px;border-bottom-left-radius:0px;height:18px } .RechercheBien .flocalisation p{width:90px;} .RechercheBien .flocalisations{height:17px;color:#424242} .RechercheBien .ftypebien{background: url(/img/picto_typebien.png) 114px 15px no-repeat #fff; padding: 15px 31px 15px 16px;height:18px; width: 94px;} .RechercheBien .typebiens{height:17px;color:#424242} .RechercheBien .fvue{background:url(/img/picto_vue.png) 112px 19px no-repeat #fff;padding:18px 31px 12px 16px;width:85px;height:18px;} .RechercheBien .vues{height:17px;color:#424242} .RechercheBien .fprix{background:url(/img/picto_prix.png) 65px 18px no-repeat #fff;padding:18px 36px 14px 16px;width:49px;font-size:14px;text-transform:uppercase} .RechercheBien .fprix input{width:80px;font-size:13px;font-family:HelveticaNeueLT,Helvetica;color:#b3b2b2;} .RechercheBien .fprix:hover input{color:#424242} .RechercheBien .fprix .prixs{color:#424242} .RechercheBien .fprix2{width:70px;background-position:100px center} .RechercheBien .fprix2 input{width:79px;background:none} .RechercheBien .fpers{background:url(/img/picto_pers.png) 85px 15px no-repeat #fff;background-size:20px;padding:18px 36px 13px 16px;width:60px;font-size:14px;text-transform:uppercase} .RechercheBien .fpers input{width:80px;font-size:13px;font-family:HelveticaNeueLT,Helvetica;color:#b3b2b2;;background-color:transparent} .RechercheBien .fpers:hover input{color:#424242} .RechercheBien .fpiscine{background:url(/img/picto_pool.png) 65px 15px no-repeat #fff;background-size:20px;padding:16px 36px 9px 16px;width:50px;font-size:14px;margin-left:0} .RechercheBien #transaction{display:block!important} .RechercheBien .fmorecriteres{background:url(/img/picto_morecriteres.png) 12px 12px no-repeat #fff;padding:15px 15px 15px 15px;width:15px;height:18px} .RechercheBien .submit{background:#505357;color:#fff;font-size:14px;padding:16px 10px 16px 10px;text-transform:uppercase;} .RechercheBien .submit:hover{cursor:pointer} .RechercheBien .submits{background:#de493d;} .RechercheBien form .transac{display:none;;background:#fff;position:absolute;border-bottom-left-radius:6px;border-bottom-right-radius:6px;width:145px;top:49px!important} .RechercheBien form .transac li a label{display:block;padding:10px} .RechercheBien form .transac li a input{display:none} .RechercheBien form .transac li a.selected label{background-color:#DE483C;color:#fff} .RechercheBien .ftransaction{display:block;background: #fff; padding: 15px 10px; width: 125px; border-top-left-radius: 6px; border-bottom-left-radius: 6px;} .RechercheBienAccueil{position:absolute;width:900px;z-index:800;overflow:visible} .RechercheBienAccueil form{margin-top:15px} .RechercheBienAccueil form .transac{float:left;border-top-left-radius:6px;border-top-right-radius:6px;display:block!important} .RechercheBienAccueil form .transac li{float:left;text-transform:uppercase;margin-right:1px} .RechercheBienAccueil form .transac li a{background:rgba(255,255,255,0.6);color:#000;display:block} .RechercheBienAccueil form .transac li a label{display:block;padding:12px 15px 8px 15px} .RechercheBienAccueil form .transac li a:hover{text-decoration:none} .RechercheBienAccueil form .transac li a input{display:none} .RechercheBienAccueil form .transac li a.selected{background-color:#DE483C;color:#fff} .RechercheBienAccueil form .content{clear:both;background:rgba(255,255,255,0.6);width:840px;padding:20px;border-radius:6px;border-top-left-radius:0px} .RechercheBienAccueil .fieldtext{border:solid 1px #e9eaea;color:#b3b2b2;text-transform:none;font-size:14px;padding:5px 10px} .RechercheBienAccueil .field{float:left;background:#fff;margin-right:4px;padding:15px 15px 8px 15px;font-size:14px;color:#b3b2b2;text-transform:none;height:18px;} .RechercheBienAccueil .field p{height:18px} .RechercheBienAccueil .field:hover{cursor:pointer;color:#424242} .RechercheBienAccueil .fields {color:#424242} .RechercheBienAccueil .fields .multiple{display:block;padding:15px 36px 10px 16px !important;height:10px} .RechercheBienAccueil .ftransaction{display:none;padding:15px 36px 10px 16px;width:90px;border-top-left-radius:6px;border-bottom-left-radius:6px} .RechercheBienAccueil .flocalisation{background:url(/img/picto_localisation.png) 118px 15px no-repeat #fff;padding:15px 36px 10px 16px;width:90px;border-top-left-radius:6px;border-bottom-left-radius:6px} .RechercheBienAccueil .flocalisation p{width:90px;} .RechercheBienAccueil .flocalisations{height:17px;color:#424242} .RechercheBienAccueil .ftypebien{background:url(/img/picto_typebien.png) 118px 15px no-repeat #fff;padding:15px 36px 10px 16px;width:100px} .RechercheBienAccueil .typebiens{height:17px;color:#424242} .RechercheBienAccueil .fvue{background:url(/img/picto_vue.png) 112px 16px no-repeat #fff;padding:15px 31px 10px 16px;width:85px} .RechercheBienAccueil .vues{height:17px;color:#424242} .RechercheBienAccueil .fprix{background:url(/img/picto_prix.png) 95px 15px no-repeat #fff;padding:16px 36px 9px 16px;width:61px;font-size:14px;} .RechercheBienAccueil .fprix input{width:75px;font-size:13px;font-family:HelveticaNeueLT,Helvetica;color:#b3b2b2;;background-color:transparent} .RechercheBienAccueil .fprix:hover input{color:#424242} .RechercheBienAccueil .fpers{background:url(/img/picto_pers.png) 85px 15px no-repeat #fff;background-size:20px;padding:17px 36px 8px 16px;width:61px;font-size:14px;} .RechercheBienAccueil .fpers input{width:82px;font-size:13px;font-family:HelveticaNeueLT,Helvetica;color:#b3b2b2;;background-color:transparent} .RechercheBienAccueil .fpers:hover input{color:#424242} .RechercheBienAccueil .fpers:hover input::placeholder{color:#424242} .RechercheBienAccueil .fpiscine{background:url(/img/picto_pool.png) 85px 15px no-repeat #fff;background-size:20px;padding:16px 36px 9px 16px;width:61px;font-size:14px;} .RechercheBienAccueil .fmorecriteres{background:url(/img/picto_morecriteres.png) 10px 10px no-repeat #fff;padding:15px 15px 10px 15px;width:15px} .RechercheBienAccueil .OverFlow{padding:0;background:none} .RechercheBienAccueil .OverFlow div{margin:0;} .RechercheBienAccueil #OverFlow{padding:0;width:707px;height:372px;margin:0} .RechercheBienAccueil #OverFlow #Carte{width:647px !important;margin:0} .RechercheBienAccueil #TypeBien{width:142px;height:350px;} .RechercheBienAccueil #Vue{width:142px;height:350px;} .RechercheBienAccueil .submit{background:#de493d;color:#fff;padding:13px 10px 13px 10px;font-size:14px;text-transform:uppercase;line-height:17px;border-top-right-radius:6px;border-bottom-right-radius:6px} .RechercheBienAccueil .submit:hover{cursor:pointer} .detailsearch{background:#fff;position:absolute;border-bottom-left-radius:6px;border-bottom-right-radius:6px} .detailsearch ul{padding:10px 25px 10px 16px;} .detailsearch ul li{text-align:left;font-size:13px;float:left;clear:both;color:#b3b2b2} .detailsearch ul li:hover{color:#424242;cursor:pointer} .detailsearch ul li.selected{color:#de493d;} .detailsearch ul li.selected .caseacocher{background:#db4b43} .detailsearch ul li .caseacocher{float:right;border:solid 1px #9c9d9d;width:8px;height:8px;margin:4px 0 5px 5px} .detailsearch ul li .caseacocher-s{float:right;border:solid 1px #9c9d9d;width:8px;height:8px;margin:4px 0 5px 5px;background:#de493d} .detailsearch .next{background:#de493d;color:#fff;padding:8px;border-radius:6px;float:right;margin:0 10px 10px 0} .RechercheBienAccueil .detailsearch{color:#b3b2b2;} .TypedeBien{width:142px;margin-left:277px} .TypedeBien ul{width:115px} .TypedeBien ul li{width:115px;text-align:left;text-transform:none} .Vue{width:132px;margin-left:422px} .Vue ul{width:107px} .Vue ul li{width:107px;text-align:left;text-transform:none} .Piscine{width:112px;margin-left:672px} .Piscine ul{width:77px} .Piscine ul li{width:77px;text-align:left;text-transform:none} .Piscine ul li input{float:right;border:solid 1px #9c9d9d;width:8px;height:8px;margin:4px 0 5px 5px} .OverFlow .continuer{position:relative;float:right;font-size:12px;text-transform:none} .OverFlow .next{position:relative;float:right;font-size:12px;text-transform:none} #OverFlow{position:absolute;left:0;width:100%;background:url(/img/fond_ssmenu.png) top left repeat;z-index:800;height:1000px;top:48px;display:none;padding-top:2px;} .OverFlow{position:absolute;left:0;width:100%;background:url(/img/fond_ssmenu.png) top left repeat;z-index:800;height:1000px;top:58px;display:none;padding-top:2px;} .OverFlowSelection{position:absolute;left:0;width:100%;background:url(/img/fond_ssmenu.png) top left repeat;z-index:900;height:1000px;top:55px;display:none;padding-top:0;padding-left:1.5%} #Carte{position:relative !important;background:#fff;width:656px;padding:30px;border-bottom-left-radius:6px;border-bottom-right-radius:6px} #Carte .cartefrance{float:left;position:relative;width:300px;height:311px;z-index:1000;background:url(/img/carte/maps.png) top left no-repeat;border-right:dashed 1px #424242;padding-right:40px;margin-right:40px} #Carte .separate{background:url(/img/carte/ouville.png) top center no-repeat;padding-top:24px;} #SelectDep{position:absolute;top:0;left:0;width:300px;height:311px;z-index:-10000} #SelectDep .departement{position:absolute;top:0;left:0;display:none} #SelectDep .infosdep{position:absolute;top:120px;right:60px;font-size:20px;text-align:center;font-family:helvectica;color:#db4b43;width:130px;display:none;font-family:Helvetica} #SelectDep .infosdep .numero{font-size:24px;font-weight:bold;display:block} #SelectDep .infosdep .nbAnnonces{font-size:14px;display:block} #Carte #RechercheVille{position:relative;width:260px;padding:0;margin:0;float:left} #Carte #RechercheVille .etiquette2{width:232px;background:#57575a;font-size:12px;color:#fff;;padding:15px;border-radius:6px;line-height:18px;margin-bottom:30px;text-transform:uppercase;} #Carte #RechercheVille .searchbyville{border:solid 1px #cbcbcb;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:5px 15px;width:232px;font-size:13px;line-height:18px;width:228px} #Carte #RechercheVille .searchbyville:hover{border:solid 1px #db4b43;} #Carte .continuer{position:absolute;bottom:10px;right:45px;background:#de493d;color:#fff;padding:8px;border-radius:6px} #Carte #AutresPays{position:relative;width:260px;padding:0;margin:0;float:left;overflow:unset} #Carte #AutresPays .liste{position:relative;width:100%;padding:0;margin:0;float:left;overflow:hidden} #Carte #AutresPays .liste ul{padding:0} #Carte #AutresPays .fleche{position:absolute;top:calc(50% - 20px);} #Carte #AutresPays .sprev{left:-30px;display:inline-block} #Carte #AutresPays .snext{right:-30px;display:inline-block} #Carte .destination{float:left;width:125px;margin-right:25px;position:relative;clear:unset; } #Carte .destination a{display:block;margin:1px;transition: 0.7s} #Carte .destination:hover a{margin:0 } #AutresPays .liste ul li.selected a{margin:0;border:solid 1px #de493d } #AutresPays .liste ul li.selected .title{background-color:#de493d;color:#fff} #Carte .destination img{display:block;width:100%;height:auto;border-radius:6px} #Carte .destination .title{background-color:rgba(255,255,255,0.7);padding:10px 5%;position:absolute;bottom:0;left:0;width:90%;text-transform:uppercase;color:#000} #CitiSelected{margin:15px 0;clear:both;width:232px;} #CitiSelected .selectionville{padding:2px 0;background:url(/img/fond_acheter_puce.jpg) 0 2px no-repeat;padding-left:25px;font-size:14px;text-transform:uppercase;margin:5px 0} #Caracs{position:absolute;background:#fff;width:647px;padding:15px 30px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;} #Caracs .field{border:solid 1px #cbcbcb;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:5px 15px;width:100px;font-size:13px;line-height:18px} #Caracs p{margin: 5px 0} #Caracs .title{border-top:solid 1px #424242;padding-top:5px;margin-top:5px;text-transform:uppercase;} #Caracs ul{} #Caracs ul li{text-align:left;font-size:13px;float:left;width:105px;color:#b3b2b2;text-transform:none} #Caracs ul li:hover{color:#424242;cursor:pointer} #Caracs ul li.selected{color:#de493d;} #Caracs ul li.selected .caseacocher{background:#db4b43} #Caracs ul li .caseacocher{float:left;border:solid 1px #9c9d9d;width:8px;height:8px;margin:2px 5px 5px 0} #Caracs ul li .caseacocher-s{float:left;border:solid 1px #9c9d9d;width:8px;height:8px;margin:2px 5px 5px 0;background:#de493d} .RechercheBien #Carte{width:752px} .RechercheBien #Caracs{width:752px} #TexteRub{margin:80px 1.5%;width:87%;background:#fff;border-radius:6px;padding:3% 5%} #TexteRub h1{font-size:18px} #Resultats{margin:50px 0;width:100%} #Resultats .titre{margin:0 auto;width:31.5%;} #Resultats .titre h1{padding:3%;text-align:center;text-transform:uppercase;color:#424242;font-size:16px;background:#fff;margin-top:2.5%} #Resultats .titre h1 a{color:#424242} #Resultats .titre p{padding:3%;text-align:center;text-transform:uppercase;color:#424242;font-size:16px;background:#fff;margin-top:2.5%} #Resultats .titre p a{color:#424242} #Resultats .textepage{margin:15px 1.5%;width:97%;} .itemlist{float:left;position:relative;width:31.5%;border-radius:6px;margin:1.35% 0 0 1.4%} .itemlist .hasVideo{position:absolute;z-index:700;background:url(/img/fond_blanc.png) top left repeat;border-radius:3px;padding:5px;color:#424242} .itemlist .hasVideo{position:absolute;z-index:700;background:url(/img/fond_blanc.png) top left repeat;border-radius:3px;padding:5px;color:#424242} .itemlist .counter{position:absolute;right:0;background:url(/img/fond_noir.png) top left repeat;border-top-left-radius:6px;padding:5px 15px;color:#fff;z-index:7;font-size:14px} .itemlist .photo{background:#d9dbdc;position:relative} .itemlist .photo .Slide{text-align:center} .itemlist .photo .Slide a{display:block} .itemlist .photo .Slide table{width:100%;height:00%;vertical-align:middle} .itemlist .photo .Slide table tr{width:100%;height:00%;vertical-align:middle} .itemlist .photo .Slide table tr td{width:100%;height:00%;vertical-align:middle} .itemlist .photo .Slide figcaption{text-transform:uppercase;margin-top:10px} .itemlist .descriptif{background:url(/img/fond_noir.png) top left repeat;padding:13% 20% 0 20%;width:60%;color:#fff;height:87%;text-align:center;font-size:13px;;line-height:22px;color:#fff;;z-index:15 !IMPORTANT} .itemlist .descriptif .libelle{color:#de493d;border-bottom:solid 1px #fff;padding-bottom:20px;margin-bottom:20px;text-align:center;text-transform:uppercase;margin:0 25% 30px 25%;font-size:16px} .itemlist .descriptif h2 a{color:#fff} .itemlist .descriptif table{margin:30px 0;width:100%} .itemlist .descriptif table tr td{text-align:center;line-height:22px;width:33% !important;color:#fff} .itemlist .descriptif table tr td img{margin-right:10px} .itemlist .descriptif .detail{color:#de493d;font-size:14px;font-family:HelveticaNeueBold;} .itemlist .contactAgence{background:url(/img/fond_noir.png) top left repeat;padding:8% 15% 0 15%;width:70%;color:#fff;height:92%;text-align:center;font-size:13px;;line-height:22px;z-index:15 !IMPORTANT} .itemlist .contactAgence .libelle{color:#de493d;border-bottom:solid 1px #fff;padding-bottom:20px;text-align:center;text-transform:uppercase;margin:0 25% 20px 25%;font-size:16px;width:200px;} .itemlist .contactAgence p.tel{border-bottom:solid 1px #fff;padding-bottom:20px;text-align:center;width:200px;margin:0 25% 20px 25%;color:#fff} .itemlist .contactAgence p.tel span{color:#fff !important;display:inline;} .itemlist .contactAgence .nomA{color:#fff;display:inline !important;font-size:16px;text-transform:uppercase} .itemlist .contactAgence p.infoA{max-height:18px} .itemlist .contactAgence .formc{width:80%;margin:0 10%} .itemlist .contactAgence .formc p{margin:10px 0} .itemlist .contactAgence .formc p .field{padding:7px 10px;color:#b3b2b2;margin:0;border-radius:3px;width:90%;text-align:left} .itemlist .contactAgence .formc p .field:hover{color:#424242;} .itemlist .contactAgence .formc p .rempli{color:#424242;} .itemlist .contactAgence .formc div.choix{float:left;clear:both;width:100%;margin:5px 0;padding:0;text-align:left;} .itemlist .contactAgence .formc div.choix .caseacocher{border:solid 1px #9c9d9d;width:10px;height:10px;margin:0 0 0 5px;background:#fff;display:inline-block} .itemlist .contactAgence .formc div.choix .caseacocher-s{border:solid 1px #9c9d9d;width:10px;height:10px;margin:0 0 0 5px;background:#db4b43;display:inline-block} .itemlist .contactAgence .formc div.choix label{display:inline} .itemlist .contactAgence .formc .submit{margin-right:4%} .itemlist .fleche{position:absolute;z-index:700;display:none} .itemlist .prev{left:0;} .itemlist .next{right:0;} .itemlist .texte{background:#fff;padding:3% 5%;margin-top:0.6%} .itemlist .texte h2 {font-size:13px;margin-bottom:15px;text-transform:uppercase;color:#1d1d1b;display:block} .itemlist .texte .recap{color:#b3b2b2} .itemlist .texte .recap div{float:left;border-right: solid 1px #b3b2b2;width:45%;padding-left:4%;margin-bottom:10px;max-height:28px;text-transform:uppercase;} .itemlist .texte .recap div strong{font-weight:normal} .itemlist .texte .recap .localisation{background:url(/img/picto_localisation.png) 0 0 no-repeat;margin-right:5%;width:40%;} .itemlist .texte .recap .typebien{background:url(/img/picto_typebien.png) 0 0 no-repeat;} .itemlist .texte .recap .vue{background:url(/img/picto_vue.png) 0 0 no-repeat;;margin-right:5%;width:40%;} .itemlist .texte .recap .prix{background:url(/img/picto_prix.png) 0 0 no-repeat;padding-top:2px} .itemlist .texte .recap .transaction{text-transform:uppercase;margin-right:5%;width:40%;background:url(/img/picto_transac.png) 0 0 no-repeat;background-size:auto 14px;padding-top:2px} .itemlist .texte .recap .nbpers{text-transform:uppercase;margin-right:5%;width:40%;padding-top:2px;border-right:0;background:url(/img/picto_pers.png) 0 0 no-repeat;background-size:auto 14px} .itemlist .texte .recap .prisecontact{background:url(/img/picto_coords.png) 0 5px no-repeat;padding-left:35px;;min-height:24px;margin-right:0%;width:40%;} .itemlist .texte .recap .prisecontact a{color:#b3b2b2} .itemlist .texte .recap .prisecontact .tel{font-weight:bold} .itemlist .actions{margin-top:3px} .itemlist .actions div{float:left;padding:10px 0;background:#fff;width:32.9%;margin-right:0.6%;text-align:center;text-transform:uppercase;color:#b3b2b2} .itemlist .actions div a{color:#b3b2b2} .itemlist .actions div:hover{background:#de493d;color:#fff;cursor:pointer} .itemlist .actions div:hover a{color:#fff;text-decoration:none} .itemlist .actions div.selected{background:#de493d;color:#fff} .itemlist .actions div.selected a{color:#fff} .itemlist .actions .inpanier{background:#707173;color:#fff} .itemlist .actions .inpanier a{color:#fff} .iteminfo{float:left;width:31.5%;border-radius:6px;margin:1.35% 0 0 1.4%;background:url(/img/fond_photo.jpg) center center no-repeat;position:relative;} .iteminfo .title{background:url(/img/fond_noir.png) top left repeat;padding:5% 10%;color:#fff;font-size:35px;width:80%;} .iteminfo .content{background:#fff;width:90%;padding:5%;margin:25px 5% 25px 5%;border-radius:6px;position:relative} .priximmo .content{position:relative;margin: 25px 5%;background:0;padding:0;width:90%} .priximmo .content #NextP{position:absolute;top:0%;right:2.5%;z-index:600} .priximmo .content #PrevP{position:absolute;top:0%;left:2.5%;z-index:600} .priximmo .content .type{margin: 0 0 30px 0;height:350px;width:100%} .priximmo .content .type .libelle{background:#fff;margin:0 11%; text-align:center;padding-top:21px; padding-bottom:13px;margin-bottom:3px;color:#424242;text-transform:uppercase;font-size:20px;text-transform:uppercase;font-weight:normal;} .priximmo .content .type .infos{background:#fff;padding:8% 5%;width:85%;margin:0 auto} .priximmo .content .type .localisation{background:url(/img/picto_localisation.png) 0 0 no-repeat;margin-right:5%;width:90%;padding-left:25px;margin-bottom:25px;color:#c2c1c0;font-size:13px;} .priximmo .content .type table {width:100%} .priximmo .content .type table tr td{background:#f6f6f6;padding:20px 0;text-align:center;border-radius:6px;width:23.3%} .priximmo .content .type table tr td span{display:block;margin-bottom:10px;padding-bottom:10px;border-bottom:solid 1px #424242;font-size:14px} .priximmo .content .type table tr td.prixm{background:#de493d;color:#fff;margin:0 3px;font-size:12px} .priximmo .content .type table tr td.prixm span{background:#de493d;color:#fff;font-size:16px} .priximmo .content .type table tr td span{border-bottom:solid 1px #fff;} .priximmo .content .type table tr:last-child td{border:none} .priximmo .content .type table tr td.prix{width:100px;text-align:center} .priximmo .content .type table tr th{font-size:13px;color:#424242;padding-top:25px} .priximmo .content .type table tr th.prixm{color:#de493d} .priximmo .content .type .detail{float:right;color:#de493d;font-family:HelveticaNeueBold;background:url(/img/fond_puce_rouge.png) 0 2px no-repeat;padding-left:15px;margin-top:35px} .priximmo .content .type .detail a{color:#de493d;} .priximmo .content .type .detail2{float:left;color:#c2c1c0;margin-top:35px;font-size:11px} .priximmo .content .type .detail2 a{color:#c2c1c0} .priximmo .mode{position:absolute;top:0;left:0;display:none;background:url(/img/fond_noir.png) top left repeat;padding:8% 15% 8% 15%;width:70%;color:#fff;height:92%;text-align:center;font-size:13px;;line-height:22px;z-index:600} .priximmo .mode .libelle{color:#de493d;border-bottom:solid 1px #fff;padding-bottom:20px;text-align:center;text-transform:uppercase;margin:0 25% 20px 25%;font-size:16px;width:200px} .priximmo .mode strong{font-size:15px;} .ProjetImmo .content{font-size:14px;width:80%} .ProjetImmo .content ul li{margin:10px 0} .ProjetImmo .content .detail{float:right;background:#de493d;color:#fff;padding:8px;border-radius:6px} #Chargement{font-size:16px;text-transform:uppercase;margin:50px 0 50px 0;clear:both} .bagdeS{width:100%;margin:0 0 3% 0;height:10%} .AlerteMail .content{font-size:13px;width:80%} .AlerteMail .recapsearch{width:100%;margin:15px 0} .AlerteMail .recapsearch .libelle{margin-bottom:15px;text-transform:uppercase;color:#424242;font-family:HelveticaNeueLT;} .AlerteMail .recapsearch .libelle strong{font-weight:normal} .AlerteMail .recapsearch div{width:40%;padding:5px 5%;color:#b3b2b2;} .AlerteMail .recapsearch .localisation{background:url(/img/picto_localisation.png) 0 5px no-repeat;max-height:24px} .AlerteMail .recapsearch .typebien{background:url(/img/picto_typebien.png) 0 5px no-repeat;} .AlerteMail .recapsearch .vue{background:url(/img/picto_vue.png) 0 5px no-repeat;;} .AlerteMail .recapsearch .prix{background:url(/img/picto_prix.png) 0 5px no-repeat;} .AlerteMail .libelle{padding-bottom:15px;margin-bottom:15px;border-bottom:solid 1px #424242;color:#de493d;text-transform:uppercase;font-size:13px} .AlerteMail form{width:100%} .AlerteMail form p{margin:5px 0 10px 0;width:100%} .AlerteMail form p .field{background:#f6f6f6;border-radius:6px;padding:5px 5%;width:90%} .AlerteMail .isOk{margin:0 0 20px 0} #HomePanel{clear:both;width:100%;margin-top:1.3%;position:relative;max-height:550px} #HomePanel #Phare-Prev{position:absolute;top:0;z-index:500} #HomePanel #Phare-Next{position:absolute;top:0;z-index:500} #HomePanel #Phare-Prev:hover{cursor:pointer} #HomePanel #Phare-Next:hover{cursor:pointer} .encart1{position:absolute;top:0;left:1.5%;width:26%;line-height:57px;background-color:#111d2d;border-radius:6px;height:57px;display: table;z-index:500} .encart1 img{width:100%;height:auto; vertical-align: middle;} .encart2{position:absolute;top:0;right:2%;width:26%;line-height:57px;background-color:#60a5dc;border-radius:6px;height:57px;display: table;z-index:500} .encart2 img{width:100%;height:auto; vertical-align: middle;} .APhare{width:100%} .APhare h1{background:#fff;width:22%;margin:0 auto;text-align:center;color:#424242;font-size:16px;text-transform:uppercase;padding:21px 0 18px 0;font-weight:normal;height:18px} .APhare h1 a{color:#424242} .APhare h2{background:#fff;width:22%;margin:0 auto;text-align:center;color:#424242;font-size:16px;text-transform:uppercase;padding:21px 0 18px 0;font-weight:normal;height:18px} .APhare h2 a{color:#424242} .itemacc{float:left;position:relative;width:23%;border-radius:6px;margin:1.3% 0 0 1.5%} .itemacc .photo{text-align:center;width:100%;background:#d9dbdc;} .itemacc .texte{background:#fff;padding:3% 5%;} .itemacc .texte h3 {font-size:13px;text-transform:uppercase;height:28px;} .itemacc .texte h3 a{color:#1d1d1b;} .itemacc .texte .recap{color:#b3b2b2} .itemacc .actions{margin-top:0.6%} .itemacc .actions div{float:left;padding:10px 0;background:#fff;width:49.7%;margin-right:0.6%;text-align:center;text-transform:uppercase;color:#b3b2b2} .itemacc .actions .inpanier{background:#707173;color:#fff} .itemacc .actions .inpanier a{color:#fff} .itemacc .actions div a{color:#b3b2b2} .itemacc .actions div:hover{background:#de493d;color:#fff;cursor:pointer} .itemacc .actions div:hover a{color:#fff;text-decoration:none} .itemacc .actions div.selected{background:#de493d;color:#fff} .itemacc .actions div.selected a{color:#fff} .item-detail{width:97%;margin:4% 1.5%;font-size:13px;position:relative} .item-detail #ColG{float:left;width:26.7%;margin-bottom:1.5%} .item-detail #Diaporama{float:right;width:71.8%;border-radius:6px;margin:0 0 0 1.5%;position:relative;background:#424242} .item-detail #Diaporama #NextD{position:absolute;z-index:600;right:0;} .item-detail #Diaporama #PrevD{position:absolute;z-index:600;left:0} .item-detail #Diaporama #NextD{position:absolute;z-index:600;right:0;} .item-detail #Diaporama .fleche:hover{cursor:pointer} .item-detail #Diaporama .picture{text-align:center;width:100%} .item-detail #Vignette{position:absolute;bottom:1.5%;right:43%;z-index:700} .item-detail #Vignette .photo{margin:0 10px 7px 0;position:relative;width:13px;height:13px;} .item-detail #Vignette .photo a{width:13px;height:13px;background:url(/img/btn_puce_blanc.png) top left no-repeat;display:block} .item-detail #Vignette .activeSlide a{background:url(/img/btn_puce_noir.png) top left no-repeat;} .item-detail #Video{position:absolute;top:80px;right:0;z-index:700;background:url(/img/fond_bien_blanc.png) top left repeat;color:#b3b2b2;padding:10px 25px;text-transform:uppercase;font-size:14px} .item-detail #VisiteV{position:absolute;top:40px;right:0;z-index:700;background:url(/img/fond_bien_blanc.png) top left repeat;color:#b3b2b2;padding:10px 25px;text-transform:uppercase;font-size:14px} .item-detail #VirtualVisit{display:none;position:absolute;top:0;left:0;z-index:700;width:100%;height:100%} .item-detail #VirtualVisit .closevisite{position:absolute;top:40px;right:0;z-index:10000;color:#b3b2b2;font-size:14px;padding:10px 15px;background:url(/img/fond_bien_blanc.png) top left repeat;} .item-detail #VideoVisit{display:none;position:absolute;top:0;left:0;z-index:700;width:100%;height:100%} .item-detail #VideoVisit .closevisite{position:absolute;top:40px;right:0;z-index:10000;color:#b3b2b2;font-size:14px;padding:10px 15px;background:url(/img/fond_bien_blanc.png) top left repeat;} .item-detail #Nav{height:54px;margin-bottom:3px} .item-detail #Nav .left{margin-right:3px;} .item-detail #Nav .right{margin-left:3px;} .item-detail #Nav .fleche:hover{cursor:pointer} .item-detail #Nav .counter{background:#fff;padding:12px;line-height:30px;font-size:16px;text-align:center;} .item-detail #Infos{background:#fff;padding:25px 5%;margin-bottom:3px;width:90%} .item-detail #Infos h1 {margin-bottom:25px;text-transform:uppercase;font-size:14px} .item-detail #Infos h1 a{color:#1d1d1b;} .item-detail #Infos .recap{color:#b3b2b2} .item-detail #Infos .recap div{float:left;width:45%;padding-left:5%;;margin-bottom:20px;max-height:28px;text-transform:uppercase;} .item-detail #Infos .recap div strong{font-weight:normal;} .item-detail #Infos .recap .localisation{background:url(/img/picto_localisation.png) 0 0 no-repeat;margin-right:5%;width:40%;} .item-detail #Infos .recap .typebien{background:url(/img/picto_typebien.png) 0 0 no-repeat;} .item-detail #Infos .recap .vue{background:url(/img/picto_vue.png) 0 0 no-repeat;;margin-right:5%;width:40%;} .item-detail #Infos .recap .prix{background:url(/img/picto_prix.png) 0 0 no-repeat;padding-top:2px} .item-detail #Infos .recap .transaction{text-transform:uppercase;background:url(/img/picto_transac.png) 0 0 no-repeat;background-size:auto 14px;padding-top:2px} .item-detail #Infos .recap .nbpers{text-transform:uppercase;padding-top:2px;border-right:0;background:url(/img/picto_pers.png) 0 0 no-repeat;background-size:auto 14px} .item-detail #Infos .infoprix{color:#b3b2b2;padding:0 0 10px 0;line-height:18px} .item-detail #Infos .addthis_toolbox{border-top:solid 1px #ececec;padding:25px 0 0 0} .item-detail #Infos .addthis_toolbox .libelle{font-size:12px;margin:5px 10px 0 0;text-transform:uppercase} .item-detail #Infos .addthis_toolbox a{margin:0 7px 0 0} .item-detail .actions{border-bottom-left-radius:6px;border-bottom-right-radius:6px;width:100%} .item-detail .actions div{float:left;padding:10px 0;background:#fff;width:32.9%;margin-right:0.6%;text-align:center;font-size:0.9em;text-transform:uppercase;color:#b3b2b2} .item-detail .actions div a{color:#b3b2b2;text-transform:uppercase} .item-detail .actions div:hover{background:#de493d;color:#fff;cursor:pointer} .item-detail .actions div:hover a{color:#fff;text-decoration:none} .item-detail .actions div.selected{background:#de493d;color:#fff} .item-detail .actions div.selected a{color:#fff} .item-detail .actions .contactBtn{background:#424242;color:#fff} .item-detail .actions .situer{width:27.6%} .item-detail .actions .panier{width:38.3%} .item-detail .actions .inpanier{background:#707173;color:#fff} .item-detail .actions .inpanier a{color:#fff} .item-detail .ContactZone{clear:left;margin:1.5% 0;background:url(/img/fond_photo.jpg) center center no-repeat;;border-radius:6px} .item-detail .ContactZone .content{background:url(/img/fond_noir.png) top left repeat;padding:3.5% 3%;color:#fff;} .item-detail .ContactZone .coord{float:right;width:35%;margin-left:5%} .item-detail .ContactZone .coord .NomAgence{color:#fff;font-size:16px;margin:10px 0 20px 0;display:block;text-transform:uppercase} .item-detail .ContactZone .coord .adresse{background:url(/img/picto_localisation.png) 0 5px no-repeat;padding-left:35px} .item-detail .ContactZone .coord .adresse p span:first-child{display:block} .item-detail .ContactZone .coord .prisecontact{background:url(/img/picto_coords.png) center left no-repeat;padding-left:35px;margin:25px 0;min-height:16px;padding-top:4px} .item-detail .ContactZone .coord .prisecontact a{color:#fff} .item-detail .ContactZone .coord .detail{background:url(/img/fond_puce_gris.png) left center no-repeat;color:#fff;padding:3px 0 2px 35px;display:block} .item-detail .ContactZone .content h2{color:#de493d;padding-bottom:20px;text-align:left;text-transform:uppercase;font-size:16px;} .item-detail .ContactZone .formc{width:100%} .item-detail .ContactZone .formc p{margin:10px 0} .item-detail .ContactZone .formc p .field{padding:7px 10px;color:#b3b2b2;margin:0;border-radius:3px;width:90%;text-align:left} .item-detail .ContactZone .formc p .field:hover{color:#424242;} .item-detail .ContactZone .formc p .rempli{color:#424242;} .item-detail .ContactZone .formc div.choix{float:left;clear:both;width:100%;margin:5px 0;padding:0;text-align:left;} .item-detail .ContactZone .formc div.choix .caseacocher{border:solid 1px #9c9d9d;width:10px;height:10px;margin:0 0 0 5px;background:#fff;display:inline-block} .item-detail .ContactZone .formc div.choix .caseacocher-s{border:solid 1px #9c9d9d;width:10px;height:10px;margin:0 0 0 5px;background:#db4b43;display:inline-block} .item-detail .ContactZone .formc div.choix label{display:inline} .item-detail .ContactZone .formc div.choix .field{padding:7px 10px;color:#b3b2b2;margin:0;border-radius:3px;text-align:left;margin-right:5%} .item-detail .ContactZone .formc .submit{float:right;margin-right:5%} .item-detail #Contact #AvisAgence{margin-top:25px;color:#fff;border:solid 1px #a7a9ac;border-radius:6px;padding:10px;font-size:12px} .item-detail #Contact #AvisAgence .note{float:left;margin:0 15px 10px 0;height:18px } .item-detail .ContactZoneSlide{background:url(/img/fond_photo.jpg) center center no-repeat;;border-radius:6px} .item-detail .onglet{position:absolute;width:28.5%;z-index:700;background:url(/img/fond_bien_blanc.png) top left repeat;padding:0 3%;} .item-detail .onglet .content{padding:3% 0 0 0 ;width:100%} .item-detail .onglet .close{float:right} .item-detail .onglet .libelle{color:#de493d;padding-bottom:20px;text-align:left;text-transform:uppercase;font-size:16px;text-align:center;} .item-detail .onglet .ref strong{text-transform:uppercase} .item-detail .onglet .infosbulle{margin:15px 15px 15px 10px;font-size:16px;line-height:24px} .item-detail .onglet .infosbulle img{float:left;margin-right:15px;} .item-detail .onglet .proximite{margin-top:30px} .item-detail .onglet .caracs li{background:url(/img/fond_puce_gris.png) 0 0 no-repeat;padding-left:25px;float:left;margin-right:15px} .item-detail .onglet .diagnostics{text-align:center} .item-detail .onglet .pdesc{text-align:justify} .item-detail .alentours #map_canvas{width:100%;height:310px;overflow:visible;} .item-detail .alentours #map_canvas div{overflow:visible;visibility:visible;} .ListeAgence .content{width:80%} .ListeAgence .agence{width:90%;margin:1.5% 5%;padding:1.5% 0; border-bottom:solid 3px #ececec} .ListeAgence .agence .logo{float:right;;margin-left:25px; } .ListeAgence .agence .NomAgence{font-family:HelveticaNeueBold;font-size:14px;margin:0px 0 10px 0;display:block;text-transform:uppercase} .ListeAgence .agence .adresse{background:url(/img/picto_localisation.png) 0 5px no-repeat;padding-left:35px} .ListeAgence .agence .adresse p span:first-child{display:block} .ListeAgence .agence .prisecontact{background:url(/img/picto_coords.png) 0 5px no-repeat;padding-left:35px;margin:15px 0;min-height:24px} .ListeAgence .agence .prisecontact a{color:#424242} .ListeAgence .agence .prisecontact .tel{font-weight:bold} .ListeAgence .agence .detail{background:url(/img/fond_puce_gris.png) 0 0 no-repeat;color:#fff;padding:3px 0 5px 35px;color:#424242} .ListeAgence .detailAgences{float:right;text-transform:uppercase;margin-right:5%;margin-top:1.5%} .itemagence{float:left;position:relative;width:31.5%;border-radius:6px;margin:1.35% 0 0 1.4%;} .itemagence .content{background:#fff;width:90%;padding:5%;min-height:250px;max-height:500px;position:relative} .itemagence .content .photo{float:right;background:#d9dbdc;width:150px;text-align:center;line-height:33%;margin-left:5%;height:150px;margin-bottom:15px} .itemagence .content .photo a{vertical-align:middle} .itemagence .photo a img{float:left;line-height:150px;vertical-align:middle} .itemagence .content h1{font-size:14px;margin:0px 0 10px 0;display:block;text-transform:uppercase;font-weight:bold;margin-bottom:15px} .itemagence .content h2{font-size:14px;margin:0px 0 10px 0;display:block;text-transform:uppercase;font-weight:bold;margin-bottom:15px} .itemagence .NomAgence{font-size:14px;margin:0px 0 10px 0;display:block;text-transform:uppercase} .itemagence .adresse{background:url(/img/picto_localisation.png) 0 5px no-repeat;padding-left:35px} .itemagence .adresse span:first-child{display:block} .itemagence .prisecontact{background:url(/img/picto_coords.png) 0 5px no-repeat;padding-left:35px;margin:15px 0;min-height:24px} .itemagence .prisecontact a{color:#424242} .itemagence .prisecontact .tel{font-weight:bold} .itemagence .reseau{text-align:center;float:right} .itemagence .reseau a{margin-right:15px} .itemagence .descriptif{overflow-y:scroll;max-height:200px;clear:both;margin-top:15px} .itemagence .actions{border-bottom-left-radius:6px;border-bottom-right-radius:6px;margin-top:0.6%;text-transform:uppercase} .itemagence .actions div{float:left;padding:15px 0;background:#fff;width:49.6%;margin-right:0.6%;text-align:center;color:#b3b2b2} .itemagence .actions div a{color:#b3b2b2} .itemagence .actions{border-bottom-left-radius:6px;border-bottom-right-radius:6px} .itemagence .actions .contactfull{width:100%} .itemagence .actions div:hover{background:#de493d;color:#fff;cursor:pointer} .itemagence .actions div:hover a{color:#fff;text-decoration:none} .itemagence .actions div.selected{background:#de493d;color:#fff} .itemagence .actions div.selected a{color:#fff} .itemagence .contactAgence{display:none;position:absolute;top:0;left:0;background:url(/img/fond_noir.png) top left repeat;padding:5% 15% 0 15%;width:75%;color:#fff;height:95%;text-align:center;font-size:13px;line-height:22px} .itemagence .contactAgence .libelle{color:#de493d;border-bottom:solid 1px #fff;padding-bottom:20px;text-align:center;text-transform:uppercase;margin:0 25% 20px 25%;font-size:16px;width:200px} .itemagence .contactAgence p.tel{border-bottom:solid 1px #fff;padding-bottom:20px;text-align:center;width:200px;margin:0 25% 20px 25%;} .itemagence .contactAgence .formc{width:80%;margin:0 10%} .itemagence .contactAgence .formc p{margin:10px 0} .itemagence .contactAgence .formc p .field{padding:7px 10px;color:#b3b2b2;margin:0;border-radius:3px;width:90%;text-align:left} .itemagence .contactAgence .formc p .field:hover{color:#424242;} .itemagence .contactAgence .formc p .rempli{color:#424242;} .itemagence .contactAgence .formc .submit{margin-right:2%} #Menu_Link{clear:both;width:100%;background:#57575a;} #Menu_Link .titre{background:#707173;text-align:center;font-size:14px;padding:20px;text-transform:uppercase;color:#fff} #Menu_Link nav{width:97%;padding:1.5%} #Menu_Link nav ul li{color:#fff;float:left;text-transform:uppercase;font-size:10px;margin:0 0 0 2%;width:14%} #Menu_Link nav ul li a{color:#fff} #Menu_Link nav ul li ul{width:100%} #Menu_Link nav ul li ul li{float:none;margin:0;list-style-position:inside;list-style-type:square;width:100%;margin:0} #SEOAgence{clear:both;width:100%;} #SEOAgence .titre{background:#e5e5e5;text-align:center;font-size:14px;padding:20px;text-transform:uppercase;color:#424242} #SEOAgence ul{width:97%;padding:1.5%} #SEOAgence ul li{width:18%;float:left;padding:0 3.5%;color:#4b4848;height:14px;font-size:11px;overflow:hidden} #Diffusseurs{clear:both;width:100%;} #Diffusseurs .titre{background:#e5e5e5;text-align:center;font-size:14px;padding:20px;text-transform:uppercase;color:#424242} #Diffusseurs ul{width:97%;padding:1.5%} #Diffusseurs ul li{width:18%;float:left;padding:0 3.5%;color:#4b4848} #Diffusseurs .agence .logo{float:left;margin-right:25px;margin-bottom:25px;width:70px;} #Diffusseurs .agence .nom{font-size:16px;margin-bottom:25px;text-transform:uppercase} #Diffusseurs .agence .adresse{margin:10px 0;} #Diffusseurs .agence .tel{margin:0 0 5px 0;clear:both} #Diffusseurs .agence .detail{background:url(/img/fond_puce_rouge.png) 0 0 no-repeat;padding-left:15px;color:#de493d !important;} #Footer{padding:10px 0;width:100%} #Reseau{text-align:center;border-top:solid 2px #e5e5e5;border-bottom:solid 2px #e5e5e5;padding:12px 0 5px 0;width:100%} #Reseau a{margin:0 5px} #SousMenu{clear:both;} #SousMenu ul{position:relative;margin:0 auto;padding:25px 0;/*width:940px*/width:800px} #SousMenu ul li{display:inline;padding:0 15px;border-right:solid 1px #4b4848;font-size:14px} #SousMenu ul li:last-child{border:none} .conception{text-align:center;} .ui-autocomplete{z-index:950 !important;position:absolute !important} .enteteAgence{width:100%;height:430px;position:relative;border-bottom:solid 2px #db4b43} .photocouverture{clear:both;position:relative;padding:1.5%;width:97%;display:block;background:#fff;} #FondFlash .itemagence{position:absolute;bottom:6.5%;left:1.5%;z-index:700} #FormAcheter{background:url(/img/fond_photo.jpg) center center no-repeat;} #FormAcheter .title{background:url(/img/fond_noir.png) top left repeat;padding:3% 5%;color:#fff;width:90%;max-height:125px} #FormAcheter .title .texte{float:right;font-size:14px;width:20%;line-height:30px;} #FormAcheter .title .texte p{margin-bottom:10px;line-height:24px;} #FormAcheter .content{background:#fff;margin:0 auto;width:80%;padding:5%;margin:25px 5% 25px 5%;border-radius:6px} .RechercheBienForm{margin:0 0 35px 0;width:765px} .RechercheBienForm #OverFlow{margin-left:5% !important;} .RechercheBienForm #TypeBien{margin-left:20.2% !important;} .RechercheBienForm #Vue{margin-left:35.7% !important;} .RechercheBienForm #Quand{margin-left:64.5% !important;} .RechercheBienForm form{width:770px} .RechercheBienForm .field{float:left;padding:10px 15px 6px 15px;font-size:14px;color:#b3b2b2;text-transform:none;height:18px;border-right:solid 1px #c2c1c0} .RechercheBienForm .field:hover{color:#424242} .RechercheBienForm .field p{height:18px} .RechercheBienForm .fields{color:#424242;} .RechercheBienForm .fields .multiple{display:block;padding:10px 36px 10px 15px !important;height:10px} .RechercheBienForm .field:hover{cursor:pointer} .RechercheBienForm .flocalisation{background:url(/img/picto_localisation.png) 125px 10px no-repeat #fff;width:120px;border-top-left-radius:6px;border-bottom-left-radius:6px} .RechercheBienForm .flocalisation p{width:110px;} .RechercheBienForm .ftypebien{background:url(/img/picto_typebien.png) 121px 10px no-repeat #fff;width:120px} .RechercheBienForm .fvue{background:url(/img/picto_vue.png) 122px 11px no-repeat #fff;width:120px} .RechercheBienForm .fprix{background:url(/img/picto_prix.png) 95px 10px no-repeat #fff;width:100px;font-size:14px;text-transform:uppercase} .RechercheBienForm .fprix input{width:80px;font-size:13px;color:#b3b2b2} .RechercheBienForm .fprix:hover input{color:#424242} .RechercheBienForm .fquand{background:url(/img/picto_quand.png) 155px 10px no-repeat #fff;width:150px;font-size:14px;border:none} .RechercheBienForm .quands{color:#424242} .RechercheBienForm{border:solid 1px #c2c1c0} .RechercheBienForm .OverFlow{padding:0;background:none} .RechercheBienForm .OverFlow div{margin:0;} .RechercheBienForm #OverFlow{padding:0;width:707px;height:374px;margin:0;} .RechercheBienForm #OverFlow #Carte{width:645px !important;margin:0;border:solid 1px #c2c1c0;border-bottom-left-radius:6px;border-bottom-right-radius:6px} .RechercheBienForm #TypeBien{width:142px;max-height:285px;border:solid 1px #c2c1c0;border-bottom-left-radius:6px;border-bottom-right-radius:6px} .RechercheBienForm #Vue{width:142px;height:118px;border:solid 1px #c2c1c0;border-bottom-left-radius:6px;border-bottom-right-radius:6px} .RechercheBienForm #Quand{width:180px;max-height:90px;border:solid 1px #c2c1c0;border-bottom-left-radius:6px;border-bottom-right-radius:6px} .RechercheBienForm #Quand ul li{width:100%} .RechercheBienForm .submit{background:#de493d;color:#fff;padding:12px 20px;font-size:14px;text-transform:uppercase;line-height:17px;border-top-right-radius:6px;border-bottom-right-radius:6px} #FormAchat .RechercheBienForm{clear:both;width:739px} #FormAchat .RechercheBienForm .fquandformvente{border-right:0} #FormAchat p.libelle{font-size:14px;text-transform:uppercase;font-weight:bold} #FormAchat .semicolum{width:40%;border-right: dashed 1px #424242;padding:0 4.5%;min-height:250px} #FormAchat .semicolum p.libelle{font-size:14px;text-transform:uppercase;font-weight:bold} #FormAchat .semicolum p{margin-bottom:15px } #FormAchat p{margin-bottom:15px } #FormAchat .textfield{background:#f3f4f4;padding:2%;width:90%;height:185px;margin-bottom:15px} #FormAchat .fieldtext{background:#f3f4f4;padding:3.2% 5%;width:84%;} #FormAchat .btnligne{width:82%;text-align:right} #FormAchat .checkbox{border:solid 1px #333;width:20px;height:20px} #FormAchat .submit{background:#de493d;color:#fff;padding:12px 20px;font-size:14px;text-transform:uppercase;line-height:17px;} #FormAcheter #FormAchat{position:relative} #FormAcheter #FormAchat #OverFlow{margin-left:0!important;top:68px!important} #FormAcheter #FormAchat #TypeBien{top:68px!important;margin-left:151px!important;width:150px} #FormAcheter #FormAchat #Vue{top:68px!important;margin-left:302px!important;width:150px} .RechercheBienForm #Quand{margin-left:584px!important;top:68px!important;width:155px} .RechercheBienForm .OverFlow div{width:100%} .LoginPro{width:95%;margin:0 2.5%} .LoginPro h1{font-weight:normal;font-size:14px;margin-bottom:10px;text-transform:uppercase} .LoginPro div{width:100%;margin:0 0 8px 0} .LoginPro .field{background:#e7e7e8;width:96%;padding:8px 2%;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;color:#c2c1c0} .LoginPro .field:hover{color:#424242} .LoginPro a{color:#fff} .LoginPro .connect{background:#db4b43;color:#fff;padding:8px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-size:14px;text-transform:uppercase;} .LoginPro .connect:hover{cursor:pointer} .LoginPro .oublimdp{clear:both;font-size:11px;float:right;margin:3px 0 0 0;width:398px} .LoginPro .oublimdp a{color:#fff} /*.creercomptepro{margin-right:15%;font-size:14px;text-transform:uppercase;margin-top:18px;border:solid 1px #fff;padding:14px 15px;border-radius:6px;margin-right:20%}*/ .creercomptepro{float:right;font-size:14px;text-transform:uppercase;border:solid 1px #fff;padding:20px 15px;border-radius:6px;margin-right:15%} .creercomptepro p{margin-bottom:15px;text-align:center;font-size:18px;line-height:24px} .creercomptepro a{background:#db4b43;color:#fff;padding:8px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-size:14px;text-transform:uppercase;display:block;text-align:center} .creercomptepro a:hover{text-decoration:none} .inscriptionform .fieldtext{background-color:#fff!important} #FormAcheter .content .item{margin:12px 0;border-bottom:solid 1px #333;padding:14px 0;text-align:center;padding-left:7px;padding-right:7px;text-align:center} #FormAcheter .content .item h1{color:#333;text-transform:uppercase;margin:0 0 10px 0;font-size:18px;text-align:center;font-weight:normal} #FormAcheter .content .item h1 strong{color:#db4b43;font-weight:normal} #FormAcheter .content .item table{margin:0 auto;width:690px} #FormAcheter .content .item table tr td{padding:15px} .editeur {margin:25px 0} .editeur a{width:200px} .inscription{color:#fff;font-size:14px;margin:50px 0 0 0;background:#de493d;padding:15px 25px;display:inline-block} .avisclient{padding:0;width:43.8%;overflow:hidden} .avisclient .content{width:80%;margin:30px 5%} .avisclient h1{font-size:18px;text-transform:uppercase;font-weight:normal;font-family:"Varela","VarelaIE";border-bottom:solid 1px #fff;padding-bottom:10px;margin-bottom:15px} .avisclient .recommand{margin:2px 0 5px 0;line-height:28px} .avisclient .recommand label{float:left;width:235px;} .avisclient .ligne{margin:0 0 10px 0;border-bottom:solid 1px #ececec;padding-bottom:10px} .avisclient .ligne label{float:left;width:250px;} .avisclient .ouinon{background:#ececec;color:#333;padding:3px 6px;font-size:16px;display:inline-block;margin:0 0 0 15px;border-radius:6px} .avisclient .ouinon:hover{background:#db4b43;color:#fff} .avisclient .selected{background:#db4b43;color:#fff} .avisclient .field{padding:2% 5%;font-size:12px;width:90%;border-radius:6px;background:#ececec} .avisclient .submit{background:#db4b43;color:#fff;padding:5px 10px ;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;color:#9c9d9d;font-size:14px;border:solid 1px #fff;font-family:Helvetica;line-height:18px;width:85px !important;color:#fff} .avisclient .submit:hover{background:#fff;border:solid 1px #db4b43;color:#db4b43} .avisclient .comment{margin:2px 0 5px 0;line-height:28px} .avisclient .comment label{float:left;width:235px;} #SmallBody{width:600px !important} .sendtofriend{width:540px;margin:0 30px} .sendtofriend .content{width:440px} .gototop{position:fixed;bottom:0;right:1.5%;z-index:900;display:none} #Popup{padding-top:4%;position:fixed;top:0;left:0} #Popup .AlerteMail{margin:0 0 0 32.9%;position:relative;float:none} #Popup .AlerteMail .title img{width:100%} .ui-helper-hidden-accessible{display:none !important} .ui-autocomplete {background:#fff;border:solid 1px #ececec;padding:5px} .ui-autocomplete li{padding:5px 0;text-transform:uppercase;font-size:14px} .parralaxslide{width:100%;height:600px;padding-top:100px;border-bottom:solid 3px #fff} .slide1{ background: url(/img/pro/1.jpg) no-repeat center fixed; } .slide2{ background: url(/img/pro/2.jpg) no-repeat center fixed; } .slide3{ background: url(/img/pro/3.jpg) no-repeat center fixed; } .parralaxslide .slide_inside{background:url(/img/fond_blanc.png) top left repeat;width:900px;margin:0 auto;padding:40px;height:350px} .parralaxslide .slide_inside h1{font-size:18px;text-align:center;font-family:HelveticaNeueBold;margin-bottom:20px;text-transform:uppercase} .parralaxslide .slide_inside .bulle{width:160px;height:150px;border-radius:90%;border:solid 1px #424242;padding:25px 15px 15px 15px;text-align:center;display:inline-block;margin:15px} .parralaxslide .slide_inside .bulle h2{font-size:14px;margin:4px 0} #Detail{width:90%;margin:25px 2.5%;padding:25px 2.5%;background:#fff;border-radius:6px} #Detail h1{font-size:18px;text-transform:uppercase;margin:0 0 25px 0;} #Detail h2{font-size:16px;text-transform:uppercase;margin:15px 0;} #Detail h3{font-size:14px;text-transform:uppercase;margin:10px 0;} #Detail ul{margin:15px 0} #Detail ul li{list-style-type:square;list-style-position:inside;margin:5px 0} #Detail p a{color:#de493d} #Detail #Galerie{float:left;width:30%;margin:0 2.5% 20px 0} #Detail aside{margin:25px 0;padding:20px 0;border-top:solid 1px #424242;border-bottom:solid 1px #424242;} #portfolio{padding:100px 5%} #Resultats.lastnews{display: flex;padding:0 2.5%;flex-wrap: wrap;gap:24px;width: 95%;} #Resultats.lastnews .title{width: 100%;} #Resultats.lastnews .title h2{ background: #fff; width: 22%; margin: 0 auto; text-align: center; color: #424242; font-size: 16px; text-transform: uppercase; padding: 21px 0 18px 0; font-weight: normal; height: 18px; } #Resultats.lastnews .itemlist{width:calc(33.33% - 18px);margin:0} #Resultats.lastnews .itemlist .photo{width: 100%;} #Resultats.lastnews .itemlist .photo img{display: block;width: 100%;height: auto;} @media screen and (min-width: 1581px) and (max-width: 1900px) { .encart1{width:30%} .itemlist .descriptif{padding-top:8%} .itemlist .contactAgence{padding-top:4%} .itemlist .contactAgence .libelle{margin-bottom:10px;padding-bottom:10px} .itemlist .contactAgence p.tel{margin-bottom:10px;padding-bottom:10px} .item-detail .onglet{width:40%} .priximmo .content .type .libelle{margin:0 13% 3px 13%;height:24px} .AlerteMail .title img{width:100%} } @media screen and (min-width: 1581px) { #SelectionContent{width:36%} .priximmo .content .type .libelle{font-size:17px} .index3{clear:both} .index0{clear:both} } @media screen and (max-width: 1599px) { .item-detail .actions .infos{padding:18px 0 17px 0} .item-detail .actions .situer{padding:18px 0 17px 0} .item-detail #Contact .content .contactzone .formc .submit{margin-right:1%} #Popup{padding-top:4.5%} #FormAcheter .title .texte{width:25%} } @media screen and (max-width: 1580px) { .FindHome .h1{margin-bottom:25px} #SelectionContent {width:35%} .APhare{width:100%} .APhare h2{background:#fff;width:30%;margin:0 auto;text-align:center;color:#424242;text-transform:uppercase;padding:21px 0 19px 0;height:17px} .APhare h1{background:#fff;width:30%;margin:0 auto;text-align:center;color:#424242;text-transform:uppercase;padding:21px 0 19px 0;height:17px} .index0{clear:both} .index2{clear:both} .index4{clear:both} #Resultats .item{width:47.6%} #Resultats .itemlist .descriptif{padding-top:6%} .item-detail{margin-top:5%} .item-detail .onglet{width:45%} .item-detail #Infos .recap div{width:80%;padding-left:20%} .item-detail .actions div{width:100% !important;margin-bottom:3px} #Popup .item{width:40.6%} #FondFlash .itemagence{width:40%} .item-detail #Contact{float:left;clear:both;display:none;margin-top:1.5%;width:100%} .item-detail #Contact .formc .submit{float:right;margin-right:8%} #FormAcheter .title h1{width:30%} #FormAcheter .title h1 a img{width:100%;height:auto} #FormAcheter .title .texte{float:right;font-size:14px;width:25%;line-height:30px;} .creercomptepro{margin-right:10%} .LoginPro h1{width:100%!important} } @media screen and (max-width: 1500px) { .item-detail #Infos .addthis_toolbox .libelle{font-size:12px;margin:5px 10px 10px 0;text-transform:uppercase;float:none} #Popup{padding-top:5%} } @media screen and (max-width: 1440px) { .item-detail #Infos .addthis_toolbox .libelle{font-size:12px;margin:5px 10px 10px 0;text-transform:uppercase;float:none} #Menu ul li .SousMenu .topactions ul li a{padding:15px!important} #Popup{padding-top:5%} #FormAcheter .title .texte{width:30%} } @media screen and (max-width: 1380px) { #SelectionContent{width:40%} .item-detail #Contact .formc .submit{float:right;margin-right:7%} .item-detail #Infos .recap div{width:80% !important;padding-left:20%;margin:0 0 10px 0} .item-detail #Infos .addthis_toolbox {padding-top:15px} .item-detail #Description .content .caracsinfo{float:left;width:45%;clear:both;} .item-detail #Description .content .caracsinfo .caracs li{width:30%} .item-detail #Description .content .diagnostics{float:left;width:45%;clear:none;border-left: dashed 1px #424242;padding-left:3%;margin-left:3%} .itemacc .actions .detail{padding:17px 0} .itemacc .actions .inpanier{padding:17px 0} } @media screen and (width: 1366px) { .itemacc .actions .panier{padding:17px 0} .itemacc .actions .inpanier{padding:17px 0} .itemacc .actions .detail{padding:17px 0} #SelectionContent{width:44%} #BandeauDetail .filterfield{width:280px} #BandeauDetail .filterfield .filtre{width:140px;font-size:13px;} #BandeauDetail .filterfield .filtre .entete{font-size:13px;padding-top:11px;height:28px} #BandeauDetail .titre{width:150px;padding:10px 0 0 0;margin:0;text-align:center;font-size:12px;max-height:40px} #BandeauDetail .titre span{font-size:14px;width:150px;text-align:center} .APhare h2{padding:19px 0 18px 0;height:20px} .APhare h1{padding:19px 0 18px 0;height:20px} .item-detail #Contact .formc .submit{float:right;margin-right:7.3%} .priximmo .content .type .libelle{margin:0 10.5% 3px 10.5%;height:23px;} } @media screen and (max-width: 1300px) { .itemacc .actions .inpanier{padding:17px 0} .itemacc .actions .detail{padding:17px 0} #Menu ul li .SousMenu .topactions ul li a{padding:10px !important;font-size:12px} #BandeauDetail .filterfield{width:280px} #BandeauDetail .filterfield .filtre{width:140px;font-size:13px;} #BandeauDetail .filterfield .filtre .entete{font-size:13px;padding-top:11px;height:23px} #BandeauDetail .titre{width:150px;padding:10px 0 0 0;margin:0;text-align:center;font-size:12px;max-height:40px} #BandeauDetail .titre span{font-size:14px;width:150px;text-align:center} } @media screen and (max-width: 1280px) { #BandeauDetail .filterfield{width:220px} #BandeauDetail .filterfield .filtre{width:110px;font-size:13px;} #BandeauDetail .filterfield .filtre .entete{font-size:13px;padding-top:11px} #BandeauDetail .filterfield .filtre .trier{padding-top:20px;padding-bottom:3px;padding-left:10px;padding-right:10px} #BandeauDetail .Infos .titre{width:90px;padding:10px 0 0 0;margin:0;text-align:center;font-size:12px} #BandeauDetail .Infos .titre span{font-size:14px;width:90px;display:block} #FormAchat #TypeBien{margin-left:22% !important;} #FormAchat #Vue{margin-left:33.6% !important;} #FormAchat #Quand{margin-left:55.6% !important;width:180px} #FormAcheter .title h1{width:30%} #FormAcheter .title h1 a img{width:100%;height:auto} #FormAcheter .title .texte{float:right;font-size:14px;width:25%;line-height:30px;} .creercomptepro{margin-right:10%} .LoginPro h1{width:100%!important} } @media screen and (max-width: 1240px) { #Menu ul li .SousMenu .content .topville ul li{font-size:12px} #BandeauDetail .filterfield{width:230px} #BandeauDetail .filterfield .filtre{width:115px;font-size:13px;height:47px} #BandeauDetail .filterfield .filtre .entete{font-size:13px;padding-top:11px} #BandeauDetail .filterfield .filtre .trier{padding-top:20px;padding-bottom:3px;} #BandeauDetail .Infos .titre{width:80px;padding:10px 0 0 0;margin:0;text-align:center;font-size:12px} #BandeauDetail .Infos .titre span{font-size:14px;width:80px} #Resultats .itemlist .contactAgence{padding-top:5%;width:90%} #Resultats .itemlist .contactAgence p.libelle{margin-bottom:15px;padding-bottom:10px;margin-left:35%} #Resultats .itemlist .contactAgence p.tel{margin-bottom:15px;padding-bottom:10px;margin-left:35%} #Resultats .itemlist .contactAgence form p{margin:5px 0} #Resultats .itemlist .contactAgence form .choix{margin:3px 0} } @media screen and (max-width: 1024px) { #header #Menu ul li.principal a{padding:22px 22px 15px 22px;display:block} #header #Menu ul li.principal a:hover{padding:22px 22px 12px 22px;} #header #Menu ul li.selected a{padding:22px 22px 12px 22px;} #header #Selection a.btn{padding-left:25px} #SelectionContent{width:60%} .RechercheBienAccueil{width:694px;padding:10px 20px} .RechercheBienAccueil .field{font-size:12px} .RechercheBienAccueil .field:hover{cursor:pointer} .RechercheBienAccueil .flocalisation{width:70px;background:url(/img/picto_localisation.png) 95px 15px no-repeat #fff;padding-right:25px} .RechercheBienAccueil .fvue{width:50px;background:url(/img/picto_vue.png) 70px 18px no-repeat #fff;padding-right:25px} .RechercheBienAccueil .ftypebien{width:70px;background:url(/img/picto_typebien.png) 90px 15px no-repeat #fff;padding-right:25px} .RechercheBienAccueil .fprix{width:60px;padding-right:25px;background:url(/img/picto_prix.png) 85px 15px no-repeat #fff;} .RechercheBienAccueil .fprix input{font-size:12px;width:60px;} .RechercheBienAccueil .submit{padding-left:10px;padding-right:10px} .RechercheBienAccueil .detailsearch ul li{margin:2px 0} .RechercheBienAccueil .TypedeBien{width:122px;margin-left:165px} .RechercheBienAccueil .TypedeBien ul{width:95px} .RechercheBienAccueil .TypedeBien ul li{width:95px;text-align:left} .RechercheBienAccueil .Vue{width:102px;margin-left:310px} .RechercheBienAccueil .Vue ul{width:75px} .RechercheBienAccueil .Vue ul li{width:75px;text-align:left;} #Caracs{width:636px;margin-left:0} .RechercheBien{width:87.5%;margin:0;float:left} .RechercheBien .field:hover{cursor:pointer} .RechercheBien .flocalisation{width:79px;background:url(/img/picto_localisation.png) 95px 20px no-repeat #fff;padding-right:25px} .RechercheBien .ftypebien{width:79px;background:url(/img/picto_typebien.png) 95px 20px no-repeat #fff;padding-right:25px} .RechercheBien .fvue{width:79px;background:url(/img/picto_vue.png) 95px 21px no-repeat #fff;padding-right:25px} .RechercheBien .fprix{width:50px;background:url(/img/picto_prix.png) 75px 18px no-repeat #fff;} .RechercheBien .fprix input{width:50px;} .RechercheBien .submit{padding-left:13px;padding-right:13px;} .RechercheBien .TypedeBien{margin-left:155px;width:138px} .RechercheBien .Vue{margin-left:295px;width:133px} .RechercheBien .Vue ul li{width:105px} #OverFlow{padding:0;} #BandeauDetail .Infos{width:170px;height:47px;float:right} #BandeauDetail .filterfield{width:170px} #BandeauDetail .filterfield .filtre{width:75px;font-size:13px;} #BandeauDetail .filterfield .filtre .entete{font-size:13px;padding-top:11px;height:39px;padding:11px 5px 0 5px} #BandeauDetail .Infos .titre{width:80px;padding:10px 0 0 0;margin:0;text-align:center;font-size:12px} #BandeauDetail .Infos .titre span{font-size:14px;width:70px} #BandeauDetail .Infos{display:none} #HomePanel{max-height:2000px} #HomePanel h2{width:400px;height:17px;font-size:15px;font-weight:normal} .itemacc {width:47.9% !important} .itemacc .actions .panier{padding:17px 0} #HomePanel .indx0{clear:both} #HomePanel .indx2{clear:both} #Resultats .itemlist .descriptif{padding-top:6%} #Resultats .itemlist .contactAgence{padding-top:4%;width:90%} #Resultats .itemlist .contactAgence .libelle{margin-bottom:10px;padding-bottom:7px} #Resultats .itemlist .contactAgence p.tel{margin-bottom:10px;padding-bottom:7px;color:#fff;width:200px} #Resultats .itemlist .contactAgence p.tel span{display:inline;color:#fff} #Resultats .itemlist .contactAgence form p{margin:5px 0} #Resultats .itemlist .contactAgence form .choix{margin:3px 0} #Resultats .itemlist .fleche{display:inline} #Resultats .itemlist .actions .infos{padding:17px 0} #Resultats .itemlist .actions .agence{padding:17px 0} #Resultats .itemlist .actions .panier{padding:10px 0} #Resultats .itemlist .actions .inpanier{padding:17px 0} .item-detail{margin-top:6%} .item-detail .onglet .infosbulle{margin:10px 12px 10px 0;font-size:13px;line-height:24px} .item-detail #Infos{padding:25px 3%;width:94%} .item-detail #Infos .recap{margin:7px 0;width:180px} .item-detail #Infos .recap .localisation{width:180px} .item-detail #Infos .recap .typebien{width:180px} .item-detail #Infos .recap .vue{width:180px} .item-detail .alentours{width:51%} .priximmo .content .type .libelle{margin:0 12.9% 3px 12.7%;height:23px;font-size:16px} #map_canvas{height:250px !important} .AlerteMail .title h2 img{width:100%} } @media screen and (max-width: 1000px) { .itemlist .actions .inpanier{padding:0 !important;} } @media screen and (max-width: 1000px) and (orientation:portrait){ #BandeauDetail .Infos{width:220px} #Resultats .itemlist .contactAgence p.tel span{display:none} #Resultats .itemlist .actions .infos{padding:17px 0} #Resultats .itemlist .actions .agence{padding:17px 0} #Resultats .itemlist .actions .inpanier{padding:17px 0} #Resultats .itemlist .actions .panier{padding:10px 0.3%;width:33%} .item-detail {width:97%;} .item-detail #ColG{width:100%} .item-detail #ColG #Infos{width:94%} .item-detail #ColG #Infos .recap{width:100%} .item-detail #ColG #Infos .recap div{float:left;width:30% !important;padding-left:5%} .item-detail #ColG .actions{width:100%;border-bottom-left-radius:6px;border-bottom-right-radius:6px;} .item-detail #ColG .actions div{float:left;width:24.6% !important;padding:17px 0} .item-detail #Diaporama{width:100%} .item-detail #Infos .addthis_toolbox .libelle{float:left} .item-detail .onglet{width:97%;border-radius:6px} .item-detail .onglet .content{padding:5%;width:90%} } @media screen and (max-width: 800px) { #header #Selection{} #Menu{width:480px} #header #Selection a.btn{padding-left:15px} #Menu ul {width:280px} #header #Menu ul li.principal a{padding-left:10px;padding-right:10px} #header #Menu ul li.principal a:hover{padding-left:10px;padding-right:10px} .RechercheBienAccueil{width:400px} .RechercheBienAccueil #Slogan_Site img{width:400px} .RechercheBienAccueil .fprix{margin-top:3px;width:70px} .RechercheBienAccueil .prixmin{clear:both;} .RechercheBienAccueil .submit{margin-top:3px;width:100px;padding-left:7px;padding-right:7px;font-size:13px} .RechercheBienAccueil #OverFlow{width:355px !important;height:700px} .RechercheBienAccueil #OverFlow #Carte{width:311px !important} .RechercheBienAccueil #OverFlow #Carte .cartefrance{padding:0;margin:0;border:0} .RechercheBienAccueil #OverFlow #Carte #RechercheVille{clear:both;margin-top:25px;margin-bottom:25px} }