body {
  font-family: Arial, sans-serif;
  margin: 20px;
}

.form-section {
  display: none;
}


#test, a{
  color : #007ba4;
  display:inline;
}

#openalex_display_spot{
  background : white;
}

.tuto, #other_ror_signpost, #ror_form{
  display: flex;
  flex-direction: column;
  margin:auto;
  justify-content: center;
  align-items: start;
  text-align: left;
  padding: 2rem;
  width: 100%;
  max-width: 1000px;
}

#ror_form{
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  background: #f3f3f3;
}

.tuto-text {
  display: block; /* texte en flux normal */
  width: 100%;    /* pour rester bien aligné avec le reste */
}

#ror_form label{
  margin-bottom: 0.5rem;
}



.more_content{
  /*width: 100%;*/
  padding: 0.75rem;
  border: none;
  border-radius: 5px;
  background-color: #007ba4;
  color: white;
  font-size: 1rem;
  cursor: pointer;
}

.more_content:hover {
  background-color: #0199cc;
}

.afficher_graph{
  padding: 0.75rem;
  border: none;
  border-radius: 5px;
  background-color: #007ba4;
  color: white;
  font-size: 1rem;
  cursor: pointer;
}

table{
  margin: 0; /* Supprime les marges */
  padding: 0; /* Supprime les espacements internes */
  /* padding: 0.75rem; */
  border: 1px solid black;
  border-radius: 5px;
}

.other_ROR_button{
  padding: 0.75rem;
  border: none;
  border-radius: 5px;
  background-color: #007ba4;
  color: white;
  font-size: 1rem;
  cursor: pointer;
}

.openalex{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:center;
  margin-top: 100px;
  z-index:0;
}

#graph_spot
{
	position: fixed;
	top: 10%;
	left:10%;
	box-shadow: 10px 10px 5px lightgrey;
  max-height: 1000px;
	overflow-y:scroll;
	display:none;
	background-color:white;
}



#search_choice{
  display: block;
  width: 100%;
}

.error{
  color: red;
}


#graph_spot{
  display: none;
}