/*** GENERAL ***/

body{
	width:975px;
	margin:auto;
	padding:0px;
	color:#00009E;
	background:url("picture/nuages.jpg");
}
h1{
	font-family:papyrus,"comic sans ms",serif;
	font-weight:bold;
	font-size:150%;
	text-align:center;
	text-decoration:underline;
	font-variant:small-caps;
	margin:auto;
	margin-top:5px;
	margin-bottom:0px;
}
fieldset{
	width:90%;
	margin:auto;
	margin-top:0px;
	margin-bottom:15px;
	border:2px groove blue;
	color:blue;
}
img{
	border:0px;
	margin:0px;
	padding:0px;
}
table,tr,td{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}
a{
	text-decoration:none;
	color:#DDFFDD;
}
a:visited{
	color:#DDFFDD;
}
a:hover{
	text-decoration:underline;
}

/*** CORPS DE PAGE PRINCIPAL ***/

#page{
	position:absolute
}
#ban{
	position:absolute;
	width:975px;
	height:119px;
}
#menu{
	position:absolute;
	top:140px;
}
#corps{
	position:absolute;
	top:140px;
	left:173px;
	width:800px;
	text-align:justify;
	border:1px solid blue;
	background:url("picture/bois.png");
}
#pied{
	width:153px;
	text-align:center;
}
#pied a{
	color:#1280C0;
}

/*** MENU ***/

.menu_p3 li,.menu_p2 li,.menu_p1 li  { /*important : transforme les éléments de la liste en block qu'on va dimensionner */
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	display:block;
}
.menu_p3 a,.menu_p2 a,.menu_p1 a{ /*important : transforme les liens en block qu'on va dimensionner -> pour définir des zones cliquables */
	display:block;
}

.menu_p1 {
	width:153px;
	height:110px;
	background: url("picture/boutons_acc_expl.png") -0px -0px no-repeat;
	margin:0px;
	margin:auto;
	padding:0;
	position:relative;
}
#bout_acc { left:12px;   top:10px;   width: 125px;  height:38px;} /* dimension et placement de l'élément de la liste */
#bout_acc a{ height:38px;} /* hauteur du lien */
#bout_acc  a:hover { background: url("picture/boutons_acc_expl.png") -162px -10px no-repeat;}/* définition de l'image a montrer lors du survol du block-lien */
#bout_expl{ left:12px;   top:55px;   width: 125px;  height:42px;}
#bout_expl a{  height:38px;}
#bout_expl  a:hover { background: url("picture/boutons_acc_expl.png") -162px -55px no-repeat;}

.menu_p3 {
	width:153px;
	height:110px;
	background: url("picture/boutons_edit_about.png") -0px -0px no-repeat;
	margin:0px;
	margin:auto;
	padding:0;
	position:relative;
}

#bout_edit { left:12px;   top:10px;   width: 125px;  height:38px;}
#bout_edit a{  height:38px;}
#bout_edit  a:hover { background: url("picture/boutons_edit_about.png") -162px -10px no-repeat;}

#bout_about{ left:12px;   top:55px;   width: 125px;  height:37px;}
#bout_about a{  height:37px;}
#bout_about  a:hover { background: url("picture/boutons_edit_about.png") -162px -55px no-repeat;}

.menu_p2 {
	width:153px;
	height:255px;
	background: url("picture/boutons_lettres.png") -0px -0px no-repeat;
	margin:0px;
	margin:auto;
	padding:0;
	position:relative;
}

#lien_A { left:5px;   top:6px;   width: 27px;  height:32px;}
#lien_A a{  height:32px;}
#lien_A  a:hover {	background: url("picture/boutons_lettres.png") -155px -6px no-repeat;}

#lien_B { left:36px;  top:6px;   width: 29px;  height:33px;}
#lien_B a{  height:33px;}
#lien_B  a:hover {	background: url("picture/boutons_lettres.png") -186px -6px no-repeat;}

#lien_C { left:70px;  top:9px;   width: 34px;  height:31px;}
#lien_C a{  height:31px;}
#lien_C  a:hover {	background: url("picture/boutons_lettres.png") -220px -9px no-repeat;}

#lien_D { left:109px; top:8px;   width: 32px;  height:33px;}
#lien_D a{  height:33px;}
#lien_D  a:hover {	background: url("picture/boutons_lettres.png") -259px -8px no-repeat;}

#lien_E { left:5px;   top:41px;  width: 25px;  height:31px;}
#lien_E a{  height:31px;}
#lien_E  a:hover {	background: url("picture/boutons_lettres.png") -305px -41px no-repeat;}

#lien_F { left:34px;  top:41px;  width: 32px;  height:33px;}
#lien_F a{  height:33px;}
#lien_F  a:hover {	background: url("picture/boutons_lettres.png") -334px -41px no-repeat;}

#lien_G { left:71px;  top:42px;  width: 31px;  height:32px;}
#lien_G a{  height:32px;}
#lien_G  a:hover {	background: url("picture/boutons_lettres.png") -371px -42px no-repeat;}

