@charset "UTF-8";
/* CSS Document */

html {scroll-behavior: smooth;}


nav{position: fixed;top: 10rem; margin: 1rem; z-index: 2;}
nav a{font-size: .9rem; color: black; font-weight: 520; font-family: Helvetica, sans-serif;}

img {cursor: pointer}

.links a{font-size: 1.3rem; color: black; font-weight: 530; font-family: Helvetica, sans-serif; text-decoration: none;}
.links a:hover{color: #a9a9a9}

a img { -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out;}
a img:hover { -webkit-transform: scale(0.88,0.88); transform: scale(0.88,0.88);}

.elements img {z-index: 3;}
.species img {z-index: 3;}
.text img {z-index: 1;}
.links-position div {color: white}

	.titre {
			font-family: Helvetica, sans-serif;
			color: #000000;
			text-align: center;
			font-size: 1.9rem;
			padding: 0rem;
			margin-left: 0rem;
			margin-top: 2rem;
		}

		.end {
			font-family: times, sans-serif;
			color: #000000;
			text-align: left;
			font-style: oblique;
			font-size: 1.1rem;
			padding: 0rem;
			margin-left: 5.2rem;
			margin-right: 4rem;
			margin-top: 4rem;
		}