/*#svg-pelle { opacity:0.5 }*/
/* CSS Document */

.table-cell {
	display:table-cell;
	vertical-align:middle;
	padding:0 5px;
	width:auto;
}

/* MODULE DE RECHERCHE */

#page-recherche-arbre .bloc-grille.two-up {
	margin-top:20px;
}
#page-recherche-arbre .bloc-grille.two-up > li { padding: 0 16px 20px!important; }

#bloc-recherche {}
	#bloc-recherche .ui-autocomplete {
		background-color: #FFF!important;
		list-style:none;
		margin:0;
		padding:0;
		overflow-x:hidden;
        height: 280px;
        min-height: 280px;
        max-height: 290px;
        overflow-y: scroll;
	}
		#bloc-recherche .ui-autocomplete li {
			margin:0;
			padding:5px 5px;
		}
			#bloc-recherche .ui-autocomplete li:hover {
				background:#ccc;
				cursor:pointer;
			}

/* RÉSULTATS DE RECHERCHE */
#resultats-recherche h2 {
	margin-bottom:0!important;
}

#resultats-recherche .bloc-grille li {padding-bottom:0; }

#resultats-recherche .l-select-filtres {
	padding:20px 0;
	margin-right:10px;
	float:right;
}
	/*#resultats-recherche .btn-inverse-ordre {
		display:block;
		height:32px;
		position:relative;
		width:32px;

	}
		#resultats-recherche .btn-inverse-ordre:before {
			background:url(/images2014/icn-inverse-ordre.png) no-repeat;
			content:" ";
			display:block;
			height:20px;
			position:absolute;
			left:6px;
			top:6px;
			width:20px;
		}
			#resultats-recherche .btn-inverse-ordre:hover:before {
				background-position:-20px 0;
			}*/

	#resultats-recherche .l-select-filtres .form-select {
		width:200px!important;
	}

#resultats-recherche .liste-mots-cle {
	font-family: 'Open Sans', sans-serif;
	list-style-image:none;
	margin:0 0 40px!important;
	padding:0!important;
}
	#resultats-recherche .liste-mots-cle li {
		border-right:1px solid #dedede;
		display:inline-block;
		font-size:16px;
		font-size:1.6rem;
		line-height:1.1em;
		padding:0 8px 0 5px;
		margin-bottom:0;
	}
		#resultats-recherche .liste-mots-cle li:last-child {
			border:none;
		}
		#resultats-recherche .liste-mots-cle li span {
			font-size:12px;
			font-size:1.2rem;
		}


/* Pagination */
.hq-pages .jplist-select {
	width:150px;
	float:left;
	margin: 20px;
}
.hq-pagination {
	clear:both;	
}
.jplist-label {
	margin-top:5px;
	float:right;
}
.hq-pagination .jplist-pagination {
	text-align:center;
	width:300px;
	margin:0 auto;
}

.l-nav-pagination {
	margin-top:20px;
}


	.l-nav-pagination > div {
		display:inline-block;
		font-size:1.2rem;
		line-height:1em;
	}
		.l-nav-pagination button {
			float:left;
			padding:2px 6px;
			margin-right:8px;
		}
			.l-nav-pagination button:last-child {
				margin-right:0px;
			}

		.l-nav-pagination .jplist-current {
			background:#05527c;
			color:#fff!important;
			font-weight:bold;
			border-radius:3px;
		}

		.jplist-pagingprev,
		.jplist-pagingmid,
		.jplist-pagingnext { display:table-cell; vertical-align:middle }

		.jplist-pagingprev,
		.jplist-pagingnext { font-size:2rem; }

		.jplist-pagingmid { padding:0 20px ; }

		.jplist-hidden {
			display:none;
		}

.l-resultat-item {
	border-top:1px solid;
	border-bottom:1px solid;
	position:relative;
}
	.l-resultat-item > .row:first-child {
		padding:20px 24px!important;
	}
	.l-resultat-item:first-child {
		border-bottom:none;
	}

	.l-resultat-item { margin:0px!important; }
	.l-resultat-item .columns { padding: 0 10px; }

	.l-resultat-item figure {
		margin-bottom:0;
	}

	.l-bloc-photo {
		padding-left:10px!important;
	}

		.l-bloc-infos h3 {
			font-size:1.4rem;
			line-height:1.2em;
		}

		.l-bloc-infos h3 span.arbre-nom-fr,
		.l-bloc-infos h3 span.arbre-nom-en {
			display:block;
			font-size:1.2rem;
			font-weight:normal;
		}

			.l-bloc-infos .arbre-caracteristiques {
				margin-top:22px;
			}

			.l-bloc-infos .table-cell {
				display:table-cell;
				vertical-align:bottom;
				padding:0 10px;
				width:auto;
			}

				.l-bloc-infos .table-cell:first-child {
					padding-left:0;
				}

				.l-bloc-infos .column-separateur {
					border-right:1px solid #bcbcbc;
				}

					.l-bloc-infos .arbre-type {
						background: #f2f2f3;
						display:inline-block;
						font-size:1rem;
						margin-bottom:3px;
						padding:2px 6px;
					}

					.arbre-caracteristiques .arbre-caracteristique {
						color:#b1aba5;
						white-space:nowrap;
					}
						.arbre-caracteristiques .arbre-caracteristique > span {
							color:#50575d;
							display:block;
						}

				.l-bloc-infos .lien-fiche {
					position:absolute;
					right:0px;
					bottom:0px;
					margin-bottom:0!important;
				}

