<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

		
	#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% - 172px);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%}
	}

.backtocarte{position:fixed;top:70px;right:0;z-index:550;background:#376F97;padding:17px 25px 7px 25px;font-size:18px;text-transform:uppercase;display:inline-block;color:#fff;line-height:45px;margin-left:2px;}
#map_canvas{width:100%;height:100%}
#map_canvas *{overflow:visible}
.contentMarker{margin:15px 0}
.contentMarker	.photo{width:100%}	
.contentMarker	.photo img{width:100%;height:auto}	
.contentMarker h1{text-transform:uppercase;margin:10px 0}
.contentMarker p{color:#376F97;margin:0 0 5px 0}
.contentMarker p span{float:left;width:50%;}		
.contentMarker p strong span{float:none;width:auto}
.contentMarker p .detail{display:block;background-color:#376F97;color:#fff;padding:5px 0;text-align:center;margin-top:10px;text-transform:uppercase}
.multiplerMaker{width:47.5%;margin:15px 0 0 0}

#InfoPop{position:absolute;left:0%;top:70px;width:27%;height:600px;z-index:2000;background-color:#eceef5;color:#000;display:none;padding:1.5%;overflow-y:scroll}
#InfoPop .idx0{float:left;clear:both}
#InfoPop .idx1{float:right;}
.agencepres .close{position:absolute;right:2.5%;top:10px;color:#fff;text-transform:uppercase;font-size:18px;z-index:2050;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);}
.agencepres .photos{width:100%;border-bottom:solid 2px #fff;position:relative}
.agencepres .photos .slider{width:100%;}
.agencepres .photos .slider .photo{width:100%;}
.agencepres .photos .slider .photo img{width:100%;height:auto;display:block}
.agencepres .photos .fleche2{position:absolute;top:40%;z-index:300}
.agencepres .photos .fprev{left:2.5%}
.agencepres .photos .fnext{right:2.5%}
.agencepres .texte{padding:5%;width:90%;}
.agencepres .texte h3{font-size:18px;text-transform:uppercase;margin-bottom:15px}
.agencepres .texte .adresse{line-height:24px;margin-bottom:15px}
.close{line-height:25px}
span.croix{float:left;display:block;width:20px;margin-right:10px;margin-top:8px}
span.croix .cline0{display:block;height:2px;width:25px;background-color:#fff;transform: rotate(45deg);box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);}
span.croix .cline1{display:block;height:2px;width:25px;background-color:#fff;transform: rotate(-45deg);box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);}

@media screen and (max-width: 1024px)  {
#InfoPop{width:45%;padding:2.5%}
}
@media screen and (max-width: 800px)  {
#InfoPop{width:95%;padding:2.5%}
}
			
	</pre></body></html>