/* Auteur: Dualite2 <dualite2@zedreamsoft.com> 06/11/2006 tout droit réserver */

/* Ce fichiers CSS permet l'affichage d'un design en contenant directement les liens
sur les images a inserer en bordure et en tete des differente boite du site, le 
fait de modifier le fichier css peut dont produire une modification complette du 
design sans remodeler le code html que le php générera. */

/****************************************************************************
************ Les differents styles de texte et les style de lien ************
*****************************************************************************/
/* le texte standart sans importance particuliere */
.texte
    {
    font-family: Verdana;
    font-size: 12px;
    color: black;
    font-weight: normal;
    text-decoration: none;
    }

/* les titres */
.ttitre
    {
    }

/* le texte en gras */
.tgras
    {
    font-family: Verdana;
    font-size: 13px;
    color: black;
    font-weight: bold;
    text-decoration: none;
    }

/* le texte trés important */
.timp
    {
    }

/* le texte trés discret */
.tdiscret
    {
    }

/* le style des liens */
a:link /* pour les liens aux pages qui n'ont pas encore été visitées */
    {
    font-family: Verdana;
    font-size: 13px;
    color: black;
    font-weight: bold;
    text-decoration: none;
    }
a:visited /* pour les liens aux pages qui ont déjà été visitées */
    {
    font-family: Verdana;
    font-size: 13px;
    color: black;
    font-weight: bold;
    text-decoration: none;
    }
a:hover /* pour les liens sur lesquels l'utilisateur passe avec la souris */
    {
    font-family: Verdana;
    font-size: 13px;
    color: #2c54ab;
    font-weight: bold;
    text-decoration: none;
    }
a:active /* pour les liens en train d'être cliqués */
    {
    font-family: Verdana;
    font-size: 13px;
    color: #2c54ab;
    font-weight: bold;
    text-decoration: none;
    }
a:focus /* pour les liens qui deviennent actifs (focus) par exemple lors d'une "recherche" par tabulateur */
    {
    font-family: Verdana;
    font-size: 13px;
    color: black;
    font-weight: bold;
    text-decoration: none;
    }

/**********************************************************************************
******************** Les styles des formulaire utilisé sur le site ****************
**********************************************************************************/

/* le style des formulaires utilisé sur le site */
.formulaire
    {
    text-align: center;
    font-family:Verdana;
    font-size: 12px;
    border-style: solid;
    border-color: #000000;
    background-color: #FFFFFF;
    border-width: 1px;
    }

/***********************************************************************************
************ Les differents styles des cadres et leur graphismes associé ***********
***********************************************************************************/
/* le style des cadres est déterminé par plusieur chose:
    -le style du div qui encadre l'ensemble
    -le style du tableau interne*/

/* le style de la page */
.spage
    {
    background-color: #e7e7e7;
    /* les trois donnŽes ci dessous servent pour le centrage horizontal
    margin-left: auto;
    margin-right: auto;
    width: 1012px;*/
    }

/* le style de la baniére du site */
.cadreHautdepage
    {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 130px;
    width: 1008px;
    background-image:url('../images/skin_inuyasha/header.png');
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px
    }


/* style du cadre au dessus de la boite projet */
.cadreMenu
    {
    position: absolute;
    top: 133px;
    left: 0px;
    width: 160px;
    height: 247px;
    background-image:url('../images/skin_inuyasha/boite_navigation.png');
    background-repeat:repeat-x
    }

/* le style du tableau du cadre menu */
.tableauMenu
    {
    position: absolute;
    top: 4px;
    left: 7px;
    width: 144px;
    height: 237px;
    }

/* style de la boite newsletter */
.cadreNewsletter
    {
    position: absolute;
    top: 385px;
    left: 0px;
    width: 160px;
    height: 148px;
    background-image:url('../images/skin_inuyasha/boite_newsletter.png');
    }

/* style du tableau newsletter */
.tableauNewsletter
    {
    position: absolute;
    top: 0px;
    left: 7px;
    width: 138px;
    height: 138px;
    }

/* style du cadre qui entoure le cadre central */
.cadreCentralExterieur
    {
    position: absolute;
    top:37px;
    left:0px;
    /*height:803px;*/
    height:937px;
    width:590px;
    /*clip: rect(0px 590px 803px 0px);*/
    clip: rect(0px 590px 937px 0px);
    overflow: hidden;
    }

