/************************************************/
/***************** Balises HTML*****************/
/************************************************/

/* On initialise les marges de tous les éléments à zéro*/
/**
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-spacing: 0px;
}*/

hr 
{
	background-color: black;
	height: 1px;
	border: 0;
}

/*Couleur de fond du site web*/
html {background-color: #000000;}

/* Initialisation du corps du site*/
body
{	
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	width: 800px;
	margin: auto;
	padding: 0px 0px 5px 0px;
	font-size: 11px;
}


@font-face {
  font-family: "Arabolical";
  src: url("/common_files/styles/Kenshin/arabolic.ttf");
}

/* Présentation des images par défaut */
img
{
	border:none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}


/* Puces */
ul{padding: 3px 0px 0px 20px;}
li{list-style-type: none;}

#guestbook li{
	padding: 5px;
	margin: 5px;
	border: 1px solid black;
	background: #DDDDDD;
}

/* liens */
a
{
	text-decoration: none;
	color: #606060;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;	
}
a:hover {text-decoration: underline;	color: red;}
a:visited {text-decoration: none;}
.name a,.name a:hover,.name a:visited  {text-decoration: none;	color: black;}


/* Les titres */
h1
{
	color: #404040;
	text-align: left;
	font-size: 28px;
	margin: 20px 5px 5px 5px;
	font-family: Bradley Hand ITC;
	letter-spacing: 1px;
	font-variant: small-caps;
}
h2 {font-size: 18px; margin: 10px;}
h3
{
	font-size: 13px;
	font-family: Verdana;
	font-weight: bold;
	text-decoration: underline;
}
h5
{
	margin: 0px 0px 5px 0px;
	padding: 2px;
	font-size: 10px;
	border: 1px solid #333333;
	display: inline;
	color: #333333;
}
h6
{
	margin: 0px;
	padding: 5px;
	font-size: 12px;
	background: url("images/fondmenuhaut.png");
	background-repeat: repeat-x;	
}


/************************************************/
/*********** Mises en forme du texte *************/
/************************************************/
/* Effet italique*/
em, q{font-style: italic;}

/* Effet gras */
strong {font-weight: bold;}

/*mise en forme pour certains messages*/
.important
{
	text-align: center;
	color: red;
	font-weight: bold;
}
.majuscule {font-variant: small-caps;}



/************************************************/
/***************** formulaire ********************/
/************************************************/
form {padding: 0px 0px 0px 0px;}
textarea
{
	margin: 2px;
	padding: 5px;
	border: 1px solid black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
}
input
{
	margin: 2px;
	border: 1px solid black;
	font-weight: bold;
	font-weight: normal;
	font-size: 11px;
}
input[type=text]
{
	/*border: 1px solid black;
	height: 17px;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;*/
}
input[type=password]
{
	/*border: 1px solid black;
	height: 17px;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;*/
}
input[type=submit]
{
	/*height: 20px;
	border: 1px solid black;
	background: url("images/fondonglet.png");
	color: black;
	font-size: 12px;
	margin: 0px;
	font-weight: bold;*/
}
select
{
	margin: 2px;
	padding: 0px;
	border: 1px solid black;
}
option {margin: 0px; padding: 0px 5px 0px 5px;}
label {margin: 0px 5px 0px 0px;}
fieldset
{
	border: 1px solid black;
	margin: 0px 5px 5px 5px;
	padding: 0px 5px 5px 5px;
}
legend {
	margin: 0px 5px 0px 5px;
	padding: 0px 5px 0px 5px;
	color: black;
}


/************************************************/
/** Blocs communs à la présentation des pages web **/
/************************************************/
/* Bannière */
#banniere
{
	height: 120px;
	font-family: "Monotype Corsiva";
	color: #FF0000;
	background: url("images/banniere2.png");
	background-position: top;	
	background-repeat: no-repeat;
	padding-top: 0px;
	margin: 0px;
	padding: 0px;
}


