body {
background: url(index/fond.gif);
background-repeat: repeat-x;
background-color: #444444;
background-attachment: fixed;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
padding: 0;
width: 100%;
height: 100%;
font-family: 'Verdana', Helvetica, Verdana, Arial, sans-serif;
}

#total {
margin-top: 30px;
margin-left: 20px;
}

#logo_rubrique {
float: left;
width: 268px;
margin-top: 0;
margin-left: 0;
}

#logo {
background: url(index/logo.gif);
background-repeat: no-repeat;
width: 268px;
height: 208px;
margin-top: 0;
margin-left: 0;
}

#personnage {
float: left;
position: absolute;
bottom: 2px;
left: 2px;
}

#rubrique {
background: url(index/fond-rubrique.png);
background-repeat: no-repeat;
width: 140px;
height: 206px;
margin-top: 10px;
margin-left: 120px;
}

#corps {
float: left;
background-color: #ffffff;
margin-left: 15px;
width: 65%;
font-size: 11px;
color: #444444;
}

span.coin-hg {
width: 40px;
height: 40px;
float: left;
background: url(index/coin-hg.gif);
background-repeat: no-repeat;
margin-left: 0;
margin-top: 0;
}

span.coin-hd {
width: 40px;
height: 40px;
float: right;
background: url(index/coin-hd.gif);
background-repeat: no-repeat;
margin-right: 0;
margin-top: 0;
}

span.coin-bg {
width: 40px;
height: 40px;
float: left;
background: url(index/coin-bg.gif);
background-repeat: no-repeat;
margin-left: 0;
margin-bottom: 0;
}

span.coin-bd {
width: 40px;
height: 40px;
float: right;
background: url(index/coin-bd.gif);
background-repeat: no-repeat;
margin-right: 0;
margin-bottom: 0;
}

span.fond-titre {
width: 100%;
height: 40px;
background: url(index/fond-titre.gif);
background-repeat: repeat-x;
margin-top: 0;
}



a:link {
	color: #000000; /*couleur d'un lien*/
}
a:visited {
	color: #363636; /*couleur d'un lien visité*/
}
a:hover {
	color: #000000; /*couleur d'un lien quand la souris est dessus*/
	font-weight: bold;
}
hr {
	color: #000000;
	background-color: #000000;
	height: 1px;
	border: 0;
}
.mini-bleu{
	font-size: 9px;
	color: #000000;
}
.text-bleu{
	font-size: 11px;
	color: #000000;
}
.title-bleu{
	font-size: 13px;
	color: #000000;
}
.italic-bleu{
	font-style: italic;
	color: #000000;
}
.bleu{
	color: #000000;
}
.blanc{
	color: #ffffff;
} 
h1{
	font-size: 13px;
	color: #000000;
	font-weight: normal;
	/*margin: 0 0 0 0;*/
}



.mini-bold{
	font-size: 9px;
	font-weight: bold;
}
.bold-bleu{
	font-weight: bold;
	color: #000000;
}
.mini{
	font-size: 9px;
}
.text{
	font-size: 11px;
}
.title{
	font-size: 13px;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.mini-italic{
	font-size: 9px;
	font-style: italic;
}

.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.justify{
	text-align: justify;
}

.titre-haut {
background-color: #000000;
width: 100%;
height: 37px;
margin-top: 3px;
}

.titre-bas {
background-color: #000000;
width: 100%;
height: 37px;
margin-bottom: 3px;
}

div.titre-presentation {
background: url(index/titre-presentation.gif);
background-repeat: no-repeat;
width: 400px;
height: 37px;
}

div.titre-inflow {
background: url(index/titre-inflow.gif);
background-repeat: no-repeat;
width: 400px;
height: 37px;
}

div.titre-univers {
background: url(index/titre-univers.gif);
background-repeat: no-repeat;
width: 400px;
height: 37px;
}

div.titre-extensions {
background: url(index/titre-extensions.gif);
background-repeat: no-repeat;
width: 400px;
height: 37px;
}

div.titre-credits {
background: url(index/titre-credits.gif);
background-repeat: no-repeat;
width: 400px;
height: 37px;
}

div.titre-rien {
background: url(index/titre-rien.gif);
background-repeat: no-repeat;
width: 400px;
height: 37px;
}

a.rubrique-1 { background-image: url('index/rubrique-1.gif'); float:left; }

a.rubrique-presentation { background-image: url('index/rubrique-presentation.gif'); float:left; }
a.rubrique-presentation:hover { background: url('index/rubrique-presentation.gif') -140px 0; }

a.rubrique-inflow { background-image: url('index/rubrique-inflow.gif'); float:left; }
a.rubrique-inflow:hover { background: url('index/rubrique-inflow.gif') -140px 0; }

a.rubrique-univers { background-image: url('index/rubrique-univers.gif'); float:left; }
a.rubrique-univers:hover { background: url('index/rubrique-univers.gif') -140px 0; }

a.rubrique-extensions { background-image: url('index/rubrique-extensions.gif'); float:left; }
a.rubrique-extensions:hover { background: url('index/rubrique-extensions.gif') -140px 0; }

a.rubrique-credits { background-image: url('index/rubrique-credits.gif'); float:left; }
a.rubrique-credits:hover { background: url('index/rubrique-credits.gif') -140px 0; }


/*Rollover*/
a.inflow { background-image: url('http://amateur.no-xice.com/download/inflow/inflow-rollover.png'); display:block; width:60px; height:60px;}
a.inflow:hover { background: url('http://amateur.no-xice.com/download/inflow/inflow-rollover.png') 0 -60px;}

a.jeu-01 { background-image: url('http://amateur.no-xice.com/download/inflow/jeu-01.jpg'); display:block; width:60px; height:60px;}
a.jeu-01:hover { background: url('http://amateur.no-xice.com/download/inflow/jeu-01.jpg') 0 -60px;}

a.jeu-02 { background-image: url('http://amateur.no-xice.com/download/inflow/jeu-02.jpg'); display:block; width:60px; height:60px;}
a.jeu-02:hover { background: url('http://amateur.no-xice.com/download/inflow/jeu-02.jpg') 0 -60px;}

a.jeu-03 { background-image: url('http://amateur.no-xice.com/download/inflow/jeu-03.jpg'); display:block; width:60px; height:60px;}
a.jeu-03:hover { background: url('http://amateur.no-xice.com/download/inflow/jeu-03.jpg') 0 -60px;}


a.contact { background-image: url('http://no-xice.com/images/contact.png'); display:block; width:60px; height:60px;}
a.contact:hover { background: url('http://no-xice.com/images/contact.png') 0 -60px;}