/***************** CSS DOCUMENT BY ANGIE *****************/
/***************** SITE WARHAMMERJDR.FR ******************/
/****************** DATE 29/09/2005 *********************/


/**********STRUTURE PRINCIPALE******************************/
body {margin: 0px; padding: 0px; background: #512; font-family: "Times New Roman", Times, serif; font-size: 12pt; line-height: 12pt;}
#header {height: 130px;}
#conteneur {margin-top:10px; position: absolute; width: 800px; left: 50%; margin-left: -400px; background: url(images/sable1.gif);}
#copyright {
	background: #512;
	color: #eadec5;
	text-align: center;
	font-size: 7pt;
	letter-spacing: 1px;	
}
#copyright a {
	color: #eadec5;}
div#conteneur-fond{background: url(images/fond-bandeau.gif) repeat-y 15px 0px;}
#centre {margin-left: 150px;margin-right: 150px; min-height:750px;}
#gauche {position: absolute;left:0px;width: 150px;top: 122px;height: 286px;}
#cadre-droit {position:absolute; top:200px; width:125px; left: 665px; height:400px; border: 2px solid #741920;}
.justify {text-align: justify;}
a {color: #761821;text-decoration: none;}
a:hover{text-decoration: underline;}
.intro-texte {font-weight:bold; color: #761821;}
#emplca-titre{width: 100%;}
.hauteur-ligne{line-height: 6pt;}
table.bordure{border:1px solid #721;}
tr.ligne-tableau {
	background-color: #CBA;
	text-align: center;
	font-size: 9pt;
	height:12px;
}
.tableau{
	text-align: center;
	font-size: 9pt;
}
tr.ligne-tableau-haut {
	background-color: #721;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 11pt;
}
div#emplac-centre{width: 100%;height:360px;}

/************************MENU GAUCHE************************************/
dt, dd, ul, li {margin:0px; padding: 0px; list-style-type: none;}
#menu {position:absolute; left:0px; top: 95px; width: 150px; margin: 0 0 0 0; padding: 0 0 0 0;}
#menu dt {
	cursor: pointer;
	margin: 5px 10px;
	height: 30px;
	text-align: center;
	font-weight: bold;
	color: #721;
	text-transform: uppercase;
	font-size: 11pt;
	letter-spacing: -2px;
	
}
#menu dt a:hover, #menu dt a:focus {
	background: url(images/rollover.gif) no-repeat 0% 75%;
	width:100%;
	height:30px;
	display:block;
	text-decoration: none;
}
dt#active a{
	background: url(images/rollover.gif) no-repeat 0% 75%;
	width:100%;
	height:30px;
	display:block;
	text-decoration: none;}

#menu dd {display: none; border: 2px solid #721; margin-left:10px; margin-right:10px; padding:5px 0 5px 0; margin-top:-5px; background: transparent url(images/fond-menu.gif); }
#menu li {
	text-align: center;
	width:100%;
	font-size: 9pt;
}
#menu li a {color: #721;  display: block; height: 100%;}
#menu li a:hover {
	text-decoration: none;
	font-weight: bold;	
}
/*********************FIN DU MENU GAUCHE**********************************/


/***BANDEAU DROITE********************************************************/
#cadre-droit, #cadre-droit fond {background: url(images/bandeau-nouveaute-haut.gif) repeat-x top;}

.texte-bandeau{font-family: "Times",Times New Roman, serif; font-size: 13pt; font-weight: bold;text-transform: uppercase; color: #F9E2B3; letter-spacing: -1px; text-align: center; margin: 0px; padding-top: 18px;}
/*FIN BANDEAU DROITE*******************************************************/


/***PIED DE PAGE********************************************************/
#pied-page{background: url(images/lisseret-bas.gif) repeat-x bottom; width: 100%; height: 35px; margin-top:20px;}
#navpied ul{
	margin: 0px;
	height:20px;
	list-style-type: none;
	width: 100%;
	font-variant: small-caps;
	text-align: center;
	font-size: 10pt;
}
#navpied ul li {display: inline;}
#navpied ul li a{margin: 0.2em 2em ;color: #721; text-decoration: none; font-weight: bold;}
#navpied ul li a:hover{text-decoration:underline;}
/***FIN PIED PAGE*******************************************/

/********LOGO BIBLIOTHEQUE INTERDITE*************************/
#zone1 {position: absolute; width : 121px; height: 46px; left: 15px; top: 5px;background: url(images/Logo/Logo-bibliotheque-interdite.gif) top left no-repeat;}
#zone1:hover {background: url(images/Logo/Logo-bibliotheque-interdite2.gif) top left no-repeat; z-index: 100;}
/***** FIN LOGO BIBLIOTHEQUE INTERDITE***********************/

