#Flash{width:100%;height:100%;} #Flash .item{width:100%;height:100%;} #Flash .item .content{width:100%;height:100%;position:relative} #Flash .item .content .texte{position:absolute;left:0;bottom:0%;padding:2.5%;width:95%;background: rgb(17,29,45); background: linear-gradient(0deg, rgba(17,29,45,1) 0%, rgba(17,29,45,0) 70%);} #Flash .item .content .texte a {color:#fff;display:block} #Flash .item .content .texte h1{font-size:30px;line-height:40px;font-weight:300;text-transform:uppercase;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);} #Flash .item .content .texte .dep{font-size:30px;line-height:40px;font-weight:300;text-transform:uppercase;margin-top:5px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);} #Flash .item .content .texte .prix{font-size:36px;line-height:40px;font-weight:300;text-transform:uppercase;margin-top:15px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);} #Flash .item .content .texte .detail{font-size:40px;text-transform:uppercase;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);} #Flash .item .content .texte .detail a{color:#fff;background:url(/img/circle.png) left no-repeat;background-size:40px;font-weight:300;} #Flash .item .content .texte .detail a span{font-size:60px;font-weight:300;display:inline-block;padding:22px 12px;color:#376F97} #Flash .item .content .texte .detail a:hover{color:#376F97} #FondFlash{position:relative;width:100%} .homechristmas{width:100%;font-weight:300;background:url(/img/fond-noel.png) bottom center no-repeat;background-size:cover;color:#fff;font-size:36px;padding:} .homechristmas p{position:absolute;top:50%;left:10%;transform:translateY(-50%)} .fleche{position:absolute;z-index:450;} .fleche:hover{cursor:pointer} #FPrev{left:2.5%} #FNext{right:2.5%} .next_btn{position:absolute;bottom:0px;right:0;z-index:500;background:#fff;line-height:70px;height:70px} .next_btn a {text-transform:uppercase;display:block;padding:0 25px 0 25px;text-transform:uppercase;font-size:1.6em;color:#223B53} .next_btn a .icon-fleche_bas{display:none} .next_btn a:hover{color:#376F97} .homepage h1{font-size:30px;text-transform:uppercase;font-weight:300;text-align:center;margin:0 0 2.5% 0;line-height:36px;color:#223B53} .homepage .searchprix{width:43.7%;clear:unset;margin:15px 0} .homepage .searchprix .cat{float:left;width:22%;margin:10px 1.5%;text-align:center} .homepage .searchprix .cat span{font-size:30px;display:inline-block;margin:0 2px 17px 2px} .homepage .searchprix .cat span.data{font-size:30px;margin-bottom:2px} .homepage .searchprix .cat em{font-size:14px} #acheter{position:relative;padding-top:70px} #acheter .next_btn{top:0;bottom:auto} #acheter .item{width:100%;height:100%;position:relative;} #acheter .item .borderh{ background-color: #fff; width: 105%; transform: rotate(-7deg); height: 31%; position: absolute; top: -15%; left: -5%; z-index: 0;} #acheter .item .titre{width:95%;background-size:100%;padding:2.5%;height:100px;position:absolute;top:0;left:0;z-index:100} #acheter .item .titre h2{font-weight:300;font-size:50px;line-height:60px;color:#2b3542;width:500px} #acheter .item .titre .place{font-size:18px;color:#2b3542;margin-top: 10px;line-height: 24px;} #acheter .item .sstitre{text-align:center;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);color:#fff;font-weight:300;font-size:45px;line-height:60px;margin-top:25%} #acheter .item .sstitre a{color:#fff} #acheter .item .voirplus{position: absolute; bottom: -15%; right: -13%; width: 100%; background: #fff; padding: 2.5% 15% 2.5% 5%; text-align: right; font-weight: 300; font-size: 24px; text-transform: uppercase; line-height: 30px; color: #2b3542; transform: rotate(-7deg); height: 5%;} #acheter .item .voirplus a{display:block; transform: rotate(7deg);margin-top:-6%} #acheter .item .voirplus span{padding:5px;border:solid 2px #2b3542;border-radius:90%;width:25px;height:25px;display:inline-block;font-size:18px;margin-right:15px;text-align:center;line-height:28px} .searchprix{clear:both;width:95%;margin:50px 0%;padding:25px 2.5%; -webkit-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.1); box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.1);} .searchprix h2{text-transform:uppercase;color:#223B53;text-transform:uppercase;font-size:24px;line-height:30px;margin-bottom:15px} .searchprix p{color:#223B53;font-size:18px;line-height:30px;margin-bottom:15px} .searchprix .field{float:left;background-color:#fff;border:solid 1px #223B53;padding:10px 15px;width:calc(96% - 152px);font-size:18px} .searchprix .submit{background-color:#376F97;border:solid 1px #376F97;padding:10px 15px;font-size:18px;color:#fff;text-transform:uppercase} .searchprix .submit:hover{color:#376F97;background-color:#fff} .searchprix .demandeestimation{background-color:#376F97;border:solid 1px #376F97;padding:10px 15px;font-size:18px;color:#fff;text-transform:uppercase;display:inline-block;margin-top:20px} .searchprix .demandeestimation:hover{color:#376F97;background-color:#fff} #style{position:relative;padding-top:70px;padding-bottom:30px} #style .next_btn{top:0;bottom:auto} #style .item{float:left;width:24.9%;height:100%;margin-top:0px;position:relative;margin-right:0.1%;margin-bottom:0.1%;} #style .item .photo{border-right:solid 2px #fff;border-bottom:solid 2px #fff;} #style .item .titre{position:absolute;top:5px;left:5px;width:100%;padding:40% 0;z-index:100;text-align:center} #style .item .titre h2{font-weight:300;font-size:45px;line-height:60px;color:#fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);text-transform:uppercase} #style .item .titre h2 a{color:#fff} #enseigne{width:100%} #enseigne h3{text-align:center;font-weight:300;font-size:30px;line-height:40px;color:#223B53;text-transform:uppercase;margin-bottom:20px} .itemp2{float:left;width:33.33%;background-size:100%;border:0;overflow:hidden} .itemp2:hover{float:left;width:33.33%;filter: grayscale(0%);} .itemp2 .content{text-align:center;text-transform:uppercase;font-weight:300;font-size:16px} .itemp2 .content a{padding:50px 10%;display:block;color:#fff} .itemp2 .content .photo{margin-bottom:20px;} .itemp2 .content .photo img{height:58px} .itemp2 .content h4{font-weight:300;height:18px;} .itemp2 .content a h4 {font-size:18px;color:#fff;line-height:18px} @media screen and (min-width: 1800px){ .homepage .searchprix p{font-size:20px} } @media screen and (max-width: 1800px){ #acheter .item .sstitre{font-size:36px;} #acheter .item .titre{padding-bottom:70px} #acheter .item .titre h2{font-size:40px} #acheter .item .voirplus a{margin-top: -6.5%;} } @media screen and (max-width: 1400px) { #acheter .item .titre{padding:40px 2.5% 90px 2.5%;} #acheter .item .titre h2{font-size:36px} #acheter .item .sstitre{font-size:36px} #acheter .item .voirplus{height:7%} #style .item .photo img{width:100%;height:auto} #style .item .titre h2{font-size:30px} .itemp .content a{padding:35px 10%} } @media screen and (max-width: 1280px) { #Flash .item .content .texte{width:45%} .next_btn a{font-size:22px;padding-left:15px;padding-right:15px} #acheter .item .titre{padding:0px 2.5% 60px 2.5%} #acheter .item .titre h2{font-size:40px} #acheter .item .sstitre{font-size:36px} #acheter .item .voirplus{height:10%} #acheter .item .voirplus a{margin-top: -5%;} #style .item .photo img{width:100%;height:auto} #style .item .titre h2{font-size:30px} .itemp .content a{padding:35px 10%} } @media screen and (max-width: 1024px) { #Flash .item .content .texte{width:60%} #acheter .item .titre{padding:0px 2.5% 40px 2.5%} #acheter .item .borderh{top:-20%} #acheter .item .titre h2{font-size:36px} #style .item .titre h2{font-size:36px} #acheter .item .voirplus{height:12%} #hometexte .item{width:60%;padding:100px 35% 100px 5%} .next_btn{line-height:30px} .next_btn a{font-size:18px;padding-left:20px;padding-right:20px} .next_btn a .icon-fleche_bas{display:none} } @media screen and (max-width: 800px) { .next_btn a{font-size:13px} #acheter .item .titre{padding-top:26px} #acheter .item .titre h2{font-size:24px;line-height:30px} #acheter .item .sstitre{font-size:28px} #style{padding-top:66px} #style .item{width:49.9%;margin-top:0} #style .item .photo{border:solid 2px #fff} .itemp2{width:100%!important} #acheter .item .titre h2{font-size:30px} #acheter .item .voirplus{padding:70px 17% 0% 5%;height:90px} #SnsM{position:relative;display:block;top:unset;left:unset} #SnsM .close{display:none} #SnsM .content{width:100%} #SnsM .content .texte{width:90%} #SnsM .content .texte .titre .right{margin-left:15%;margin-bottom:15px} #SnsM .content .texte .titre .left{margin-right:15%;margin-bottom:15px} .noel2023{display:none} } @media screen and (width: 768px) and (orientation:portrait) { } @media screen and (max-width: 640px) { .Menu nav{padding-top:15px} .next_btn{display:none} .next_btn a{display:none} #Flash .item .content .texte{width:95%} #Flash .item .content .texte h1{font-size:24px;line-height:34px} #Flash .item .content .texte .dep{display:none} #Flash .item .content .texte .prix{font-size:3Opx} #acheter .item .borderh{height:75px;top:-5%} #acheter .item .sstitre{margin-top:45%} #acheter .item .titre{padding:0px 2.5% 37px 2.5%;font-size:20px;background-size:125%} #acheter .item .titre h2 {font-size:20px} #acheter .item .titre h2 br{display:none} #acheter .item .titre h2 span{margin-left:5px} #acheter .item .sstitre{font-size:24px;line-height:36px;padding:0 2.5%} #style .item{width:100%} #style .next_btn{display:none} #hometexte .item{width:90%;padding:50px 5% 50px 5%} #hometexte .item h1{font-size:24px} #hometexte .item ul li{line-height:24px} .homepage .searchprix{width:95%} .itemp2{margin:0;border-top:0;border-bottom:0} .itemp2 .content a{padding:25px 10%} #acheter .item .titre .place{display:none} #acheter .item .voirplus{padding:30px 17% 25px 5%;} #acheter .item .voirplus a{font-size:18px;margin-top:-7%} } #SearchPageM{padding-top:120px} .breadcrumb{margin-top:0px!important;color:#223B53;padding:15px 3.5%} .backtolistepage{margin-top:0px!important;;} .resulttitle{color:#223B53;text-align:center;padding:25px 0 25px 0;font-size:24px;text-transform:uppercase;line-height:36px;font-weight:normal} .resulttitle p{font-size:18px;margin:0 25%;text-transform:none;line-height:30px;font-weight:300} .textepage{color:#223B53;background-color:#eceef5;padding:5px 0%;margin:0 2.5%;font-size:18px;text-transform:uppercase;line-height:36px;font-weight:normal} .textepage span{display:inline-block;} .textepage a,.textepage button{display:inline-block;background-color:;border:solid 1px #376F97;color:#fff;padding:5px 10px;;margin:0 10px;font-size:18px;line-height:18px;vertical-align:middle;font-family:'Poppins'} .textepage a:hover,.textepage a.selected,.textepage button:hover,.textepage button.selected{background-color:#fff;color:#376F97} .resulttitle .textepage a{background:unset;border:unset;color:unset;padding:0;margin:0;font-size:unset;line-height:unset;vertical-align:unset;display:unset} #ActionsSearch{background-color:#eceef5;color:#223B53;height:65px;margin:0 2.5%} #ActionsSearch .filterfield{width:150px;float:right;margin-left:2px;bo} #ActionsSearch .filterfield .filtre{color:var(--bleufonce);padding:23px 20px;overflow:visible;} #ActionsSearch .filterfield .filtre:hover{background:var(--bleufonce);color:#fff} #ActionsSearch .filterfield .filtre .entete{text-transform:uppercase;text-align:center;} #ActionsSearch .filterfield .over{background:#fff;color:#37424a} #ActionsSearch .filterfield .filtre .liste{position:absolute;display:none;right:0;width:149px;z-index:100;border:solid 1px #eceef5;z-index:400} #ActionsSearch .filterfield .filtre .liste{background:#fff;color:#37424a} #ActionsSearch .filterfield .filtre .liste li{padding:10px 10px 6px 10px;font-size:14px;border-top:solid 1px #37424a} #ActionsSearch .filterfield .filtre .liste li:hover{cursor:pointer;background-color:#e7e7e8} #ActionsSearch .filterfield .filtre .liste li input{width:100%;background-color:#fff;border:0;font-size:14px} #ActionsSearch .filterfield .filtre .liste li:hover input{cursor:pointer;background-color:#e7e7e8} #ActionsSearch .AlerteMail{float:left;padding:15px 25px 0 25px;margin-bottom:0} #ActionsSearch .AlerteMail .libelle{float:left;margin-right:25px;padding-top:6px;font-size:18px;text-transform:uppercase;line-height:28px} #ActionsSearch .AlerteMail .formc{} #ActionsSearch .AlerteMail .field{padding:9px 10px 8px 10px;margin-right:5px;float:left;font-size:16px;border:0} #ActionsSearch .AlerteMail .submit{background:var(--bleufonce);padding:8px 10px 9px 10px;color:#fff;font-size:18px;text-transform:uppercase;border:0;height:41px} #ActionsSearch .AlerteMail .submit:hover{cursor:pointer;} .backtoliste{float:right;padding:9px 24px;font-size:18px;text-transform:uppercase;display:inline-block;color:var(--bleufonce);line-height:45px;} .backtocarte{float:right;padding:9px 24px;font-size:18px;text-transform:uppercase;display:inline-block;color:var(--bleufonce);margin-left:15px;line-height:45px;margin-right:2px} .backtoliste .icon{display:none} .backtocarte .icon{display:none} .backtocarte:hover{background-color:var(--bleufonce);color:#fff} .backtoliste:hover{background-color:var(--bleufonce);color:#fff} .fixedactionsearch{position:fixed;left:0;top:100px;z-index:400;width:100%;margin:0!important} .fixedactionsearch .filterfield .filtre .liste{position:fixed!important;top:121px!important} .navigationresult{float:right;color:#376F97;vertical-align:top;} .navigationresult span{float:left;padding-top:5px} .navigationresult a{background-color:#eceef5;padding:5px 10px;display:inline-block;margin-left:10px;} .navigationresult a.selected{background-color:#376F97;color:#fff;} #SearchPage .searchprix{width:95%;clear:unset;margin:15px 0} #SearchPage .searchprix .cat{float:left;width:20%;margin:10px 2.5%;text-align:center} #SearchPage .searchprix .cat span{font-size:40px;display:block;margin:0 0 17px 0} #SearchPage .searchprix .cat span.data{font-size:24px;margin-bottom:2px} #SearchPage .searchprix .cat em{font-size:14px} #Negos{padding:50px 0} #Negos .h1{color:var(--bleufonce);font-size:24px;text-align:center;text-transform:uppercase} #Negos .content{display:flex; flex-wrap:wrap;margin:0 -1.5%;width:103%;overflow:visible} #Posts{clear:both;color:#376F97} #Posts h2{text-transform:uppercase;font-size:24px;font-weight:300;line-height:30px;text-align:center;padding:25px 0} .post{float:left;width:16.46%;margin:0 0.1% 0.1% 0.1%;position:relative} .post picture img{width:100%;display:block} .post .texte{position:absolute;top:0;left:0;width:80%;padding:25% 10%;text-align:center;height:50%;background:url(/img/fond_bleu_clair.png) top left repeat;opacity:0} .post .texte h3{text-transform:uppercase;line-height:30px;font-weight:400} .post .texte h3 a{color:#fff} .post .texte h4 {color:#fff;font-weight:300} .listeseo{background-color:#eceef5;color:#223B53;padding:10px 2.5%;width:95%} .listeseo li{float:left;width:25%} .filtre2 ul li{float:left;margin:10px 15px} .responsable .h2{bcolor:#223B53;padding:15px 2.5%;font-size:24px;text-transform:uppercase;font-weight:300;margin-bottom:2.5%} #Nego .nego2{width:100%;padding-top:400px;background-size:100%;color:#223B53} #Nego .nego2 .photonego{width:200px;margin:0 auto;border:solid 4px #fff;margin-top:-200px;margin-bottom:20px} #Nego .nego2 .photonego img{width:100%;height:auto} #Nego .nego2 .texten{border-top:solid 4px #fff;overflow:visible;background-color:#eceef5;text-align:center;} #Nego .nego2 .texten h3{font-size:24px;font-weight:300;text-transform:uppercase;line-height:30px;margin-bottom:10px} #Nego .nego2 .texten p{font-size:18px;font-weight:300;line-height:24px;margin-bottom:10px} #Nego .nego2 .texten h2 span{color:#223B53} #Nego .nego2 .texten p{margin:5px 0} #Nego .nego2 .texten p{line-height:30px;font-size:24px} #Nego .nego2 .texten .tel .icon-phone{transform:rotate(170deg);vertical-align:top;margin-right:10px;width:auto;font-size:24px;display:inline-block;color:#376F97} #Nego .nego2 .social{margin:15px 0 50px 0} #Nego .nego2 .social p{text-transform:uppercase;font-size:18px} #Nego .nego2 .social a{margin:0 10px} #Nego .nego2 .social svg{height:40px;width:40px;} #Nego .nego2 .social svg path{fill:#376F97!important;} @media screen and (max-width: 1600px) { .backtoliste{padding-left:15px;padding-right:15px;font-size:16px} .backtocarte{padding-left:15px;padding-right:15px;font-size:16px;margin-left:0} #ActionsSearch .filterfield{width:145px} #ActionsSearch .filterfield .filtre .entete{font-size:16px} #ActionsSearch .AlerteMail{padding-right:0} #ActionsSearch .AlerteMail .field{width:130px;} #ActionsSearch .AlerteMail .submit{font-size:16px} } @media screen and (max-width: 1400px) { #style .item .titre{padding:33% 0} } @media screen and (max-width: 1280px) { .resulttitle{padding:25px 0} .backtoliste{font-size:15px;padding-left:15px;padding-right:15px} .backtocarte{font-size:15px;padding-left:15px;padding-right:15px} #ActionsSearch .filterfield .filtre .entete{font-size:15px} #ActionsSearch .AlerteMail{padding-right:0} #ActionsSearch .AlerteMail .libelle{font-size:15px} #ActionsSearch .AlerteMail .field{width:130px;font-size:14px} #ActionsSearch .AlerteMail .submit{font-size:15px} } @media screen and (max-width: 1024px) { .backtoliste{font-size:12px;padding-left:15px;padding-right:15px;line-height:30px} .backtocarte{font-size:12px;padding-left:15px;padding-right:15px;line-height:30px} #ActionsSearch .filterfield{width:120px} #ActionsSearch .filterfield .filtre{padding:10px 20px 9px 20px} #ActionsSearch .filterfield .filtre .liste{width:119px} #ActionsSearch .filterfield .filtre .entete{font-size:12px;line-height:30px} #ActionsSearch .AlerteMail{padding-right:0;padding-top:7px} #ActionsSearch .AlerteMail .libelle{font-size:12px;margin-right:15px} #ActionsSearch .AlerteMail .field{width:100px;font-size:12px} #ActionsSearch .AlerteMail .submit{font-size:12px} } @media screen and (max-width: 800px) { #SearchPageM{padding-top:0} #ActionsSearch .AlerteMail{border-right:solid 2px #fff;height:45px} #ActionsSearch .AlerteMail .libelle{font-size:20px;} #ActionsSearch .AlerteMail .formc{display:none} #SearchPage .searchprix{width:95%} #Resultats{grid-template-columns: repeat(1, 1fr);} .Resultats{grid-template-columns: repeat(1, 1fr);} } @media screen and (max-width: 640px) { .resulttitle{padding:15px 2.5%;font-size:18px;text-align:left} #ActionsSearch{height:50px} #ActionsSearch .filterfield{width:120px} .backtoliste{font-size:12px;padding-left:11px;padding-right:11px;line-height:30px;padding-top:10px;padding-bottom:6px} .backtocarte{font-size:12px;padding-left:11px;padding-right:11px;line-height:30px;margin-left:0;padding-top:10px;padding-bottom:5px} .backtoliste .icon{display:inline-block;font-size:18px} .backtocarte .icon{display:inline-block} .backtoliste .label{display:none} .backtocarte .label{display:none} #ActionsSearch .filterfield{width:100px} #ActionsSearch .filterfield .filtre{padding-left:0px;padding-right:0px;} #ActionsSearch .filterfield .filtre .liste{left:unset!important;right:0!important;width:100px} #ActionsSearch .AlerteMail{border-right:0;padding-left:5px} #ActionsSearch .AlerteMail .libelle{font-size:14px;border-right:0;margin-right:0;line-height:20px} #ActionsSearch .AlerteMail .fixedformAlert{position:fixed;top:70px;left:0;padding:15% 2.5%;width:95%;height:75%;background-color:#eceef5;display:block;z-index:600} #ActionsSearch .AlerteMail .fixedformAlert .close{display:block;font-size:40px;position:absolute;top:0%;right:2.5%;line-height:50px} #ActionsSearch .AlerteMail .fixedformAlert .field{width:90%;padding:10px 5%;margin-bottom:15px} .SearchPage{padding:25px 2.5%} .SearchPage .itemacc .texte .info h2{font-size:20px} .SearchPage .itemacc .texte .info .dep{font-size:14px;margin-bottom:0} }
Depuis 1993, Pierres et Mer est spécialisé dans l'immobilier de prestige à PORSPODER. Nous accompagnons dans la vente ou l'achat de votre propriété de prestige à PORSPODER : de la maison contemporaine à la villa d'exception les pieds dans l'eau ou la propriété de charme entre terre et mer. De l'estimation de propriété de standing à PORSPODER jusqu'à la signature de l'acte authentique, nos responsables de secteur sont à votre écoute pour vous accompagner dans votre projet immobilier. Notre rôle est de dénicher pour vous ce lieu unique qui fera fondre votre coeur. Ce lieu d'exception qui vous donnera l'envie de poser vos valises et profitez du confort d'une villa de prestige dans un cadre d'exception à PORSPODER.