/* Collapse liste items seulement */
.l-bloc-remarque .hq-collapse {
	position:relative;
	margin:0!important;
}
.l-bloc-remarque .hq-collapse > h4,
.l-bloc-remarque .hq-collapse > div {
	border:none!important;
}
.l-bloc-remarque .hq-collapse > h4 {
	font-size:13px!important;
	font-size:1.3rem!important;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif!important;
	font-weight:normal!important;
	padding:0!important;
	position:absolute;
	right:0;
	top:-52px;
}
.l-bloc-remarque .hq-collapse > h4.open {
	/*top:-40px;*/
}

.l-bloc-remarque .hq-collapse > h4 a { display:inline-block!important; padding:15px 30px 15px 0!important}
.l-bloc-remarque .hq-collapse > h4 a:after {  }
.l-bloc-remarque .hq-collapse > div {
	background:#f2f2f3;
	padding:10px!important;
	margin:0px 4px 20px 22px!important;
}


/* FICHE ARBRE */
#hq-main ul li { margin-bottom:10px; }

#l-bloc-noms {
	color:#50575d;
}

#l-bloc-noms figure {
	margin-bottom:0;
}

#l-bloc-noms h2 {
	color:#50575d;
	font-size:16px!important;
	font-size:1.6rem!important;
	margin:0 0 5px!important;
}

#l-bloc-distance h2,
#l-bloc-dimension h2 {
	font-size:20px!important;
	font-size:2rem!important;
	line-height:1.1em;
}

#l-bloc-distance h2 {
	margin:0!important;
}
#l-bloc-dimension h2 {
	margin:0 0 10px 0!important;
}

#l-bloc-distance .l-distance {
	color:#05527c;
	font-size:20px!important;
	font-size:2rem!important;
	margin:0 0 10px 0!important;
	line-height:1.1em;
}

#l-bloc-distance p { margin-top:0px!important; margin-bottom:0!important; }
#l-bloc-dimension p { margin-bottom:0!important; }

.l-liste-specs li > span:first-child,
#l-bloc-dimension p span:first-child { color:#999999 }

#l-bloc-dimension figure { margin-bottom:10px }
#l-bloc-dimension figure img { border:0; }

#QR-code { display:none; width:15%; position:absolute; right:0; top:0; }

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.l-bloc-infos .arbre-caracteristiques {
		position:relative;
		bottom:auto;
		margin-top:20px;
	}
		.arbre-caracteristique {
			white-space:normal;
		}

			.arbre-caracteristiques .arbre-caracteristique > span {
				display:inline-block;
			}

			.arbre-caracteristiques p {
				margin-bottom:5px!important;
			}

	.l-bloc-infos {
		position:relative;
        top:auto;
        /*right:auto;*/
        bottom:auto;
	}

		.l-bloc-infos .table-cell {
			display:block;
			vertical-align:top;
			padding:0px;
			width:auto;
		}

		.l-bloc-infos .lien-fiche {
			margin-top:10px;
			position:relative;
			right:auto;
			bottom:auto;
			float:right;
		}

		.l-bloc-infos .lien-fiche br {
			display:none;
		}

		.l-bloc-infos .column-separateur {
			border-right:none
		}

}

@media only screen and (max-width: 599px) {
	/* RECHERCHE */
	.bloc-fond.inner-padding,
	.bloc-contour.inner-padding {
		padding:20px!important;
	}


	/* RÉSULTATS */
	.l-resultat-item > .row:first-child {
		padding:10px 5px!important;
	}
	.label-trier {
		display:block;
	}

	#resultats-recherche .l-select-filtres {
		padding:0px 0 10x;
		margin-left:10px;
		float:none;
	}
		#resultats-recherche .btn-inverse-ordre {
			margin-top:20px;
		}

	.arbre-caracteristiques .arbre-caracteristique > span {
		display:block;
	}

	/* ??? */
	.l-bloc-remarque {
		margin-top:-15px!important;
		margin-left:19%!important;
	}

	.l-bloc-remarque .hq-collapse {
		padding-left:0px;
		width:auto;
	}
	.l-bloc-remarque .hq-collapse > h4 {
		position:relative;
		top:auto;
		right:auto;
	}
	.l-bloc-remarque .hq-collapse > h4.open {
		top:auto;
	}
	.l-bloc-remarque .hq-collapse > div {
		margin:0 5px 10px 0!important;
	}


	.l-resultat-item {
		padding-right:0;
		padding-left:0;
	}

	.l-bloc-infos.mobile-three {
		padding:0!important;
	}
	.l-bloc-infos 	.lien-fiche {
		float:none;
	}

	/* FICHE */
	#l-bloc-nom-photo {
		margin-bottom:10px;
	}
}