/********1ER IMAGE COTE DROIT *************************/
#zone2 {position: absolute; width : 60px; height: 94px; left: 20px; top: 65px;background: url(images/labyrinthe-glace.gif) top left no-repeat;}
#zone2:hover {background: url(images/labyrinthe-glace.gif) top left no-repeat; z-index: 100;}
/***** FIN 1ER IMAGE COTE DROIT ***********************/
/********2EME IMAGE COTE DROIT *************************/
#zone3 {position: absolute; width : 60px; height: 94px; left: 20px; top: 175px;background: url(images/ravenor-3.gif) top left no-repeat;}
#zone3:hover {background: url(images/ravenor-3.gif) top left no-repeat; z-index: 100;}
/***** FIN 2EME IMAGE COTE DROIT ***********************/
/********3EME IMAGE COTE DROIT *************************/
#zone7 {position: absolute; width : 60px; height: 94px; left: 20px; top: 285px;background: url(images/dernier-ordre.gif) top left no-repeat;}
#zone7:hover {background: url(images/dernier-ordre.gif) top left no-repeat; z-index: 100;}
/***** FIN 3EME IMAGE COTE DROIT ***********************/
/********4EME IMAGE COTE DROIT *************************/
#zone8 {position: absolute; width : 80px; height: 114px; left: 20px; top: 285px;background: url(images/image4.gif) top left no-repeat;}
#zone8:hover {background: url(images/image4.2.gif) top left no-repeat; z-index: 100;}
/***** FIN 4EME IMAGE COTE DROIT ***********************/








/********LOGO INDUSTRIES*************************/
#zone4 {position: absolute; width :122px; height: 35px; left: 15px; top:50px;background: url(images/Logo/logo-black-indutries.gif) top left no-repeat;}
#zone4:hover {background: url(images/Logo/logo-black-indutries2.gif) top left no-repeat; z-index: 100;}
/***** FIN LOGO INDUSTRIES***********************/
/********LOGO WARHAMMER*************************/
#zone5 {position: absolute; width :125px; height: 25px; left: 665px; top:10px;background: url(images/Logo/logo-warhammer.gif) top left no-repeat;}
#zone5:hover {background: url(images/Logo/logo-warhammer2.gif) top left no-repeat; z-index: 100;}
/***** FIN LOGO WARHAMMER***********************/
/********LOGO GAMES WORKSHOP*************************/
#zone6 {position: absolute; width :90px; height: 35px; left: 685px; top:35px;background: url(images/Logo/logo-games-workshop.gif) top left no-repeat;}
#zone6:hover {background: url(images/Logo/logo-games-workshop2.gif) top left no-repeat; z-index: 100;}
/***** FIN LOGO GAMES WORKSHO***********************/
.img{
	float: right;
	margin: 0px 0px 0px 10px;}
.imghalf{
	float: right;
	margin: 0px 0px 10px 10px;}
.puce li{
	
  	list-style-image: url(images/fleche.gif);
	background-repeat: no-repeat;
	
	margin-left: 30px;

}
.main-popup{
	
	float: right;
	margin: 0px 0px 0px 10px;
}
.vignette {
	margin:0px 10px 0px 0px;
	
}
.puce {margin:0px 5px 0px 0px}
#emplac-aide-jeu{
	margin-top:10px;
	margin-left:10px;
	width: 95%;


}
#emplac-general{
	margin-top:10px;
	margin-left:10px;
	width: 90%;
	height:400px;
	background: url(images/personnages/Chevalier.gif) no-repeat top right;
}
#emplac-avant-premiere{
	margin-top:10px;
	margin-left:10px;
	width: 98%;
	background: url(images/personnages/Erudit.gif) no-repeat top right;
}
#emplac-faq{
	margin-top:10px;
	margin-left:10px;
	width: 98%;
	height:400px;
	background: url(images/personnages/Champion.gif) no-repeat top right;
}
div#faq{
	width: 300px;
	text-align: center;
}
#emplac-tele{
	margin-top:10px;
	margin-left:10px;
	width: 98%;
	height:400px;
	
}
h2 {
	font-family: "Times", Times New Roman, serif;
	font-size: 15pt;
	font-weight: bold;
	color: #761821;
	letter-spacing: 2px;
	font-variant: small-caps;
	text-decoration: underline;
	
}
dt#pos{
	margin: 10px;
	font-weight: bold;
}
#plan li{
	margin-left:20px;
	list-style-type: disc;
	list-style-position: inside;
	font-style: italic;
	font-weight: normal;	
}

#emplac-plan-droit{
	width: 250px;
	float:right;
}

img.tele {
	float: left;
	margin:0px 0.5em 0.5em 0.5em;
	}

p.renvoi {clear:left;}

p.ligne{
margin-top:0px;}
div#gamme{
	width: 160px;
	float: right;
	margin: 0px 0px 0px 10px;
}
div#pics-interviews{
	width: 210px;
	float: right;
	margin: 15px 10px 0px 10px;
}
.puce-gamme li {list-style-image: url(images/fleche.gif); background-repeat: no-repeat; background-position: 0% 90%; margin: 10px 0px 0px 30px;}
.warhammer{
	float: left;
	margin-top: -20px;
	margin-left:10px;
}
.games {
	float: right;
	margin-top: -30px;
	margin-right: 20px;
}
.imgperso{margin: 0px 0px 0px 0px;}
.imggamme{margin: 0px 0px 0px 0px;}
#flash{
	width: 100px;
	height: 157px;
	float: right;
	padding-left:10px;
}