#liens {}

#main_ressources_title_outer { overflow: hidden; background-color: #555555; }
#main_ressources_title_outer.fixed { position: fixed; z-index: 1000; top: 100px; left: 0; }
.main_ressources_title { overflow: hidden; padding: 10px 0; height: auto; }
#main_ressources_title_outer.fixed .main_ressources_title { padding: 4px 0; }
.main_ressources_title p { display: block; float: left; width: 86px; height: 86px; overflow: hidden; border-radius: 15px; }
.main_ressources_title p img { display: block; max-height: 100%; min-width: 100%; }
.main_ressources_title .right { display: block; padding: 0; color: #FFFFFF; width: auto; overflow: hidden; }
.main_ressources_title h2 { display: block; margin: 0 0 5px 0; color: #EFEFEF; font-size: 180%; line-height: 160%; }
#main_ressources_title_outer.fixed  .main_ressources_title h2 { font-size: 140%; line-height: 120%; }

#ressources_submenu { display: block; overflow: hidden; float: right; font-size: 85%; padding: 0; margin: 0; }
#main_ressources_title_outer.fixed #ressources_submenu { margin: -28px 0 0 0; }
#ressources_submenu li { display: block; float: left; margin: 0 5px; }
#ressources_submenu li a { display: block; padding: 4px 6px; color: #EFEFEF; border-bottom: 2px solid #555555; background-color: #555555; padding: 0 0 2px 0; transition: all 0.5s ease; }
#ressources_submenu li a:hover { color: #EFEFEF; border-bottom: 2px solid #EFEFEF; } 
#ressources_submenu li.current a, #systematique_submenu li.current a:hover { color: #00bb0e; border-bottom: 2px solid #CA1E04; } 

#galeries_infos_outer { overflow: hidden; background-color: #EFEFEF; padding: 40px 0; margin-bottom: 40px; }
#galeries_infos_outer p { float: left; padding: 7px 20px 0 0; }
#liste_familles { display: block; margin: 0; padding: 0 0 0 5px; width: 100%; overflow: hidden; }
#liste_familles li { display: block; float: left; margin: 0 10px 5px 0; font-size: 95%; }
#liste_familles li a { display: block; padding: 0 0 2px 0; color: #000000; border-bottom: 2px solid #EFEFEF; transition: all 0.5s ease; }
#liste_familles li a:hover { border-bottom: 2px solid #CA1E04; }
#liste_familles li.current a, #liste_familles li.current a:hover { border-bottom: 2px solid #CA1E04; color: #CA1E04; }

#galeries_body { display: block; overflow: hidden; }

.elem_galerie_outer { display: block; width: 100%; margin: 30px 0; }
.elem_galerie { display: block; width: 100%; overflow: hidden; cursor: pointer; background-color: #EFEFEF; border: 1px solid #EFEFEF; transition: all 0.5s ease; }
.elem_galerie:hover, .elem_galerie.current { border: 1px solid #555555; }
.elem_galerie_inner_left { display: block; width: 15%; float: left; height: 100%; }
.elem_galerie_inner_left img { display: block; height: 100%; width: auto; }
.elem_galerie_inner_center { display: block; width: 65%; float: left; padding: 10px 20px; }
.elem_galerie_inner_center h3 { margin-bottom: 8px; }
.elem_galerie_inner_center p { font-size: 90%; }
.elem_galerie_inner_right { display: block; width: 20%; float: left; padding: 10px 0; overflow: hidden; }
.elem_galerie_inner_right div { display: block; width: 50%; float: left; padding: 50px 10px 0 10px; text-align: center; }
.typetaxo .elem_galerie_inner_right div { padding: 10px; }
.elem_galerie_inner_right .number_photos p { font-size: 180%; color: #CA1E04; font-weight: bold; margin-bottom: 5px; }
.elem_galerie_inner_right .number_especes p { font-size: 180%; color: rgba(51,153,51,1); font-weight: bold; margin-bottom: 5px; }

.display_galerie ul { display: block; list-style-type: none; width: 100%; overflow: hidden; margin: 20px 0; }
.display_galerie ul li { display: block; float: left; width: 14.28%; max-height: 168px; overflow: hidden; padding: 10px; background-color: #FFFFFF; opacity: 0.9; transition: all 0.5s ease; }
.display_galerie ul li:hover { background-color: #EFEFEF; opacity: 1; }
.display_galerie ul li img { display: block; margin: 0 auto; height: 132px; width: auto; }

@media screen and (max-width: 980px) {

	.elem_galerie_inner_left img { display: block; height: auto; width: 100%; }
	
}	

@media screen and (max-width: 820px) {

	.display_galerie ul li { width: 16.6%; }

}

@media screen and (max-width: 800px) {

	.elem_galerie_inner_left { display: none; }
	.elem_galerie_inner_center { width: 75%; }
	.elem_galerie_inner_right { width: 25%; }

}

@media screen and (max-width: 650px) {

	.elem_galerie_inner_center { width: 70%; }
	.elem_galerie_inner_right { width: 30%; }
	
	.display_galerie ul li { width: 20%; }
	
}

@media screen and (max-width: 560px) {

	.elem_galerie_inner_center { width: 100%; float: none; }
	.elem_galerie_inner_right { width: 100%; float: none; text-align: center; }
	.elem_galerie_inner_center p { display: none; }
	.elem_galerie_inner_right div { padding-top: 10px; }
	
	.display_galerie ul li { width: 25%; }
	
}