/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
font-size: .75em;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:justify;
background-color:#000000;
color:#000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #DDDDDD;
scrollbar-shadow-color: black;
scrollbar-3dlight-color: black;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #999999;
scrollbar-darkshadow-color: black;
}

a, img {
	border: 0; outline:none;
}

a:link, a:visited, a:hover {
	text-decoration:none; color:#660000;	
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////     STYLES APPLIQUÉS SUR LE MENU    ////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

a#menu_edito, a#menu_boutique, a#menu_romans, a#menu_illustrations, a#menu_personnages,
a#menu_environnement, a#menu_forum, a#menu_ailleurs, a#menu_livreor, a#menu_liens{
	display:block;
	position:absolute;
}

a#menu_edito:hover, a#menu_boutique:hover, a#menu_romans:hover, a#menu_illustrations:hover, a#menu_personnages:hover,
a#menu_environnement:hover, a#menu_forum:hover, a#menu_ailleurs:hover, a#menu_livreor:hover, a#menu_liens:hover{
	background-position: 0% 100%;
}

a#menu_edito
{
	width: 200px;
	height: 35px;
	background-image: url("design/menu/menu_edito.png");
	top:59px;
}

a#menu_boutique
{
	width: 200px;
	height: 35px;
	background-image: url("design/menu/menu_boutique.png");
	top:94px;
}

a#menu_romans
{
	width: 200px;
	height: 35px;
	background-image: url("design/menu/menu_romans.png");
	top:219px;
}

a#menu_illustrations
{
	width: 200px;
	height: 30px;
	background-image: url("design/menu/menu_illustrations.png");
	top:254px;
}

a#menu_personnages
{
	width: 200px;
	height: 35px;
	background-image: url("design/menu/menu_personnages.png");
	top:284px;
}

a#menu_environnement
{
	width: 200px;
	height: 35px;
	background-image: url("design/menu/menu_environnement.png");
	top:319px;
}

a#menu_forum
{
	width: 200px;
	height: 36px;
	background-image: url("design/menu/menu_forum.png");
	top:439px;
}

a#menu_ailleurs
{
	width: 200px;
	height: 32px;
	background-image: url("design/menu/menu_ailleurs.png");
	top:475px;
}

a#menu_livreor
{
	width: 200px;
	height: 30px;
	background-image: url("design/menu/menu_livreor.png");
	top:507px;
}

a#menu_liens
{
	width: 200px;
	height: 35px;
	background-image: url("design/menu/menu_liens.png");
	top:537px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////     STYLES APPLIQUÉS SUR LA PAGE EN GÉNÉRAL      ////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#reflet
{
	width: 900px;
	height: 200px;
	background-repeat:no-repeat;
	margin: 0 auto;
	position:absolute;
	z-index: 20;
}

#en_tete
{
	width: 900px;
	height: 124px;
	background-image:url("design/titre.png");
	background-repeat:no-repeat;
	margin: 0 auto;
	position:relative;
}

#conteneur {
	position:relative;
	width: 900px;
	margin: 0 auto;
	background-image: url("design/corps.png");
	background-repeat:repeat-y;
	background-color:#000000;
	color:#000000;
}

#corps {
	position:relative;
	width: 600px;
	float:right;
	z-index: 10;
	padding-left: 20px;
	padding-right: 70px;
}

#menu_fond {
	position:relative;
	width: 200px;
	height: 620px;
	float:left;
	background-image: url("design/menu_fond.png");
	background-repeat:no-repeat;
	padding-bottom: 300px;
}

#menu_bas {
	background-image: url("design/menu_bas.png");
	width: 200px;
	height: 300px;
	position:absolute;
	bottom: 200px;
	left: 0;
}

#clear {
	clear:both;
}

#pied {
	width:900px;
	height:200px;
	background-image:url("design/pied.png");
	background-repeat:no-repeat;
	margin: 0 auto;
	position:relative;
}

a#lien_raphael, a#lien_vincent, a#lien_matthieu {
	display:block;
	position:absolute;
}

a#lien_raphael:hover, a#lien_vincent:hover, a#lien_matthieu:hover {
	background-position: 0% 100%;
}

a#lien_raphael
{
	width: 139px;
	height: 42px;
	background-image: url("design/lien_raphael.png");
	top:53px;
	left:60px;
}

a#lien_vincent
{
	width: 145px;
	height: 44px;
	background-image: url("design/lien_vincent.png");
	top:95px;
	left:69px;
}

