/* TOP-MENU */
.nav_container{
	min-height: 6rem; 
	padding: 0; 
	border: 0px solid green;
}
.topnav {
	margin-left: 160px;
	text-transform: uppercase;
}
.topnav a{
	border: 0px solid red;
	display: inline-block;
	padding: 2.5rem 16px 14px 0;
	/* text-decoration: none; */
	font-size: 1.2rem;
}
.topnav .icon {
	position: absolute;
	display: none;
	right: 0;
	top: 0;
	font-size: 34px;
}
.logo{
	float: left;
	margin-left: 20px;
}
.logo img{
	height: 5rem;
}

/* SOUS-MENU */
a.sub:link {color: #fff; text-decoration: none;}
a.sub:visited {color: #fff; text-decoration: none;}
a.sub:hover {color: #000; text-decoration: none;}
a.sub:active { color: #000; text-decoration: none;}

a.subsub:link {color: #fff; text-decoration: none;}
a.subsub:visited {color: #fff; text-decoration: none;}
a.subsub:hover {color: #000; text-decoration: none;}
a.subsub:active { color: #000; text-decoration: none;}

a.sub {

	color: #fff;
	font-size: 1.2em;
}
a.subsub {
	color: #fff;
	font-size: 1em;
}
/* TIRET DANS LES UL */
ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
ul > li:before {
    display: inline-block;
    content: "–";
    width: 1em;
    margin-left: -1em;
}
/* TIRET DANS LES UL */
ul.sub_ul {
	color: #fff;
}
ul.subsub {
	color: #fff;
}
.sub_menu{
	/* background-color: #FF6363; */
	width: 100%;
	height: auto;
	display: inline-block;
	padding: 10px;
}
.sub_menu_contenu{
	float: left;
}

.menuInactive{
	font-weight: normal;
}
.menuActive {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
a.menuActive:link, a.menuActive:visited{
	color: #000;
	text-decoration: underline;
}

/* SOUS-MENU FRUITIER */
.menu_tab_active{
	border: 0px solid black;
	background-color: #FF6363;
	background-color: #93C362;
	padding: 4px 16px 4px 16px;
	border-radius: 6px 6px 0 0;
	width: auto;
	float: left;
	text-align: center;
}
.menu_tab_inactive{
	border: 0px solid black;
	background-color: #FF9797;
	background-color: #B1D48E;
	padding: 4px 16px 4px 16px;
	border-radius: 6px 6px 0 0;
	width: auto;
	float: left;
	text-align: center;
}

a.subfruit{
	font-size:110%;
}
a.subfruit:link {color: #fff; text-decoration: none;}
a.subfruit:visited {color: #fff; text-decoration: none;}
a.subfruit:hover {color: #000; text-decoration: none;}
a.subfruit:active { color: #000; text-decoration: none;}

/* FRUITIERS */
.grid_espece {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-auto-rows: minmax(90vh, auto);
	gap: 0;
}
.grid_photo {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(400px, auto);
}
.grid_espece_element {
  padding: 0px 20px 0px 0px;
  color: #000;
}

.espece_img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.espece_description{
	font-size: 1.3rem;
}

@media screen and (max-width: 1026px) {
	.topnav {
		margin-left: 160px;
		text-transform: uppercase;
	}
	.topnav a{
		padding: 2.5rem .45rem;
		font-size: 1.1rem;
	}
}
@media screen and (max-width: 600px) {
/* TOP-MENU */
	.nav_container{
		min-height: 6rem; 
		padding: 0rem 0; 
		border: 0px solid green;
	}
	.topnav {
		margin-left: 120px;
		text-transform: uppercase;
	}
	.topnav a{
		display: none;
		padding: 0.8rem 1rem;
		font-size: 1rem;
	}
	.topnav a.icon {
		position: absolute;
		display: block;
		right: 0;
	top: 0;
	}
	.topnav.responsive {
		position: absolute;
		width: auto;
		height: auto;
		border: 1px solid black;
		background-color: white;
		top: 0;
		right: 0;
		z-index: 10;
	}
	.topnav.responsive a{
		display: block;
		background-color: white;
	}
	.topnav.responsive .icon {
	}

/* SOUS-MENU FRUITIER */
	a.subfruit{
		font-size:100%;
	}
	.menu_tab_active{
		padding: 6px;
	}
	.menu_tab_inactive{
		padding: 6px;
	}
	

/* FRUITIERS */
	.grid_espece {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
		gap: 1rem;
	}
	.grid_espece_element:nth-child(2) {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	.grid_photo {
		display: grid;
		grid-template-columns: 1fr;
		grid-auto-rows: minmax(400px, auto);
	}
	.grid_photo_simple {
		display: grid;
		grid-template-columns: 1fr;
		grid-auto-rows: minmax(400px, auto);
	}
}
}