/* CSS Document */
/* taken from JAlbum style old JR flora online */
html, body, ul, #page, #top, #prelude, #wrapper, #footer,
#main, #content,
#sidebar, #blognav, #blogextra {
	margin : 0px;
	padding : 0px;
	}
#blognav h1, #blognav h2, #blognav h3, h4, h5, h6 { 
	margin : 0px;
	padding : 0px;
}

ul, li {
	list-style:none
}

/* --------------------------------------------------------------
	CENTRAGE DE LA PAGE DANS LA FENETRE DU NAVIGATEUR.
	(supprimer ces lignes si on ne veut pas centrer)
	Note : on peut remplacer la valeur (ici 0) des marges au-dessus 
	et en dessous de la page par la valeur de son choix (px ou em).
--------------------------------------------------------------- */
html {
	height: 101%;/*workaround to force display of vertical scrollbar in Mozilla & MSIE 7 at all times AND to solve the tooltip window height pb in MSIE 7*/
	width: 100.02%;
}
/*-------------------------------------------------------------*/
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:80%;
	margin:0px;
	margin-top:10px;
	padding:0px;
	padding-bottom:5px;
	text-align:center;
	color: #444444;
	background-color: #545454;
	word-wrap:normal; /*to prevent italicized non word-wrapping in MSIE enfin, plus ou moins...*/
}
#top {
	height : 100px; /* a modifier par la valeur de votre choix */
	background-image:url(../images/Image4.jpg);
	background-repeat: repeat-x;
	padding-bottom:10px;
	background-color:#545454;
}
#page {
	margin-top:10px;
	margin-bottom:10px;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	background-color: #EEE;
	width : 825px;
}
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	background-color:#545454;
	border: #999999 1px solid;
}
#main {
	background-color:#d6e8c9;
	float : left;
	width:595px;
}
#content {
	margin-right: 0px;
	padding-left : 8px;
	padding-right : 0px;
	margin-left:0px;
}
#sidebar {
	background-color:#EEE;
	margin-top:0px;
	padding-right:2px;
	padding-left:6px;
	margin-left:9px;
	width : 210px;
	float : right;
	padding-bottom:5px;
}
#footer {
	background-color: #545454;
	color:#FFFFFF;
	clear :both;
	text-align:left;
	font-size:0.85em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-bottom:10px;
	margin-left:0px;
}
#footer a {
	color:#FFFFFF;
	font-weight:bold;
}

/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
 

 
/* ------------------------------------------------------------
	4. HAUT DE PAGE
------------------------------------------------------------- */

#top a:hover {
	background-color:#000000;
}
#top .heading {
	width:650px;
	text-align:center;
	color: #CCCCCC;
	margin-left:60px;
	padding-top:35px;
	position:absolute;
	top:0px;
	height:60px;
	cursor:pointer;
	font-size:180%;
	font-weight: bold;
}
#top .heading a {
	color:#FFFFFF;
}

.contact {
	color:#FFFFFF;
	margin-top:80px;
	margin-right:5px;
	float:right;
}
.contact a {
	color:#FFFFFF!important;
	font-weight:bold;
}
.contact a:hover {
	text-decoration:underline;
}



/* ------------------------------------------------------------
	5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */

#wrapper { }
#main { }
#content {
}

#content-info { }
#content-info h2 { }
#content-info p { }

.content-inner { }

.pagination {
	padding-top:15px;
	margin-right:8px;
	clear:both;
	text-align:right;
}
#navlinks { }

/*-------------------------------------------
SIDEBAR
---------------------------------------------*/
#sidebar ul li {
	margin-bottom:0.2em;
	margin-top:0.2em;
}
#sidebar ul li ul li{
	margin-left:18px;
}
.currentselection {
	background-color: #666666;
	color:#FFFFFF;
}
#sidebar a {
	display:block;
}
#sidebar a img {
	border:none;
}
#sidebar a.noblock {
	display:inline;
	text-decoration:none;
}
#sidebar a.noblock:hover {
	background-color:none;
}
#sidebar h1,
#sidebar h1.first {
	font-size:90%;
	margin-top:4px;
	margin-bottom:3px;
	margin-left:0px;
	padding-top:4px;
	border-top:#333333 1px solid;
}
#sidebar h1.first {
	border:none;
}

/*--------------------------- END DC */
/*headers ******************************************************/
h1, h2, h3, h4, h5, h6 {
	margin-left:10px;
	margin-top:0.5em;
}
h1 {
	font-size: large;
	margin-bottom:0.6em;
}
h2 {
	font-size: medium;
	padding-top:5px;
	margin-bottom:0.8em;
}
h3 {
	font-size:medium;
	font-variant: small-caps;
	margin-bottom:0.6em;
	padding-top:2px;
}
h4 {
	font-size: small;
	font-weight: bold;
	margin:0px;
	padding:0px;
	margin-bottom:0.5em;
}
h5 {
	font-size: x-small;
	margin-bottom:0.4em;
}
h6 {
	margin-bottom:0.2em;
}


