
/* Liens*/

a:link {	color: #0001AA	;	}
a:hover {color: red; text-decoration: underline; background-color: #6C6EFF;}
a:visited {	color: #3D2383;}
li a:hover {	background-color: transparent;  text-decoration: none;	}
div.plus a:hover {	background-color: transparent;  text-decoration: none;	}
a.definition { color: inherit; text-decoration: none; border-bottom: blue 1px dashed;}
a.definition:hover {background-color: #6496EE; cursor: help;}

/* Éléments généraux */

html { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #CADBF9; padding: 0.6em; font-size: 11pt; }
body {background-color: #CADBF9; padding: 0.8em; background-image: url(images/fond.png); border : 1px solid #000144; min-width: 920px;  }
h1,h2 {	color: #000144; }

h1 { margin: 0 auto 0em auto;  padding: 0; border : 1px solid #000144; background-color: #CADBF9;
 width: 750px; height: 120px; opacity: .7; filter: alpha(opacity=70);  } 

/* h1 { margin: 0 auto 0.8em auto;  padding: 0.2em 0 0.2em 0; border : 1px solid #000144; background-color: #CADBF9;
      -moz-border-radius : 0.5em; width: 15em; opacity: .6; filter: alpha(opacity=60);  } */


h2 {	margin-top: 2em; }
h3 {	margin-left: 3em;}
h4 {	margin-left: 6em;}
td {	padding: 0.3em;}
th {	background-color: #447CDF;  opacity: 1; filter: alpha(opacity=100);}
table {	background-color: #6496EE; width: 80%; margin: 1em auto 1em auto; }
div {	font-size: 80%}
p   {	text-indent: 1.4em; max-width: 60em; margin: 1em auto 1em auto;}
ul {	background-color: #6496EE;  width: 20em; padding: 0.5em 0.5em 0.5em 2em; list-style: square; }
li {	line-height: 130%; list-style: square;}
dl {	margin: 0.5em 2em 0.5em 4em; border-left: 1px solid #000144; padding-left: 1em;}
dt {	color: #000144; font-weight: bold; margin-top: 1.2em; margin-bottom: 0.4em;  }
dl.team dt {	background-color: #CADBF9; width: 15em; padding: 0 0.2em 0 0.8em; }
dd { max-width: 50em; text-indent: 0.6em ; }
hr { width: 100%; height: 1px; background-color: #000144; border: 0; margin: 0; }
code {	background-color: #6496EE; white-space: nowrap; padding: 0.1em; }
img { border-width: 0; }

 /* Hacks de centrage du site pour IE  */

 body  {text-align: center;}
 h3,h4,td,ul,li {text-align: left;}
 p,dl {text-align: justify;}
 ul {margin: 2em 50% 2em 2em; }
 td ul {	margin: 0.5em;}
 td p {text-align: left;}

 /* Classes de listes */

ul.sommairel1	 { width: 25em;}
ul.sommairel2	 {	padding: 0; margin: 0; list-style: none; font-size: 90%;  width: 25em;}
ul.sommairel2 li	 {list-style: circle; margin: 0 0 0em 2em;}
li.imbrique {	list-style: none;}
ul.listeliens {	width: 50em;}
ul.menu	{	list-style: none; width: 750px; font-size: 85%; font-weight: bold;   text-align: center;  border : 1px solid #000144; padding: 0.5em 0 0.5em 0; margin: -1px auto 2.5em auto;  opacity: .7; filter: alpha(opacity=70);  }
ul.menu li	{	list-style: none; display: inline; padding: 0.5em 0.3em 0.5em 0.3em; white-space: nowrap;}
ul.submenu	{	list-style: none; width: 730px; font-size: 75%;  text-align: center;   padding: 0.5em 0 0.5em 0; border : 1px solid #000144;   margin: -2em auto 0.5em auto; }
ul.submenu li	{	list-style: none; display: inline; padding: 0.4em;  white-space: nowrap;}
.oldrelease { color: Gray;}

 /* Classes de blocs div */

div.news {	background-color: #6496EE; width: 490px; font-size: 100%;   border : 1px solid #000144;   margin: 2.7em auto 2.7em auto; padding: 1em; text-align: left; opacity: .9; filter: alpha(opacity=90);  -moz-border-radius : 1.2em; }
div.actus { border : 1px solid #000144;  margin: 2em auto 2em auto;  overflow: auto; width: 900px; background-color: #CADBF9;  opacity: .70; filter: alpha(opacity=70)  }
div.plus {	text-align: center; margin: 3em 0 3em 65%; font-size: 100%;  border : 1px solid #000144;  background-color: #6496EE; padding: 0.3em; width: 12em;  opacity: .8; filter: alpha(opacity=80); }
div.note  {	font-size: 80% ; width: 50em; margin: 3em auto 3em 8em; text-align: left;}
div.subtitle { position: absolute; left: 52%; top: 130px; color: #000144; display: block; font-weight: bold; font-size: 120%; background-color: #6496EE; border : 1px solid #000144; -moz-border-radius : 0.4em;  opacity: .99; filter: alpha(opacity=99)  }


 /* ID du Random */
 
#haruhi { background: #f8d7ce url(fonds/fond_haruhi_1.jpg);   width: 900px; height: 675px; opacity: .99; filter: alpha(opacity=99)}
#yuki { background: #6f7494 url(fonds/fond_haruhi_1.jpg);   width: 900px; height: 900px; opacity: .99; filter: alpha(opacity=99)}
#rod { background: #faf3bf url(fonds/fond_rod_1.jpg);   width: 900px; height: 675px; opacity: .99; filter: alpha(opacity=99)}
#ayushiori { background: #a5c0e0 url(fonds/fond_kanon_1.jpg);   width: 900px; height: 675px; opacity: .99; filter: alpha(opacity=99)}
#makotonayuki { background: #888E79 url(fonds/fond_kanon_2.jpg);   width: 900px; height: 675px; opacity: .99; filter: alpha(opacity=99)}
#mai { background: #1559c6 url(fonds/fond_kanon_3.jpg);  width: 900px; height: 675px; opacity: .99; filter: alpha(opacity=99)	}




 /* Autres Classes */

table.releases {	 opacity: .7; filter: alpha(opacity=70); }
table.listeboutons {	background-color: transparent;}
td.bouton {	 border : 1px solid #000144; background-color: #6496EE; width: 20em; height: 3em; text-align: center;}
td.bouton a { text-decoration: none; font-weight: bold; 	}
td.legendebouton  {  padding-left: 2em;	}
	#solutions {	margin-top : 4em; margin-bottom: 4em;		}
.legal {	  font-size: 80% ; width: 70em; margin: 3em auto 3em auto;}
table.illusnews { width: 100%; font-size: 100%;}
table.grandeliste {font-size :80%}
li br:after {content: '   '}
td.indispensable {	background-color: Lime;}
td.alternatif {	background-color: Yellow;}
td.exotique {	background-color: Green;}
td.encodeur {	background-color: Silver;}
td.obsolete {	background-color: Orange;}
td.bad {	background-color: Red;}


/* Spécial google */	

table table {border : 1px solid #000144; background-color: #CADBF9; padding: 0 1em 0 1em; -moz-border-radius : 1.2em; font-size: 8pt;}
table table td {border: 0;}
base {	display: inline;}
base:after {content: "Oooh !! Vous visitez notre site via le cache de Google ! Ceci est un message secret réservé aux gens qui arrivent ici. La page cachée de notre site est là : http://www.llumina.net/historique.php"}
center:after {content:"\A\APar contre, puisque vous visitez le site de llumina via le cache de Google, vous avez droit au message secret, réservé aux gens qui arrivent ici. La page cachée de notre site est là : http://www.llumina.net/historique.php"}

