/***********************************************/
/* styles générique des pages RECHERCHE ESTRAN */
/***********************************************/

body{
    background-image:url(../photos/estran_RE_2.jpg);
    background-size: contain;
    display:flex;
    flex-direction:column;
}

/******VERNACULAIRE*******/
#vernaculaire{
    width: 50%;
    margin: auto;
    margin-top: 25px;
}

#vernaculaire table {
    width: 100%;
}

#vernaculaire table tr td{
    width: 50%;
    padding: 5px;
    border-bottom: 1px solid lightgray;
}

#vernaculaire a{
    background-color: rgba(161, 203, 39, 0);
    text-decoration: none;
}

#vernaculaire a:hover{
    background-color: #A1CB27;
	color: #000000;
}
/*FIN**************/

/*AFFICHAGE*******/

.imBV{
    float: left;
	/*width="300"*/
}

.retour  {
	list-style-type: none;
    margin-top: 20px;
    text-align: center;
}
.retour .image{
    width: 450px;
    height: 100%;
    border: 1px solid, lightgrey;
	box-shadow: 5px 5px5px lightgray;
	position: relative;
}

/*FIN*************/

nav.menu-nav4 ul {
    list-style-type: none;
	columns: 4;
	-webkit-columns: 4;
	-moz-columns: 4;
	list-style-position: inside;
	}
nav.menu-nav2 ul {
        list-style-type: none;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        list-style-position: inside;
    }

nav.menu-nav ul {
	list-style-type: none;
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
	list-style-position: inside;
	}
    
nav.menu-nav a{
        font-size: 0.9rem;
        background-color: rgba(161, 203, 39, 0);
    }
nav.menu-nav .phylum{
        font-weight: bold;
        font-size: 1rem;
        color:#30317A;
        text-decoration : underline;
        text-underline-offset: 0.2em;
        text-decoration-color:#A1CB27;
        text-decoration-thickness: 3px;
        display: list-item;
        list-style-type: square;
        margin-top: 10px;
    }

nav.menu-nav2 .phylum{
        font-weight: bold;
        font-size: 1rem;
        color:#30317A;
        text-decoration : underline;
        text-underline-offset: 0.2em;
        text-decoration-color:#A1CB27;
        text-decoration-thickness: 3px;
        display: list-item;
        list-style-type: square;
        margin-top: 10px;
    }

nav.menu-nav4 .phylum{
    font-weight: bold;
    font-size: 1rem;
	color:#30317A;
	text-decoration : underline;
	text-underline-offset: 0.2em;
	text-decoration-color:#A1CB27;
	text-decoration-thickness: 3px;
    display: list-item;
	list-style-type: square;
    margin-top: 10px;
}

nav.menu-nav4 a{
    font-size: 0.9rem;
    background-color: rgba(161, 203, 39, 0);
}

#vernaculaire {
	column-count: 1;
}

#especes_1 ul {
	list-style-type: none;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	list-style-position: inside;
	}

.im_center {
    width: 400px;
    height: 300px;
    text-align: center;
	border: 1px solid, lightgrey;
	box-shadow: 5px 5px 52px lightgray;
	position: relative;
  }
  
.im_center img {
	display: inline;
	position: relative;
	vertical-align: bottom;
	top: 50%;
	-webkit-transform: translateY(-50%);
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}

.im_estran {
width:47%;
height:100%;
margin: auto;
margin-top: 10px;
padding: 5px;
overflow:hidden;
max-width: 540;
max-height: 415;
border: 3px #aaa solid; 
text-align: center;
}

#menu_recherche_global {
	float:center;
	width:40%;
	margin:auto;
}
#menu {
	float:center;
	width:40%;
	margin:auto;
}

#especes_1 {
width:100%;
height:200px;
background-color:#00CC22;
margin-top: 1em;
padding-top:10px;
}

#recherche_global {
width:100%;
height: 75%;
background-color:#00CCBB;
text-align: center;
padding-top: 1px;
padding-bottom: 10px;
}

.linkr { color: #0000EE; } /* CSS link color (red) */
.linkr:hover { color: #000000; } /* CSS link hover (green) */