/* Menu principal */
#menu
{
	padding: 2px 0px 0px 0px;
	height: 35px;
	text-align: left;
	background: url("images/banniere2bas.png");
	background-repeat: no-repeat;	
	background-position: top left;
}
	#menu ul
	{
		padding: 0px;
		margin: 0px;
		margin-top: -5px;
	}		
	#menu li
	{
		padding-left: 15px;
		margin: 0px;
		display: inline;
	}
	#menu a
	{
		font-family: "Comic Sans MS";
		font-style: italic;
		font-size: 24px;
		padding-right: 10px;
		text-decoration: none;
		color: #ffffff;
	}
	#menu a:hover {color: #22AAFF;}



/* Formulaire de recherche*/
#recherche
{
	margin: -36px 0px 12px 550px;
	color: white;
}
#recherche input
{
	margin: 2px;
	font-weight: bold;
	font-weight: normal;
	font-size: 11px;
	color: black;
}

/* Menu propre à chaque lien */
#sousmenu
{
	padding: 3px 0px 3px 100px;
	margin: 0px;
	text-align: left;
	background-color: black;
	color: white;
}
	#sousmenu li, #sousmenu ul
	{
		padding: 0px;
		margin: 0px;	
		display: inline;
	}	
	#sousmenu a	
	{
		margin: 2px 2px 2px 30px;
		color: white;		
	}
	#sousmenu a:hover {color: red; text-decoration: none;}
	#sousmenu a:before {color: red; text-decoration: none;}


/* Partie correspondant juste à l'affichage des lettres de l'alphabet */
#sousmenu_lettre
{
	padding: 3px 0px 3px 150px;
	margin: 0px;
	text-align: left;
	background-color: black;
	color: white;
}
	#sousmenu_lettre li, #sousmenu_lettre ul
	{
		padding: 0px;
		margin: 0px;	
		display: inline;
	}	
	#sousmenu_lettre a	
	{
		margin: 2px;
		color: white;	
	}
	
	#sousmenu_lettre a:hover,before
	{
		color: red;
		text-decoration: none;
	}
	#sousmenu_lettre .lettre
	{
		margin: 2px;
		font-weight: bold;
		color: red;
	}

/* Entête de la page */
#entete
{
	margin: 5px;
	padding: 5px;
	border: 1px solid black;
	text-align: center;
	background: url("images/fondonglet.png");
}

/* Connexion à la partie membre */
#connexion
{
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	background: url("images/fondonglet.png");
	background-position: top;
	background-repeat: repeat-x;
	border: 1px solid black;
	text-align: center;
	vertical-align: middle;
}
	#connexion li, #connexion ul {display: inline;}
	#connexion a {margin-left: 10px;}
	#connexion a:hover {text-decoration: underline; color: red;}
	#connexion  input {vertical-align: middle; margin-right: 15px;}

/* Corps de la page */
#corps
{
	overflow: auto;
	margin: 5px;
	padding: 10px;
	border: 1px solid black;
	background-image: url("images/fondonglet.png");
	background-position: top;
	background-repeat: repeat-x;
}

/* Fin de la page */
#pieddepage
{
	clear: left;
	margin: 5px 5px 0px 5px;
	padding: 5px;
	border: 1px solid black;
	text-align: left;
	vertical-align: middle;
	background-image: url("images/fondonglet.png");
	background-position: top;
	background-repeat: repeat-x;
}
	#pieddepage a{margin: 0px 0px 0px 0px;}

#skin {
	text-align: right;
	margin: -30px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#filariane {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
	
/************************************************/
/********** Blocs propres aux pages **************/
/************************************************/
/* Alignement */
.centre {
	text-align: center;
	padding: 0px;
}
.droite {
	text-align: right;
	float: right;
	margin: 0px;
	padding: 0px;
}
.gauche {
	text-align: left;
	float: left;
	margin: 0px;
	padding: 0px;
}
.gauche img, .droite img, .centre img {border: none;}




/* Edito */
#edito
{
	float: left;
	border: 1px solid black;
	width: 360px;
	height: 322px;
	margin: 5px;
	padding: 5px;
	background-image: url("images/fondonglet.png");
	background-position: top;
	background-repeat: repeat-x;
}




