html{
	height: auto;
	min-height: 100%;
}
body{
	height: auto;
	min-height: 100%;
	font-size: 12px;
}
@media (min-width: 960px) {
	body{
	    font-size: 14px;
	}
}


/* COULEURS */
body.potager{
	background: #9de96c; /* lightgreen;*/
}
body.catalogue{
	background: #ffae69; /* #d0c3e5; /*lightgrey;*/
}

md-sidenav{
	background: #ff9f4d; /*#e6ca5c*/
}
md-toolbar.md-default-theme{
	background: #340b7b;
}
md-content.md-default-theme{
	background: none;
}


/* BOUTONS */
.md-button{
	font-size: 12px;
	text-transform: none;
}
@media (min-width: 960px) {
	.md-button{
	    font-size: 14px;
		text-transform: uppercase;
	}
}
.md-button.md-default-theme.no-radius{
	border-radius: 0;
}
.wide{
	display: block;
	margin: 0;
	width: 100%;
}




/*.hidden{
	display: none !important;
}*/
/*md-grid-tile.full{
	margin-top: 0 !important;
}*/


/* SELECT */
@media (min-width: 960px) {
	md-select{
		min-width: 200px;
	}
}
.md-select-icon{
	float: right;
}
md-select-menu,
md-option{
	background: #fff;
}




/* ALIGNEMENTS */
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.right{
	float: right;
}
.left{
	float: left;
}



md-toolbar{
	min-height: 40px;
}
md-toolbar h4{
	margin: 0 auto;
	line-height: 40px;
	font-weight: normal;
}


md-card{
	background: #fff;
	width: -moz-calc( 100% - 16px );
	width: -webkit-calc( 100% - 16px );
	width: -o-calc( 100% - 16px );
	width: calc( 100% - 16px );
	height: -moz-calc( 100% - 16px );
	height: -webkit-calc( 100% - 16px );
	height: -o-calc( 100% - 16px );
	height: calc( 100% - 16px );
}
[data-card]{
	display: none;
}
[data-card].active{
	display: flex;
}
@media (min-width: 960px) {
	md-card{
		display: flex;
	}
}


[data-mypanel].hidden{
	display: none;
}
[data-mypanel].active{
	display: block !important;	/* pour surcharger les hide */
    max-width: 100%;
    flex: none;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 20;
    width: 100%;
}
@media (min-width: 960px) {
	[data-mypanel].active{
	    width: 50%;
	    left: 25%;
	}
}

/*.scrollable{
	max-height: 300px;
	overflow-y: scroll;
}
.scrollable-100{
	max-height: -moz-calc( 100% - 130px );
	max-height: -webkit-calc( 100% - 130px );
	max-height: -o-calc( 100% - 130px );
	max-height: calc( 100% - 130px );
	overflow-y: scroll;
	-webkit-flex: 1 1 auto;
}
.scrollable-156{
	max-height: -moz-calc( 100% - 186px );
	max-height: -webkit-calc( 100% - 186px );
	max-height: -o-calc( 100% - 186px );
	max-height: calc( 100% - 186px );
	overflow-y: scroll;
}*/
/*md-grid-list md-grid-tile figure {
	align-items: baseline;
}*/


svg rect.chemins:hover,
svg rect.pieds:hover,
svg circle.pieds:hover{
	stroke: blue !important;
  	stroke-width: 3px !important;
}

.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
  pointer-events: none;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  position: absolute;
  pointer-events: none;
}

/* Northward tooltips */
.d3-tip.n:after {
  content: "\25BC";
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
  text-align: center;
}

/* Eastward tooltips */
.d3-tip.e:after {
  content: "\25C0";
  margin: -4px 0 0 0;
  top: 50%;
  left: -8px;
}

/* Southward tooltips */
.d3-tip.s:after {
  content: "\25B2";
  margin: 0 0 1px 0;
  top: -8px;
  left: 0;
  text-align: center;
}

/* Westward tooltips */
.d3-tip.w:after {
  content: "\25B6";
  margin: -4px 0 0 -1px;
  top: 50%;
  left: 100%;
}