@charset "utf-8";

@font-face {
    font-family: texgyreadventor-regular;
    src: url("../fonts/texgyreadventor-regular.otf") format("opentype");
	font-style: normal;
}

@font-face {
    font-family: texgyreadventor-bold;
    src: url("../fonts/texgyreadventor-bold.otf") format("opentype");
	font-style: bold;
}

:root {
	--dark_grey: #333333;
	--light_grey: #c0c0c0;
	--team_yellow: #fee59f;
	--team_blue: #bbe4eb;
	--team_blue_darker: #9dc1c7;
	--team_green: #badc9f;
	--green: #a6e153;
	--darker_green: #3b724e;
	--dark_green: #040707;
	--site_color_light: #ff9a62;
	--site_color_darker: #523b31;
	--site_color_dark: #000;
}

body {
	font-family: 'texgyreadventor-regular', sans-serif;
	margin: 0px;
	width: 100%;
	overflow-x:hidden;
	overflow-y:hidden;
}

header {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 9.89vw;
	padding: 1vw;
}


.logo {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: top;
}

.header_site_name{
	display: inline-block;
	width: 5vw;
	font-size:2vw;
	line-height:2vw;
	padding-top:4.5vw;
	/*margin-left:-0.5vw;*/
}

.header_site_name span{
	display:block;
	margin:0px;
	padding:0px;
}

.site_name {
	font-family: 'texgyreadventor-bold', sans-serif;
}

.site_name_bold, .seed_bank, .text_bold{
	font-family: 'texgyreadventor-bold';
	font-weight: bold;
}

.text_regular{
	font-family: 'texgyreadventor-regular';
	font-size: 1.5vw;
	line-height: 1vw;
}

.img_logo {
	max-width: 8vw;
	height: auto;
	vertical-align: middle;
	display: inline-block;
}
/* Navigation and search */
nav {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 70vw;
	height:100%;
	margin-right:2vw;

}
nav a:link, nav a:visited{
	text-decoration: none;
	color: black;
	display:inline-block;
	padding-left:5%;
	padding-right:5%;
	border-bottom:1px solid rgba(255, 255, 255, 0);
}

nav a:hover, nav a:active, nav a.selected {
	text-decoration: none;
	border-bottom:1px solid black;
	transition: 1s;
}


.search {
	margin-right:1vw;
}
.search input{
	border-radius: 3vw;
	border: 2px solid black;
	width: 20vw;
	height: 3vw;
	float:right;
	line-height: 1vw;
	font-size: 1vw;
	padding-left: 8%;
	padding-right: 2%;
	background-image: url(../images/search_icon_30.png);
	background-size: 8%;
	background-repeat: no-repeat;
	background-position: 3% 70%;
	background-color: var(--site_color_light);
}

/*search google-----------------------------------------------*/

.search_container
{
	position:relative;
	width:22vw;
	left: 46vw;
	background-color:black;
	z-index:3;
}

/* le div du search */
#gsc-iw-id1
{
	border-radius: 3vw;
	border: 0.15vw solid black;
	width: 20vw;
	/*height: 3vw;*/
	float:right;
	line-height: 3vw;
	font-size: 1.5vw;
	padding-left: 3vw;
	padding-right: 1%;
	background-image: url(../images/search_icon_30.png);
	background-size: 8%;
	background-repeat: no-repeat;
	background-position: 3% 70%;
	background-color: var(--site_color_light);
}

#___gcse_0, .gsc-control-cse, .gsc-control-cse-en{
	height:3vw;
	padding: 0px !important;
	margin: 0px;
	font-size: 1.5vw;
}

#gsc-iw-id1 input{
	font-size: 1.5vw;
	height:2vw;
	background-color: var(--site_color_light);
}

#gs_id50, #gs_tti50, #gs_st50, #gs_cb50
{
	padding:0px !important;
	margin:0px !important;
	font-size: 1.5vw;
}

/* le boutton du search */
.gsc-search-button
{
	display: none !important;
}

/* resultats */
.gsc-results-wrapper-overlay
{
	border-radius: 3vw !important;
	border: 0.2vw solid var(--site_color_light) !important;
	padding:1vw;
	scrollbar-color:var(--site_color_darker)  var(--site_color_light);
	scrollbar-width: thin;
}

/* width */
.gsc-results-wrapper-overlay::-webkit-scrollbar {
  width: 1vw;
}

/* Track */
.gsc-results-wrapper-overlay::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.5vw grey; 
  border-radius: 2vw;
  margin-block: 2vw;
}
 
/* Handle */
.gsc-results-wrapper-overlay::-webkit-scrollbar-thumb {
  background: var(--site_color_light); 
  border-radius: 2vw;
}

/* Handle on hover */
.gsc-results-wrapper-overlay::-webkit-scrollbar-thumb:hover {
  background: var(--site_color_darker);  
}
  
/*end search google ------------------------------------------*/


main.default {
	height: 39.7vw;
	width:100%;
}
#vertebrates_default{
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top:7vw;
	margin-left:5vw;
	width: 10vw;
	z-index: 2;
	position: absolute;
	gap: 4vw;
}

.vertebrate_link{
	width: 11vw;
	height: 4vw;
	font-size: 1.4vw;
	line-height:3.5vw;
	text-align:center;
}



.vertebrate_link a:link, .vertebrate_link a:visited{
	width:100%;
	height:100%;
	padding-top:0.7vw;
	padding-bottom:0.2vw;
	background-color:var(--site_color_light);
	text-decoration: none !important;
	border-radius: 5vw;
	display:block;
	color: black;
}

.vertebrate_link a:hover, .vertebrate_link a:active, .vertebrate_link a.selected{
	width:100%;
	background-color:var(--site_color_dark);
	text-decoration: none;
	border-radius: 5vw;
	display:block;
	color: var(--site_color_light);
	transition: 0.5s ease;
}