#lien_H { left:110px; top:42px;  width: 32px;  height:34px;}
#lien_H a{  height:34px;}
#lien_H  a:hover {	background: url("picture/boutons_lettres.png") -410px -42px no-repeat;}

#lien_I { left:15px;  top:70px;  width: 37px;  height:39px;}
#lien_I a{  height:39px;}
#lien_I  a:hover {	background: url("picture/boutons_lettres.png") -165px -70px no-repeat;}

#lien_J { left:55px;  top:72px;  width: 30px;  height:33px;}
#lien_J a{  height:33px;}
#lien_J  a:hover {	background: url("picture/boutons_lettres.png") -205px -72px no-repeat;}

#lien_K { left:92px;  top:72px;  width: 37px;  height:33px;}
#lien_K a{  height:33px;}
#lien_K  a:hover {	background: url("picture/boutons_lettres.png") -242px -72px no-repeat;}

#lien_L { left:7px;   top:109px; width: 36px;  height:35px;}
#lien_L a{  height:35px;}
#lien_L  a:hover {	background: url("picture/boutons_lettres.png") -307px -109px no-repeat;}

#lien_M { left:45px;  top:104px; width: 28px;  height:30px;}
#lien_M a{  height:30px;}
#lien_M  a:hover {	background: url("picture/boutons_lettres.png") -345px -104px no-repeat;}

#lien_N { left:73px;  top:106px; width: 33px;  height:34px;}
#lien_N a{  height:34px;}
#lien_N  a:hover {	background: url("picture/boutons_lettres.png") -373px -106px no-repeat;}

#lien_O { left:107px; top:107px; width: 35px;  height:39px;}
#lien_O a{  height:39px;}
#lien_O  a:hover {	background: url("picture/boutons_lettres.png") -407px -107px no-repeat;}

#lien_P { left:24px;  top:135px; width: 32px;  height:37px;}
#lien_P a{  height:37px;}
#lien_P  a:hover {	background: url("picture/boutons_lettres.png") -174px -135px no-repeat;}

#lien_Q { left:63px;  top:136px; width: 34px;  height:34px;}
#lien_Q a{  height:34px;}
#lien_Q  a:hover {	background: url("picture/boutons_lettres.png") -213px -136px no-repeat;}

#lien_R { left:99px;  top:143px; width: 38px;  height:32px;}
#lien_R a{  height:32px;}
#lien_R  a:hover {	background: url("picture/boutons_lettres.png") -249px -143px no-repeat;}

#lien_S { left:5px;   top:165px; width: 32px;  height:35px;}
#lien_S a{  height:35px;}
#lien_S  a:hover {	background: url("picture/boutons_lettres.png") -305px -165px no-repeat;}

#lien_T { left:42px;  top:167px; width: 28px;  height:32px;}
#lien_T a{  height:32px;}
#lien_T  a:hover {	background: url("picture/boutons_lettres.png") -342px -167px no-repeat;}

#lien_U { left:71px;  top:167px; width: 31px;  height:35px;}
#lien_U a{  height:35px;}
#lien_U  a:hover {	background: url("picture/boutons_lettres.png") -371px -167px no-repeat;}

#lien_V { left:104px; top:173px; width: 35px;  height:35px;}
#lien_V a{  height:35px;}
#lien_V  a:hover {	background: url("picture/boutons_lettres.png") -404px -173px no-repeat;}

#lien_W { left:7px;   top:201px; width: 35px;  height:35px;}
#lien_W a{  height:35px;}
#lien_W  a:hover {	background: url("picture/boutons_lettres.png") -157px -201px no-repeat;}

#lien_X { left:44px;  top:203px; width: 31px;  height:32px;}
#lien_X a{  height:32px;}
#lien_X  a:hover {	background: url("picture/boutons_lettres.png") -194px -203px no-repeat;}

#lien_Y { left:78px;  top:203px; width: 27px;  height:35px;}
#lien_Y a{  height:35px;}
#lien_Y  a:hover {	background: url("picture/boutons_lettres.png") -228px -203px no-repeat;}

#lien_Z { left:109px; top:208px; width: 33px;  height:33px;}
#lien_Z a{  height:33px;}
#lien_Z  a:hover {	background: url("picture/boutons_lettres.png") -259px -208px no-repeat;}

/*** ACCUEIL ***/

#accueil{
	background:url("picture/killua2.png") no-repeat;
	height:580px;
}
.table_stat,.table_dernier_ajout{
	border:2px groove rgb(240,15,50);
	color:black;
	font-family:"papyrus","comic sans ms",serif;
	font-size:95%;
}
.table_stat{
	width:350px;
	position:absolute;
	top:15px;
	left:335px;
}
.table_dernier_ajout{
	width:500px;
	position:absolute;
	top:240px;
	left:220px;
}
.table_stat td, .table_stat th, .table_dernier_ajout td, .table_dernier_ajout th{
	border:2px groove rgb(240,15,50);
	text-align:center;
	padding:1px;
}
.table_stat caption, .table_dernier_ajout caption{
	text-align:left;
	text-indent:60px;
	font-size:105%;
	font-weight:bold;
}
.killua1{
	position:absolute;
	top:176px;
	left:652px;
}
.table_dernier_ajout a{
	color:black;
	font-family:"papyrus","comic sans ms",serif;
	font-weight:bold;
}
.table_dernier_ajout a:hover{
	text-decoration:underline;
}

