@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(http://www.jeux-goliath.com/images/pages/fond.gif);
	/*	background-image:url(http://www.jeux-goliath.com/images/fonds/rentree.jpg); */
	background-repeat:repeat;
	text-align: center;
}

     
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; display:inline; padding:0px; color:#990000;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:black;}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; color:black;}

	 
/* placement footer */
#footer {
	width: 961px;
	height: 108px;
	background-image:url(http://www.jeux-goliath.com/images/pages/footer.png);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	margin:auto;
	padding-top:60px;
	color:#FFFFFF;
	text-decoration:none;
}

/* txt action */
.jeux-textebasic {color: #990000; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif;}
.jeux-textebasic a:link {color: #990000; font-size: small; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.jeux-textebasic a:visited {color: #990000; font-size: small; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.jeux-textebasic a:hover {color: #FF6600; font-size: small; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.jeux-textebasic a:active {color: #990000; font-size: small; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}

.no-underline-txt {color: #990000; font-size: small; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.no-underline-txt a:link {color: #990000; font-size: small; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.no-underline-txt a:visited {color: #990000; font-size: small; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.no-underline-txt a:hover {color: #FF6600; font-size: small; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.no-underline-txt a:active {color: #990000; font-size: small; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}


.txt-blanc {color: #FFFFFF; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif;}
.txt-blanc a:link {color: #FFFFFF; font-size: small; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.txt-blanc a:visited {color: #FFFFFF; font-size: small; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.txt-blanc a:hover {color: #FF6600; font-size: small; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.txt-blanc a:active {color: #FFFFFF; font-size: small; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* quick info */
.quick-info {color: #990000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.quick-info a:link {color: #990000; font-size: 12px; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.quick-info a:visited {color: #990000; font-size: 12px; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.quick-info a:hover {color: #FF6600; font-size: 12px; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.quick-info a:active {color: #990000; font-size: 12px; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}

.mini-jeux-textebasic {color: #990000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.mini-jeux-textebasic a:link {color: #990000; font-size: 10px; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.mini-jeux-textebasic a:visited {color: #990000; font-size: 10px; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.mini-jeux-textebasic a:hover {color: #FF6600; font-size: 10px; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.mini-jeux-textebasic a:active {color: #990000; font-size: 10px; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}

.titreh1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; display:inline; padding:0px; color:#990000;}

.regles {color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.regles a:link {color: #FFFFFF; font-size: 10px; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.regles a:visited {color: #FFFFFF; font-size: 10px; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.regles a:hover {color: #000000; font-size: 10px; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.regles a:active {color: #FFFFFF; font-size: 10px; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}

.jeux-texteinfo-big {font-size: medium; color: #FF6600; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.jeux-texteinfo-small {font-size: small; color: #FF6600; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* début txt Totally Spies */
.texteTSsmall {color:#993366; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.texteTSsmall a:link {color:#993366; font-size:12px; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
.texteTSsmall a:visited {color:#993366; font-size:12px; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
.texteTSsmall a:hover {color:#FF0000; font-size:12px; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
.texteTSsmall a:active {color:#993366; font-size:12px; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif;}

.texteTSbig {color:#993366; font-size:14px;	font-family:Verdana, Arial, Helvetica, sans-serif;}


/* début txt  Filles */
.texteFilles {color:#993366; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.texteFilles a:link {color: #993366; font-size: 12px; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.texteFilles a:visited {color: #993366; font-size: 12px; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.texteFilles a:hover {color: #FF6600; font-size: 12px; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.texteFilles a:active {color: #993366; font-size: 12px; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}


/* txt footer */
.textefooter {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:white; padding:0px 20px 0px 20px;}
.textefooter a {color:white; text-decoration:none; padding:0px 20px 0px 20px;}
.textefooter hover {color:white; text-decoration:underline; padding:0px 20px 0px 20px;}
.textefooter a:hover {color:white; text-decoration:underline; padding:0px 20px 0px 20px;}


/* txt piedpage */
.textepiedpage { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-align:center; margin: auto;}
.textepiedpage a {color:navy; text-decoration:none;}
.textepiedpage hover {color:navy; text-decoration:underline;}
.textepiedpage a:hover {color:navy; text-decoration:underline;}

#navigation {margin: 0; padding: 0; list-style: none; background: transparent; color: #fff; width: 147px; font: 10px "Verdana", sans-serif;}
#navigation a, #navigation span {display: block; padding: 4px 20px; color: #fff; text-decoration: none; background: transparent url(menu-item.png) left bottom no-repeat; line-height: 16px;}
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {background-image: url(menu-item-deroule.png); line-height: 16px;}
#navigation .open a, #navigation .open span {background-image: url(menu-item-enroule.png);}
#navigation a:hover, #navigation a:focus, #navigation a:active {text-decoration: underline;}
#navigation .subMenu {font-size: .8em; background: #999 url(subMenu.png) 0 0 repeat-x; font-size: .9em; margin: 0; padding: 0; border-bottom: 1px solid #999;}
#navigation ul.subMenu a {background: none; padding: 3px 30px;}

/* lightbox */
#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(http://www.jeux-goliath.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.jeux-goliath.com//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: #000000; }
#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; }