/**** Généralités ****/
/* Balises générales */
html,body,ul,ol,li,h1,h2,h3,div,form,input,textarea,p,table,th,td,image {margin:0;padding:0;}
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000;}
ul,ol {list-style-position:inside;}
a {color:#000;font-weight:bold;text-decoration:none;}
img {border:none;}
input:focus, textarea:focus {background-color:#FFFCE7;border:1px solid #BBBBBB;color:#000000;}
td {vertical-align:top;}
/* Classes utiles */
div.clear {clear:both !important;height:0px !important;min-height:0px !important;overflow:hidden !important;margin:0px !important;padding:0px !important;font-size:0px !important;line-height:0px !important;border:none !important;}
div.largeurPage {width:932px;margin:0 auto;}
div.bbeditor .bouton {float:left;padding:04px;font-size:10px;color:#f29f00 !important;border:1px solid #ddd;background-color:#fff;}
div.bbeditor .bouton:hover {float:left;padding:04px;font-size:10px;color:#fff !important;border:1px solid #f29f00;background-color:#f29f00;text-decoration:none !important;}
div.bbeditor textarea {clear:left;width:96%;height:300px;}

#iwatch form.watchform{margin:0;padding:0;}
#iwatch form.watchform image {margin:0;padding:0;}

form.watchform {clear:none;border:1px solid #ddd;padding:02px;margin:01px 0px;}
form.watchform:hover {border:1px solid #ccc;}
form.watchform .entete {height:18px;border:none !important;}
form.watchform .entete img {padding:0px;width:15px;height:15px;border:none;}
form.watchform p {margin:0px;}
form.watchform input {font-size:10px;}
form.watchform textarea {width:98%;}
form.watchform .statut_1 {background-color:#e5eff7;}
form.watchform .statut_2 {background-color:#f7f5e5;}
form.watchform .statut_3 {background-color:#e7f7e5;}
form.watchform .statut_4 {background-color:#f7eae5;}
form.watchform .entete .boutons {float:right;}
form.watchform .edition {padding:04px;}
form.watchform .edition ul {list-style:none;margin:0px;padding:0px;}
form.watchform .edition li {float:left;height:20px;margin-right:04px;padding:0px 04px;}
form.watchform .edition .formulaire {clear:left;padding:12px;}

#page div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
}

#page div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#page div.autocomplete ul li.selected { 
  background-color:#ffb;
}

#page div.autocomplete ul li {
  margin:0;
  padding:2px;
  display:block;
  list-style-type:none;
  cursor:pointer;
}
/**** Structure Ico ****/
/* Formulaire de login */
#login {height:30px;padding-top:02px;color:#000;border-bottom:1px solid #000;background-color:#fff;}
#login a {color:#000;}
#login form {width:850px;padding-top:02px;}
#login .fermer {display:block;float:right;padding-top:7px;list-style-image:none;list-style-position:outside;list-style-type:none;}
/* Icobar ^^ */
#icobar {height:30px;color:#fff;background:#000 repeat-x top;}
#icobar a {color:#fff;}
#icobar a:hover {text-decoration:underline;}
#boutonIcotaku {float:left;margin-right:2px;padding-top:02px;}
#icobar form {float:left;width:420px;padding-top:02px;}
#icobar ul {float:right;width:490px;padding-top:7px;list-style-image:none;list-style-position:outside;list-style-type:none;}
#icobar li {float:right;padding:0px 15px;}
#icobar img.avatar {position:relative;top:-01px;float:left;width:16px;height:16px;margin-right:5px;border-right:1px solid #000;border-bottom:1px solid #000;}
#icoMenu {color:#fff;border:1px solid #333;list-style-position:inside;list-style-type:none;}
#icoMenu a {display:block;padding:04px;color:#000;border-right:1px solid #333;background-color:#f4f4f4;}
#icoMenu a:hover {background-color:#fff;}

/**** Elements flottants ****/
/* Messages & notifications */
#messageValide {width:932px;margin:10px auto;padding:10px;text-align:center;font-weight:bold;color:#000000;border:1px solid #336600;background-color:#CCFFCC;}
#messageInvalide {width:932px;margin:10px auto;padding:10px;text-align:center;font-weight:bold;color:#000000;border:1px solid #660000;background-color:#FFCCCC;}
#chargement {position:fixed;top:100px;width:450px;padding:20px;text-align:center;font-weight:bold;border:1px solid #fff;background-color:#000;}
/* Splashes */
form.splash {position:absolute;border:1px solid #000;}
form.splash h1 {position:relative;color:#fff;margin:0 !important;font-size:10px !important;padding:5px;border-bottom:1px solid #fff;background-color:#000;;}
form.splash h1 a.fermer {display:block;position:absolute;top:2px;right:2px;margin-left:4px;padding:2px;font-size:10px;color:#fff !important;font-weight:bold;background-color:#a00;}
form.splash h1 a.fermer:hover {background-color:#f00;}
form.splash .contenu {padding:10px 5px;border:1px solid #fff;background-color:#f8f8f8;}
form.splash .footer {padding:5px;color:#fff;font-size:10px;text-align:right;background-color:#000;;border-top:1px solid #fff;}
form.splash .footer input {font-size:10px;}
form.splash .footer a {color:#999 !important;text-decoration:underline;}
form.splash .footer a:hover {color:#fff !important;}
/* Lightbox */
#lightbox {position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox img{width: auto;height: auto;}
#lightbox a img{border: none;}
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{left: 0;}
#hoverNav a{outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background-image: url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */display:block;}
#prevLink {left: 0;float: left;}
#nextLink {right: 0;float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../img/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../img/lightbox/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%	;}
#imageData{padding:0 10px;color: #666;}
#imageData #imageDetails{width: 70%;float: left;text-align: left;}
#imageData #caption{font-weight: bold;}
#imageData #numberDisplay{display: block;clear: left;padding-bottom: 1.0em;}
#imageData #bottomNavClose{width: 66px;float: right;padding-bottom: 0.7em;outline: none;}
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;}

/**** Structure du site ****/
/* Partie supérieure */
#site {width:932px;margin:10px auto;border:1px solid #333;background:#fff;}
#top {padding:04px 20px 03px 20px;color:#333;border-bottom:1px solid #333;}
#entete {height:120px;border-bottom:1px solid #333;background:url(entete.jpg) no-repeat top;}
/* Naviguer à travers le site */
#menu1 {position:absolute;margin:103px 0 0 585px;font-size:10px;list-style-type:none;}
#menu1 li {float:left;margin-right:5px;}
#menu1 li a {display:block;padding:2px 10px;text-align:center;border:1px solid #333;}
#menu1 li a:hover {color:#fff;}
#menu1 li.selected a {color:#fff;}
/* Naviguer à travers le contenu */
#menu2 {height:20px;font-size:10px;text-align:right;border-bottom:1px solid #333;list-style-type:none;}
#menu2 li {float:left;}
#menu2 li a {display:block;padding:4px 10px;text-align:center;color:#000;border-right:1px solid #ccc;}
#menu2 li.selected a {color:#fff;background-color:#7e003e;}
#menu2 li.selected a:hover {color:#fff;}
/* Partie inférerieure */
#pied {clear:both;font-size:10px;text-align:center;padding:10px 0;border-top:1px solid #333;}

/**** Structure de la page de base ****/
/* Balises générales */
#page {padding:10px;min-height:800px;color:#333;}
#page a {color:#333;}
#page a:hover {text-decoration:underline;}
#page p, #page ul, #page form, #page fieldset {margin-bottom:10px;}
#page h1 {margin-bottom:5px;padding-bottom:5px;font-size:14px;}
#page h1 .extra {float:right;padding-top:4px;font-size:10px;}
/* Outils de la page */
#page a.editer {font-size:10px;color:#fff;margin-left:04px;padding:0px 04px;font-weight:bold;background-color:#4da009;}
#page a.editer:hover {color:#fff;background-color:#59ba08;text-decoration:none;}
#page p.retour {clear:both;margin-top:20px;margin-bottom:10px;text-align:center;}
#page p.vide {text-align:center;padding:24px;border:1px solid #dc9305;background-color:#fdf7de;}
#page p.vide a {color:#000;}
#page table.news {width:100%;margin-bottom:10px;}
#page table.news td {margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #ddd;}
#page table.news td.date {text-align:right;}
#page .submit {padding:10px;text-align:center;}
/* Elements de la page */
#formulaireconnexion {width:500px;margin:50px auto;padding:10px;border:1px solid #888;}

/**** Structure de la page de d'accueil ****/
/* Généralités */
#page.accueil {padding:0px;min-height:none;padding:0px;background-color:#252420;}
/* Colonne de gauche */
#colonnegauche {float:left;width:640px;min-height:800px;padding:10px;border-right:1px solid #000;background:#fff;}
#colonnegauche .c {float:left;width:310px;margin-right:10px;}
/* Colonne de droite */
#colonnedroite {float:right;width:260px;padding:5px;color:#fff;}
#colonnedroite a {color:#fff;}
#colonnedroite a:hover {text-decoration:none;}
#colonnedroite h1 {margin-bottom:5px;padding:2px;font-size:11px;color:#fff;}
#fichedumoment {margin-bottom:10px;text-align:center;}
#fichedumoment img {padding:01px;border:1px solid #fff;background-color:#000;}
#fichedumoment .afpage.fiche {font-size:14px;margin-bottom:5px;}}
#fichedumoment .liens {font-size:10px;}
#autrefichesdumoment {margin-bottom:10px;}
#autrefichesdumoment .titre {margin-bottom:2px;}
#autrefichesdumoment a.banniere {display:block;height:50px;margin-bottom:2px;border:1px solid #000;background:no-repeat right;}
#autrefichesdumoment a.banniere:hover {border:1px solid #fff;}
#autrefichesdumoment .informations {margin-bottom:5px;text-align:right;color:#aaa;font-style:italic;}
#activiteforum {color:#aaa;list-style-type:none;}
#activiteforum li {margin-bottom:5px;}
#activiteforum a {display:block;padding-bottom:2px;margin-bottom:2px;}

/**** Structure de la page liste ****/
/* Généralités */
#page.liste {padding:10px;}
/* Barre de navigation */
#listenav {height:17px;border:1px solid #333;background-color:#f0f0f0;} 
#listenav_lettres {float:left;list-style-type:none;}
#listenav_lettres li {float:left;border-right:1px solid #333;}
#listenav_lettres li a {display:block;padding:2px 5px;}
#listenav_lettres li a:hover {background-color:#fff;}
#listenav_options {float:right;padding:2px;}

/* Contenu de la liste */
#listecontenu .g {float:left;width:442px;margin-right:25px;}
#listecontenu .d {float:left;width:442px;}
#listecontenu .g h1, #listecontenu .d h1 {padding-top:10px;}
#listecontenu .g div, #listecontenu .d div {padding-bottom:5px;border-bottom:1px solid #f0f0f0;}

#nouvellefiche {
	width:500px;
	padding:10px;
	margin:10px auto;
	border:1px solid #ccc;
}

/**** Structure de la page fiche ****/
#page.fiche {padding:0px;margin-bottom:10px;}
#page.fiche div.entete {color:#000;border-bottom:1px solid #333;background:right no-repeat;}
#page.fiche div.entete div {height:60px;padding:24px 0px 0px 12px;background:url(../img/fiche_entete.png) repeat-y left;}
#page.fiche div.entete h1 {width:450px;margin:0px;padding:0px;font-size:18px;}
#page.fiche div.entete p {margin:0px;padding:0px;color:#333;}
#page.fiche div.navigation {height:21px;margin-bottom:10px;}
#page.fiche div.navigation a, #page.fiche div.navigation span {display:block;float:left;padding:4px 10px;background-color:#fff;}
#page.fiche div.navigation span {color:#fff;background-color:#252420;}
#page.fiche div.navigation .premier {}
#page.fiche div.contenu {padding:0 10px;}
#page.fiche div.contenu h2 {margin-bottom:06px;padding:02px 0px;font-size:14px;border-bottom:1px solid #e2e2e2;}
#page.fiche div.contenu table {width:100%;}
#page.fiche div.contenu div.p {margin-bottom:10px;}
#page.fiche div.contenu div.informations {width:73%;}
#page.fiche div.contenu div.complements {float:right;width:25%;margin:0px 06px 0px 08px;}
#page.fiche div.contenu div.listepersos {float:left;width:39%;}
#page.fiche div.contenu div.listepersos td {padding:02px;text-align:left;}
#page.fiche div.contenu div.ficheIdentite {float:right;width:58%;}
#page.fiche div.contenu div.ficheIdentite p {margin:04px 0px;}
#page.fiche div.contenu .listeepisodes {float:left;width:65%;}
#page.fiche div.contenu .apercufiche {
	margin-bottom:5px;
	padding:1px;
	border:1px solid #e2e2e2;
}
#page.fiche div.contenu .apercufiche img {
	float:left;
	margin-right:10px;
}
#page.fiche div.contenu .watcher {float:right;width:30%;padding:04px;border:1px solid #ccc;}
#page.fiche div.contenu .watcher h2{font-size:12px;padding:04px;border:none;background-color:#eee;}
#page.fiche div.contenu .watcher table.p {width:100%;margin:0px 0px 06px 0px;}
#page.fiche div.contenu .watcher table.p td.avatar{width:40px;vertical-align:top;}
#page.fiche div.contenu .watcher table.p td.avatar img{width:40px;height:40px;}
#page.fiche div.contenu div.elements {border:none;}
#page.fiche div.contenu table.listepersos th {padding:02px 0px;color:#000;text-align:left;font-size:12px;border-bottom:1px solid #e2e2e2;background:none;}
#page.fiche div.contenu table.listepersos td {padding:6px;vertical-align:top;text-align:center;}
#page.fiche div.contenu table.staff td {padding:0px 4px 06px 0px;}
#page.fiche div.contenu .editover:hover {background-color:#fdffc9;}
#page.fiche div.contenu .editover:hover img{filter : alpha(opacity=40);-moz-opacity : 0.4;opacity : 0.4;}
#page.fiche .note {padding:06px;margin-bottom:12px;text-align:center;border:1px solid #ddd;font-size:14px;}
#page.fiche .note span {font-size:16px;font-weight:bold;}
#page.fiche .watchform .entete img {padding:0px;width:15px;height:15px;border:none;}
#page.fiche .extra {padding-right:10px;text-align:right;}
#page.fiche .forum {clear:both;width:100%;border-collapse:collapse;}
#page.fiche .forum td {border:1px solid #aaa;}
#page.fiche .forum th {padding:5px 10px;font-family:Arial, Helvetica, sans-serif;text-align:left;font-weight:bold;color:#fff;color:#fff;border:1px solid #aaa;background-color:#7E003E;}
#page.fiche .forum .illustration{width:90px;height:90px;}
#page.fiche .forum .informations {padding:10px;}
#page.fiche .forum .informations h1 {margin:0;padding:0;font-size:14px;}
#page.fiche .forum .informations h2 {margin-bottom:5px;font-size:11px;font-weight:normal;color:#555;}
#page.fiche .forum .informations p {margin-bottom:5px;font-style:italic;color:#888;}
#page.fiche .forum .stats {width:150px;padding:10px;background:none;background-color:#ededed;}


.bb_quote {font-style:italic;margin:06px 12px;padding:06px;text-align:left;background-color:#f4f4f4;border: 1px solid black;}

