html { 
  		font-size: 100%; /* ƒvite un bug d'IE 6-7. (1) */ 
} 

body { 
  		margin: 0; 
  		text-align: center; /* pour corriger le bug de centrage IE */
		background: #F0ECD6 url("../Images/ancientsea.PNG") repeat-x top;
}

h1 {
		font-family: "Times New Roman", Tahoma, Verdana, Arial, Helvetica, Geneva;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
}

h1 span {
		font-style: italic;
		font-size: 18px;
}

p, pre, h2, h3, h4, a, li, ul {
		font-family: Tahoma, Verdana, Arial, Helvetica, Geneva;
}

h2 {
		float: left;
		padding: 0;
		margin-top: 10px;
		margin-left: 165px;
		font-size: 12px;
		line-height: 1.5em;
}

h2 span {
		font-weight: normal;
}

ul {
		list-style: none;
		margin: 0;
		padding: 0;
}

iframe {
		border-top: 2px solid gray;
		border-left: 2px solid gray;
		border-right: 2px solid rgb(238, 238, 238);
		border-bottom: 2px solid rgb(238, 238, 238);
		margin: 0;
}

a {
		text-decoration: underline;

}

a.sublink {
		text-decoration: none;
		color: black;
}

a:visited { 
  		outline: none; /* Pas de bordure pointillŽe ou halo lors du clic sur un lien */ 
}

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

a:active { 
  		outline: none; /* Pas de bordure pointillŽe ou halo lors du clic sur un lien */ 
}
	

p, li, pre	{
		font-size: 12px;
		line-height: 1.5em;
	}

img	{
		margin: 0;
		padding: 0;
		border-width: 0px;
}

img.thumb {
		width: 67px;
		-moz-box-shadow: 6px 6px 5px black;
		-webkit- box-shadow: 6px 6px 5px black;
		box-shadow: 6px 6px 5px black;
}

img.thumb:hover {
		-moz-box-shadow: 6px 6px 8px black;
		-webkit-box-shadow: 6px 6px 8px black;
		box-shadow: 6px 6px 8px black;
}


img.small {
		width: 100px;
		-moz-box-shadow: 6px 6px 10px black;
		-webkit-box-shadow: 6px 6px 10px black;
		box-shadow: 6px 6px 10px black;
}

img.small:hover {
		-moz-box-shadow: 6px 6px 13px black;
		-webkit-box-shadow: 6px 6px 13px black;
		box-shadow: 6px 6px 13px black;
}

img.large {
		width: 350px;
		margin: 0px 5px 5px 0px;
		-moz-box-shadow: 8px 8px 12px black;
		-webkit-box-shadow: 8px 8px 12px black;
		box-shadow: 8px 8px 12px black;

}

img.verylarge {
		width: 500px;
		margin: 0px 5px 5px 0px;
		-moz-box-shadow: 8px 8px 12px black;
		-webkit-box-shadow: 8px 8px 12px black;
		box-shadow: 8px 8px 12px black;

}

.spacer {
		clear: both;
		height: 10px;
}

.print {
		display: none;
}

.noprint {
}

#global {
 		position: relative;
		width: 955px;	
		padding: 10px;
		margin: 10px auto 160px auto;		/* top left bottom right */
		background: #FFE9CC url("../Images/papier.GIF") repeat-y left top;
		min-height: 1400px;
		text-align: left; 			/* on rŽtablit l'alignement normal du texte */

		border: thin solid black;
		border-width: 1px;


		-moz-box-shadow: 8px 8px 12px rgb(57, 57, 57); 
		-webkit-box-shadow: 8px 8px 12px rgb(57, 57, 57); 
		box-shadow: 8px 8px 12px rgb(57, 57, 57);
}

#menu {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 140px;
		padding: 0;
		margin: 0;
		color: white;
	}

#menu ul li ul {	/* Uniquement ˆ cause de IE qui Žcarte les ŽlŽments du menu du Chronarium quand on augmente la taille des caractres
			   et laisse entre eux des espaces vides. Cette image de fond sert ˆ les combler */
		background: black url("../Images/chrono_ul.GIF") repeat-y left top;
}