/* ADMIN */
.error { background:#FF0004; color:#fff; display:block; padding:2px 5px; font-size:12px!important; }


/* Outils dynamique */
#illustration-dynamique {
	position:relative;
	padding-bottom:73%;
	height:0;
	/*overflow:hidden;*/
	margin-bottom:7px;
	margin-top:10px;
}

#illustration-dynamique > div:first-child,
#illustration-dynamique .dist-fond {
	background:url(../images/outils-pylone.png) no-repeat left bottom;
	background-size:auto 98%;

	position:absolute;
	top:0;
	left:0;
	width:100%!important;
	height:100%!important;
}
	/*#illustration-dynamique > div:first-child:after {
		content:url(../images/outils-pylone.png);
		overflow:hidden;
		play:block;
		position:absolute;
		heigt:150px;
	}*/

.ie8 #illustration-dynamique .dist-fond {
	background:url(../images/outils-pylone-ie8.png) no-repeat left bottom;
}

#illustration-dynamique .inner {
	position:relative;
}

#illustration-dynamique .dist-terrain {
	background:#b3b3b3;
	height:10px;
	width:100%;
	position:absolute;
	right:0;
	bottom:0;
}

#illustration-dynamique .dist-repere {
	display:block;
	border-right:2px dotted #fff;
	height:27%;
	position:absolute;
	bottom:0px;
	left:11.5%;
	width:2px;
	z-index:1000;
}

#illustration-dynamique .dist-distance {
	background:#0e5e87;
	height:10px;
	width:0%;
	position:absolute;
	left:11.5%;
	bottom:0;
}


#illustration-dynamique .icone-creuser {
	background:url(../images/outils-pelle.png) no-repeat left top;
	background-size:contain;
	display:block;
	width:11%;
	height:25%;
	position:absolute;
	bottom:10px;
	right:-6%;
	z-index:1000;
}

.ie8 #illustration-dynamique .icone-creuser {
	background:url(../images/outils-pelle-ie8.png) no-repeat left top;
	width:25px;
	height:63px;
}

#illustration-dynamique .dist-message {
	/*background:#ccc;*/
	color:#05527c;
	position:absolute;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:48px;
	font-size:4.8rem;
	font-size:4vmin;
	padding-left:0.5em;
	text-align:center;
	top:20%;
	width:100%;
}

#illustration-dynamique .dist-message.aucune-restriction {
	font-size:34px;
	font-size:3.4rem;
	font-size:3vmin;
	line-height:1.2em;
}

#distance-plantation {
	width: 100%;
	display: block;
	height: auto;
	position: relative;
	padding-top: 73.7704%;
	margin-bottom:6px;
	margin-top:10px;
}
	#distance-plantation svg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	#distance-plantation .dist-message {
	/*background:#ccc;*/
	color:#05527c;
	position:absolute;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:48px;
	/*font-size:4.8rem;
	font-size:4vmin;*/
	padding-left:0.5em;
	text-align:center;
	top:25%;
	width:100%;
	}

	#distance-plantation .dist-message.aucune-restriction {
		font-size:34px;
		/*font-size:3.4rem;
		font-size:3vmin;*/
		line-height:1.2em;
	}
@media only screen and (max-width:860px) {
	#illustration-dynamique .dist-message {
		font-size:6vw;
	}
	#illustration-dynamique .dist-message.aucune-restriction {
		font-size:4vw;
	}
}

@media only screen and (max-width:480px) {
	#illustration-dynamique .dist-message {
		font-size:14vw;
	}
	#illustration-dynamique .dist-message.aucune-restriction {
		font-size:10vw;
	}
}

/* Carte élagage */
.travaux-annees-mobile > div { display:none }
#map-elagage {  z-index:1; }
#map-box { position:relative; }

#map-overlay{ background:rgba(0,0,0,0.5); position:absolute; z-index:500; width:100%; height:100%; }

