@import "functions.less";

.gradient-bas {
	height: 16px;
  	display: block;
}

footer {
	height: 60px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	z-index: 1000;
	
	color: white;
	background: black;
	
	a, a:visited {
		color: white;
	}
}

.tela {
	margin-right: 0.5em;
}

.titre {
	font-style: italic;
	font-size: 130%;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.sci {
	font-style: italic;
}

#div-infos-latin, #div-infos-famille {
	.margin-center;
	
	.btn {
		width: 99%;
		padding-left: 0pt;
		padding-right: 0pt;	
		box-shadow: 0pt 2px 3px black;	
	}
	
	a {
		font-size: 16px;
	}
}

#div-infos-famille {
	margin-top: -1em;
}
#div-illustrations {
	.border-radius(2em);
	background: white;
	margin-top: -1em;
	padding-top: 20px;
	padding-bottom: 20px;
}


#galerie_carte {
	list-style-type: none;
}

@height: 260px;
#slider-pictures {
	max-width: 320px;
	.margin-center;
	
	
	.carousel {
		margin-bottom: 0pt;
	}
	
	
	.carousel-control { 
		background: none; 
	}


	.carousel-inner > .item > img {
		width: 320px; 
		max-height: 310px;
	}
	
	
	.carousel-indicators {
	
		li {
			background: @vert-fonce;
		}
		
		.active {
			background: @orange;
		}
	}
	
	
	.carousel-caption {
		padding: 10px;
		position: static;
		
		h4 {
			font-size: 100%;
		}
		
		p {
			font-size: 90%;
		}
	} 
	

	img {
		.margin-center;
	}
}


#gstn-img {
	max-height: 120px;
	margin: 0.5em 0pt 1em 0pt;
	display: inline-block;
	  
	  
	img { 
		border: #EAEAEA 2px solid;
		width: 100px; 
	}


	.zoom {
		margin-top: 40px;
		width: 20px;
		border: none;
	}
}


.resume {
	.align-center;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 16px;
}


.bas-de-page {
	margin-top: 1em;
	margin-bottom: 1em;
}

.en-savoir-plus {
	float: left;
	text-shadow: 0pt 0pt 0pt black;
}

.haut-de-page {
	float: right;
}