@import "pyracantha.less";

.couleur1-bg 		{	background: @orange;		}
.couleur2-bg 		{	background: @vert-moyen;	}


body {
	background: @vert-fonce;
}


header {
	background: white;
}


.tela {
	img {
		@width: 80px;
		width: @width;
		max-width: @width;
	}
}


.titre {
	color: black;
	.shadow(@orange);
}


.infos {

	.bg {
		padding: 1em;
		.border-radius(2em);
	}
	
	
	.btn {
		padding: 0pt;
		.border-radius(2em);
	}
	
	
	.collapse {
		width: 100%;
	}
	
	
	@max-height: 220px;
	.textes {
		padding: 1em;
		.border-radius(2em);
		max-height: @max-height;
		overflow: auto;
		background: @orange-moyen;
		-webkit-overflow-scrolling: touch;
		
		
		h4 {
			color: @vert-fonce;	
			.shadow(@vert-moyen, 2px, 1px, 1px);
		}
	}
}



.resume {
	color: white;
}


.gradient-bas {
	@top: left top;
	@bottom: left bottom;
	@color_start: white;
	@color_end: @vert-fonce;
	
	background-image: linear-gradient(top, @color_start 0%, @color_end 100%);
	background-image: -o-linear-gradient(top, @color_start 0%, @color_end 100%);
	background-image: -moz-linear-gradient(top, @color_start 0%, @color_end 100%);
	background-image: -webkit-linear-gradient(top, @color_start 0%, @color_end 100%);
	background-image: -ms-linear-gradient(top, @color_start 0%, @color_end 100%);
	background-image: -webkit-gradient(linear, @top, @bottom, color-stop(0, @color_start), color-stop(1, @color_end));
}

.en-savoir-plus {
	color: white;
	background: @violet;
}

.haut-de-page {
	color: white;
	background: black;
}