a#lien_matthieu
{
	width: 160px;
	height: 47px;
	background-image: url("design/lien_matthieu.png");
	top:139px;
	left:119px;
}

#copyright {
	width:91px;
	height:14px;
	display:block;
	position:absolute;
	top:147px;
	left:530px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////     STYLES SPECIFIQUES (TEXTES, MINIATURES, BANDEAUX, ETC)    ////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

p  { text-indent: 40px; border: 0;}
td { font: 14pt Georgia; text-align:center; color: #990000; border: 0;}

.text { font: 13pt Georgia; }
.edito { margin-top:30px; margin-bottom:20px; margin-left:10px; margin-right:100px;
	font: 13pt Georgia; text-indent: 0x;}
.titre {
	font: 21pt Georgia; color:#990000; font-weight:bold; font-style:italic;
	padding-left:20px; display:inline;}
.titre_illustr {
	font: 20pt Georgia; color:#990000; font-weight:bold; font-style:italic;}
.date {
	font: 14pt Georgia; color:#663300; font-weight:bold; font-style:italic;
	padding-left:450px;}
.date2 {
	font: 12pt Georgia; color:#663300; font-weight:bold; font-style:italic;
	display:inline;}
	
.chapitre {
	font: 13pt Georgia; text-align:justify;}

.livre_resume {
	font: 13pt Georgia; padding-left:300px; padding-right:10px; padding-top:160px;
	text-align:justify;}
	
.text_cosplay{
	font: 13pt Georgia; padding-left:230px; padding-right:0px; padding-top:120px;
	text-align:justify;}

/*///// INTRO */

#fond_intro {
	position:relative;
	width: 700px;
	height: 176px;
	left:-30px;
	padding-bottom:176px;
}


/*///// NEWS */

#news_corps {
	position:relative;
	width: 700px;
	margin: 0 auto;
	color:#000000;
	padding-left:20px;
	left:-30px;
}

#news_haut {
	position:absolute;
	width: 700px;
	height: 223px;
	background-image: url("design/news_haut.png");
	top: -8px;
	left: 0;
	z-index: -1;
}

#news_bas {
	position:absolute;
	width: 700px;
	height: 228px;
	background-image: url("design/news_bas.png");
	bottom:0;
	left: 0;
	z-index: -1;
}

a#lien_sceau_raphael, a#lien_sceau_vincent, a#lien_sceau_matthieu {
	display:block;
	position:absolute;
}

a#lien_sceau_raphael {
	width: 200px;
	height: 100px;
	background-image: url("design/lien_sceau_raphael.png");
	bottom:14px;
	left:411px;
}

a#lien_sceau_vincent {
	width: 200px;
	height: 100px;
	background-image: url("design/lien_sceau_vincent.png");
	bottom:14px;
	left:411px;
}

a#lien_sceau_matthieu {
	width: 200px;
	height: 100px;
	background-image: url("design/lien_sceau_matthieu.png");
	bottom:14px;
	left:411px;
}

a#lien_sceau_raphael:hover, a#lien_sceau_vincent:hover, a#lien_sceau_matthieu:hover {
	background-position: 0% 100%;
}

/*///// ILLUSTRATION */

#retour_illustr{
	margin-left: -30px;
	width:600px;
	height:60px;
	background-image: url("design/fond_retourIllustr.png");
	position:relative;
}

a#lien_retourillustr{
	width: 210px;
	height: 60px;
	background-image: url("design/lien_retourIllustr.png");
	position:absolute;
	top:0;
	left:430px;
}

/*///// APPENDICES */

.compteur_append {
	position:absolute;
	font : 25pt Georgia; color:#990000; font-weight:bold;
	top: 5px;
	left: 522px;
}

#navig_append {
	margin-left: -25px;
	width: 600px;
	height: 60px;
	background-image: url("design/fond_navigationAppend.png");
	position:relative;
}

a#lien_flechegauche{
	display:block;
	width:85px;
	height:60px;
	background-image: url("design/lien_flechegauche.png");
	position:absolute;
	top:0;
	left:434px;
}

a#lien_flechedroite{
	display:block;
	width:85px;
	height:60px;
	background-image: url("design/lien_flechedroite.png");
	position:absolute;
	top:0;
	left:580px;
}

/*///// LIVRE D'OR */

#fond_signer{
	margin-left: -30px;
	width:600px;
	height:30px;
	background-image: url("design/fond_signer.png");
	position:relative;
	font : 12pt Georgia; font-weight:bold;
	text-indent:25px;	
	padding-top:30px;
}