/* Page d'accueil */
.nouveautes, .nouveautes_img
{
	float: left;
	border: 1px solid black;
	margin: 5px;
	padding: 5px 5px 5px 15px;
	width: 350px;
	background-image: url("images/fondonglet.png");
	background-position: top;
	background-repeat: repeat-x;
}
	.nouveautes{height: 150px;}
	.nouveautes_img{height: 240px;}
	.nouveautes img{float: right;margin-top:-105px;}
	.nouveautes h2, .nouveautes_img h2, #edito h2
	{
		text-align: right;
		font-size: 11px;
		margin: 0px;
	}
	.nouveautes h3, .nouveautes_img h3
	{
		text-align: right;
		font-size: 11px;
		margin: 0px;
		font-weight: normal;
	}
	.nouveautes a:hover
	{
		text-decoration: underline;
		color: red;
	}
	.nouveautes ul{padding: 0px; margin: 10px 0px 10px 0px;}
.miniatures/*classe utilisée pour les miniatures de la page d'accueil*/
{
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 15px;
	width: 80px;
	height: 80px;
	background-color: black;
	text-align: center;
}



/* Bloc pour les fonds d'écran */
#album 
{
	/*margin: 10px 0px 0px 65px;*/
	margin: auto;
	width: 80%;
}
	#album p
	{
		text-align: center;
		margin: 0px;
		padding: 0px;
	}


#liste_fanart /* Bloc pour lister les fan arts */
{
	margin: 0px 0px 0px 65px;
	display: block;
}
#fanart /* Bloc pour présenter un fan art */
{
	margin: 0px 0px 0px 0px;
	text-align: center;
}
#fanart img
{
	float: left;
	margin-right: 5px;
	border: 1px solid black;
}
#desc { /*Description du fan art*/
	text-align: left;
}


/*Commun pour les miniatures des fan arts et fonds d'écran ((différentes de la présentation des miniatures en page d'accueil*/
.imgmini/* Bloc pour les miniatures des fan art et album */
{
	float: left;
	width: 138px;
	height: 138px;
	text-align: center;
	background-color: black;
	padding: 5px;
	margin: 5px;
}
.imgmini_admin/* classe pour les miniatures des fan art et album en mode administration */
{
	float: left;
	width: 138px;
	height: 160px;
	text-align: center;
	background-color: black;
	padding: 5px;
	margin: 5px;
}

	
/*********************************************************/
/*********** Onglets de la partie animes et admin ***********/
/*********************************************************/
/* Onglets principaux */
#barreonglet
{
	margin: 10px 0px 10px 0px;
	padding: 4px;
	border-bottom : 1px solid black;
	text-align: left;
}
	a.onglet
	{
		color: #777777;
		border: 1px solid black;
		padding: 4px;
		background: url("images/fondonglet.png");
		background-position: top;
		font-family: "Comic sans ms";
		font-size: 20px;
	}
	a.onglet:hover
	{
		color: green;
		text-decoration: none;
		background: url("images/fondonglet_2.png");
	}
	.onglet-actif
	{ 
		color: black;
		border: 1px solid black;
		border-bottom: 1px solid white;
		padding: 4px;
		background: url("images/fondonglet.png");
		background-position: top;
		font-family: "Comic sans ms";
		font-size: 20px;
	} 

/* Onglets de droite de la partie download */
#petitebarreonglet
{
	margin: -11px 0px 5px 10px;
	border-left: 1px solid black;
	font-family:  "comic sans ms";
	width: 121px;
	float: right;
	height: 300px;
	text-align: right;
}
	a.petitonglet
	{
		width: 115px;
		float: right;
		color: #777777;
		border: 1px solid black;
		font-size: 14px;
		background: url("images/fondongletpetitdroite.png");
		background-repeat: repeat-y;
		margin: 0px 0px 5px -1px;
		padding: 0px 5px 0px 0px;
		background-position: right;
	}
	a.petitonglet:hover
	{
		color: green;
		text-decoration: none;
		background: black url("images/fondongletpetitdroite_2.png") repeat-y right;
	}
	.petitonglet-actif
	{ 
		width: 115px;
		float: right;
		color: black;
		border: 1px solid black;
		border-left: 1px solid white;
		font-size: 14px;
		background: url("images/fondongletpetitdroite.png");
		background-repeat: repeat-y;
		background-position: right;
		margin: 0px 0px 5px -1px;
		padding: 0px 5px 0px 0px;
	} 




