/* 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_archives, a#menu_boutique, a#menu_illustrations, a#menu_personnages, a#menu_bestiaire,
a#menu_lieux, a#menu_carte, a#menu_precis, a#menu_forum, a#menu_presse, a#menu_fans, a#menu_livreor, a#menu_liens{
	display:block;
	position:absolute;
	width: 200px;
	height: 35px;
}

a#menu_edito:hover, a#menu_archives:hover, a#menu_boutique:hover, a#menu_illustrations:hover, a#menu_personnages:hover, a#menu_bestiaire:hover,
a#menu_lieux:hover, a#menu_carte:hover, a#menu_precis:hover, a#menu_forum:hover, a#menu_presse:hover, a#menu_fans:hover, a#menu_livreor:hover, a#menu_liens:hover{
	background-position: 0% 100%;
}

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

a#menu_archives
{
	background-image: url("design/menu/menu_archives.png");
	top:94px;
}

a#menu_boutique
{
	background-image: url("design/menu/menu_boutique.png");
	top:129px;
}

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

a#menu_personnages
{
	background-image: url("design/menu/menu_personnages.png");
	top:289px;
}

a#menu_bestiaire
{
	background-image: url("design/menu/menu_bestiaire.png");
	top:324px;
}

a#menu_lieux
{
	background-image: url("design/menu/menu_lieux.png");
	top:359px;
}

a#menu_carte
{
	background-image: url("design/menu/menu_carte.png");
	top:394px;
}

a#menu_precis
{
	background-image: url("design/menu/menu_precis.png");
	top:429px;
}

a#menu_forum
{
	background-image: url("design/menu/menu_forum.png");
	top:551px;
}

a#menu_presse
{
	background-image: url("design/menu/menu_presse.png");
	top:586px;
}

a#menu_fans
{
	background-image: url("design/menu/menu_fans.png");
	top:621px;
}

a#menu_livreor
{
	background-image: url("design/menu/menu_livreor.png");
	top:656px;
}

a#menu_liens
{
	background-image: url("design/menu/menu_liens.png");
	top:691px;
}

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

#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: 800px;
	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;
}

#reflet 
{
	display:block;
	position:absolute;
	z-index:100;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////     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 : 18pt Georgia; color:#990000; font-weight:bold;
	top: 10px;
	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");
}

#titre_fanarts{
	width:265px;
	height:60px;
	background-image: url("design/fanarts.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:400px;
	background-image: url("design/fond_livre1.png");
	position:relative;
}

a#lien_alapage{
	display:block;
	width:135px;
	height:40px;
	background-image: url("design/lien_alapage.png");
	position:absolute;
	top:334px;
	left:170px;
}

a#lien_fnac{
	display:block;
	width:100px;
	height:90px;
	background-image: url("design/lien_fnac.png");
	position:absolute;
	top:314px;
	left:320px;
}

a#lien_amazon{
	display:block;
	width:146px;
	height:50px;
	background-image: url("design/lien_amazon.png");
	position:absolute;
	top:331px;
	left:430px;
}

/*///// ROMANS */

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

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

#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:190px;
	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_alapage:hover, a#lien_amazon:hover, a#lien_fnac: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_archives, #st_boutique, #st_illustrations, #st_personnages, #st_bestiaire, #st_lieux, #st_carte,
#st_precis, #st_presse, #st_fans, #st_livreor, #st_liens{
	float:right;
	width: 700px;
	height: 160px;
	position:relative;
	top: 0;
	left: 70px;
	z-index: 1;
}

#st_news{background-image: url("design/sous_titres/st_news.png");}
#st_archives{background-image: url("design/sous_titres/st_archives.png");}
#st_boutique{background-image: url("design/sous_titres/st_boutique.png");}
#st_illustrations{background-image: url("design/sous_titres/st_illustrations.png");}
#st_personnages{background-image: url("design/sous_titres/st_personnages.png");}
#st_bestiaire{background-image: url("design/sous_titres/st_bestiaire.png");}
#st_carte{background-image: url("design/sous_titres/st_carte.png");}
#st_lieux{background-image: url("design/sous_titres/st_lieux.png");}
#st_precis{background-image: url("design/sous_titres/st_precis.png");}
#st_presse{background-image: url("design/sous_titres/st_presse.png");}
#st_fans{background-image: url("design/sous_titres/st_fans.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_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_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;
}

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;
}