/********************************************************
	CSS pour le site du Domaine sur le vert
	Création du css : Martin Durette
	Date : Mars 2021
	Une réalisation de Pika Design
********************************************************/

	/********************************************************
		HTML
	********************************************************/
	*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	body{font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px;}
	a{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;}
	.clear{clear:both}
	.container-fullwidth{margin:0; padding:0; width:100%;}
	
	
	iframe{max-width:100%;}
	h1{font-size:1.4em; text-transform:uppercase; margin:0 0 1em 0; color:#638C3D; font-weight:700}
	h2{font-size:1.3em; text-transform:uppercase; margin:0 0 1em 0; color:#638C3D; font-weight:700}
	h3{font-size:1.2em; text-transform:uppercase; margin:1em 0; color:#638C3D; font-weight:700}
	h4{font-size:1.2em; text-transform:uppercase; margin:1em 0; color:#638C3D; font-weight:700}
	h5{font-size:0.9em; text-transform:uppercase; margin:1em 0; color:#638C3D; font-weight:700}
	h6{font-size:1em; text-transform:none; margin:1em 0; color:#638C3D; font-weight:700}
	p,td{font-size:0.9em; margin:1em 0; line-height:150%; color:#000}
	li{font-size:1em; color:#000}
	a{color:#000; text-decoration:underline;}
	a:hover{color:#000;}
	hr{height:2px; background:#2c4967; width:300px; margin:1em auto; border:none}
	
	a.btn, a.FiltreItem{text-decoration:none}
	
	/********************************************************
		Bannière et Slideshow
	********************************************************/
	#banner{position:relative; width:100%; margin:0; padding:0; border:0px solid #000; overflow:hidden}
	#banner img{width:100%;}
	
	.bx-wrapper{border:none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin:0}
	.bx-wrapper .bx-caption {position: absolute; top: 50%; left: 0; background: none; width: 100%;padding:0 20%;}
	.bx-wrapper .bx-caption span{font-weight:800; text-decoration:none; font-size:2rem; color:#fff; text-transform:uppercase; margin-top:-1rem; text-align:center; width:100%; padding-top:0;  text-shadow: 1px 1px #000;}
	.bx-wrapper .bx-prev{left: 3rem; background: url("/medias/img/controls.png") no-repeat 0 0;}
	.bx-wrapper .bx-next {right: 3rem; background: url("/medias/img/controls.png") no-repeat -43px 0;}


	#Slogan{background:#dfe8d8}
	#Slogan p{color:#638C3D; display:block; font-weight:700; font-size:1.8rem; text-transform:uppercase;}

	/********************************************************
		Header
	********************************************************/
	#top{height:200px;}
		#logo img{height:200px;}
		#top a{font-weight:800; text-decoration:none; font-size:1.4rem;}
		#top .far{color:#638C3D}

	#Menu{background:#638C3D}
	#Menu ul{margin:0; padding:0; list-style:none;}
	#Menu ul li{margin:0; padding:0; display:inline-block}
	#Menu ul li a{display:block; font-weight:700; color:#fff; text-decoration:none; padding:0.75rem 1.5rem; text-transform: uppercase;}
	#Menu ul li:hover{background:#264d0e;}
	#Menu ul li.active{background:#264d0e;}
	

	/********************************************************
		Tooltips
	********************************************************/
	.hs-arrow-bottom{border-top: 8px solid #000!important; }
	.squares-container{box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75) !important; }
		.TTLot{padding:10px !important; font-family: 'Open Sans', sans-serif!important; font-weight:400!important; font-size:0.9rem!important; border-bottom: 1px solid #628b45!important;}
		.TTTyp{padding:10px!important;font-family: 'Open Sans', sans-serif!important; font-weight:400!important; font-size:0.9rem!important; text-transform: uppercase!important;}
		.TTCaract{padding:10px!important;font-family: 'Open Sans', sans-serif!important; font-weight:400!important; font-size:0.9rem!important; text-transform: uppercase!important;}
		.TTDispo{padding:10px!important;font-family: 'Open Sans', sans-serif!important; font-weight:400!important; font-size:0.9rem!important; background:#628b45!important; text-transform: uppercase!important; }
		.TTVendu{padding:10px!important;font-family: 'Open Sans', sans-serif!important; font-weight:400!important; font-size:0.9rem!important; background:#f87f2e!important; text-transform: uppercase!important; }
		.TTContact{padding:10px!important;font-family: 'Open Sans', sans-serif!important; font-weight:400!important; font-size:0.9rem!important;}
		.TTContactNone{Display:none!important; padding:0!important; }

	/********************************************************
		Contenu
	********************************************************/
	#Teaser{position:relative; background:url("../medias/img/domaine-sur-le-vert-site.jpg") bottom center no-repeat; background-size: contain; padding-bottom:250px;}
		#Teaser p{Font-size:1.2rem;}
	.teaser-block{background:#dfe8d8; min-height:150px; padding:1.5rem;}
	
	#Slogan2{background:#638C3D}
	#Slogan2 p{color:#fff; display:block; font-weight:700; font-size:1.4rem; text-transform:uppercase; text-shadow: 1px 1px #000;}

	.btn-vert{background:#264d0e; color:#fff; text-transform: uppercase; font-weight: 700; padding: 0.5rem 1rem;}
	.btn-vert:hover{background:#dfe8d8; color:#264d0e; text-transform: uppercase;}


	#Jardins{background:#dfe8d8; padding:2rem;}	
	#Jardins strong{text-transform:uppercase;}

	#MapConteneur{position:relative; background:url("../medias/img/domaine-sur-le-vert-terrain.jpg") bottom center no-repeat; background-size: cover;}
	#MapConteneurMobile{display:none}

	/********************************************************
		Footer
	********************************************************/
	#ContactFooter{background:#dfe8d8}
		#ContactFooter a{text-decoration:none; font-weight: 700;}
		#ContactFooter a .far{color:#638C3D;}
		#ContactFooter .form-control{background:#dfe8d8; border-color:#6c757d}
	#Copyright{background:#638C3D}
		#Copyright p{color:#fff; margin:0}
		#Copyright a{color:#fff; text-decoration:none; font-weight: 700;}
		#Copyright a{text-decoration:underline;}


	/********************************************************
		Responsive
	********************************************************/

	/* BootStrap : SM */
	@media only screen and (min-width : 768px)
	{
		#top{height:120px;}
		#logo img{height:120px;}
		
		
		.bx-wrapper .bx-caption span{font-size:1.5rem; margin-top:-2rem;}
		
	}
	
	/* BootStrap : MD */
	@media only screen and (min-width : 992px)
	{
		#top{height:200px;}
		#logo img{height:200px;}
		.bx-wrapper .bx-caption span{font-size:2rem; margin-top:-3rem;}
	}
	
	/* BootStrap : LG */
	@media only screen and (min-width : 1024px)
	{
		.bx-wrapper .bx-caption span{font-size:2rem; margin-top:-2rem;}
	}
	
	/* BootStrap : XL */
	@media only screen and (max-width : 767px)
	{
		#top{height:60px;}
		#logo img{height:60px;}
		#top a {font-size: 0.8rem;}
		#Menu ul li{margin:0; padding:0; display:inline-block; font-size:0.8rem;}
		#Menu ul li a{padding:0.5rem 0.5rem;}
		.bx-wrapper .bx-caption span{font-size:1rem; margin-top:-2rem;}
		.bx-wrapper .bx-prev{left: 1rem;}
		.bx-wrapper .bx-next {right: 1rem;}
		#Slogan p { font-size: 1rem;}
		h3 {font-size: 1em;}
		#Teaser p {Font-size: 0.9rem;}
		#Teaser {padding-bottom: 120px;}
		#Slogan2 p {font-size: 1rem;}
		#MapConteneur{display:none}
		#MapConteneurMobile{display:block}
	}


.dropdown-menu{background:#264d0e}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    background-color: #638C3D;
}