#elagage-aside { display:none; background:rgba(255,255,255,0.9); box-shadow:0px 0px 5px rgba(0,0,0,0.6); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.7);  position:absolute; right:10px; /*text-align:center;*/ top:10px; width:25%; z-index:800; }
	#elagage-aside .inner-content { padding:20px 10px;}
	#travaux-annees { }
	.travaux-annees { }
		.travaux-annees legend { font-weight:bold;  }
		.travaux-annees ul { list-style:none; display:block; margin:0!important; padding:0!important; text-align:left; width:99%;  }
			.travaux-annees ul li { /*cursor:pointer;*/ display:block; text-align:left; width:100%; margin:7px 0; padding:0; position:relative; }
				/*#travaux-annees ul li ul li { margin-left:0px!important; position:relative; }*/
					.travaux-annees ul li:after { content:" "; display:block; background:#F00; width:15px; height:15px; position:absolute; right:0px; top:0;}
					.travaux-annees ul li.layer_00001:after { background:#6bd533;} /* vert */
					.travaux-annees ul li.layer_00002:after { background:#f19355;}

				/*#travaux-annees ul li ul li input { position:absolute; left:0;}*/
				.travaux-annees ul li label { margin-left:0!important; padding-left:0!important;}

			.travaux-annees ul li.annee-titre span { display:block; border-bottom:1px solid #000; }

				.layer_00003 { }
	#elagage-message { font-size:0.92em; line-height:1.3em;	 margin:10px 0 20px 0; text-align:left; }

	#btn-reverifier { margin-top:15px;}
		#btn-reverifier a { background:#3f629c!important; box-shadow:0px 0px 5px rgba(0,0,0,0.6); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.6); color:#fff; display:inline-block; padding:5px 10px; text-decoration:none; text-align:center }

#module-elagage button { background:#3f629c; box-shadow:0px 0px 5px rgba(0,0,0,0.6); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.6); border:none; color:#fff; cursor:pointer; display:inline-block; font-weight:bold; padding:9px 15px; text-decoration:none; }
	#module-elagage button:hover, #btn-reverifier a:hover  { background:#003366; box-shadow:none; }

#elagage-recherche {background:rgb(255,255,255); box-shadow:0px 0px 10px rgba(0,0,0,0.7); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.7); /*display:none;*/  position:absolute; top:25%; left:20%; width:60%; z-index:1000; }
	#elagage-recherche #inner-content { background:#fff; padding:20px;}
	#elagage-recherche.erreur-serveur { border:4px solid #F00; }
	#elagage-recherche fieldset { margin-bottom:20px;}
	#elagage-recherche legend { font-weight:bold; margin:0 0 10px 0; white-space:normal; display:none; }
	#elagage-recherche ul { display:table; list-style:none;  margin:0; width:100%; }
		#elagage-recherche li { display:table-row; width:100%;  }
			#elagage-recherche .label { display:table-cell; width:35%; vertical-align:middle; padding:10px 0; }
			#elagage-recherche .input { display:table-cell; width:63%; padding:10px 0}
				#elagage-recherche input { background:#eef4fa; border:1px solid #cfdff1; padding:3%; width:94%; }
				#elagage-recherche input:focus { background:#fff; }
				#elagage-recherche input.error { background:#fffc00; border:1px solid #F00; color:#000;}
				#elagage-recherche .error-msg { display:block; font-size:0.92em; color:#F00; }

#modal-message { background:#fff; padding:20px; position:absolute; top:50%; left:50%; z-index:1000;}



/* Carrousel */
.marche-a-suivre .figcaption {
	color:#50575d!important;
	font-size:1.2rem!important;
}

#bloc-jardin-botanique p, #bloc-jardin-botanique figure	 { margin:0; }
#bloc-jardin-botanique {
	border:1px solid #D8D9DA; padding:20px;
}



@media only screen and (max-width: 600px) {
	#elagage-recherche { top:5%; left:5%; width:90%; z-index:1000; /*display:none;*/ }
	#elagage-recherche #inner-content { padding:10px 0;}
	#elagage-recherche .label { display:block; width:100%; padding:5px 0 0 0; }
	#elagage-recherche .input { display:block; width:100%; padding:0}

	#elagage-aside { display:none!important; background:#fff; box-shadow:none; -webkit-box-shadow:none; position:relative; right:auto; top:auto; width:auto; z-index:800; }
	#travaux-annees { }
	.travaux-annees-mobile { display:none; }
	.travaux-annees-mobile > div { display:block; margin-top:10px; position:relative; }
	.travaux-annees-mobile ul { list-style:none; display:block; margin:0!important; padding:0!important; text-align:left; width:20%;  }

	.travaux-annees-mobile #btn-reverifier { margin-top:0px; position:absolute; top:0; right:0;}
}

@media print {
	.lien-fiche a:after { display:none!important; }
	#l-bloc-noms { margin-top:50px; }
	#QR-code { display:block!important; }
	#hq-main div[class^="hq-collapse"] 	li { page-break-inside:auto; }
}