div.header {
	float:left;
	margin-top:5px;
	margin-bottom:10px;
}
div.nameslist {
	float:right;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:5px;
}
.clearboth {
	clear: both;
}
.clearleft {
	clear: left;
}
/* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
.arrow {
  font-family: Arial,Helvetica,sans-serif;
}

.speciesdescription,
.editlinks {
	background-color:#FFFFFF;
	margin-top:5px;
	margin-left:5px;
	padding-bottom:10px;
	font-size:85%;
	line-height:1.3em;
	padding:5px;
	text-align:justify;
	float:left;
	width:418px;
}
.speciesdescription a {
	border-bottom:#FF0000 dotted 1px;
	cursor: help;
}
.editlinks {
	padding-left:15px;
	width:408px;
}
.editlinks a {
	border-bottom:#FF0000 dotted 1px;
	display:list-item;
	list-style: square;
}

.speciesdescription a.bdnff {
	border-bottom: none;
	cursor:auto;
	text-decoration:underline;
}
.speciesdescription a.bdnff:hover {
	background-color:#EEE;
	cursor: pointer;
}
.specieslabel2 {
	border:#FFFFFF 1px solid;
	color: #333333;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	padding:5px;
	float:left;
	margin-right:5px;
	width:565px;
}	
.specieslabel {
	background-color: #DFD9C4;
	border:#FFFFFF 1px solid;
	float:left;
	font-style:italic;
	font-weight:bold;
	margin-top:5px;
	margin-left:160px;
}
.specimenlabel,
.descriptionlabel {
	background-color:#eee;
	color: #333333;
	border:#FFFFFF 1px solid;
	padding:5px;
	font-size:85%;
	margin-right:10px;
}
.specimenlabel {
	margin-top:5px;
}
.descriptionlabel {
	margin-left:145px;
	margin-top:5px;
}

.imagecomment {
	border-bottom: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	font-weight:normal;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.italic {font-style:italic}
.bold {font-weight:bold}

.underline {
	border-bottom:#666666 double medium;
	padding-left:-10px;
	margin-left:-5px;
}
a {
	text-decoration:none;
	color:#666666;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	background-color: #CCCCCC;
	color: #000000;
}

.current {
	font-weight: bold;
	color: #444444;
	background-color: #ffffff;
}
.textright {
	text-align:right;
}
.cthumb {
	background-color: #ffffff;
	border: 0px;
}

.thumb {
	background-color: #eeeeee;
	border: 0px;
}

.image {
	border: 1px solid #aaaaaa;
	text-align:center;
}
a:link .image {  border-color: #aaaaaa;}
a:visited .image {  border-color: #aaaaaa;}
a:hover .image { border-color: #ffffff;}

.mthumb { border: 1px solid #aaaaaa;}
a:link .mthumb {  border-color: #aaaaaa;}
a:visited .mthumb {  border-color: #aaaaaa;}
a:hover .mthumb { border-color: #ffffff;}

.slideImage { border-width: 1px; border: 1px solid; border-color: #ffffff;}
a:link .slideImage { border-color: #ffffff;}
a:visited .slideImage { border-color: #ffffff;}

.title,
.titlehere {
	font-weight: bold;
	color: #888888;
}
.titlehere {
	color: #000000;
}

.title a:link {
	text-decoration: none;
	color: #888888;
}

.title a:visited {
	text-decoration: none;
	color: #888888;
}

.title a:hover {
	text-decoration: none;
	color: #000000;
}

.infotable {
	border: 2px solid #ffffff;
	border-collapse: collapse;
}

.infotable td {
	border: 2px solid #ffffff;
}

.infotable table {
	border-collapse: separate;
}

.infotable table td {
	border: 0px;
}

.dirname {
	font-size: 100%;
	font-weight: bold;
	color: #aaaaaa;
}

.comment {
	color: #444444;
	font-weight: bold;
	font-size: 100%;
}

.smalltxt {
	font-size: 85%;
}

.xsmalltxt {
	font-size: 80%;
}

.newlabel {
	font-size: 70%;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}
/* -------------------------------------- added JR ------------------------------*/
.thumbfamily {
	float:left;
	margin-right:4px;
	margin-bottom:2px;
	margin-top:5px;
	padding:6px;
	padding-bottom:4px;
	background-color: #FFFFFF;
	text-align:center;
}
.thumbfamily img{
}
.familyname {
	font-size:85%;
	padding-top:0px;
	height:15px;
	margin-left:-6px;/*to accomodate longish names*/
}
.familyname a{
/*	display:block;*/
}

