@import "pyracantha.less";

.couleur1-bg 		{	background: white;		}
.couleur2-bg 		{	background: white;		}


body {
	background: white;
}


header {
	background: @vert-moyen;
}


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


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


.infos {

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


.resume {
	color: black;
}


.gradient-bas {
	@top: left top;
	@bottom: left bottom;
	@color_start: @vert-moyen;
	@color_end: white;
	
	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: @vert-moyen;
}

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