@font-face {
  font-family: "Circular";
  src: url("/fonts/CircularStd-Black.otf"), url("/fonts/CircularStd-Medium.otf"), url("/fonts/CircularStd-Bold.otf");
}

body {
	background-color: white;
}

body, html {
    height: 100%;
    margin: 0;
}

#imageAdaptable {
    width: 80%; /* L'image prend 80% de la largeur de la fenêtre */
    height: auto; /* La hauteur s'ajuste automatiquement selon la largeur pour maintenir le ratio d'aspect de l'image */
    display: block; /* Évite les marges supplémentaires sous l'image */
    margin: 0 auto; /* Centre l'image horizontalement */
}


a:link {
	color: black;
	text-decoration: underline !important;

}

a:visited {
  color: black;
}

a:hover {
  color: #d7d7d7;	
}

a:active {
  color: black;
}


#top {
	position: fixed;
	width: 99%;
	padding-top: 2.2%;
	padding-bottom: 3%;
	margin-top: -10px;
	background-image: linear-gradient(to top, rgba(255,255,255,255), rgba(255,255,255,255) 15%);
}

#top img {
	width: 28%;
	text-align: center;
    margin:auto;
    display:flex;
}

#prez {
	font-family: Helvetica;
	font-size: 2vw;
	font-weight: 900;
	text-align: left;
	width: 80%;	
	padding-top: 15%;
	margin-left: 10%;
	line-height: 2.3vw;
	color: black;	
}


#onroll {
	font-family:Helvetica Medium;
	font-size: 2vw;
	font-weight: 900;
	text-align: left;
	width: 80%;	
	padding-top: 15%;
	margin-left: 10%;
	line-height: 2.3vw;
	color: black;	
}



#collab {
	font-family:Helvetica;
	font-size: 2vw;
	font-weight: 900;
	text-align: center;	
	margin-left:auto;
	margin-right:auto;
	padding-top: 3%;
	line-height: 2.3vw;
	color: black;	
}

.bios {
	font-family: Helvetica bold;
	font-size: 3vw;
	font-weight: 1200;
	text-align: left;	
	padding-top: 3%;
	margin-left: 10%;
	width: 80%;
	line-height: 3.5vw;
	color: black;	

}

.bios p {
	font-family: Helvetica;
	font-size:2.0vw;
	font-weight:500;
	text-align: left;
	margin-top: 0px;
	line-height: 2.1vw;
	color: black;	

}

#weblink-1 {
	border: solid .2vw white;
	padding: 1%;
	width: 35.2%;	
	color: black;	
}

#weblink-2 {
	border: solid .2vw white;
	padding: 1%;
	width: 33.5%;
	color: black;	
}

#more_info {
	font-family: Helvetica;
	font-size:2vw;
	font-weight: 900;
	text-align: left;	
	margin-top: 18%;
	line-height: 2.1vw;
	margin-left: 10%;
	border: solid .2vw white;
	padding: 1%;
	width: 34.9%;
	color: black;	
}

#credits {
	text-align: left;	
	margin-top: 4.5%;
	margin-left: 10%;
	font-family: Helvetica;
	font-size:1vw;
	font-weight: 500;
	text-align: left;
	line-height: 1.2vw;
	color: black;	
}

#credits_title {
	text-align: left;	
	font-family: Helvetica;
	font-size:1vw;
	font-weight: 900;
	text-align: left;
	margin-bottom: -1vw;
	line-height: 1.2vw;	
	color: black;	
}

#credits_bold {
	text-align: left;	
	font-family: Helvetica;
	font-size:1vw;
	font-weight: 900;
	text-align: left;
	margin-bottom: -1.2vw;
	line-height: 1.2vw;	
	color: black;	
}

#icon {
	margin-top: -4.5%;
	margin-left: 51%;
}

#icon img {
	width: 9%;
}

#icon p {
	font-family:"Circular", Helvetica;
	font-size:2vw;
	font-weight: 900;
	text-align: left;	
	margin-top: -10.1%;
	line-height: 2.1vw;
	margin-left: 13%;
	border: solid .2vw white;
	padding: 2.1%;
	width: 50.4%;
	color: black;	
}



footer {
	height: 100px;
}