h2 {
			margin: 0;
			margin-left: 165px;
			width: 90px;
}

#last_created {
			background: #ffe9cc url("../Images/toile.JPG") repeat top left;
		  }

#last_created p {
			text-align: left;
			margin-top: 0px;
			margin-bottom: 0px;
			white-space: nowrap;
		}

#last_created a:hover {
			color:#FF6666;
			text-decoration:underline;
		}

#header {
			padding: 10px 0px 0px 0px;
			margin-bottom: 20px;
			width: 410px;
			background-image: none;
}

#printheader	{
			display: none;
}

div.illustration {
			position: relative;
			display: block;
			float: right;
			width: 350px;
			margin-left: 20px;
			margin-top: 20px;
			margin-bottom: 20px;
}


div.illustration .vignette {
			width: 40px;
			border-width: 0px;
   			box-shadow: 6px 6px 10px black;
}

div.illustration .vignette:hover {
			cursor: pointer;
   			box-shadow: 6px 6px 12px black;
}
	
div.illustration .figures_container {
	width: 360px;
	overflow: hidden;
}

div.illustration .figures_container figure {
	margin: 0;
	display: table-cell;
}

div.illustration .figures_container figure.stacked {
	visibility: hidden;
}

div.illustration .grandeimage {
			width: 350px;
			box-shadow: 8px 8px 12px black;	
}

div.commentaire figure {
 	display: inline-block; /* Le conteneur s'adapte à la taille de l'image */
}

div.commentaire figure .grandeimage {
  	display: block;
  	margin: 0 auto 10px auto;
	box-shadow: 8px 8px 12px black;	
}

div.commentaire figure figcaption {
  width: 100%; /* S'étale sur toute la largeur du <figure> (donc de l'image) */
  box-sizing: border-box; /* Prend en compte les padding éventuels */
}

div.illustration .figures_container figcaption,
div.commentaire figure figcaption {
 	margin: 5px 0 0 5px;
 	text-align: center;
 	font-weight: bold;
 	background-color:#ffe9cc;
}

div.illustration p {
			margin: 0;
}


p.property, p.nombio, p.resource {
			margin-left: 255px;
			margin-bottom: 10px;
			padding-top: 0px;
			margin-top: 0px;
}

table.dimensions {
			font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
			font-size: 12px;
  			border-collapse: collapse;
			text-align: center;
			margin-bottom: 10px;
			margin-left: 165px;
}

table.commentaire {
			font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
			font-size: 12px;
  			border-collapse: collapse;
			text-align: center;
			margin-bottom: 10px;
}

table.commentaire tbody {
			border-right: 1px solid black;
			border-top: 1px solid black;
}

table.commentaire tbody tr td {
			border-left: 1px solid black;
			border-bottom: 1px solid black;
			text-align: left;
			line-height: 1.5em;
}

div.toggle table.dimensions, div.toggle table.commentaire {
			margin-left: 10px;
}


table.dimensions thead tr, table.dimensions thead tr th {
			border: 1px solid black;
			padding: 0 0.5em 0 0.5em;
}

table.dimensions tbody tr td {
			border-left: 1px solid black;
}


table.dimensions tbody {
			border-right: 1px solid black;
			border-bottom: 1px solid black;
}

table.dimensions thead, table.dimensions tbody tr:nth-child(even) {
			background-color: #ffe9cc;
}

table.dimensions tbody tr[class^=intermittentDimension] td {
    		opacity: 0;
    		height: 0;
			font-size:0;
			margin:0;
			padding: 0;
}

table.dimensions tbody tr[class^=displayedDimension] td {
			transition: opacity 1s ease-out;
  			opacity: 1;
			height: auto;
			font-size:auto;
			margin:auto;
			padding: auto;
}

span.seeAll:hover, span.seeLess:hover {
			cursor: pointer;
}

p.nombio {
			margin-bottom: 30px;
			font-weight: bold;
}

p.property span {
			font-weight: bold;
			font-style: italic;
}

h1 span, p.nombio span { /* auteur */
			text-transform: uppercase;
			font-style: normal;
}

h1 span span, p.nombio span span { /* sensu, in... */
			text-transform: none;
}

h1 span.p, p.nombio span.p { /* cf., gr., etc. */
			text-transform: none;
			font-style: normal;
} 

h1 span.v, p.nombio span.v { /* var, morphe... */
			text-transform: lowercase;
}

div.commentaire {
			margin-left: 255px;
}

div.commentaire p.individu,
div.commentaire p.variant,
div.commentaire p.nominal {
}

