/** Fichier de styles pour le site Salachid version HTML **/

/* le fond est une page de manga */
body {
	background: black;
	color: black;
	font-family: sans-serif;
	margin: 0;
}

/* todo? */
a {color: #00f }
a:hover {color: #f00 }
a:visited {color: #008 }
a:active {color: #0f0 }

#gglbbg { display: none }

/** mise en page, à partir de tableau, j'ai pas trouvé mieux :( */
table#zetable, table#tablelectflash { empty-cells: show; width: 100%;
	border-collapse: collapse; border:none; border-spacing: 0;
	margin: 0; padding: 0;
}
div#Thautga, td#Thautmi, td#Thautdr, tr#Thaut, /*haut ga et hautdr existent plus*/
	td#Tleft, td#Tmain, td#Tright, tr#Tmi,
	td#Tbasga, td#Tbasmi, td#Tbasdr, tr#Tbas,
	tr#Thaut img, tr#Tbas img
		{ padding: 0; margin: 0; border: none }
div#Thautga, td#Thautmi, td#Thautdr,
	td#Tleft, td#Tright,
	td#Tbasga, td#Tbasmi, td#Tbasdr
		{ fot-size:0; vertical-align:top }

div#Thautga { background: url(imgs/manga_ga_haut.jpg) no-repeat top right;
	height: 157px; width: 100%;
	/*vertical-align:middle; text-align:right*/
}
td#Thautmi { background: white url(imgs/manga_mi_haut.jpg) repeat-x; height: 131px }

/* haut/milieu */
td#Tleft { background: url(imgs/manga_ga_mi.jpg) repeat-y right;
	vertical-align:top;
	min-width: 30px }
td#Tmain { background: white }
td#Tright,td#Tbasdr { background: url(imgs/manga_dr_mi.jpg) repeat-y left; }

/*droite*/
td#Tright, td#Tbasdr { text-align: left; }
td#Tright img, td#Tbasdr img { border:none; margin:0; vertical-align:middle }

/* bas */
td#Tbasga { background: url(imgs/manga_ga_mi.jpg) right repeat-y;
	vertical-align:bottom }
td#Tbasga div { background: url(imgs/manga_ga_bas.jpg) bottom right no-repeat; height: 123px }
td#Tbasmi { background: url(imgs/manga_mi_bas.jpg) repeat-x; height: 65px }
td#Tbasdr { height: 123px; vertical-align:bottom }
tr#Tbas { height: 58px }
tr#Ttresbas { height: 65px }


/* parametres à modifier vous même si vous avez envie:
   spécifier la taille de la page:     td#Tmain { width ... }
   spécifier le 'vide' à droite:       td#Tright { width ... }
   spécifier le 'vide' à gauche:       td#Tleft { width ... }
   */
/*#zetable td { border: 1px dotted red }*/


/* cassage pour print */
@media print {
	tr#Thaut img, tr#Tbas img { display: none }
	tr#Thaut,tr#Tbas,tr#Ttresbas,
		div#Thautga, td#Thautmi,
		td#Tbasga, td#Tbasdr, td#Tbasmi { height: 0; width: 0 }
	
	div#navremonte { display: none }
	/* #Tmain { width: 100% } */
}


div#navremonte {
	font-size: 75%;
	text-align:right;
}
div#navremonte a { color: black; }
div#navremonte img { height: 1.5em; border: none; vertical-align:middle }

/* style pour les cases */
div.case {
	border: medium solid black;
	padding: 1em;
	margin: 1em;
/*	background: url(); //vos dessins */
}

/* divers et utiles */
.center { text-align:center }
h1,h2 { text-align:center }
h2 { margin: 0.5em }
h1 div {
	background: url(imgs/h1.jpg) top left no-repeat;
	height: 100px;
	vertical-align: middle; /* on peut tjrs rever qu'un jour ils le gerent */
	padding: 20px 45px 0;
}

img.droite { float: right; margin-left: 0.2em; }
img.gauche { float: left; margin-right: 0.2em; }


/* vire les espaces énormes avant et après le ul */
ul { margin: 0 1em }

/* invisible et prends pas de place, le spacer qui coupe les float */
.spacer {
	clear: both;
	font-size: 0;
	margin: 0;
	padding: 0;
	border: none;
}

/* table à bordures nette */
table.bords {
	text-align: center;
	border-collapse: collapse;
	empty-cells: show;
	margin:auto;
}
table.bords td, table.bords th {
	border: thin solid black;
	text-indent: 0;
}
table.bords th { background: #b0b0b0 }

table.small { margin: 0.5em 2em }
table.small td, table.small th { font-size: 75% }

/* magical (ceci est complété par du JS, car IE6 connait pas hover */
.magic * { visibility: hidden; cursor: pointer }
.magic:hover * { visibility: visible }

/* lecture BD */
div.boutons img { height: 1em; vertical-align: middle; border: none }


/* erreur 404 */
div#error404 {
	width: 600px; height: 350px;
	background: url(/imgs/404.jpg) no-repeat;
	border: thin solid black;
	margin: auto;
}
div#error404 div {
	width: 300px; height: 200px;
	text-align: center;
	font: 12px "Comic sans MS",Tahoma,sans-serif;
	margin: 25px 30px 0 270px;
	border: none; padding: 0;
}
/* ie box hack model pour IE5.* (non testé) */
div#error404 div {
	width:600px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:300px;
} 

/** améliorez les styles avec vos styles de section **/



/**** template 2 pour le flash ***/
table#tablelectflash { width: 100%; background: black; }
table#tablelectflash #Tmain { text-align: center }
table#tablelectflash #Tleft { background: white url(/imgs/fla_ga.gif) top center repeat-y }
table#tablelectflash #Tright { background: white url(/imgs/fla_dr.jpg) top left no-repeat }
table#tablelectflash #Thaut { height: 100px; background: url(/imgs/fla_haut.jpg) }