a#lien_signer{
	width:225px;
	height:60px;
	background-image: url("design/lien_signer.png");
	position:absolute;
	top:0;
	left:448px;
}

/*///// MIRINAR AILLEURS */

#titre_cosplay{
	width:265px;
	height:60px;
	background-image: url("design/cosplay.png");
}

#cosplay_mc{
	width:590px;
	height:425px;
	background-image: url("design/divers/cosplay_mc.png");
	position:relative;
	margin-left:-5px;
}

a#lien_cosplay{
	width:235px;
	height:65px;
	display:block;
	background-image: url("design/lien_cosplay.png");
	position:absolute;
	top:357px;
	left:346px;
}

#titre_articles{
	width:265px;
	height:60px;
	background-image: url("design/articles.png");
}

.articles {
	font: 13pt Georgia;
	padding-right:10px;
}

/*///// BOUTIQUE */

#titre_livres{
	width:250px;
	height:60px;
	background-image: url("design/livres.png");
}

#livre_1{
	width:550px;
	height:350px;
	background-image: url("design/fond_livre1.png");
	position:relative;
}

a#lien_acheterlivre{
	display:block;
	width:225px;
	height:45px;
	background-image: url("design/lien_acheterlivre.png");
	position:absolute;
	top:305px;
	left:325px;
}

/*///// ROMANS */

#vignette_serie1{
	width:613px;
	height:670px;
	background-image: url("design/textes/fond_serie1.png");
	background-repeat:no-repeat;
	position:relative;
	left:-10px;
}

#vignette_serie2{
	width:613px;
	height:670x;
	background-image: url("design/textes/fond_serie2.png");
	background-repeat:no-repeat;
	position:relative;
	left:-10px;
}

#liste_chapitre{
	font : 10pt Georgia; color:#990000; font-weight:bold;
	padding-top:165px;
	padding-left:325px;
	line-height:25px;
}

#liste_chapitre1{
	font : 10pt Georgia; color:#990000; font-weight:bold;
	padding-top:165px;
	padding-left:325px;
	line-height:25px;
}

#liste_chapitre2{
	font : 10pt Georgia; color:#990000; font-weight:bold;
	padding-top:180px;
	padding-left:325px;
	line-height:25px;
}

/*///// TEXTES */

.compteur_texte {
	position:absolute;
	font : 16pt Georgia; color:#990000; font-weight:bold;
	top: 64px;
	left: 528px;
}

.compteur_texte2 {
	position:absolute;
	font : 14pt Georgia; color:#990000; font-weight:bold;
	top: 15px;
	left: 507px;
}

a#lien_minifleche_gauche{
	display:block;
	width:65px;
	height:60px;
	background-image: url("design/lien_miniflechegauche.png");
	position:absolute;
	top:0;
	left:439px;
}

a#lien_minifleche_droite{
	display:block;
	width:65px;
	height:60px;
	background-image: url("design/lien_miniflechedroite.png");
	position:absolute;
	top:0;
	left:560px;
}

#fond_listing{
	font : 12pt Georgia; font-weight:bold;
}


a#lien_retourillustr:hover, a#lien_signer:hover, a#lien_flechegauche:hover, a#lien_flechedroite:hover,
a#lien_minifleche_gauche:hover, a#lien_minifleche_droite:hover, a#lien_acheterlivre:hover, a#lien_cosplay:hover{
	background-position: 0 100%;
}

.precis {
	font: 13pt Georgia;
	padding-left:80px;
	padding-right:80px;
}

.titre_news2 {
	font: 16pt Georgia; color:#990000; font-weight:bold; font-style:italic;
	display:inline;
	position:relative;
	margin-right:-80px;
}

.pseudo_livre {
	font: 16pt Georgia; color:#990000; font-weight:bold; font-style:italic;
	display:inline;
	position:relative;
}

.mail_web {
	font-weight:normal;
	font-size:15px;
	display:inline;
	position:absolute;
	right: 80px;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////     STYLES APPLIQUÉS SUR LA CARTE     ////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#echelle{
	margin-left: -25px;
	width:600px;
	height: 70px;
	position:relative;
	top: 0;
	left: 0px;
	z-index: 1;
	background-image: url("design/carte/echelle_fond.png");
}

a#zoom, a#dezoom {
	display:block;
	position:absolute;
}

a#zoom:hover, a#dezoom:hover {
	background-position: 0% 100%;
}

a#zoom {
	width: 125px;
	height: 70px;
	background-image: url("design/carte/echelle_zoom.png");
	top:0px;
	left:511px;
}