/***************************************************/
/******** Partie concernant les fiches d'animes *******/
/***************************************************/
.imageanime
{
	float: left;
	margin: 0px 15px 5px 5px;
	padding: 0px;
	border: 1px solid black;
} 
#resumeanime
{
	padding: 0px 10px 10px 10px;
	text-align: justify;
}
#infoanime
{
	float: right;
	padding: 5px;
	margin: 0px 0px 0px 10px;
	width: 300px;
	border: 1px solid black;
}
#redacteur_fiche
{
	padding: 0px;
	margin-top: 10px;
	font-style: italic;
}




/***************************************************/
/****** Partie concernant les critiques d' animes ******/
/***************************************************/
.critique
{
	padding: 5px;
	margin: 15px 5px 5px 5px;
	border: 1px solid black;
}
.redacteur_critique
{
	padding: 0px;
	margin-bottom: 10px;
	font-style: italic;
}



/*********************************************************/
/****************** Style Liste des animes *****************/
/*********************************************************/
#liste_animes
{
	border-spacing: 1px;
	background-color: black;
	width: 100%;
	text-decoration: none;
}
#liste_animes td
{
	padding: 5px 5px 5px 5px;
	background-color: white;
}
/*********************************************************/
/****************** Fin style liste des animes **************/
/*********************************************************/






/*********************************************************/
/********************* Styles des forums ********************/
/*********************************************************/
#forum,#membre
{
	border-spacing: 1px;
	background-color: black;
	width: 765px;
}
#forum  {margin-top: 15px;}
#forum th,#membre th {background-image: url("images/fondonglet.png");}
#forum td, th,#membre td, th
{
	padding: 5px;
	vertical-align: top;
}
#membre td {background-color: white;}

/* Concerne l'index des forums */
th.image {width: 5%;}
th.forum {width: 500px;}
th.sujet {width: 400px;}
th.nb {width: 50px;}
th.auteur {width: 60px;}
th.envoi {width: 115px;}
th.message {width: 80%;}
td.image, td.forum, td.sujet, td.nb, td.auteur, td.envoi, td.message {background-color: white;}
td.image, td.nb, td.auteur, td.envoi, td.message {text-align: center;}

/* Message cité */
.citation, blockquote
{
	border: 1px solid black;
	background-color: #9AD9FD;
	margin: 10px;
	padding: 5px;
}

.entete_forum
{
	vertical-align: middle;
	text-align: left;
}

/* Partie affichage des messages */
.membrepair
{
	width: 160px;
	background-color: #ffffff;
	padding: 5px;
}
.membreimpair
{
	width: 160px;
	background-color: #C0C0C0;
	padding: 5px;
}
.entete_message
{
	margin: -5px 0px -5px -5px;
	padding: 0px;
	width: 100%;
}
.message
{
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

.colonne_messageimpair
{
	margin: 0px;
	padding: 0px;
	background-color: #C0C0C0;
}
.colonne_messagepair
{
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}
/*********************************************************/
/****************** Fin syles des forums *****************/
/*********************************************************/





/*********************************************************/
/****************** Style pour les news ********************/
/*********************************************************/
#news {
	float: right;
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid black;
	width: 530px;
}
#news img {
	float: left;
	margin: -5px 5px 5px 0px;
	border: 1px solid black;
}
#historique {
	float: right;
	margin: 0px;
	width: 220px;
	margin-left: -6px;
	padding-left: 5px;
	border-left: 1px solid black;
}
#commentaire {
	clear: left;
	border-top: 1px solid black;
}
.com {
	padding: 10px 5px 0px 5px;
	margin: 5px 5px 10px 5px;
	border: 1px solid black;
	background: #DDDDDD;
}
/*********************************************************/
/****************** Fin Style pour les news ****************/
/*********************************************************/




.liste {
	border-spacing: 1px;
	background-color: black;
}
.liste td, .liste th{
	text-align:left;
	background-color: white;
	padding: 5px;
}



#profil {
	margin: 5px;
	border-spacing: 1px;
	background-color: black;
}
.colmembre {
	background-color: white;
	padding: 10px;
}
.coltitre {
	width: 120px;
	padding: 10px;
	background-color: #C0C0C0;
	font-weight: bold;
}