/* style du cadre central */
.cadreCentral
    {
    position: relative;
    top:3px;
    left:15px;
    width:545px; /* 575 */
    }

/* style de la boite de pub */
.cadrePub
    {
    position: absolute;
    top:535px;
    left:0px;
    height:600px;
    width:160px;
    }

/****************************************************************************
*************************** PROGRESSION EPISODE *****************************
****************************************************************************/


/* style de la boite Progression episode */
.cadreProgressionE
    {
    position: absolute;
    /*top: 498px;*/
    top: 637px;
    left: 759px;
    width: 250px;
    height: 400px;
    border-style: solid;
    border-width: 1px;
    /*background-image:url(../images/skin_inuyasha/boite_chatbox.png);*/
    }

/* le tableau serie en cour de progression */
.tableauProgressionE
    {
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
    }

/* les cellules du tableau de progression */
.cellulecoingauche
    {
    height: 16px;
    width: 1px;
    background-color: black;
    border-style: none;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    }
.cellulebordurehaut
    {
    height: 1px;
    width: 240px;
    background-color: black;
    border-style: none;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    }
.cellulecouleur
    {
    background-color:#00CCAE;
    border-style: none;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    height: 14px;
    border-spacing: 0px;
    }
.cellulevide
    {
    background-color:#FFFFFF;
    border-style: none;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    height: 14px;
    border-spacing: 0px;
    }
.cellulebordurebas
    {
    height: 1px;
    background-color: black;
    border-style: none;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    }
.cellulecoindroite
    {
    width: 1px;
    background-color: black;
    border-style: none;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    }

.cadreProgressionTitreProjet
    {
    font-family: Verdana;
    font-size: 13px;
    color: black;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border-spacing: 0px;
    }

/****************************************************************************
********************************* LA CHATBOX ********************************
****************************************************************************/

/* style de la boite chatbox */
.cadreChatbox
    {
    position: absolute;
    top: 134px;
    left: 760px;
    width: 250px;
    /*height: 360px;*/
    height: 500px;
    /*background-image:url('../images/skin_inuyasha/boite_chatbox.png');*/
    background-image:url('../images/skin_inuyasha/boite_chatbox2.png');
    }
/* le style du texte avec l'heure */
.entetechatboxtime
    {
    font-style: italic;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana;
   
    }

/* le style du texte avec le speudo */
.entetechatboxpseudo
    {
    font-style: italic;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana;

    }
/* le tableau de la chatbox */
.tableauchatbox
    {
    }

/* l'iframe de la chatbox */
.iframechatbox
    {
    position: relative;
    top: 8px;
    left: 8px;
    width: 225px; /* 245px; */
    /*height: 225px;*/
    height: 357px; /* 359px */
    margin: 0px;
    border-width: 0px;
    border-style: none;
    background-color: #e7e7e7;
    }

/* le tableau interne de la chatbox (coontient les lignes des messages) */
.tableauchatboxinterne
    {
    background-color: #e7e7e7;
    }

/* les cellules paire et impaire de message dans la chatbox */
.cellulechatboxpaire
    {
    background-color: #e7e7e7;
    }

.cellulechatboximpaire
    {
    background-color: #AFDFFF;
    }

.cellulechatboxseparation
    {
    height: 5px;
    }

/****************************************************************************
****************************** LA PIED DE PAGE ******************************
****************************************************************************/
/* style du cadre pied de page */
.cadrePieddepage
    {
    margin-top:4px;
    position: absolute;
    top: 1134px;
    left: 0px;
    width: 1000px;
    height: 30px;
    background-image:url('../images/skin_inuyasha/footer.png');
    background-repeat: no-repeat;
    text-align: center;
    margin-top: 10px
    }

/****************************************************************************
****************************** CADRE SORTIE EPISODE *************************
****************************************************************************/

/* style du cadre Sortie episode */
.cadreSortieEpisode
    {
    width: 250px;
    }

/****************************************************************************
*********************************** TEAM ************************************
****************************************************************************/

/* le style du div exterieur pour la team */
.cadreTeam
    {
    position: absolute;
    top: 133px;
    left: 165px;
    width: 590px;
    /*height: 868px;*/
    height: 1002px;
    /*background-image:url('../images/skin_inuyasha/boite_team.png');*/
    background-image:url('../images/skin_inuyasha/boite_team2.png');
    background-repeat: no-repeat
    }