#menu a,
#menu p#menuaccueil,
#menu p#menumaj,
#menu p.menuammo,
#menu p.menufirst,
#menu p#menulast,
#menu p#menupoesie,
#menu p#menunews,
#menu p#menulivredor,
#menu ul li ul li p {
		text-decoration: none;
		font-style: italic;
		font-weight: bold;
		font-family: Times New Roman;
		color: white;
}

#menu a:hover {
		color: black;
}

#menu form table {
		margin: 0;
		width: 140px;
}

#menu p#recherche {
		font-weight: bold;
		font-size: 10px;
		font-family: Arial, Helvetica, Geneva;
		text-align: left;
		margin-bottom: 0px;
	}

#menu p#chronarium {
		display: block;
		height: 18px;
		margin: 0;
		margin-top: 10px;
		line-height: 17px;
		font-size: 16px;
		text-align: center;
		font-family: Times New Roman;
		font-style: italic;
		font-weight: bold;
		border: 1px solid white;
}

#menu a#menuaccueil, #menu p#menuaccueil {
		display: block;
		height: 32px;
		margin: 0;
		line-height: 30px;
		font-size: 18px;
		text-align: center;
		background-image: url("../Images/menuaccueil.PNG");
		background-position: 0 0;
		background-repeat: no-repeat;
}

#menu a#menuaccueil:hover, #menu p#menuaccueil {
		background-position: 0 -37px;
		color: black;
}

#menu a#menumaj, #menu p#menumaj {
		display: block;
		height: 33px;
		margin-top: 10px;
		line-height: 16px;
		font-size: 16px;
		text-align: center;
		background-image: url("../Images/menumaj.PNG");
		background-position: 0 0;
		background-repeat: no-repeat;
}

#menu a#menumaj:hover, #menu p#menumaj {
		background-position: 0 -38px;
		color: black;
}

#menu ul li ul li a, #menu ul li ul li p {
		display: block;
		height: 18px;
		line-height: 18px;
		padding-left: 14px;
		margin: 0;
		font-size: 14px;
		background-image: url("../Images/menuetage.GIF");
		background-position: 0 -5px;
		background-repeat: no-repeat;
}

#menu ul li ul li a#menulast, #menu ul li ul li p#menulast {
		background-image: url("../Images/menuetagelast.GIF");
		margin-bottom: 10px;
}

#menu ul li ul li a.menufirst, #menu ul li ul li p.menufirst {
		height: 23px;
		line-height: 30px;
		background-position: 0 0;
}

#menu ul li ul li a:hover, #menu ul li ul li p, #menu ul li ul li p#menulast {
		background-position: 0 -33px;
		color: black !important;
}

#menu ul li ul li a.menufirst:hover, #menu ul li ul li p.menufirst {
		background-position: 0 -28px;
		color: black;
}

#menu a.menuammo, #menu p.menuammo {
		display: block;
		height: 20px;
		margin: 0;
		line-height: 20px;
		font-size: 16px;
		text-align: center;
		background-image: url("../Images/menuammo.PNG");
		background-position: 0 0;
		background-repeat: no-repeat;
}

#menu a.menuammo:hover, #menu p.menuammo {
		background-position: 0 -25px;
		color: black;
}

#menu a#menupoesie, #menu p#menupoesie {
		display: block;
		height: 39px;
		margin: 0;
		margin-top: 10px;
		line-height: 39px;
		font-size: 18px;
		text-align: center;
		background-image: url("../Images/menupoesie.PNG");
		background-position: 0 0;
		background-repeat: no-repeat;
}

#menu a#menupoesie:hover, #menu p#menupoesie {
		background-position: 0 -44px;
		color: black;
}

#menu a#menumail,
#menu a#menunews, #menu p#menunews,
#menu a#menuliens, #menu p#menuliens,
#menu a#menulivredor, #menu p#menulivredor {
		display: block;
		height: 34px;
		margin: 0;
		margin-top: 10px;
		line-height: 34px;
		font-size: 18px;
		text-align: center;
		background-position: 0 0;
		background-repeat: no-repeat;
}

#menu a#menumail {
		background-image: url("../Images/menumail.PNG");
}

#menu a#menunews, #menu p#menunews {
		background-image: url("../Images/menunews.PNG");
}