/* ------- original 2bgal styles -------*/
#galliensadm a{
	float:right;
	padding: 3px;
	font-size: 8pt;
	text-align : right;
	color:#dddddd;
}

#galbarrearbo {
	padding: 3px;
/*	border: 1px solid #AAAAAA;
*/	font-size: 10pt!important;
	font-weight:bold;
	font-family: Arial,Helvetica,sans-serif; /* to keep MSIE happy */
	margin-right:5px;

/*	width:598px;*/
}
#galbarrearbo a {
	text-decoration:none!important;
}

.arial {
	font-family: Arial,Helvetica,sans-serif; /* to keep MSIE happy with triangles */
}
#galbarreinfo {
	clear:both;
	padding: 3px;
/*    border-right: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
*/	font-size: 8pt;
	margin-right:5px;
}


#galbarrebas {
	margin-top:5px;
	clear:both;
    border-top: 1px solid #AAAAAA;
	font-size:80%;
	text-align : center;
	color:#000000;
}

#galgeneration {
	padding: 3px;
	font-size: 8pt;
	text-align : right;
}
.secure {
	border:none;
	margin-top:-5px;
	vertical-align: text-bottom;
}
/*----------------------*/


#leftside,
#rightside {
	margin-top:5px;
	float: left;
	padding-bottom:5px;
	padding-top:5px;
	width: 286px;
	font-size:85%;
}
#leftside h4,
#rightside h4 {
	border-bottom: #333333 1px solid;
	margin-left:5px;
	padding-left:2px;
	padding-right:2px;
	margin-right:3px;
	color:#000000;
	padding-bottom:5px;
}
#rightside {
	border-left:#666666  medium double;
}
#leftside {
}

#leftside p,
#rightside p {
  margin-bottom: 0px;
  margin-top: 0px;
}
#leftside p,
#rightside p {
	text-indent:-3.2ex;
	margin-left:3.2ex;
}
#leftside a,
#rightside a {
	display:block;
}


/*--------------------*/
.thumbshowoff {
	float:left;
	border: #999999 1px solid;
	margin-right:2px;
	margin-bottom:2px;
}
.photolinks {
}
.photolinks a {
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	border-bottom:none!important;
}
.photolinks a img {
	border:none;
}
.linkslabel {
	clear:left;
	color: #333333;
	font-variant:small-caps;
	padding-top:10px;
	padding-bottom:2px;
	font-weight:bold;
}
.tooltip,
.lightboxtooltip {
	background-color:#edf5e8;
	border-bottom:#FF0000 1px dotted;
}

.tooltip:hover {
	background-color:#FFFFFF;
	cursor:help;
	border-bottom:#FF0000 1px solid;	
}
.lightboxtooltip:hover {
	background-color:#FFFFFF;
	border-bottom:#FF0000 1px solid;	
}
#doc  {
	background-color:#FFFFFF!important;
	padding-left:35px;
	padding-right:25px;
	margin-left:-8px;
	margin-right:0px;
	text-align: justify;
	color:#333333;
	margin-bottom:10px!important;
	font-size:0.85em;
}
#doc a {
	text-decoration:none;
	color:#666666;
	border-bottom:#333333 1px dotted;
}

#doc a:hover {
	color:#000000!important;
	background-color:#d6e8c9!important;
}
#doc h4 {
	margin-top:0.2em;
	margin-bottom:0.1em;
}
#doc p {
	margin-top:0.4em;
	margin-bottom:0.4em;
}
#doc .alignleft {
	text-align:left;
}
#doc ol li{
list-style: decimal;
}
.essai {
	color: #FFFFFF;
}

a[href^="http"] { padding-right: 15px; background:url(../images/external.png) no-repeat center right; } 

.spacer {
	line-height:1px;
}
#footer img {
	vertical-align: bottom;
}
.illustration {
	margin-left:10px;
	float:right;
}
.whitebackground {
	background-color:#FFFFFF!important;
}
.selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}
.hide {
	display:none;
}
a.nobox img{
	border:none;
	padding-right:5px;
	margin:0px;
	float:left;
}
a img.lienimage {
	border:none;
	padding-right:5px;
	padding-left:5px;
}
#affalbumcpc {
	background-color: #FFFFFF;
}
#affalbumcpc td {
	border-bottom-style:double; border-bottom-width:3px; border-bottom-color:#009900;
}
#affalbumcpc th {
	border-bottom-style:double; border-bottom-width:5px; border-bottom-color:#009900;
	border-top-style:double; border-top-width:5px; border-top-color:#009900;
}
input.saisie,
input.saisierightalign	 {
	border: 0px none;
	border-bottom-style:solid;
	border-bottom-color:#999999;
	border-bottom-width:thin;
	margin:0px;
	margin-left:5px;
	padding:0px;
	padding-left:0px;
    font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
}
.adminedit {
	background-color:#FFFFFF;
}
.hidden {
display:none;}