div.toggle {
			margin-left: 255px;
			margin-bottom: 10px;
  			background: #FFE9CC url("../Images/papier2.GIF") repeat-y left top;
			border-left: 1px solid gray;
			border-top: 0px solid gray;
			border-right : 0px solid gray;
			border-bottom: 1px solid gray;
			color: rgb(76, 76, 76);
}

div.toggle a {
			color: gray;
}

div.toggle a.terme, div.toggle a.noterme {
			color: inherit;
}

div.toggle .grandeimage:hover {
			box-shadow: 8px 8px 14px black;	
}

div.toggle h1 {
			padding-top: 20px;
			margin-right: 10px;
			margin-left: 10px;
}

div.toggle h2 {
			margin-left: 0px;
}

div.toggle p.property,
div.toggle p.nombio,
div.toggle div.commentaire {
			margin-left: 90px;
}

div.toggle .spacer {
			margin-left: 0px;
			height: 1px;
}

#classification {
			margin-left: 255px;
}

#classification h3 {
			padding: 0;
			margin: 0;
			margin-bottom: 10px;
			float: left;
			width: 140px;
			text-align: right;
			font-size: 12px;
			font-weight: normal;
			line-height: 1.5em;
			background-color: #ffe9cc;
}

#classification p.sousgenre,
#classification p.genre,
#classification p.sousfamille,
#classification p.famille,
#classification p.superfamille,
#classification p.sousordre,
#classification p.ordre,
#classification p.sousclasse,
#classification p.classe,
#classification p.sousembranchement,
#classification p.embranchement,
#classification p.superembranchement,
#classification p.sousregne,
#classification p.regne,
#classification p.superregne {
			margin-left: 145px;
			margin-bottom: 10px;
			padding-top: 0px;
			margin-top: 0px;
			font-weight: bold;
}

#classification p.sousgenre span,
#classification p.genre span {
	font-style: italic;
}

#classification p.commentairetaxon {
			margin-left: 60px;
			margin-bottom: 10px;
			padding-top: 0px;
			margin-top: 0px;
}

#classification p span.auteur {
			text-transform: uppercase;
			font-style: normal;
			font-size: 11px;
			font-weight: normal;
}

#classification p span.auteur span {
			text-transform: none;
			font-size: 12px;
}

#classification p span.auteur span.latin {
			text-transform: none;
			font-style: italic;
}

p.fiche_liee {
			height: 91px;
			width: 300px;
			margin-left: 255px;
			margin-top: 0px;
			margin-bottom: 0px;
  			background-image: url("../Images/drawer.GIF");
			background-repeat: no-repeat;
			background-position: center center;
			text-align: center;
}

p.fiche_liee:hover {
			cursor: pointer;
}

p.fiche_liee img {
			height: 70px;
    		transform: perspective(60px) rotateX(35deg) translateY(-10px);
   			box-shadow: 6px 6px 10px black;
}

p.fiche_liee img:hover {
    			box-shadow: 6px 6px 12px black;
}

#ma_famille {
			position: relative;
			height: 100px;
			margin-left: 60px;
			padding-right: 0px;
			margin-bottom: 10px;
			overflow: hidden;
  			background: #FFE9CC url("../Images/papier2.GIF") repeat-y left top;
			border-left: 1px solid gray;
			border-top: 1px solid gray;
			border-right : 0px solid gray;
			border-bottom: 0px solid gray;
}

#ma_famille a {
			display: block;
			height: 100px;
			float: left;
}

#ma_famille a img.thumb {
	  		margin: 3px;
			bottom: 0px;
}

#cut_famille {
			position: absolute;
			top: 0px;
			right: 0px;
			width: 150px;
			height: 100px;
			margin-top: 0px;
}

#cut_famille a	{
			display: block;
			height: 100px;
			width: 150px;
			line-height: 1.5em;
			padding-top: 30px;
			text-decoration: none;
			text-align: right;
			color: rgb(57, 57, 57);
			font-weight: bold;
			font-size: 12px;
			background-image: url("../Images/cut-famille.GIF");
			background-repeat: no-repeat;
			background-position: left top;
}

#cut_famille a:hover  {
			background-position: -150px 0;
			text-decoration: none;
			color: black;
}

#documents {
			margin-left: 255px;
}

#documents p	{
			margin-left: 20px;
			margin-bottom: 10px;
			text-indent: -20px;
			padding-top: 0px;
			margin-top: 0px;
}

table#navigation {
			border-collapse: collapse;
}

table#navigation td {
			border: thin solid black;
			padding : 0 10px 0 10px;
}

table#navigation td.vide {
			border: none;
}

table#navigation td.titre p {
			font-weight: bold;
			background: #FFE9CC;
}


#avis {
			width: 600px;
			height: 400px;
			margin-left: 50px;
			margin-bottom: 10px;
}