a#dezoom {
	width: 88px;
	height: 70px;
	background-image: url("design/carte/echelle_dezoom.png");
	top:0px;
	left:31px;
}

#map_inter{
	width:600px;
	height: 647px;
	z-index: 1;
	background-image: url("design/carte/inter.png");
	position:relative;
}

#map_lazirac, #map_carnadon, #map_hurquoine, #map_mirinece, #map_atepeha, #map_aurterre, #map_loffrieu{
	width:600px;
	height: 690px;
	z-index: 1;
	position:relative;
}

#map_lazirac 	{	background-image: url("design/carte/lazirac.png");}
#map_carnadon 	{	background-image: url("design/carte/carnadon.png");}
#map_hurquoine 	{	background-image: url("design/carte/hurquoine.png");}
#map_mirinece 	{	background-image: url("design/carte/mirinece.png");}
#map_atepeha 	{	background-image: url("design/carte/atepeha.png");}
#map_aurterre 	{	background-image: url("design/carte/aurterre.png");}
#map_loffrieu 	{	background-image: url("design/carte/loffrieu.png");}

a#lien_lazirac, a#lien_carnadon, a#lien_hurquoine, a#lien_mirinece, a#lien_atepeha, a#lien_aurterre, a#lien_loffrieu {
	display:block;
	position:absolute;
	width: 145px;
	height: 162px;
}

a#map_lien_droite, a#map_lien_gauche, a#map_lien_haut, a#map_lien_bas {
	display:block;
	position:absolute;
}

a#lien_lazirac:hover, a#lien_carnadon:hover, a#lien_hurquoine:hover, a#lien_mirinece:hover, a#lien_atepeha:hover,
a#lien_aurterre:hover, a#lien_loffrieu:hover, a#map_lien_droite:hover, a#map_lien_gauche:hover, a#map_lien_haut:hover,
a#map_lien_bas:hover {
	background-position: 0% 100%;
}

a#lien_lazirac {
	background-image: url("design/carte/lien_lazirac.png");
	top:69px;
	left:137px;
}

a#lien_carnadon {
	background-image: url("design/carte/lien_carnadon.png");
	top:69px;
	left:282px;
}

a#lien_hurquoine {
	background-image: url("design/carte/lien_hurquoine.png");
	top:231px;
	left:137px;
}

a#lien_mirinece {
	background-image: url("design/carte/lien_mirinece.png");
	top:231px;
	left:282px;
}

a#lien_atepeha {
	background-image: url("design/carte/lien_atepeha.png");
	top:231px;
	left:427px;
}

a#lien_aurterre {
	background-image: url("design/carte/lien_aurterre.png");
	top:393px;
	left:137px;
}

a#lien_loffrieu {
	background-image: url("design/carte/lien_loffrieu.png");
	top:393px;
	left:282px;
}

a#map_lien_droite {
	background-image: url("design/carte/lien_droite.png");
	width: 35px;
	height: 65px;
	top:322px;
	left:565px;
}

a#map_lien_gauche {
	background-image: url("design/carte/lien_gauche.png");
	width: 35px;
	height: 65px;
	top:322px;
	left:0px;
}

a#map_lien_haut {
	background-image: url("design/carte/lien_haut.png");
	width: 70px;
	height: 45px;
	top:0px;
	left:260px;
}

a#map_lien_bas {
	background-image: url("design/carte/lien_bas.png");
	width: 70px;
	height: 45px;
	top:644px;
	left:260px;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////     STYLES APPLIQUÉS SUR LES BANDEAUX DE SOUS-TITRES     ////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#st_news, #st_boutique, #st_romans, #st_texte, #st_illustrations, #st_personnages, #st_carte, #st_guide, #st_bestiaire,
#st_precis, #st_ailleurs, #st_livreor, #st_liens{
	float:right;
	width: 700px;
	height: 160px;
	position:relative;
	top: 0;
	left: 70px;
	z-index: 1;
}

#st_texte{height: 230px;}

#st_news{background-image: url("design/sous_titres/st_news.png");}
#st_boutique{background-image: url("design/sous_titres/st_boutique.png");}
#st_romans{background-image: url("design/sous_titres/st_romans.png");}
#st_texte{background-image: url("design/sous_titres/st_textes.png");}
#st_illustrations{background-image: url("design/sous_titres/st_illustrations.png");}
#st_personnages{background-image: url("design/sous_titres/st_personnages.png");}
#st_carte{background-image: url("design/sous_titres/st_carte.png");}
#st_guide{background-image: url("design/sous_titres/st_guide.png");}
#st_bestiaire{background-image: url("design/sous_titres/st_bestiaire.png");}
#st_precis{background-image: url("design/sous_titres/st_precis.png");}
#st_ailleurs{background-image: url("design/sous_titres/st_ailleurs.png");}
#st_livreor{background-image: url("design/sous_titres/st_livreor.png");}
#st_liens{background-image: url("design/sous_titres/st_liens.png");}