/* le tableau Team */
.tableauTeam
    {
    }

/****************************************************************************
********************************* LES NEWS **********************************
****************************************************************************/
/* le style du div exterieur pour les news */
.cadreNews
    {
    position: absolute;
    top: 133px;
    left: 165px;
    width: 590px;
    /*height: 868px;*/
    height: 1002px;
    /*background-image:url('../images/skin_inuyasha/boite_news.png');*/
    background-image:url('../images/skin_inuyasha/boite_news2.png');
    background-repeat: no-repeat
    }

/* le tableau des news */
.tableaunews
    {
    }

/* la cellule titre du tableau de news */
.celluletitrenews
    {
	color:#3366CC;
	font-weight:bold;
	padding-left:15px;
    }

/* le style du div commentaire news exterieur */
.cadreCommentNews
    {
    position: absolute;
    top: 133px;
    left: 165px;
    width: 590px;
    /*height: 868px;*/
    height: 1002px;
    /*background-image:url('../images/skin_inuyasha/boite_news.png');*/
    background-image:url('../images/skin_inuyasha/boite_news2.png');
    background-repeat: no-repeat
    }

/* la cellule commentaire du tableau de news */
.cellulecommentnews
    {
	color:#3366CC;
	text-align:right;
	border-bottom-color:#3366CC;
	border-bottom-width:thin;
	border-bottom-style:dashed;
    }

/* le tableau pour ajouter un commentaire au news */
.tableauajoutcommentaire
    {
	background-color:#AFDFFF;
	margin-left:auto;
	margin-right:auto;
	border-style:dashed;
	border-width:thin;
    }

/* le tableau commentaires des news */
.tableaucommentairenews
    {
	padding-left:15px;
	padding-bottom:15px;
    }

/* la cellule titre du tableau de commentaires des news */
.cellulecommentairenews
    {
    }

/****************************************************************************
********************************* FICHE SERIE *******************************
****************************************************************************/

/* le style du div exterieur pour projet et release */
.cadreProjet
    {
    position: absolute;
    top: 133px;
    left: 165px;
    width: 590px;
    /*height: 868px;*/
    height: 1002px;
    /*background-image:url('../images/skin_inuyasha/boite_pr.png');*/
    background-image:url('../images/skin_inuyasha/boite_pr2.png');
    background-repeat: no-repeat
    }

/* cadre episode */
.cadreEpisode
    {
    position: absolute;
    top: 133px;
    left: 165px;
    width: 590px;
    height: 450px;
    background-image:url('../images/skin_inuyasha/boite_ep.png');
    background-repeat: no-repeat
    }

/* le tableau pour l'affichage des series */
.tableauFicheSerie
    {
    }

/* la cellule de titre avec le nom de l'anim dans le tableau fiche serie */
.cellulegrandtitreficheserie
    {
    }

/* la cellule de titre dans le tableau fiche serie */
.celluletitreficheserie
    {
    }

/* le tableau pour la liste des episodes dans le tableau des fiches series */
.tableauepisodeficheserie
    {
    }

/* la cellule de titre dans le tableau des episode dans le tableau des fiches serie */
.celluletitreepisodeficheserie
    {
    }

/* le tableau de la fiche episode */
.tableauficheepisode
    {
    }

/* la cellule titre de la fiche episode */
.celluletitreficheepisode
    {
    }

/****************************************************************************
*********************************** DIVERS **********************************
****************************************************************************/


/* style pour les cadres invisible (on peut le rendre visible en echangant son style) */
.cadresInvisible
    {
    display: none;
    }

.cadresVisible
    {
    display: inline;
    }

/* le style des boutons de srolling */
.boutonScrollingH
    {
    position: absolute;
    top: 172px;
    left: 727px;
    width: 20px;
    height: 20px;
    background-image:url('../images/skin_inuyasha/fleche_haut.png');
    z-index: 100
    }

.boutonScrollingB
    {
    position: absolute;
    /*top: 963px;*/
    top: 1097px;
    left: 727px;
    width: 20px;
    height: 20px;
    background-image:url('../images/skin_inuyasha/fleche_bas.png');
    z-index: 100
    }

/* le style de la cellule titre des cadres (element html de type TD) */
.titrecadre
    {
    height: 37px;
    }

/* le style de la cellule pied de page de chaque div de type contenu */
.pieddepagecontenu
    {
    height: 20px;
    }