/*** DIVERS ***/

p,.remerciement{
	text-indent:40px;
	font-size:90%;
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
}
#final2{
	float:right;
}
.divers a{
	color:black;
	font-weight:bold;
}

#final1{
	float:left;
}
.resume{
	padding-right:5px;
	padding-left:5px;
	font-size:90%;
	text-align:justify;
}

/*** EXPLORE ***/

.expl{ /*pour le div de la page complète manga_episode*/
	padding:10px;
	padding-bottom:0px;
	font-family:"papyrus","comic sans ms",serif;
}

.explore { /*pour le tableau de présentation du manga*/
	border: 0px;
	width:760px;
	height:120px;
	padding:10px 20px 20px 0px;
	margin-bottom:10px;
	color:#DDFFDD;
	background:url("picture/fond_bleu_resume.png") no-repeat;
	
}
.av{
	background-position:bottom right;
	vertical-align:top;
}
.avatar{
	width:100px;
	height:100px;
	border:solid 1px red;
}
a .avatar:hover{
	border:solid 1px white;
}
.titre_resume{
	text-indent:30px;
	font-size:110%;
	margin-top:10px;
	margin-bottom:10px;
}
.corps_resume{
	text-indent:60px;
	padding:5px 15px 5px 15px;
}
.titre{
	width:195px;
	padding-top:10px;
	font-weight:bold;
	font-variant:small-caps;
	text-align:center;
	font-size:100%;
	background-position:top right;
}

.descrip{
	text-align:left;
	font-size:85%;
	padding:4px;
	padding-top:8px;
	padding-bottom:2px;
	vertical-align:middle;
	background-position:top right;
}

.info1{
	text-align:center;
	font-size:90%;
	padding:2px;
	vertical-align:middle;
}
.info_ep{
	text-align:center;
	font-size:100%;
	padding:3px;
	vertical-align:middle;
}
.descr{
	background:url("picture/fond_intro.png") no-repeat;
	min-height:40px;
}
.divers{
	width:730px;
	padding:5px 25px 5px 25px;
	text-align:justify;
	font-family:papyrus,"comic sans ms",serif;
	font-size:90%;
}
.signature{
	text-align:right;
}
.cl_beck{
	background:url("transparent/beck.png");
}
.cl_chrno_crusade{
	background:url("transparent/chrno.png");
}
.cl_full_metal_alchemist{
	background:url("transparent/full_metal_alchemist.png");
}
.cl_full_metal_panic{
	background:url("transparent/full_metal_panic.png");
}
.cl_hunter_x_hunter{
	background:url("transparent/hunter_x_hunter.png");
}
.cl_ichigo_100{
	background:url("transparent/ichigo_100_groupe.png");
}
.cl_kimagure_orange_road{
	background:url("transparent/kimagure_orange_road.png");
}
.cl_love_hina{
	background:url("transparent/love_hina_groupe.png");
}
.cl_midori_no_hibi{
	background:url("transparent/midori_no_hibi.png");
}
.cl_neon_genesis_evangelion{
	background:url("transparent/evangelion.png");
}
.cl_one_piece{
	background:url("transparent/one_piece.png");
}
.cl_onegai_twins{
	background:url("transparent/onegai_twins.png");
}
.cl_tales_of_eternia{
	background:url("transparent/tales_of_eternia.png");
}
.cl_vandread{
	background:url("transparent/vandread.png");
}
.cl_wolfs_rain{
	background:url("transparent/wolfs_rain.png");
}

.choix_edit{
	width:400px;
	margin:auto;
	vertical-align:middle;
}
.choix_edit td{
	font-family:papyrus,"comic sans ms",serif;
	text-align:center;
	font-size:90%;
	vertical-align:middle;
}
.choix_edit a{
	color:#00009E;
}
.choix_edit a:visited{
	color:#00009E;
}
.valider{
	margin:auto;
	margin-top:10px;
	margin-bottom:0px;
}
.valider td{
	text-align:center;
}
.nouv_serie{
	float:left;
	margin:5px;
	font-family:papyrus,"comic sans ms",serif;
	font-weight:bold;
}
.nouv_serie td{
	padding:4px;
}
.align_droite{
	text-align:right;
}
.bouton_modif1{
	color:blue;
	font-family:papyrus,"comic sans ms",serif;
	font-size:75%;
	background-color:#E0E0FF;
	border:outset 2px blue;
}
.bouton_modif1:hover{
	background-color:#C7C7FF;
}
.rappel{
	clear:both;
	margin:5px;
	margin-top:0;
}
.rappel td{
	padding:2px;
	border:1px solid #00009E;
	font-size:80%;
}