#menu a#menuliens, #menu p#menuliens {
		background-image: url("../Images/menuliens.PNG");
}

#menu a#menulivredor, #menu p#menulivredor {
		background-image: url("../Images/menulivredor.PNG");
}

#menu a#menumail:hover,
#menu a#menunews:hover,
#menu p#menunews,
#menu a#menuliens:hover,
#menu p#menuliens,
#menu a#menulivredor:hover,
#menu p#menulivredor {
		background-position: 0 -39px;
		color: black;
}

#menu img {		/* pour award, hit-parade et xiti */
	margin-top: 10px;
	margin-left: 2px;
}

#contenu {
		position: absolute;
		top: 0px;
		width: 800px;
		padding-left: 10px;
		margin-left: 165px;
		border-width: 4px;
		border-style: solid;
	}

p.stats_geo,
p.stats_taxons {
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 10px 0px 0px 6px;;
		font-size: 10px;
		background: rgb(189, 189, 214) url("../Images/toilebleue.JPG") repeat-y top left;
}

#thumbnails {
		margin-left: 165px;
		width: 628px;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
}

table#thumbnails {
		width: 630px;
		text-align: center;
		border-spacing: 0px;
}

table#thumbnails tr.pair {
		background: #ffe9cc url("../Images/toile.JPG") repeat top left;
}

table#thumbnails td {
		width: 210px;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
		vertical-align: bottom;
		margin: 0;
}

table#thumbnails td.texte {
		vertical-align: top;
		padding-bottom: 5px;
}

table#thumbnails td p {
		font-size: 10px;
}

#header {
		display: block;
		padding: 10px 0px 26px 0px;
		margin-left: 165px;
		margin-bottom: 0;
		width: 630px;
    		background: url("../Images/bg.GIF") repeat-x bottom;
}

#header p {
		text-align: justify;
}

#header ul {
    		padding: 10px 10px 0;
}

#header li, #header li.high, #header li.low {
    		float: left;
    		background: url("../Images/norm_left_off.GIF") no-repeat left top;
    		margin: 0;
    		padding: 0 0 0 9px;
}



#header li a {
    		display: block;
		text-decoration: none;
    		background: url("../Images/norm_right_off.GIF") no-repeat right top;
    		padding: 5px 15px 4px 6px;
		font-size: 12px;
		line-height: 16px;
}

#header li#current {
    		background:url("../Images/norm_left.GIF") no-repeat left top;
}

#header li#current a {
    		background: url("../Images/norm_right.GIF") no-repeat right top; 
    		padding: 5px 15px 5px 6px;
		font-weight: bold;
		color: black;
}

#submenu {
		float: right;
		width: 150px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 4px 4px 6px rgb(57, 57, 57); 
			-webkit-box-shadow: 4px 4px 6px rgb(57, 57, 57); 
			box-shadow: 4px 4px 6px rgb(57, 57, 57);
}

#menu_geo,
#menu_taxons,
#menu_alpha {
		height: 700px;
		overflow-y: auto;
		overflow-x: hidden;
		margin: 1px 0px 1px 0px;
		background: rgb(189, 189, 214) url("../Images/toilebleue.JPG") repeat-y top left;
		-width: 150px;			/* seulement pour IE <= 6 !! */
		
}

#index {
		font-size: 10px;
		text-align: center;
		background-color: #ffe9cc;
		margin-left: 255px;
}

#facebook_comments {
		background-color: #ffe9cc;
		margin-left: 255px;
}

#facebook_comments a {
		font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
		font-size: 11px;
		text-decoration: none;
		color: #3B5998;
		
}

#extraDiv1 {
		position: fixed;
		top: 100px;
		left: 0px;
		width: 100%;
		height: 629px;
		background-image: url("../Images/vintagesquid.PNG");
		background-repeat: repeat-x;
		background-position: left;
		z-index: -3;
}


#extraDiv2 {
		background-image: url("../Images/bottom.PNG");
		background-repeat: no-repeat;
		background-position: center;
		height: 168px;
		width: 100%;
		position: fixed;
		left: 0px;
		bottom: 0px;
		z-index: -2;
}