/* CSS Document */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.comics
{
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
}
.newsletter
{ 
 background:url(img/tb.menuContact.bg.gif);
width: 240px;
height: 35px;
margin-left: 3,8px;
text-align:center; 
}
.newsletter a
{
   text-decoration: none; 
   color: white; 
   }
.newsletter a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; 
   color: white;
}
.newsletter a:active /* Quand le visiteur clique sur le lien */
{
color: white;
}
.newsletter a:visited 
{
   color: white;
}

.newslettertable
{
margin-left: 2px;
border: 2px rgb(200,195,255) solid;
}



body{margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}

td.leftSpacer{border-right:1px #999999 solid; background-image:url(img/leftSpacer.bg.jpg); background-repeat:repeat-y ; background-position:right}

td.rightSpacer{border-left:1px #999999 solid; background-image:url(img/rightSpacer.bg.jpg); background-repeat:repeat-y ; background-position:left}

td.bottomBar{color:#FFFFFF; text-align:center; vertical-align:middle; background:url(img/tb.bottom.bg.jpg); font-size:10px}

td.bottomLinks{color:#000000; text-align:center; vertical-align:middle; background:url(img/tb.bottomlinks.bg.jpg); font-size:10px}

td.menuBar{color:#FFFFFF; text-align:center; vertical-align:middle; background:url(img/tb.menu.bg.gif)}

p.remark {font-size:10px}

	div.Header { font-size: 14px ; text-decoration:none; font-weight:bold ; color:#0000FF;} 
	div.Header:first-letter { font-size:18px }

	table.searchBar {background:url(img/tb.search.bg.gif); width:700px; height:35px; text-align:center; font-size:14px; font-weight:bold; vertical-align:middle ; padding:0px; margin:0px}
	tr.trHeader {height:20px; background:url(img/tb.trHeader.bg.gif);}
	td.cellHeader{border: 1px solid #888888; text-align:center; vertical-align:middle; font-size:12px}
	td.cellCp{border: 1px solid #888888; text-align:center; vertical-align:middle; background-color:#b84747}
	td.cellCi{border: 1px solid #888888; text-align:center; vertical-align:middle; background-color:#b84747}
	td.cellCa{border: 1px solid #888888; text-align:center; vertical-align:middle; background-color:#ffffb4}
	td.cellCh{border: 1px solid #888888;text-align:center; vertical-align:middle; background-color:#cbdcff}

a.menuLink:link { font-weight:bold ; color:#FFFFFF ; text-decoration:none}
a.menuLink:visited { font-weight:bold ; color:#FFFFFF ; text-decoration:none}
a.menuLink:hover { font-weight:bold ; color:#00FF00; text-decoration:none}
a.menuLink:active { font-weight:bold ; color:#FFFFFF ; text-decoration:none}

a.BottomLink:link { font-weight:bold ; color:#0000FF ; text-decoration:none}
a.BottomLink:visited { font-weight:bold ; color:#0000FF ; text-decoration:none}
a.BottomLink:hover { font-weight:bold ; color:#BB4400; text-decoration:none}
a.BottomLink:active { font-weight:bold ; color:#FF0000 ; text-decoration:none}

a.menuContactLink:link { font-weight:bold ; color:#FFFFFF ; text-decoration:none}
a.menuContactLink:visited { font-weight:bold ; color:#FFFFFF ; text-decoration:none}
a.menuContactLink:hover { font-weight:bold ; color:#FFFF00; text-decoration:none}
a.menuContactLink:active { font-weight:bold ; color:#FFFFFF ; text-decoration:none}

a.contentLink:link { color:#000000 ; text-decoration:none}
a.contentLink:visited { color:#000000 ; text-decoration:none}
a.contentLink:hover { color:#009900; text-decoration:none}
a.contentLink:active { color:#009900 ; text-decoration:none}

a.incognito:link{text-decoration:none; color:#000000}
a.incognito:visited{text-decoration:none; color:#000000}
a.incognito:hover{text-decoration:none; color:#000000}
a.incognito:active{text-decoration:none; color:#000000}

td.HomeLink {text-align:center }
td.ContactLink {text-align:center ; width:125px ; background:url(img/tb.menuContact.bg.gif)}

div.SearchTitle { margin-top:5px; text-align:center ; font-size:16px ; font-weight:bold}
div.SearchCancel { text-align:center ; font-size:9px;}