a#st_lien_newsletter, a#st_lien_bestiaire-carte, a#st_lien_precis-carte, a#st_lien_guide-carte, a#st_lien_carte-guide, a#st_lien_carte-bestiaire, a#st_lien_guide-bestiaire,
a#st_lien_guide-precis, a#st_lien_bestiaire-precis, a#st_lien_gauche, a#st_lien_droite, a#st_lien_pdf, a#st_lien_acheter-texte, a#st_lien_liste {
	display:block;
	position:absolute;
}

a#st_lien_newsletter:hover, a#st_lien_bestiaire-carte:hover, a#st_lien_precis-carte:hover, a#st_lien_guide-carte:hover, a#st_lien_carte-guide:hover,
a#st_lien_carte-bestiaire:hover, a#st_lien_guide-bestiaire:hover, a#st_lien_guide-precis:hover, a#st_lien_bestiaire-precis:hover,
a#st_lien_gauche:hover, a#st_lien_droite:hover, a#st_lien_pdf:hover, a#st_lien_acheter-texte:hover, a#st_lien_liste:hover {
	background-position: 0% 100%;
}

a#st_lien_newsletter{
	width: 320px;
	height: 80px;
	background-image: url("design/sous_titres/st_lien_newsletter.png");
	top:80px;
	left:331px;
}

a#st_lien_liste{
	width:180px;
	height:40px;
	background-image: url("design/sous_titres/st_lien_liste.png");
	top:34px;
	left:39px;
	z-index: 30;
}

a#st_lien_gauche{
	width: 62px;
	height: 46px;
	background-image: url("design/textes/st_lien_gauche.png");
	top:57px;
	left:467px;
}

a#st_lien_droite{
	width: 62px;
	height: 46px;
	background-image: url("design/textes/st_lien_droite.png");
	top:57px;
	left:588px;
}

a#st_lien_pdf{
	width: 150px;
	height: 80px;
	background-image: url("design/textes/st_lien_pdf.png");
	top:149px;
	left:547px;
}

a#st_lien_acheter-texte{
	width: 185px;
	height: 40px;
	background-image: url("design/textes/st_lien_acheter-texte.png");
	top:190px;
	left:0px;
}

a#st_lien_bestiaire-carte{
	width: 135px;
	height: 64px;
	background-image: url("design/sous_titres/st_lien_bestiaire-carte.png");
	top:96px;
	left:376px;
}

a#st_lien_precis-carte{
	width: 100px;
	height: 64px;
	background-image: url("design/sous_titres/st_lien_precis-carte.png");
	top:96px;
	left:528px;
}

a#st_lien_guide-carte{
	width: 100px;
	height: 64px;
	background-image: url("design/sous_titres/st_lien_guide-carte.png");
	top:96px;
	left:246px;
}

a#st_lien_carte-guide{
	width: 100px;
	height: 64px;
	background-image: url("design/sous_titres/st_lien_carte-guide.png");
	top:96px;
	left:246px;
}

a#st_lien_carte-bestiaire{
	width: 100px;
	height: 64px;
	background-image: url("design/sous_titres/st_lien_carte-bestiaire.png");
	top:96px;
	left:269px;
}

a#st_lien_guide-bestiaire{
	width: 105px;
	height: 64px;
	background-image: url("design/sous_titres/st_lien_guide-bestiaire.png");
	top:96px;
	left:402px;
}

a#st_lien_guide-carte{
	width: 100px;
	height: 64px;
	background-image: url("design/sous_titres/st_lien_guide-carte.png");
	top:96px;
	left:246px;
}

a#st_lien_guide-carte{
	width: 100px;
	height: 64px;
	background-image: url("design/sous_titres/st_lien_guide-carte.png");
	top:96px;
	left:246px;
}

a#st_lien_guide-precis{
	width: 105px;
	height: 64px;
	background-image: url("design/sous_titres/st_lien_guide-precis.png");
	top:96px;
	left:379px;
}

a#st_lien_bestiaire-precis{
	width: 140px;
	height: 64px;
	background-image: url("design/sous_titres/st_lien_bestiaire-precis.png");
	top:96px;
	left:501px;
}